@splunk/visualizations 28.5.2 → 28.6.0

package/common/utils/mapUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/common/utils/mapUtils.ts", "esm-externals:@splunk/visualization-encoding/utils/types", "esm-externals:@splunk/visualization-encoding/utils/dsl", "esm-externals:@splunk/visualizations-shared/hocUtils", "esm-externals:@splunk/visualizations-shared/JSONSchemaUtils", "esm-externals:react", "esm-externals:styled-components", "esm-externals:lodash", "esm-externals:@splunk/visualizations-shared/iconUtils", "esm-externals:@splunk/visualizations-shared/colorUtils", "esm-externals:@splunk/visualizations-shared/RemoteIcon", "esm-externals:@splunk/visualization-context/FeatureFlagContext", "esm-externals:@splunk/ui-utils/id", "esm-externals:d3-scale", "esm-externals:chroma-js", "esm-externals:@splunk/visualization-color-palettes", "esm-externals:@splunk/visualization-schemas", "../../src/Map/PureMap/MapUtils.ts", "esm-externals:maplibre-gl", "esm-externals:@splunk/react-ui/Popover", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/themes", "../../src/Map/PureMap/Tooltip.tsx", "../../src/Map/PureMap/MarkerWrapper.tsx", "../../src/Map/PureMap/BubbleLayer.tsx"],
-  "sourcesContent": ["import { isNumber } from '@splunk/visualization-encoding/utils/types';\nimport { getFieldsFromDSL } from '@splunk/visualization-encoding/utils/dsl';\nimport { deepMergeWithArrayPrimitiveOverrides } from '@splunk/visualizations-shared/hocUtils';\nimport { pickFieldFromJSONSchema } from '@splunk/visualizations-shared/JSONSchemaUtils';\nimport { GEO_LAT_AND_LONG_FIELD } from '../../Map/PureMap/BubbleLayer';\n\nexport const columnsNullToZeros = (config, dataSources, options) => {\n    const { primary } = dataSources;\n    const { columns, fields } = primary.data;\n    let newColumns = columns;\n    const mergedOptions = deepMergeWithArrayPrimitiveOverrides(\n        {},\n        options,\n        pickFieldFromJSONSchema(config.optionsSchema, 'default')\n    );\n    if (mergedOptions.layers?.[0]?.type === 'bubble') {\n        const latitudeField = getFieldsFromDSL(mergedOptions.layers[0].latitude, dataSources)[0] || '';\n        const longitudeField = getFieldsFromDSL(mergedOptions.layers[0].longitude, dataSources)[0] || '';\n        const stringsFields = getFieldsFromDSL(\"> primary | frameBySeriesTypes('string')\", dataSources);\n        const excludedFields = Array.from(\n            new Set([\n                latitudeField,\n                longitudeField,\n                'geobin',\n                'name',\n                ...stringsFields,\n                ...GEO_LAT_AND_LONG_FIELD,\n            ])\n        );\n        const indicesToEvaluate = new Set(\n            fields.reduce((arr, e, i) => {\n                const field = typeof e === 'string' ? e : e.name.toString();\n                if (!excludedFields.includes(field)) {\n                    arr.push(i);\n                }\n                return arr;\n            }, [])\n        );\n\n        newColumns = columns.map((column, i) => {\n            if (indicesToEvaluate.has(i)) {\n                // sanitize value and convert string to numeric numbers\n                return column.map(value => (!value || !isNumber(value) ? 0 : +value));\n            }\n            return column;\n        });\n    }\n\n    const modifiedDatasources = {\n        ...dataSources,\n        primary: {\n            ...primary,\n            data: {\n                ...primary.data,\n                columns: newColumns,\n            },\n        },\n    };\n\n    return modifiedDatasources;\n};\n", "\nimport * as defaultImport from \"@splunk/visualization-encoding/utils/types\";\nexport * from \"@splunk/visualization-encoding/utils/types\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-encoding/utils/dsl\";\nexport * from \"@splunk/visualization-encoding/utils/dsl\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/hocUtils\";\nexport * from \"@splunk/visualizations-shared/hocUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/JSONSchemaUtils\";\nexport * from \"@splunk/visualizations-shared/JSONSchemaUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\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/iconUtils\";\nexport * from \"@splunk/visualizations-shared/iconUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/colorUtils\";\nexport * from \"@splunk/visualizations-shared/colorUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/RemoteIcon\";\nexport * from \"@splunk/visualizations-shared/RemoteIcon\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-context/FeatureFlagContext\";\nexport * from \"@splunk/visualization-context/FeatureFlagContext\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/id\";\nexport * from \"@splunk/ui-utils/id\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"d3-scale\";\nexport * from \"d3-scale\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"chroma-js\";\nexport * from \"chroma-js\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-color-palettes\";\nexport * from \"@splunk/visualization-color-palettes\";\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", "import { forEach, sum, isNumber, min as lodashMin, max as lodashMax, get, isEqual, isObject } from 'lodash';\nimport { LngLatBoundsLike } from 'maplibre-gl';\nimport { scalePow } from 'd3-scale';\nimport chroma from 'chroma-js';\nimport type { MapContextInterface, BaseTileConfig } from '@splunk/visualization-context/MapContext';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport { VIZ_CATEGORICAL } from '@splunk/visualization-color-palettes';\nimport { isNumber as isNumberUtil } from '@splunk/visualization-encoding/utils/types';\nimport type { GeoJsonDataType } from '@splunk/visualizations-shared/mapUtils';\nimport { LAYER_TYPE } from '@splunk/visualization-schemas';\n\nexport const MAX_LATITUDE = 90;\nexport const MIN_LATITUDE = -90;\nexport const MAX_LONGITUDE = 180;\nexport const MIN_LONGITUDE = -180;\nexport const DEFAULT_RESULT_LIMIT = 1000;\nexport const DEFAULT_CLUSTER_COLOR = '#909090';\nexport const DEFAULT_SERIES_COLORS = VIZ_CATEGORICAL;\n// MapLibre requires a map style specification number which is always 8\nexport const MAP_STYLE_VERSION_NUMBER = 8;\n// currently using one [min, max] value set for bubbles across all zoom levels\nexport const MIN_BUBBLE_RADIUS = 7.11; // 10px\nexport const MAX_BUBBLE_RADIUS = 45.26; // 85px\nexport const DEFAULT_OPACITY = 0.8;\nconst LONGITUDE = 'longitude';\nconst LATITUDE = 'latitude';\nexport type MaybeBaseTileConfig = BaseTileConfig | Record<string, never>;\ninterface GenericLayerType {\n    type: string;\n    latitude: number[];\n    longitude: number[];\n    dataColors?: string[] | '';\n    seriesColors: string[];\n    additionalTooltipFields?: string[];\n    tooltipHeaderField?: string[];\n    resultLimit: number;\n    metadata?: Array<{ [key: string]: number | string }>;\n}\n\nexport interface MarkerLayerType extends GenericLayerType {\n    type: LAYER_TYPE.Marker;\n}\n\nexport interface BubbleLayerType extends GenericLayerType {\n    type: LAYER_TYPE.Bubble;\n    bubbleSize?: number[][] | number[];\n    bubbleSizeFields: string[];\n    dataValuesField?: string;\n    tooltipHeaderFieldName?: string;\n    geobin?: string[];\n    icon?: string[];\n    tooltipFieldIcons?: string;\n}\n\ninterface BubbleLayerDatumType {\n    zoom?: number | null;\n    values: number[];\n    sanitizedValues: number[];\n    coordinates: number[];\n}\n\nexport interface BubbleLayerDataType {\n    data: BubbleLayerDatumType[];\n    dataRange: number[];\n    isPie: boolean;\n    resultLimit: number;\n    bubbleSizeFields: string[];\n}\n\nexport interface ChoroplethLayerType {\n    type: LAYER_TYPE.Choropleth;\n    areaIds: string[];\n    areaValues: number[];\n    dataColors: string[];\n    additionalTooltipFields?: string[];\n    tooltipHeaderField?: string[];\n    geom?: GeoJsonDataType[] | null;\n    resultLimit?: number;\n    metadata?: Array<{ [key: string]: number | string | GeoJsonDataType }>;\n    source?: string;\n    width?: string | number;\n    height?: string | number;\n    choroplethEmptyAreaColor?: string;\n    choroplethStrokeColor?: string;\n    choroplethOpacity?: number;\n}\n\nexport interface MapLayerClickPayloadType {\n    name?: string;\n    value?: string | number;\n    /* cell values of all cells of clicked row with the field and value - in shape row.<field>.value */\n    [key: string]: string | number;\n}\n\nexport type ClusterLayerType = BubbleLayerType | MarkerLayerType;\nexport type LayerType = ClusterLayerType | ChoroplethLayerType;\n/**\n * Construct a tile preset {key: config} by combining the default + custom tile configs\n * Also returns the default tile config for each theme - light/dark\n * @param {MapContextInterface} args\n * @param {BaseTileConfig[]} args.defaultTileConfig\n * @param {BaseTileConfig[]} args.customTileConfig\n * @returns {Object} tile preset\n */\nexport const getTilePreset = ({\n    defaultTileConfig = [],\n    customTileConfig = [],\n}: MapContextInterface): {\n    tilePreset: Record<string, BaseTileConfig>;\n    defaultTileLight: MaybeBaseTileConfig;\n    defaultTileDark: MaybeBaseTileConfig;\n} => {\n    const tilePreset: Record<string, BaseTileConfig> = {};\n    let defaultTileLight: MaybeBaseTileConfig = {};\n    let defaultTileDark: MaybeBaseTileConfig = {};\n    const tileConfigs = [...defaultTileConfig, ...customTileConfig];\n    forEach(tileConfigs, tileConfig => {\n        const key = tileConfig?.key;\n        if (!key) {\n            return;\n        }\n        const updatedConfig: BaseTileConfig = {\n            ...tileConfig,\n            version: MAP_STYLE_VERSION_NUMBER,\n        };\n        tilePreset[key] = updatedConfig;\n    });\n\n    if (defaultTileConfig.length > 0) {\n        defaultTileLight =\n            defaultTileConfig.find(config => config.theme === 'light') ??\n            defaultTileConfig.find(config => config.theme === undefined) ??\n            {};\n        defaultTileDark =\n            defaultTileConfig.find(config => config.theme === 'dark') ??\n            defaultTileConfig.find(config => config.theme === undefined) ??\n            {};\n    }\n\n    return { tilePreset, defaultTileLight, defaultTileDark };\n};\n\n/**\n * Check if baseLayerTileServer is in tilePreset and config matches current theme, if yes, return.\n * If no, construct a mapStyle with baseLayerTilerServer and baseLayerTileServerType\n * Else return default tile config based on current theme\n * @param {Object} args\n * @param {BaseTileConfig[]} args.tilePreset\n * @param {String} args.baseLayerTilerServer\n * @param {String} args.baseLayerTileServerType\n * @param {String} args.colorScheme\n * @param {BaseTileConfig} args.defaultTileDark\n * @param {BaseTileConfig} args.defaultTileLight\n * @returns {BaseTileConfig} mapStyle\n */\nexport const getMapStyle = ({\n    showBaseLayer,\n    baseLayerTileServer = '',\n    baseLayerTileServerType = '',\n    tilePreset = {},\n    colorScheme = 'light',\n    defaultTileLight = {},\n    defaultTileDark = {},\n}: {\n    showBaseLayer: boolean;\n    baseLayerTileServer?: string;\n    baseLayerTileServerType?: string;\n    tilePreset?: Record<string, BaseTileConfig>;\n    colorScheme?: string;\n    defaultTileLight?: MaybeBaseTileConfig;\n    defaultTileDark?: MaybeBaseTileConfig;\n}): MaybeBaseTileConfig => {\n    if (!showBaseLayer) {\n        return {\n            name: 'empty-base-layer',\n            key: 'empty-base-layer',\n            version: MAP_STYLE_VERSION_NUMBER,\n            sources: {\n                'base-tiles': {\n                    type: 'raster',\n                    tiles: [\n                        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=',\n                    ],\n                    tileSize: 256,\n                },\n            },\n            layers: [\n                {\n                    id: 'base-layer',\n                    type: 'raster',\n                    source: 'base-tiles',\n                    minzoom: 0,\n                    maxzoom: 22,\n                },\n            ],\n        };\n    }\n\n    if (\n        baseLayerTileServer &&\n        tilePreset[baseLayerTileServer] &&\n        (!tilePreset[baseLayerTileServer].theme || tilePreset[baseLayerTileServer].theme === colorScheme)\n    ) {\n        return tilePreset[baseLayerTileServer];\n    }\n\n    if (baseLayerTileServer && baseLayerTileServerType) {\n        let tiles: string[] = [];\n        /**\n         * Tile Server URLs (eg: http://{s}.somedomain.com/blabla/{z}/{x}/{y}{r}.png) can specify the variable {s} which refers to a subdomain\n         * Subdomains are used to help with browser parallel requests per domain limitation. These subdomains are typically single letters 'a', 'b' and 'c'\n         * Refer to https://leafletjs.com/SlavaUkraini/reference.html#tilelayer and https://wiki.openstreetmap.org/wiki/Tile_servers\n         */\n        if (/^(https?):\\/\\/{[sS]}\\./.exec(baseLayerTileServer)) {\n            /**\n             * sXML (Leaflet) allows users to define their own tile server URLs + list of available subdomains\n             * In order to preserve this behavior during conversion to splunk.map,\n             * if the variable {s} or {S} is detected, replace it with 'a', 'b' and 'c' - default values for subdomains\n             */\n            tiles = [\n                baseLayerTileServer.replace(/{[sS]}/, 'a'),\n                baseLayerTileServer.replace(/{[sS]}/, 'b'),\n                baseLayerTileServer.replace(/{[sS]}/, 'c'),\n            ];\n        } else {\n            tiles = [baseLayerTileServer];\n        }\n        const mapStyle: BaseTileConfig = {\n            name: baseLayerTileServer,\n            key: baseLayerTileServer,\n            version: MAP_STYLE_VERSION_NUMBER,\n            sources: {\n                'base-tiles': {\n                    type: baseLayerTileServerType,\n                    tiles,\n                    tileSize: 256,\n                },\n            },\n            layers: [\n                {\n                    id: 'base-layer',\n                    type: 'raster',\n                    source: 'base-tiles',\n                    minzoom: 0,\n                    maxzoom: 24, // https://maplibre.org/maplibre-gl-js-docs/api/map/\n                },\n            ],\n        };\n        return mapStyle;\n    }\n\n    // if tile server is not present in the preset AND we can't construct a mapStyle, fall back on defaults\n    return colorScheme === 'light' ? defaultTileLight : defaultTileDark;\n};\n\nexport interface ZoomConstraints {\n    minZoom: number;\n    maxZoom: number;\n}\n\nexport const getZoomConstraintsFromTileConfig = (\n    tileConfig: BaseTileConfig,\n    baseLayerTileServer?: string\n): ZoomConstraints => {\n    const { sources, layers } = tileConfig;\n    let matchedBaseLayerTileServer = false;\n    // check sources for minzoom maxzoom first\n    const sourceKeys = Object.keys(sources);\n    // eslint-disable-next-line\n    for (const key of sourceKeys) {\n        const source = sources[key] as { [key: string]: unknown };\n        const { minzoom, maxzoom } = source;\n        const tiles = Array.isArray(source?.tiles) ? (source.tiles as string[]) : [];\n        if (baseLayerTileServer && tiles.includes(baseLayerTileServer)) {\n            matchedBaseLayerTileServer = true;\n        }\n        if (\n            ((baseLayerTileServer && matchedBaseLayerTileServer) || !baseLayerTileServer) &&\n            isNumber(minzoom) &&\n            isNumber(maxzoom)\n        ) {\n            return {\n                minZoom: minzoom,\n                maxZoom: maxzoom,\n            };\n        }\n    }\n    // then check layers\n    // eslint-disable-next-line\n    for (const layer of layers) {\n        const { minzoom, maxzoom } = layer;\n        if (\n            ((baseLayerTileServer && matchedBaseLayerTileServer) || !baseLayerTileServer) &&\n            isNumber(minzoom) &&\n            isNumber(maxzoom)\n        ) {\n            return {\n                minZoom: minzoom,\n                maxZoom: maxzoom,\n            };\n        }\n    }\n    // Maplibre default - would reset previous min/maxZoom https://maplibre.org/maplibre-gl-js-docs/api/map/\n    return {\n        minZoom: 0,\n        maxZoom: 24,\n    };\n};\n\nexport const isBaseTileConfig = (config: MaybeBaseTileConfig): config is BaseTileConfig =>\n    Boolean(config && 'name' in config && 'key' in config && 'sources' in config && 'layers' in config);\n\nexport const getZoomLevelFromGeobin = (geobinStr?: string | null): number | null => {\n    if (!geobinStr) {\n        return null;\n    }\n    // geostats cmds return geobin with zoom level 0-18, 0-99 in the geobinPattern covers the range\n    const geobinPattern = /bin_id_zl_(\\d{1,2})_y_/g;\n    const match = geobinPattern.exec(geobinStr);\n    return (match?.length && parseInt(match[1], 10)) ?? null;\n};\n\n// Bubble colors - static\nexport const getStaticColors = (colorCount: number, colorArray: string[]): string[] => {\n    if (colorCount < 0 || !colorCount) {\n        return [DEFAULT_CLUSTER_COLOR];\n    }\n    if (!colorArray?.length) {\n        return [...Array(colorCount).keys()].map(i => DEFAULT_SERIES_COLORS[i]);\n    }\n    // loop through colorArray to pick the first $colorCount colors\n    // start from begining again if colorCount > colorArray.length\n    return [...Array(colorCount).keys()].map(i =>\n        isColor(colorArray[i % colorArray.length]) ? colorArray[i % colorArray.length] : DEFAULT_CLUSTER_COLOR\n    );\n};\n\n// Bubble size\nexport const matchBubbleSize = (dataRange: number[], data: number): any => {\n    const size = scalePow().exponent(0.2).domain(dataRange).range([MIN_BUBBLE_RADIUS, MAX_BUBBLE_RADIUS])(\n        data\n    );\n\n    if (size > MAX_BUBBLE_RADIUS) {\n        return MAX_BUBBLE_RADIUS;\n    }\n    if (size < MIN_BUBBLE_RADIUS) {\n        return MIN_BUBBLE_RADIUS;\n    }\n    return size;\n};\n\nexport const transposeArray = (array: number[][]): number[][] => {\n    if (!array?.length || !array[0]?.length) {\n        return [];\n    }\n    return array[0].map((_, i) => array.map(row => row[i]));\n};\n\n// sanitize values: update all null, undefined, or negative values to 0\nexport const sanitizeValues = (values: number[] | number[][]) => {\n    // null / undefined\n    if (!values) {\n        return 0;\n    }\n    // number\n    if (!Array.isArray(values)) {\n        return values > 0 ? values : 0;\n    }\n    // array\n    return values.map(arr => sanitizeValues(arr));\n};\n\n// eslint-disable-next-line consistent-return\nexport const sortByValuesField = (bubbleLayer: BubbleLayerType) => {\n    const { bubbleSizeFields, dataValuesField } = bubbleLayer;\n\n    // Find the index of dataValuesField in fields\n    const index = bubbleSizeFields.indexOf(dataValuesField);\n    if (index === -1) return bubbleLayer; // If not found, return as is\n\n    // Move dataValuesField and corresponding sizes to the first position\n    bubbleLayer.bubbleSizeFields.unshift(bubbleLayer.bubbleSizeFields.splice(index, 1)[0]);\n    bubbleLayer.bubbleSize.unshift(bubbleLayer.bubbleSize.splice(index, 1)[0] as number & number[]);\n};\n\nexport const bakeBubbleData = (layer: BubbleLayerType): BubbleLayerDataType => {\n    if (!layer?.bubbleSize?.length || !layer?.latitude?.length || !layer?.longitude?.length) {\n        return null;\n    }\n    const hasGeobinData = Array.isArray(layer.geobin) && layer.geobin.length > 0;\n    // if bubbleSize is passed as an array of single number array (data series)\n    // e.g. [value0, value1, ...]\n    // format each value as an array to unify data operations for data series and frames\n    const sanitizedBubbleSize = sanitizeValues(layer.bubbleSize);\n    let transposedBubbleSize: number[][];\n    let transposedSanitizedBubbleSize: number[][];\n    let isPie = false;\n    // format array if bubbleSize is passed as an array of array (data frame)\n    if (Array.isArray(layer.bubbleSize[0])) {\n        // one-time array transpose,\n        // e.g. from [column0data, column0data] (multi series)\n        // to [[column0datum0, column1datum0], [column0datum1, column1data1], ...]\n        // or e.g. from [column0data] (single series)\n        // to [[column0data]]\n        // for easy access of values at each geo location,\n        // and min max pie size computation\n        transposedBubbleSize = transposeArray(layer.bubbleSize as number[][]);\n        transposedSanitizedBubbleSize = transposeArray(sanitizedBubbleSize);\n        // if multiple series in the dataframe, set isPie to true\n        if (layer.bubbleSize.length > 1) {\n            isPie = true;\n            // when dynamic coloring is enabled,\n            // set the configured dataValues field as the first field\n            // to apply dynamic colors only to the first pie slice.\n            if (layer.dataValuesField && !!layer.dataColors) {\n                sortByValuesField(layer); // here\n            }\n        }\n    } else {\n        transposedBubbleSize = layer.bubbleSize.map(n => [n]);\n        transposedSanitizedBubbleSize = sanitizedBubbleSize.map(n => [n]);\n    }\n    if (!transposedBubbleSize?.length) {\n        return null;\n    }\n    const data = layer.latitude\n        .map((lat, i) => ({\n            zoom: hasGeobinData ? getZoomLevelFromGeobin(layer.geobin[i]) : null,\n            values: transposedBubbleSize[i],\n            sanitizedValues: transposedSanitizedBubbleSize[i],\n            coordinates: [layer.longitude[i], lat],\n            metadata: layer.metadata ? layer.metadata[i] : {},\n        }))\n        .filter(d => Boolean(d.values));\n\n    // compute the min/max value to encode min/max pie or bubble size\n    let min = sum(transposedSanitizedBubbleSize[0]);\n    let max = min;\n    transposedSanitizedBubbleSize.forEach(row => {\n        const bubbleSize = sum(row);\n        max = bubbleSize > max ? bubbleSize : max;\n        min = bubbleSize < min ? bubbleSize : min;\n    });\n    return {\n        data,\n        dataRange: [min, max],\n        isPie,\n        resultLimit: layer.resultLimit,\n        bubbleSizeFields: layer.bubbleSizeFields,\n    };\n};\n\nexport const isValidLatLon = (latlon: Array<number | string>): boolean => {\n    if (!latlon || !Array.isArray(latlon) || latlon.length !== 2) {\n        return false;\n    }\n    const [lat, lon] = latlon;\n    if (!isNumberUtil(lat) || !(Number(lat) >= MIN_LATITUDE && Number(lat) <= MAX_LATITUDE)) {\n        return false;\n    }\n    if (!isNumberUtil(lon) || !(Number(lon) >= MIN_LONGITUDE && Number(lon) <= MAX_LONGITUDE)) {\n        return false;\n    }\n    return true;\n};\n\nexport const getChoroplethValues = (field: string, choroplethLayer: ChoroplethLayerType): number[] => {\n    if (!Array.isArray(choroplethLayer.geom) || choroplethLayer.geom.length === 0) {\n        return [];\n    }\n    const limit = choroplethLayer.resultLimit ?? DEFAULT_RESULT_LIMIT;\n    const slicedGeomList = choroplethLayer.geom.slice(0, limit);\n    const flatCoordinates = slicedGeomList.flatMap(geomObject => {\n        if (!geomObject) {\n            return [];\n        }\n        if (geomObject.type === 'MultiPolygon') {\n            return geomObject.coordinates.flat(2);\n        }\n        if (geomObject.type === 'Polygon') {\n            return geomObject.coordinates.flat();\n        }\n        return [];\n    });\n    return flatCoordinates.map(coord => coord[field === LONGITUDE ? 0 : 1]);\n};\n\n/**\n * Returns a list of all lat or lon coordinates used in a specified layer\n * @param {LayerType[]} layer\n * @param {string} field\n * @returns {number[]} list of lat coordinates or lon coordinates\n */\nconst getLatOrLonCoordinates = (layer: LayerType, field: string): number[] => {\n    const getClusterValues = (clusterLayer: ClusterLayerType): number[] =>\n        get(clusterLayer, field, []).slice(\n            0,\n            clusterLayer.type === LAYER_TYPE.Marker && clusterLayer.resultLimit\n                ? clusterLayer.resultLimit\n                : DEFAULT_RESULT_LIMIT\n        );\n    return layer.type === LAYER_TYPE.Choropleth ? getChoroplethValues(field, layer) : getClusterValues(layer);\n};\n\n/**\n * Returns the min and max LongLat pairs to determine the layer boundaries to fit all markers/bubbles\n * @param {LayerType[]} layers\n * @returns {LngLatBoundsLike}\n */\nexport const getGlobalLayerBoundaries = (layers: LayerType[]): LngLatBoundsLike => {\n    const isLayerValid = (field: string): boolean =>\n        layers.every(layer => layer[field] || (layer as ChoroplethLayerType).geom);\n    const getDefaultMax = (field: string) => (field === LONGITUDE ? MAX_LONGITUDE : MAX_LATITUDE);\n    const getDefaultMin = (field: string) => (field === LONGITUDE ? MIN_LONGITUDE : MIN_LATITUDE);\n\n    if (!layers || !Array.isArray(layers) || !layers.length) {\n        return null;\n    }\n\n    const getMin = (field: string): number => {\n        if (!isLayerValid(field)) {\n            return getDefaultMin(field);\n        }\n        return layers.reduce((prevVal, layer) => {\n            const coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(x => +x);\n            return lodashMin([prevVal, ...coordinatesNumArr]);\n        }, getDefaultMax(field));\n    };\n\n    const getMax = (field: string): number => {\n        if (!isLayerValid(field)) {\n            return getDefaultMax(field);\n        }\n        return layers.reduce((prevVal, layer) => {\n            const coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(Number);\n            return lodashMax([prevVal, ...coordinatesNumArr]);\n        }, getDefaultMin(field));\n    };\n\n    return [\n        [getMin(LONGITUDE), getMin(LATITUDE)],\n        [getMax(LONGITUDE), getMax(LATITUDE)],\n    ];\n};\n\nexport const formatTooltipFieldValue = (value: unknown): string | number => {\n    if (value === null || value === undefined) {\n        return '';\n    }\n    if (typeof value === 'string' || typeof value === 'number') {\n        return value;\n    }\n    return JSON.stringify(value);\n};\n\nexport const getScaledOpacities = (colors: string[], cfgOpacity: number): number[] => {\n    // extract opacity information from 8 digit hex codes\n    const opacities = colors?.map(color => (color?.length === 9 ? (chroma(color).alpha() ?? 1) : 1));\n    // opacity cannot be greater than configured opacity\n    return opacities?.map(opacity => opacity * cfgOpacity);\n};\n\nexport const compareBaseStyles = (curr, next): boolean => {\n    const currBaseLayer = curr?.layers?.find(layer => layer?.id === 'base-layer');\n    const nextBaseLayer = next?.layers?.find(layer => layer?.id === 'base-layer');\n    const currBaseSource = get(curr?.sources, (currBaseLayer?.source as string) ?? '');\n    const nextBaseSource = get(next?.sources, (nextBaseLayer?.source as string) ?? '');\n\n    if (!currBaseLayer || !nextBaseLayer || !currBaseSource || !nextBaseSource) {\n        return false;\n    }\n\n    return isEqual(currBaseLayer, nextBaseLayer) && isEqual(currBaseSource, nextBaseSource);\n};\n\nexport const formatMetadata = (\n    choroplethLayer: ChoroplethLayerType,\n    i: number\n): { [key: string]: string } => {\n    if (!choroplethLayer?.areaIds || !choroplethLayer?.areaValues) return {};\n    if (i >= choroplethLayer.areaIds.length) return {};\n\n    const metadata = choroplethLayer.metadata ? choroplethLayer.metadata[i] : {};\n    const name = choroplethLayer.areaIds[i];\n    const value = choroplethLayer.areaValues[i];\n    const base = { name, value: String(value) };\n\n    return Object.keys(metadata).reduce((result, curr) => {\n        const key = `row.${curr}.value`;\n        const val = isObject(metadata[curr]) ? JSON.stringify(metadata[curr]) : String(metadata[curr]);\n        return { ...result, [key]: val };\n    }, base);\n};\n", "\nimport * as defaultImport from \"maplibre-gl\";\nexport * from \"maplibre-gl\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Popover\";\nexport * from \"@splunk/react-ui/Popover\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as React from 'react';\nimport styled from 'styled-components';\nimport Popover from '@splunk/react-ui/Popover';\nimport { isRemoteIcon, isDataURI } from '@splunk/visualizations-shared/iconUtils';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport RemoteIcon from '@splunk/visualizations-shared/RemoteIcon';\nimport { variables } from '@splunk/themes';\nimport { createDOMID } from '@splunk/ui-utils/id';\n\ntype FeatureFlagContextValue = Record<string, boolean | undefined> | null;\n\nconst StyledPopover = styled(Popover)`\n    min-width: 250px;\n    max-width: 332px;\n    max-width: fit-content;\n    font-size: 12px;\n`;\n\nconst StyledTable = styled.table`\n    margin: 2px 6px 2px 6px;\n    width: calc(100% - 12px);\n`;\n\nconst StyledTitleColumn = styled.td`\n    opacity: 0.85;\n    word-break: break-all;\n    vertical-align: top;\n`;\n\nconst StyledValueColumn = styled.td`\n    text-align: right;\n    word-break: break-all;\n    vertical-align: top;\n`;\n\nconst StyledColorBlock = styled.div`\n    background-color: ${props => props.color};\n    display: inline-block;\n    margin-right: 4px;\n    border-radius: 2px;\n    width: 6px;\n    height: 11px;\n    transform: translateY(1px);\n`;\n\nconst StyledIconWrapper = styled.span`\n    margin-left: 4px;\n    display: inline-block;\n    vertical-align: middle;\n`;\n\nconst StyledTooltipHeader = styled.thead`\n    th {\n        height: 16px;\n        color: ${variables.contentColorActive};\n        padding: 0;\n    }\n\n    span {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        width: 100%;\n    }\n`;\n\nexport const convertDegToDMS = (decimalDegree: number, type: 'latitude' | 'longitude'): string => {\n    const truncate = n => (n > 0 ? Math.floor(n) : Math.ceil(n));\n    const absoluteDegree = Math.abs(decimalDegree);\n    let degrees = truncate(absoluteDegree);\n    let minutes = truncate((absoluteDegree - degrees) * 60);\n    let seconds = Math.round((absoluteDegree - degrees - minutes / 60) * 3600);\n    if (seconds === 60) {\n        minutes += 1;\n        seconds = 0;\n    }\n    if (minutes === 60) {\n        degrees += 1;\n        minutes = 0;\n    }\n    let direction: string;\n    if (type === 'longitude') {\n        direction = decimalDegree < 0 ? 'W' : 'E';\n    } else if (type === 'latitude') {\n        direction = decimalDegree < 0 ? 'S' : 'N';\n    }\n    return `${degrees}\u00B0 ${minutes}' ${seconds}\" ${direction}`;\n};\n\nexport interface TooltipProps {\n    open?: boolean;\n    anchor?: HTMLElement;\n    latitude?: number;\n    longitude?: number;\n    areaId?: string;\n    areaValue?: number;\n    additionalFields?: Array<{ name: string; value: number | string; color?: string; icon?: string }>;\n    showCoordinates?: boolean;\n    tooltipHeader?: string;\n}\n// only want latitude/longitude for marker and bubble\n// omit for choropleth, and put areaid, areavalue instead\nconst Tooltip = ({\n    open,\n    anchor,\n    latitude,\n    longitude,\n    areaId,\n    areaValue,\n    additionalFields = [],\n    showCoordinates = true,\n    tooltipHeader = null,\n}: TooltipProps): JSX.Element => {\n    const featureFlagContext = React.useContext<FeatureFlagContextValue>(FeatureFlagContext);\n    const isTooltipIconFlagEnabled = Boolean(\n        featureFlagContext && featureFlagContext.visualizations_enableTooltipIcon\n    );\n    return (\n        <StyledPopover\n            open={open}\n            animation={false}\n            anchor={anchor}\n            data-test=\"map-marker-tooltip\"\n            defaultPlacement=\"above\"\n        >\n            <StyledTable>\n                {tooltipHeader && (\n                    <StyledTooltipHeader data-test=\"tooltip-header\">\n                        <tr>\n                            <th colSpan={2}>\n                                <span data-test=\"tooltip-header-value\">{tooltipHeader}</span>\n                            </th>\n                        </tr>\n                    </StyledTooltipHeader>\n                )}\n                <tbody>\n                    {Boolean(areaId && areaValue) && (\n                        <tr>\n                            <StyledTitleColumn data-test=\"area-id\">{areaId}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"area-value\">{areaValue}</StyledValueColumn>\n                        </tr>\n                    )}\n                    {Boolean(showCoordinates && latitude) && (\n                        <tr>\n                            <StyledTitleColumn>{_('Latitude')}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"latitude\">\n                                {convertDegToDMS(latitude, 'latitude')}\n                            </StyledValueColumn>\n                        </tr>\n                    )}\n                    {Boolean(showCoordinates && longitude) && (\n                        <tr>\n                            <StyledTitleColumn>{_('Longitude')}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"longitude\">\n                                {convertDegToDMS(longitude, 'longitude')}\n                            </StyledValueColumn>\n                        </tr>\n                    )}\n                    {additionalFields\n                        .filter(({ value }) => value && String(value) !== '0')\n                        .map(({ name, value, color, icon }) => (\n                            <tr key={createDOMID()}>\n                                <StyledTitleColumn data-test=\"field-title\">\n                                    {color ? (\n                                        <StyledColorBlock data-test=\"field-color\" color={color} />\n                                    ) : null}\n                                    <span>\n                                        {name}\n                                        {isTooltipIconFlagEnabled &&\n                                        icon &&\n                                        (isRemoteIcon(icon) || isDataURI(icon)) ? (\n                                            <StyledIconWrapper data-test=\"field-icon\">\n                                                <RemoteIcon iconURL={icon} width={16} height={16} />\n                                            </StyledIconWrapper>\n                                        ) : null}\n                                    </span>\n                                </StyledTitleColumn>\n                                <StyledValueColumn data-test=\"field-value\">{value}</StyledValueColumn>\n                            </tr>\n                        ))}\n                </tbody>\n            </StyledTable>\n        </StyledPopover>\n    );\n};\n\nexport default Tooltip;\n", "import type { Map } from 'maplibre-gl';\nimport { Marker } from 'maplibre-gl';\nimport * as React from 'react';\nimport type { TooltipProps } from './Tooltip';\nimport Tooltip from './Tooltip';\n\nexport interface MarkerWrapperProps extends React.HTMLAttributes<HTMLDivElement> {\n    latitude: number;\n    longitude: number;\n    areaId?: string;\n    areaValue?: number;\n    additionalFields?: TooltipProps['additionalFields'];\n    tooltipHeader?: TooltipProps['tooltipHeader'];\n    map: React.MutableRefObject<Map>;\n    isChoroplethTooltipOpen?: boolean;\n    showCoordinates?: boolean;\n}\n\nconst MarkerWrapper = ({\n    longitude,\n    latitude,\n    areaId,\n    areaValue,\n    additionalFields = [],\n    tooltipHeader = null,\n    map,\n    isChoroplethTooltipOpen,\n    children,\n    showCoordinates = true,\n    ...otherProps\n}: MarkerWrapperProps): JSX.Element => {\n    const container = React.useRef<HTMLDivElement>();\n    const marker = React.useRef<Marker>();\n    const [isTooltipOpen, setTooltipOpenStatus] = React.useState(false);\n\n    const isChoroplethTooltip = React.useCallback(\n        () => isChoroplethTooltipOpen !== undefined,\n        [isChoroplethTooltipOpen]\n    );\n\n    const openTooltip = React.useCallback(() => setTooltipOpenStatus(true), []);\n    const closeTooltip = React.useCallback(() => setTooltipOpenStatus(false), []);\n\n    const cleanupMarker = React.useCallback(() => {\n        if (marker.current) {\n            marker.current.remove();\n            marker.current = undefined;\n        }\n    }, []);\n\n    React.useEffect(() => {\n        try {\n            if (marker.current) {\n                marker.current.setLngLat([longitude, latitude]);\n            } else {\n                marker.current = new Marker({ element: container.current });\n                marker.current.setLngLat([longitude, latitude]);\n                marker.current.addTo(map.current);\n            }\n        } catch (error) {\n            // eslint-disable-next-line no-console\n            console.error(error);\n            cleanupMarker();\n        }\n    }, [latitude, longitude, map]);\n\n    React.useEffect(() => cleanupMarker, []);\n    const filteredAdditionalFields = additionalFields.filter(({ value }) => value && String(value) !== '0');\n    const showTooltip = showCoordinates || filteredAdditionalFields.length || (areaId && areaValue);\n    return (\n        <div style={{ visibility: isChoroplethTooltip() ? 'hidden' : 'visible' }}>\n            <div\n                style={{\n                    visibility: isChoroplethTooltip() ? 'hidden' : 'visible',\n                }}\n                ref={container}\n                data-test=\"map-marker\"\n                onMouseOver={openTooltip}\n                onMouseLeave={closeTooltip}\n                onFocus={openTooltip}\n                onBlur={closeTooltip}\n                {...otherProps}\n            >\n                {children}\n            </div>\n            <div>\n                {showTooltip && (\n                    <Tooltip\n                        open={isChoroplethTooltip() ? isChoroplethTooltipOpen : isTooltipOpen}\n                        anchor={container.current}\n                        latitude={isChoroplethTooltip() ? null : latitude}\n                        longitude={isChoroplethTooltip() ? null : longitude}\n                        areaId={areaId}\n                        areaValue={areaValue}\n                        additionalFields={additionalFields}\n                        showCoordinates={showCoordinates}\n                        tooltipHeader={tooltipHeader}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default MarkerWrapper;\n", "import * as React from 'react';\nimport styled from 'styled-components';\nimport type { Map } from 'maplibre-gl';\nimport { sum } from 'lodash';\nimport { isRemoteIcon, isDataURI } from '@splunk/visualizations-shared/iconUtils';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport RemoteIcon from '@splunk/visualizations-shared/RemoteIcon';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport { createDOMID } from '@splunk/ui-utils/id';\nimport {\n    bakeBubbleData,\n    BubbleLayerType,\n    DEFAULT_SERIES_COLORS,\n    DEFAULT_RESULT_LIMIT,\n    DEFAULT_CLUSTER_COLOR,\n    getStaticColors,\n    matchBubbleSize,\n} from './MapUtils';\nimport MarkerWrapper from './MarkerWrapper';\nimport type { TooltipProps } from './Tooltip';\n\ntype FeatureFlagContextValue = Record<string, boolean | undefined> | null;\n\nexport const GEO_BOUND_PREFIX = '_geo_bounds_';\nexport const GEO_LAT_AND_LONG_FIELD = ['_geo_long_field', '_geo_lat_field'];\nexport const ICON_DISPLAY_CUTOFF = 16;\nexport interface PieSegmentProps {\n    start: number;\n    end: number;\n    radius: number;\n    color: string;\n    themeColor: string;\n    segmentMetadata?: { name: string; value: number; color: string };\n    handleBubbleClick?: (e: Event, name: string, count: number) => void;\n}\n\nexport const PieSegment = React.memo(\n    ({\n        start,\n        end,\n        radius,\n        color,\n        themeColor,\n        segmentMetadata,\n        handleBubbleClick,\n    }: PieSegmentProps): JSX.Element => {\n        const { name, value } = segmentMetadata ?? {};\n        const handleSegmentClick = React.useCallback(\n            e => {\n                handleBubbleClick(e, name, value);\n            },\n            [name, value, handleBubbleClick]\n        );\n\n        if (end - start === 1) {\n            return (\n                <BubbleSegment\n                    as=\"circle\"\n                    onClick={handleSegmentClick}\n                    cx={radius}\n                    cy={radius}\n                    r={radius}\n                    fill={color}\n                    fillOpacity={0.5}\n                    strokeWidth={1.5}\n                    stroke={color}\n                />\n            );\n        }\n        const a0 = 2 * Math.PI * (start - 0.25);\n        const a1 = 2 * Math.PI * (end - 0.25);\n        const x0 = Math.cos(a0);\n        const y0 = Math.sin(a0);\n        const x1 = Math.cos(a1);\n        const y1 = Math.sin(a1);\n        const arc = end - start > 0.5 ? 1 : 0;\n\n        return (\n            <BubbleSegment\n                as=\"path\"\n                onClick={handleSegmentClick}\n                d={`M ${radius} ${radius} L ${radius + radius * x0} ${\n                    radius + radius * y0\n                } A ${radius} ${radius} 0 ${arc} 1 ${radius + radius * x1} ${\n                    radius + radius * y1\n                } L ${radius} ${radius} A 0 0 0 ${arc} 0 ${radius} ${radius}`}\n                fill={color}\n                fillOpacity={0.8}\n                stroke={themeColor}\n                strokeWidth={2}\n                strokeOpacity={0.3}\n            />\n        );\n    }\n);\n\nPieSegment.displayName = 'MapBubblePieSegment';\n\nexport const BubbleSegment = styled.path`\n    transition: 0.2s ease-in-out;\n    transition-property: fill, stroke;\n`;\n\nexport const BUBBLE_SEGMENT_DIMMED_STYLES = {\n    fill: 'rgba(150, 150, 150, 0.3)',\n    stroke: 'rgba(200, 200, 200, 0.4)',\n} as const;\n\nconst StyledMarkerWrapper = styled(MarkerWrapper)`\n    cursor: pointer;\n`;\n\nexport interface BubbleProps {\n    originalValues: number[];\n    valueRange: number[];\n    colors: string[];\n    themeColor: string;\n    isPie: boolean;\n    latitude: number;\n    longitude: number;\n    bubbleSize: Required<TooltipProps['additionalFields'][number] & { value: number }>[];\n    additionalFields?: TooltipProps['additionalFields'];\n    tooltipHeader?: TooltipProps['tooltipHeader'];\n    map: React.MutableRefObject<Map>;\n    handleMapClick?: any;\n    icon?: string;\n    showCoordinates?: boolean;\n}\n\nexport const Bubble = React.memo(\n    ({\n        originalValues,\n        valueRange,\n        colors,\n        themeColor,\n        isPie,\n        latitude,\n        longitude,\n        bubbleSize,\n        additionalFields = [],\n        tooltipHeader = null,\n        map,\n        handleMapClick,\n        icon,\n        showCoordinates,\n    }: BubbleProps): JSX.Element => {\n        const featureFlagContext = React.useContext<FeatureFlagContextValue>(FeatureFlagContext);\n        const isBubbleMapIconFlagEnabled = Boolean(\n            featureFlagContext && featureFlagContext.visualizations_enableBubbleMapIcon\n        );\n\n        const onBubbleClick = React.useCallback(\n            (e, name, value) => {\n                handleMapClick(e, name, value);\n                e.stopPropagation();\n            },\n            [handleMapClick]\n        );\n\n        // sanitize values\n        const allZeros = originalValues.every(v => v === 0);\n        const values = originalValues.map(v => (v > 0 ? v : 0));\n        const total = values.reduce((totalValue, v) => totalValue + v, 0);\n        const radius = matchBubbleSize(valueRange, total);\n\n        const bubble = React.useMemo(() => {\n            if (allZeros || !originalValues.length) return null;\n\n            const offsets: number[] = [];\n            let runningTotal = 0;\n            values.forEach(count => {\n                offsets.push(runningTotal);\n                runningTotal += count;\n            });\n\n            const width = radius * 2;\n            return (\n                <svg width={width} height={width} viewBox={`-3 -3 ${width + 6} ${width + 6}`}>\n                    {isPie && (\n                        <circle\n                            cx={radius}\n                            cy={radius}\n                            r={radius}\n                            fill=\"none\"\n                            strokeWidth={2}\n                            stroke={themeColor}\n                            strokeOpacity={0.3}\n                        />\n                    )}\n                    {values.map((v, i) => (\n                        <PieSegment\n                            key={createDOMID()}\n                            start={offsets[i] / total}\n                            end={(offsets[i] + v) / total}\n                            radius={radius}\n                            color={colors[i]}\n                            themeColor={themeColor}\n                            segmentMetadata={bubbleSize[i]}\n                            handleBubbleClick={onBubbleClick}\n                        />\n                    ))}\n                </svg>\n            );\n        }, [\n            bubbleSize,\n            colors,\n            isPie,\n            onBubbleClick,\n            originalValues,\n            themeColor,\n            allZeros,\n            radius,\n            total,\n            values,\n        ]);\n\n        if (!bubble) {\n            return null;\n        }\n\n        return (\n            <StyledMarkerWrapper\n                longitude={longitude}\n                latitude={latitude}\n                additionalFields={[...bubbleSize, ...additionalFields]}\n                tooltipHeader={tooltipHeader}\n                map={map}\n                data-test-type=\"bubble\"\n                showCoordinates={showCoordinates}\n            >\n                {bubble}\n                {isBubbleMapIconFlagEnabled &&\n                    radius >= ICON_DISPLAY_CUTOFF &&\n                    icon &&\n                    (isRemoteIcon(icon) || isDataURI(icon)) && (\n                        <div\n                            data-test=\"bubble-icon-wrapper\"\n                            style={{\n                                position: 'absolute',\n                                top: `${radius}px`,\n                                left: `${radius}px`,\n                                transform: 'translate(-50%, -50%)',\n                                pointerEvents: 'none',\n                            }}\n                        >\n                            <RemoteIcon iconURL={icon} width={radius * 0.8} height={radius * 0.8} />\n                        </div>\n                    )}\n            </StyledMarkerWrapper>\n        );\n    }\n);\nBubble.displayName = 'MapBubble';\n\nexport interface BubbleLayerProps {\n    bubbleLayer: BubbleLayerType;\n    themeColorScheme: string;\n    zoom: number;\n    map: React.MutableRefObject<Map>;\n    onMapClick?: any;\n    showCoordinates?: boolean;\n}\n\nconst BubbleLayer = (props: BubbleLayerProps): JSX.Element => {\n    const { bubbleLayer, themeColorScheme, map, zoom, onMapClick, showCoordinates } = props;\n\n    bubbleLayer.seriesColors = bubbleLayer.seriesColors || DEFAULT_SERIES_COLORS;\n    bubbleLayer.bubbleSize = bubbleLayer.bubbleSize || [];\n    bubbleLayer.icon = bubbleLayer.icon || [];\n    const bakedData = React.useMemo(() => bakeBubbleData(bubbleLayer), [bubbleLayer]);\n    const staticColors = React.useMemo(\n        () => getStaticColors(bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors),\n        [bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors]\n    );\n    const { data = [], dataRange = [], resultLimit, bubbleSizeFields, isPie } = bakedData ?? {};\n    const { additionalTooltipFields = [], tooltipHeaderFieldName = null } = bubbleLayer;\n    const roundedZoom = Math.round(zoom);\n    const themeColor = themeColorScheme === 'light' ? '#ffffff' : '#1a1c20';\n    const dynamicColors = bubbleLayer.dataColors;\n\n    // filter data for the current zoom level and sort base on values\n    const dataToRender = React.useMemo(\n        () =>\n            data\n                .reduce((acc, datum, i) => {\n                    const shouldRender =\n                        datum.zoom === null || datum.zoom === undefined || datum.zoom === roundedZoom;\n                    if (shouldRender) {\n                        acc.push({ data: datum, idx: i });\n                    }\n                    return acc;\n                }, [])\n                .slice(0, resultLimit || DEFAULT_RESULT_LIMIT)\n                .sort((a, b) => sum(b.data.values) - sum(a.data.values)),\n        [data, resultLimit, roundedZoom]\n    );\n\n    const handleMapClick = React.useCallback(\n        (e, name, value, i) => {\n            // retrieve metadata from the appropriate datum, indexed by i\n            const metadata = dataToRender[i]?.data?.metadata ?? {};\n            const payload = Object.keys(metadata).reduce(\n                (acc, curr) => {\n                    const key = `row.${curr}.value`;\n                    const val = String(metadata[curr]);\n                    return { ...acc, [key]: val };\n                },\n                { name, value: String(value) }\n            );\n\n            onMapClick({ e, payload });\n        },\n        [dataToRender, onMapClick]\n    );\n\n    return (\n        <>\n            {dataToRender.map((datum, i) => {\n                const colors = dynamicColors\n                    ? [\n                          dataToRender.map(obj =>\n                              isColor(dynamicColors[obj.idx]) ? dynamicColors[obj.idx] : DEFAULT_CLUSTER_COLOR\n                          )[i],\n                      ]\n                    : staticColors;\n\n                const [longitude, latitude] = datum.data.coordinates;\n                const bubbleSize = datum.data.values.map((value, index) => ({\n                    name: bubbleSizeFields[index],\n                    value,\n                    color: colors[index],\n                }));\n\n                const additionalFields = bubbleLayer.metadata\n                    ? additionalTooltipFields.map(field => ({\n                          name: field,\n                          value: datum.data.metadata[field],\n                          icon: bubbleLayer.tooltipFieldIcons?.[field],\n                      }))\n                    : [];\n\n                const tooltipHeaderField =\n                    bubbleLayer.metadata && datum.data.metadata[tooltipHeaderFieldName];\n\n                return (\n                    <Bubble\n                        // eslint-disable-next-line\n                        key={String(i)}\n                        originalValues={datum.data.values}\n                        valueRange={dataRange}\n                        colors={colors}\n                        themeColor={themeColor}\n                        isPie={isPie}\n                        longitude={longitude}\n                        latitude={latitude}\n                        bubbleSize={bubbleSize}\n                        additionalFields={additionalFields}\n                        tooltipHeader={tooltipHeaderField}\n                        map={map}\n                        handleMapClick={(e, name, value) => handleMapClick(e, name, value, i)}\n                        icon={bubbleLayer.icon[datum.idx]}\n                        showCoordinates={showCoordinates}\n                    />\n                );\n            })}\n        </>\n    );\n};\n\nexport default BubbleLayer;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isNumber } from '@splunk/visualization-encoding/utils/types';\nimport { getFieldsFromDSL } from '@splunk/visualization-encoding/utils/dsl';\nimport { deepMergeWithArrayPrimitiveOverrides } from '@splunk/visualizations-shared/hocUtils';\nimport { pickFieldFromJSONSchema } from '@splunk/visualizations-shared/JSONSchemaUtils';\nimport { GEO_LAT_AND_LONG_FIELD } from '../../Map/PureMap/BubbleLayer';\n\nexport const columnsNullToZeros = (config, dataSources, options) => {\n    const { primary } = dataSources;\n    const { columns, fields } = primary.data;\n    let newColumns = columns;\n    const mergedOptions = deepMergeWithArrayPrimitiveOverrides(\n        {},\n        options,\n        pickFieldFromJSONSchema(config.optionsSchema, 'default')\n    );\n    if (mergedOptions.layers?.[0]?.type === 'bubble') {\n        const latitudeField = getFieldsFromDSL(mergedOptions.layers[0].latitude, dataSources)[0] || '';\n        const longitudeField = getFieldsFromDSL(mergedOptions.layers[0].longitude, dataSources)[0] || '';\n        const stringsFields = getFieldsFromDSL(\"> primary | frameBySeriesTypes('string')\", dataSources);\n        const excludedFields = Array.from(\n            new Set([\n                latitudeField,\n                longitudeField,\n                'geobin',\n                'name',\n                ...stringsFields,\n                ...GEO_LAT_AND_LONG_FIELD,\n            ])\n        );\n        const indicesToEvaluate = new Set(\n            fields.reduce((arr, e, i) => {\n                const field = typeof e === 'string' ? e : e.name.toString();\n                if (!excludedFields.includes(field)) {\n                    arr.push(i);\n                }\n                return arr;\n            }, [])\n        );\n\n        newColumns = columns.map((column, i) => {\n            if (indicesToEvaluate.has(i)) {\n                // sanitize value and convert string to numeric numbers\n                return column.map(value => (!value || !isNumber(value) ? 0 : +value));\n            }\n            return column;\n        });\n    }\n\n    const modifiedDatasources = {\n        ...dataSources,\n        primary: {\n            ...primary,\n            data: {\n                ...primary.data,\n                columns: newColumns,\n            },\n        },\n    };\n\n    return modifiedDatasources;\n};\n", "\nimport * as defaultImport from \"@splunk/visualization-encoding/utils/types\";\nexport * from \"@splunk/visualization-encoding/utils/types\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-encoding/utils/dsl\";\nexport * from \"@splunk/visualization-encoding/utils/dsl\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/hocUtils\";\nexport * from \"@splunk/visualizations-shared/hocUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/JSONSchemaUtils\";\nexport * from \"@splunk/visualizations-shared/JSONSchemaUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\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/iconUtils\";\nexport * from \"@splunk/visualizations-shared/iconUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/colorUtils\";\nexport * from \"@splunk/visualizations-shared/colorUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/RemoteIcon\";\nexport * from \"@splunk/visualizations-shared/RemoteIcon\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-context/FeatureFlagContext\";\nexport * from \"@splunk/visualization-context/FeatureFlagContext\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/id\";\nexport * from \"@splunk/ui-utils/id\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"d3-scale\";\nexport * from \"d3-scale\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"chroma-js\";\nexport * from \"chroma-js\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-color-palettes\";\nexport * from \"@splunk/visualization-color-palettes\";\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", "import { forEach, sum, isNumber, min as lodashMin, max as lodashMax, get, isEqual, isObject } from 'lodash';\nimport { LngLatBoundsLike } from 'maplibre-gl';\nimport { scalePow } from 'd3-scale';\nimport chroma from 'chroma-js';\nimport type { MapContextInterface, BaseTileConfig } from '@splunk/visualization-context/MapContext';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport { VIZ_CATEGORICAL } from '@splunk/visualization-color-palettes';\nimport { isNumber as isNumberUtil } from '@splunk/visualization-encoding/utils/types';\nimport type { GeoJsonDataType } from '@splunk/visualizations-shared/mapUtils';\nimport { LAYER_TYPE } from '@splunk/visualization-schemas';\n\nexport const MAX_LATITUDE = 90;\nexport const MIN_LATITUDE = -90;\nexport const MAX_LONGITUDE = 180;\nexport const MIN_LONGITUDE = -180;\nexport const DEFAULT_RESULT_LIMIT = 1000;\nexport const DEFAULT_CLUSTER_COLOR = '#909090';\nexport const DEFAULT_SERIES_COLORS = VIZ_CATEGORICAL;\n// MapLibre requires a map style specification number which is always 8\nexport const MAP_STYLE_VERSION_NUMBER = 8;\n// currently using one [min, max] value set for bubbles across all zoom levels\nexport const MIN_BUBBLE_RADIUS = 7.11; // 10px\nexport const MAX_BUBBLE_RADIUS = 45.26; // 85px\nexport const DEFAULT_OPACITY = 0.8;\nconst LONGITUDE = 'longitude';\nconst LATITUDE = 'latitude';\nexport type MaybeBaseTileConfig = BaseTileConfig | Record<string, never>;\ninterface GenericLayerType {\n    type: string;\n    latitude: number[];\n    longitude: number[];\n    dataColors?: string[] | '';\n    seriesColors: string[];\n    additionalTooltipFields?: string[];\n    tooltipHeaderField?: string[];\n    resultLimit: number;\n    metadata?: Array<{ [key: string]: number | string }>;\n}\n\nexport interface MarkerLayerType extends GenericLayerType {\n    type: LAYER_TYPE.Marker;\n}\n\nexport interface BubbleLayerType extends GenericLayerType {\n    type: LAYER_TYPE.Bubble;\n    bubbleSize?: number[][] | number[];\n    bubbleSizeFields: string[];\n    dataValuesField?: string;\n    tooltipHeaderFieldName?: string;\n    geobin?: string[];\n    icon?: string[];\n    tooltipFieldIcons?: string;\n}\n\ninterface BubbleLayerDatumType {\n    zoom?: number | null;\n    values: number[];\n    sanitizedValues: number[];\n    coordinates: number[];\n}\n\nexport interface BubbleLayerDataType {\n    data: BubbleLayerDatumType[];\n    dataRange: number[];\n    isPie: boolean;\n    resultLimit: number;\n    bubbleSizeFields: string[];\n}\n\nexport interface ChoroplethLayerType {\n    type: LAYER_TYPE.Choropleth;\n    areaIds: string[];\n    areaValues: number[];\n    dataColors: string[];\n    additionalTooltipFields?: string[];\n    tooltipHeaderField?: string[];\n    geom?: GeoJsonDataType[] | null;\n    resultLimit?: number;\n    metadata?: Array<{ [key: string]: number | string | GeoJsonDataType }>;\n    source?: string;\n    width?: string | number;\n    height?: string | number;\n    choroplethEmptyAreaColor?: string;\n    choroplethStrokeColor?: string;\n    choroplethOpacity?: number;\n}\n\nexport interface MapLayerClickPayloadType {\n    name?: string;\n    value?: string | number;\n    /* cell values of all cells of clicked row with the field and value - in shape row.<field>.value */\n    [key: string]: string | number;\n}\n\nexport type ClusterLayerType = BubbleLayerType | MarkerLayerType;\nexport type LayerType = ClusterLayerType | ChoroplethLayerType;\n/**\n * Construct a tile preset {key: config} by combining the default + custom tile configs\n * Also returns the default tile config for each theme - light/dark\n * @param {MapContextInterface} args\n * @param {BaseTileConfig[]} args.defaultTileConfig\n * @param {BaseTileConfig[]} args.customTileConfig\n * @returns {Object} tile preset\n */\nexport const getTilePreset = ({\n    defaultTileConfig = [],\n    customTileConfig = [],\n}: MapContextInterface): {\n    tilePreset: Record<string, BaseTileConfig>;\n    defaultTileLight: MaybeBaseTileConfig;\n    defaultTileDark: MaybeBaseTileConfig;\n} => {\n    const tilePreset: Record<string, BaseTileConfig> = {};\n    let defaultTileLight: MaybeBaseTileConfig = {};\n    let defaultTileDark: MaybeBaseTileConfig = {};\n    const tileConfigs = [...defaultTileConfig, ...customTileConfig];\n    forEach(tileConfigs, tileConfig => {\n        const key = tileConfig?.key;\n        if (!key) {\n            return;\n        }\n        const updatedConfig: BaseTileConfig = {\n            ...tileConfig,\n            version: MAP_STYLE_VERSION_NUMBER,\n        };\n        tilePreset[key] = updatedConfig;\n    });\n\n    if (defaultTileConfig.length > 0) {\n        defaultTileLight =\n            defaultTileConfig.find(config => config.theme === 'light') ??\n            defaultTileConfig.find(config => config.theme === undefined) ??\n            {};\n        defaultTileDark =\n            defaultTileConfig.find(config => config.theme === 'dark') ??\n            defaultTileConfig.find(config => config.theme === undefined) ??\n            {};\n    }\n\n    return { tilePreset, defaultTileLight, defaultTileDark };\n};\n\n/**\n * Check if baseLayerTileServer is in tilePreset and config matches current theme, if yes, return.\n * If no, construct a mapStyle with baseLayerTilerServer and baseLayerTileServerType\n * Else return default tile config based on current theme\n * @param {Object} args\n * @param {BaseTileConfig[]} args.tilePreset\n * @param {String} args.baseLayerTilerServer\n * @param {String} args.baseLayerTileServerType\n * @param {String} args.colorScheme\n * @param {BaseTileConfig} args.defaultTileDark\n * @param {BaseTileConfig} args.defaultTileLight\n * @returns {BaseTileConfig} mapStyle\n */\nexport const getMapStyle = ({\n    showBaseLayer,\n    baseLayerTileServer = '',\n    baseLayerTileServerType = '',\n    tilePreset = {},\n    colorScheme = 'light',\n    defaultTileLight = {},\n    defaultTileDark = {},\n}: {\n    showBaseLayer: boolean;\n    baseLayerTileServer?: string;\n    baseLayerTileServerType?: string;\n    tilePreset?: Record<string, BaseTileConfig>;\n    colorScheme?: string;\n    defaultTileLight?: MaybeBaseTileConfig;\n    defaultTileDark?: MaybeBaseTileConfig;\n}): MaybeBaseTileConfig => {\n    if (!showBaseLayer) {\n        return {\n            name: 'empty-base-layer',\n            key: 'empty-base-layer',\n            version: MAP_STYLE_VERSION_NUMBER,\n            sources: {\n                'base-tiles': {\n                    type: 'raster',\n                    tiles: [\n                        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=',\n                    ],\n                    tileSize: 256,\n                },\n            },\n            layers: [\n                {\n                    id: 'base-layer',\n                    type: 'raster',\n                    source: 'base-tiles',\n                    minzoom: 0,\n                    maxzoom: 22,\n                },\n            ],\n        };\n    }\n\n    if (\n        baseLayerTileServer &&\n        tilePreset[baseLayerTileServer] &&\n        (!tilePreset[baseLayerTileServer].theme || tilePreset[baseLayerTileServer].theme === colorScheme)\n    ) {\n        return tilePreset[baseLayerTileServer];\n    }\n\n    if (baseLayerTileServer && baseLayerTileServerType) {\n        let tiles: string[] = [];\n        /**\n         * Tile Server URLs (eg: http://{s}.somedomain.com/blabla/{z}/{x}/{y}{r}.png) can specify the variable {s} which refers to a subdomain\n         * Subdomains are used to help with browser parallel requests per domain limitation. These subdomains are typically single letters 'a', 'b' and 'c'\n         * Refer to https://leafletjs.com/SlavaUkraini/reference.html#tilelayer and https://wiki.openstreetmap.org/wiki/Tile_servers\n         */\n        if (/^(https?):\\/\\/{[sS]}\\./.exec(baseLayerTileServer)) {\n            /**\n             * sXML (Leaflet) allows users to define their own tile server URLs + list of available subdomains\n             * In order to preserve this behavior during conversion to splunk.map,\n             * if the variable {s} or {S} is detected, replace it with 'a', 'b' and 'c' - default values for subdomains\n             */\n            tiles = [\n                baseLayerTileServer.replace(/{[sS]}/, 'a'),\n                baseLayerTileServer.replace(/{[sS]}/, 'b'),\n                baseLayerTileServer.replace(/{[sS]}/, 'c'),\n            ];\n        } else {\n            tiles = [baseLayerTileServer];\n        }\n        const mapStyle: BaseTileConfig = {\n            name: baseLayerTileServer,\n            key: baseLayerTileServer,\n            version: MAP_STYLE_VERSION_NUMBER,\n            sources: {\n                'base-tiles': {\n                    type: baseLayerTileServerType,\n                    tiles,\n                    tileSize: 256,\n                },\n            },\n            layers: [\n                {\n                    id: 'base-layer',\n                    type: 'raster',\n                    source: 'base-tiles',\n                    minzoom: 0,\n                    maxzoom: 24, // https://maplibre.org/maplibre-gl-js-docs/api/map/\n                },\n            ],\n        };\n        return mapStyle;\n    }\n\n    // if tile server is not present in the preset AND we can't construct a mapStyle, fall back on defaults\n    return colorScheme === 'light' ? defaultTileLight : defaultTileDark;\n};\n\nexport interface ZoomConstraints {\n    minZoom: number;\n    maxZoom: number;\n}\n\nexport const getZoomConstraintsFromTileConfig = (\n    tileConfig: BaseTileConfig,\n    baseLayerTileServer?: string\n): ZoomConstraints => {\n    const { sources, layers } = tileConfig;\n    let matchedBaseLayerTileServer = false;\n    // check sources for minzoom maxzoom first\n    const sourceKeys = Object.keys(sources);\n    // eslint-disable-next-line\n    for (const key of sourceKeys) {\n        const source = sources[key] as { [key: string]: unknown };\n        const { minzoom, maxzoom } = source;\n        const tiles = Array.isArray(source?.tiles) ? (source.tiles as string[]) : [];\n        if (baseLayerTileServer && tiles.includes(baseLayerTileServer)) {\n            matchedBaseLayerTileServer = true;\n        }\n        if (\n            ((baseLayerTileServer && matchedBaseLayerTileServer) || !baseLayerTileServer) &&\n            isNumber(minzoom) &&\n            isNumber(maxzoom)\n        ) {\n            return {\n                minZoom: minzoom,\n                maxZoom: maxzoom,\n            };\n        }\n    }\n    // then check layers\n    // eslint-disable-next-line\n    for (const layer of layers) {\n        const { minzoom, maxzoom } = layer;\n        if (\n            ((baseLayerTileServer && matchedBaseLayerTileServer) || !baseLayerTileServer) &&\n            isNumber(minzoom) &&\n            isNumber(maxzoom)\n        ) {\n            return {\n                minZoom: minzoom,\n                maxZoom: maxzoom,\n            };\n        }\n    }\n    // Maplibre default - would reset previous min/maxZoom https://maplibre.org/maplibre-gl-js-docs/api/map/\n    return {\n        minZoom: 0,\n        maxZoom: 24,\n    };\n};\n\nexport const isBaseTileConfig = (config: MaybeBaseTileConfig): config is BaseTileConfig =>\n    Boolean(config && 'name' in config && 'key' in config && 'sources' in config && 'layers' in config);\n\nexport const getZoomLevelFromGeobin = (geobinStr?: string | null): number | null => {\n    if (!geobinStr) {\n        return null;\n    }\n    // geostats cmds return geobin with zoom level 0-18, 0-99 in the geobinPattern covers the range\n    const geobinPattern = /bin_id_zl_(\\d{1,2})_y_/g;\n    const match = geobinPattern.exec(geobinStr);\n    return (match?.length && parseInt(match[1], 10)) ?? null;\n};\n\n// Bubble colors - static\nexport const getStaticColors = (colorCount: number, colorArray: string[]): string[] => {\n    if (colorCount < 0 || !colorCount) {\n        return [DEFAULT_CLUSTER_COLOR];\n    }\n    if (!colorArray?.length) {\n        return [...Array(colorCount).keys()].map(i => DEFAULT_SERIES_COLORS[i]);\n    }\n    // loop through colorArray to pick the first $colorCount colors\n    // start from begining again if colorCount > colorArray.length\n    return [...Array(colorCount).keys()].map(i =>\n        isColor(colorArray[i % colorArray.length]) ? colorArray[i % colorArray.length] : DEFAULT_CLUSTER_COLOR\n    );\n};\n\n// Bubble size\nexport const matchBubbleSize = (dataRange: number[], data: number): any => {\n    const size = scalePow().exponent(0.2).domain(dataRange).range([MIN_BUBBLE_RADIUS, MAX_BUBBLE_RADIUS])(\n        data\n    );\n\n    if (size > MAX_BUBBLE_RADIUS) {\n        return MAX_BUBBLE_RADIUS;\n    }\n    if (size < MIN_BUBBLE_RADIUS) {\n        return MIN_BUBBLE_RADIUS;\n    }\n    return size;\n};\n\nexport const transposeArray = (array: number[][]): number[][] => {\n    if (!array?.length || !array[0]?.length) {\n        return [];\n    }\n    return array[0].map((_, i) => array.map(row => row[i]));\n};\n\n// sanitize values: update all null, undefined, or negative values to 0\nexport const sanitizeValues = (values: number[] | number[][]) => {\n    // null / undefined\n    if (!values) {\n        return 0;\n    }\n    // number\n    if (!Array.isArray(values)) {\n        return values > 0 ? values : 0;\n    }\n    // array\n    return values.map(arr => sanitizeValues(arr));\n};\n\n// eslint-disable-next-line consistent-return\nexport const sortByValuesField = (bubbleLayer: BubbleLayerType) => {\n    const { bubbleSizeFields, dataValuesField } = bubbleLayer;\n\n    // Find the index of dataValuesField in fields\n    const index = bubbleSizeFields.indexOf(dataValuesField);\n    if (index === -1) return bubbleLayer; // If not found, return as is\n\n    // Move dataValuesField and corresponding sizes to the first position\n    bubbleLayer.bubbleSizeFields.unshift(bubbleLayer.bubbleSizeFields.splice(index, 1)[0]);\n    bubbleLayer.bubbleSize.unshift(bubbleLayer.bubbleSize.splice(index, 1)[0] as number & number[]);\n};\n\nexport const bakeBubbleData = (layer: BubbleLayerType): BubbleLayerDataType => {\n    if (!layer?.bubbleSize?.length || !layer?.latitude?.length || !layer?.longitude?.length) {\n        return null;\n    }\n    const hasGeobinData = Array.isArray(layer.geobin) && layer.geobin.length > 0;\n    // if bubbleSize is passed as an array of single number array (data series)\n    // e.g. [value0, value1, ...]\n    // format each value as an array to unify data operations for data series and frames\n    const sanitizedBubbleSize = sanitizeValues(layer.bubbleSize);\n    let transposedBubbleSize: number[][];\n    let transposedSanitizedBubbleSize: number[][];\n    let isPie = false;\n    // format array if bubbleSize is passed as an array of array (data frame)\n    if (Array.isArray(layer.bubbleSize[0])) {\n        // one-time array transpose,\n        // e.g. from [column0data, column0data] (multi series)\n        // to [[column0datum0, column1datum0], [column0datum1, column1data1], ...]\n        // or e.g. from [column0data] (single series)\n        // to [[column0data]]\n        // for easy access of values at each geo location,\n        // and min max pie size computation\n        transposedBubbleSize = transposeArray(layer.bubbleSize as number[][]);\n        transposedSanitizedBubbleSize = transposeArray(sanitizedBubbleSize);\n        // if multiple series in the dataframe, set isPie to true\n        if (layer.bubbleSize.length > 1) {\n            isPie = true;\n            // when dynamic coloring is enabled,\n            // set the configured dataValues field as the first field\n            // to apply dynamic colors only to the first pie slice.\n            if (layer.dataValuesField && !!layer.dataColors) {\n                sortByValuesField(layer); // here\n            }\n        }\n    } else {\n        transposedBubbleSize = layer.bubbleSize.map(n => [n]);\n        transposedSanitizedBubbleSize = sanitizedBubbleSize.map(n => [n]);\n    }\n    if (!transposedBubbleSize?.length) {\n        return null;\n    }\n    const data = layer.latitude\n        .map((lat, i) => ({\n            zoom: hasGeobinData ? getZoomLevelFromGeobin(layer.geobin[i]) : null,\n            values: transposedBubbleSize[i],\n            sanitizedValues: transposedSanitizedBubbleSize[i],\n            coordinates: [layer.longitude[i], lat],\n            metadata: layer.metadata ? layer.metadata[i] : {},\n        }))\n        .filter(d => Boolean(d.values));\n\n    // compute the min/max value to encode min/max pie or bubble size\n    let min = sum(transposedSanitizedBubbleSize[0]);\n    let max = min;\n    transposedSanitizedBubbleSize.forEach(row => {\n        const bubbleSize = sum(row);\n        max = bubbleSize > max ? bubbleSize : max;\n        min = bubbleSize < min ? bubbleSize : min;\n    });\n    return {\n        data,\n        dataRange: [min, max],\n        isPie,\n        resultLimit: layer.resultLimit,\n        bubbleSizeFields: layer.bubbleSizeFields,\n    };\n};\n\nexport const isValidLatLon = (latlon: Array<number | string>): boolean => {\n    if (!latlon || !Array.isArray(latlon) || latlon.length !== 2) {\n        return false;\n    }\n    const [lat, lon] = latlon;\n    if (!isNumberUtil(lat) || !(Number(lat) >= MIN_LATITUDE && Number(lat) <= MAX_LATITUDE)) {\n        return false;\n    }\n    if (!isNumberUtil(lon) || !(Number(lon) >= MIN_LONGITUDE && Number(lon) <= MAX_LONGITUDE)) {\n        return false;\n    }\n    return true;\n};\n\nexport const getChoroplethValues = (field: string, choroplethLayer: ChoroplethLayerType): number[] => {\n    if (!Array.isArray(choroplethLayer.geom) || choroplethLayer.geom.length === 0) {\n        return [];\n    }\n    const limit = choroplethLayer.resultLimit ?? DEFAULT_RESULT_LIMIT;\n    const slicedGeomList = choroplethLayer.geom.slice(0, limit);\n    const flatCoordinates = slicedGeomList.flatMap(geomObject => {\n        if (!geomObject) {\n            return [];\n        }\n        if (geomObject.type === 'MultiPolygon') {\n            return geomObject.coordinates.flat(2);\n        }\n        if (geomObject.type === 'Polygon') {\n            return geomObject.coordinates.flat();\n        }\n        return [];\n    });\n    return flatCoordinates.map(coord => coord[field === LONGITUDE ? 0 : 1]);\n};\n\n/**\n * Returns a list of all lat or lon coordinates used in a specified layer\n * @param {LayerType[]} layer\n * @param {string} field\n * @returns {number[]} list of lat coordinates or lon coordinates\n */\nconst getLatOrLonCoordinates = (layer: LayerType, field: string): number[] => {\n    const getClusterValues = (clusterLayer: ClusterLayerType): number[] =>\n        get(clusterLayer, field, []).slice(\n            0,\n            clusterLayer.type === LAYER_TYPE.Marker && clusterLayer.resultLimit\n                ? clusterLayer.resultLimit\n                : DEFAULT_RESULT_LIMIT\n        );\n    return layer.type === LAYER_TYPE.Choropleth ? getChoroplethValues(field, layer) : getClusterValues(layer);\n};\n\n/**\n * Returns the min and max LongLat pairs to determine the layer boundaries to fit all markers/bubbles\n * @param {LayerType[]} layers\n * @returns {LngLatBoundsLike}\n */\nexport const getGlobalLayerBoundaries = (layers: LayerType[]): LngLatBoundsLike => {\n    const isLayerValid = (field: string): boolean =>\n        layers.every(layer => layer[field] || (layer as ChoroplethLayerType).geom);\n    const getDefaultMax = (field: string) => (field === LONGITUDE ? MAX_LONGITUDE : MAX_LATITUDE);\n    const getDefaultMin = (field: string) => (field === LONGITUDE ? MIN_LONGITUDE : MIN_LATITUDE);\n\n    if (!layers || !Array.isArray(layers) || !layers.length) {\n        return null;\n    }\n\n    const getMin = (field: string): number => {\n        if (!isLayerValid(field)) {\n            return getDefaultMin(field);\n        }\n        return layers.reduce((prevVal, layer) => {\n            const coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(x => +x);\n            return lodashMin([prevVal, ...coordinatesNumArr]);\n        }, getDefaultMax(field));\n    };\n\n    const getMax = (field: string): number => {\n        if (!isLayerValid(field)) {\n            return getDefaultMax(field);\n        }\n        return layers.reduce((prevVal, layer) => {\n            const coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(Number);\n            return lodashMax([prevVal, ...coordinatesNumArr]);\n        }, getDefaultMin(field));\n    };\n\n    return [\n        [getMin(LONGITUDE), getMin(LATITUDE)],\n        [getMax(LONGITUDE), getMax(LATITUDE)],\n    ];\n};\n\nexport const formatTooltipFieldValue = (value: unknown): string | number => {\n    if (value === null || value === undefined) {\n        return '';\n    }\n    if (typeof value === 'string' || typeof value === 'number') {\n        return value;\n    }\n    return JSON.stringify(value);\n};\n\nexport const getScaledOpacities = (colors: string[], cfgOpacity: number): number[] => {\n    // extract opacity information from 8 digit hex codes\n    const opacities = colors?.map(color => (color?.length === 9 ? (chroma(color).alpha() ?? 1) : 1));\n    // opacity cannot be greater than configured opacity\n    return opacities?.map(opacity => opacity * cfgOpacity);\n};\n\nexport const compareBaseStyles = (curr, next): boolean => {\n    const currBaseLayer = curr?.layers?.find(layer => layer?.id === 'base-layer');\n    const nextBaseLayer = next?.layers?.find(layer => layer?.id === 'base-layer');\n    const currBaseSource = get(curr?.sources, (currBaseLayer?.source as string) ?? '');\n    const nextBaseSource = get(next?.sources, (nextBaseLayer?.source as string) ?? '');\n\n    if (!currBaseLayer || !nextBaseLayer || !currBaseSource || !nextBaseSource) {\n        return false;\n    }\n\n    return isEqual(currBaseLayer, nextBaseLayer) && isEqual(currBaseSource, nextBaseSource);\n};\n\nexport const formatMetadata = (\n    choroplethLayer: ChoroplethLayerType,\n    i: number\n): { [key: string]: string } => {\n    if (!choroplethLayer?.areaIds || !choroplethLayer?.areaValues) return {};\n    if (i >= choroplethLayer.areaIds.length) return {};\n\n    const metadata = choroplethLayer.metadata ? choroplethLayer.metadata[i] : {};\n    const name = choroplethLayer.areaIds[i];\n    const value = choroplethLayer.areaValues[i];\n    const base = { name, value: String(value) };\n\n    return Object.keys(metadata).reduce((result, curr) => {\n        const key = `row.${curr}.value`;\n        const val = isObject(metadata[curr]) ? JSON.stringify(metadata[curr]) : String(metadata[curr]);\n        return { ...result, [key]: val };\n    }, base);\n};\n", "\nimport * as defaultImport from \"maplibre-gl\";\nexport * from \"maplibre-gl\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Popover\";\nexport * from \"@splunk/react-ui/Popover\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as React from 'react';\nimport styled from 'styled-components';\nimport Popover from '@splunk/react-ui/Popover';\nimport { isRemoteIcon, isDataURI } from '@splunk/visualizations-shared/iconUtils';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport RemoteIcon from '@splunk/visualizations-shared/RemoteIcon';\nimport { variables } from '@splunk/themes';\nimport { createDOMID } from '@splunk/ui-utils/id';\n\ntype FeatureFlagContextValue = Record<string, boolean | undefined> | null;\n\nconst StyledPopover = styled(Popover)`\n    min-width: 250px;\n    max-width: 332px;\n    max-width: fit-content;\n    font-size: 12px;\n`;\n\nconst StyledTable = styled.table`\n    margin: 2px 6px 2px 6px;\n    width: calc(100% - 12px);\n`;\n\nconst StyledTitleColumn = styled.td`\n    opacity: 0.85;\n    word-break: break-all;\n    vertical-align: top;\n`;\n\nconst StyledValueColumn = styled.td`\n    text-align: right;\n    word-break: break-all;\n    vertical-align: top;\n`;\n\nconst StyledColorBlock = styled.div`\n    background-color: ${props => props.color};\n    display: inline-block;\n    margin-right: 4px;\n    border-radius: 2px;\n    width: 6px;\n    height: 11px;\n    transform: translateY(1px);\n`;\n\nconst StyledIconWrapper = styled.span`\n    margin-left: 4px;\n    display: inline-block;\n    vertical-align: middle;\n`;\n\nconst StyledTooltipHeader = styled.thead`\n    th {\n        height: 16px;\n        color: ${variables.contentColorActive};\n        padding: 0;\n    }\n\n    span {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        width: 100%;\n    }\n`;\n\nexport const convertDegToDMS = (decimalDegree: number, type: 'latitude' | 'longitude'): string => {\n    const truncate = n => (n > 0 ? Math.floor(n) : Math.ceil(n));\n    const absoluteDegree = Math.abs(decimalDegree);\n    let degrees = truncate(absoluteDegree);\n    let minutes = truncate((absoluteDegree - degrees) * 60);\n    let seconds = Math.round((absoluteDegree - degrees - minutes / 60) * 3600);\n    if (seconds === 60) {\n        minutes += 1;\n        seconds = 0;\n    }\n    if (minutes === 60) {\n        degrees += 1;\n        minutes = 0;\n    }\n    let direction: string;\n    if (type === 'longitude') {\n        direction = decimalDegree < 0 ? 'W' : 'E';\n    } else if (type === 'latitude') {\n        direction = decimalDegree < 0 ? 'S' : 'N';\n    }\n    return `${degrees}\u00B0 ${minutes}' ${seconds}\" ${direction}`;\n};\n\nexport interface TooltipProps {\n    open?: boolean;\n    anchor?: HTMLElement;\n    latitude?: number;\n    longitude?: number;\n    areaId?: string;\n    areaValue?: number;\n    additionalFields?: Array<{ name: string; value: number | string; color?: string; icon?: string }>;\n    showCoordinates?: boolean;\n    tooltipHeader?: string;\n}\n// only want latitude/longitude for marker and bubble\n// omit for choropleth, and put areaid, areavalue instead\nconst Tooltip = ({\n    open,\n    anchor,\n    latitude,\n    longitude,\n    areaId,\n    areaValue,\n    additionalFields = [],\n    showCoordinates = true,\n    tooltipHeader = null,\n}: TooltipProps): JSX.Element => {\n    const featureFlagContext = React.useContext<FeatureFlagContextValue>(FeatureFlagContext);\n    const isTooltipIconFlagEnabled = Boolean(featureFlagContext?.visualizations_enableTooltipIcon);\n    return (\n        <StyledPopover\n            open={open}\n            animation={false}\n            anchor={anchor}\n            data-test=\"map-marker-tooltip\"\n            defaultPlacement=\"above\"\n        >\n            <StyledTable>\n                {tooltipHeader && (\n                    <StyledTooltipHeader data-test=\"tooltip-header\">\n                        <tr>\n                            <th colSpan={2}>\n                                <span data-test=\"tooltip-header-value\">{tooltipHeader}</span>\n                            </th>\n                        </tr>\n                    </StyledTooltipHeader>\n                )}\n                <tbody>\n                    {Boolean(areaId && areaValue) && (\n                        <tr>\n                            <StyledTitleColumn data-test=\"area-id\">{areaId}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"area-value\">{areaValue}</StyledValueColumn>\n                        </tr>\n                    )}\n                    {Boolean(showCoordinates && latitude) && (\n                        <tr>\n                            <StyledTitleColumn>{_('Latitude')}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"latitude\">\n                                {convertDegToDMS(latitude, 'latitude')}\n                            </StyledValueColumn>\n                        </tr>\n                    )}\n                    {Boolean(showCoordinates && longitude) && (\n                        <tr>\n                            <StyledTitleColumn>{_('Longitude')}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"longitude\">\n                                {convertDegToDMS(longitude, 'longitude')}\n                            </StyledValueColumn>\n                        </tr>\n                    )}\n                    {additionalFields\n                        .filter(({ value }) => value && String(value) !== '0')\n                        .map(({ name, value, color, icon }) => (\n                            <tr key={createDOMID()}>\n                                <StyledTitleColumn data-test=\"field-title\">\n                                    {color ? (\n                                        <StyledColorBlock data-test=\"field-color\" color={color} />\n                                    ) : null}\n                                    <span>\n                                        {name}\n                                        {isTooltipIconFlagEnabled &&\n                                        icon &&\n                                        (isRemoteIcon(icon) || isDataURI(icon)) ? (\n                                            <StyledIconWrapper data-test=\"field-icon\">\n                                                <RemoteIcon iconURL={icon} width={16} height={16} />\n                                            </StyledIconWrapper>\n                                        ) : null}\n                                    </span>\n                                </StyledTitleColumn>\n                                <StyledValueColumn data-test=\"field-value\">{value}</StyledValueColumn>\n                            </tr>\n                        ))}\n                </tbody>\n            </StyledTable>\n        </StyledPopover>\n    );\n};\n\nexport default Tooltip;\n", "import type { Map } from 'maplibre-gl';\nimport { Marker } from 'maplibre-gl';\nimport * as React from 'react';\nimport type { TooltipProps } from './Tooltip';\nimport Tooltip from './Tooltip';\n\nexport interface MarkerWrapperProps extends React.HTMLAttributes<HTMLDivElement> {\n    latitude: number;\n    longitude: number;\n    areaId?: string;\n    areaValue?: number;\n    additionalFields?: TooltipProps['additionalFields'];\n    tooltipHeader?: TooltipProps['tooltipHeader'];\n    map: React.MutableRefObject<Map>;\n    isChoroplethTooltipOpen?: boolean;\n    showCoordinates?: boolean;\n}\n\nconst MarkerWrapper = ({\n    longitude,\n    latitude,\n    areaId,\n    areaValue,\n    additionalFields = [],\n    tooltipHeader = null,\n    map,\n    isChoroplethTooltipOpen,\n    children,\n    showCoordinates = true,\n    ...otherProps\n}: MarkerWrapperProps): JSX.Element => {\n    const container = React.useRef<HTMLDivElement>();\n    const marker = React.useRef<Marker>();\n    const [isTooltipOpen, setTooltipOpenStatus] = React.useState(false);\n\n    const isChoroplethTooltip = React.useCallback(\n        () => isChoroplethTooltipOpen !== undefined,\n        [isChoroplethTooltipOpen]\n    );\n\n    const openTooltip = React.useCallback(() => setTooltipOpenStatus(true), []);\n    const closeTooltip = React.useCallback(() => setTooltipOpenStatus(false), []);\n\n    const cleanupMarker = React.useCallback(() => {\n        if (marker.current) {\n            marker.current.remove();\n            marker.current = undefined;\n        }\n    }, []);\n\n    React.useEffect(() => {\n        try {\n            if (marker.current) {\n                marker.current.setLngLat([longitude, latitude]);\n            } else {\n                marker.current = new Marker({ element: container.current });\n                marker.current.setLngLat([longitude, latitude]);\n                marker.current.addTo(map.current);\n            }\n        } catch (error) {\n            // eslint-disable-next-line no-console\n            console.error(error);\n            cleanupMarker();\n        }\n    }, [latitude, longitude, map]);\n\n    React.useEffect(() => cleanupMarker, []);\n    const filteredAdditionalFields = additionalFields.filter(({ value }) => value && String(value) !== '0');\n    const showTooltip = showCoordinates || filteredAdditionalFields.length || (areaId && areaValue);\n    return (\n        <div style={{ visibility: isChoroplethTooltip() ? 'hidden' : 'visible' }}>\n            <div\n                style={{\n                    visibility: isChoroplethTooltip() ? 'hidden' : 'visible',\n                }}\n                ref={container}\n                data-test=\"map-marker\"\n                onMouseOver={openTooltip}\n                onMouseLeave={closeTooltip}\n                onFocus={openTooltip}\n                onBlur={closeTooltip}\n                {...otherProps}\n            >\n                {children}\n            </div>\n            <div>\n                {showTooltip && (\n                    <Tooltip\n                        open={isChoroplethTooltip() ? isChoroplethTooltipOpen : isTooltipOpen}\n                        anchor={container.current}\n                        latitude={isChoroplethTooltip() ? null : latitude}\n                        longitude={isChoroplethTooltip() ? null : longitude}\n                        areaId={areaId}\n                        areaValue={areaValue}\n                        additionalFields={additionalFields}\n                        showCoordinates={showCoordinates}\n                        tooltipHeader={tooltipHeader}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default MarkerWrapper;\n", "import * as React from 'react';\nimport styled from 'styled-components';\nimport type { Map } from 'maplibre-gl';\nimport { sum } from 'lodash';\nimport { isRemoteIcon, isDataURI } from '@splunk/visualizations-shared/iconUtils';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport RemoteIcon from '@splunk/visualizations-shared/RemoteIcon';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport { createDOMID } from '@splunk/ui-utils/id';\nimport {\n    bakeBubbleData,\n    BubbleLayerType,\n    DEFAULT_SERIES_COLORS,\n    DEFAULT_RESULT_LIMIT,\n    DEFAULT_CLUSTER_COLOR,\n    getStaticColors,\n    matchBubbleSize,\n} from './MapUtils';\nimport MarkerWrapper from './MarkerWrapper';\nimport type { TooltipProps } from './Tooltip';\n\ntype FeatureFlagContextValue = Record<string, boolean | undefined> | null;\n\nexport const GEO_BOUND_PREFIX = '_geo_bounds_';\nexport const GEO_LAT_AND_LONG_FIELD = ['_geo_long_field', '_geo_lat_field'];\nexport const ICON_DISPLAY_CUTOFF = 16;\nexport interface PieSegmentProps {\n    start: number;\n    end: number;\n    radius: number;\n    color: string;\n    themeColor: string;\n    segmentMetadata?: { name: string; value: number; color: string };\n    handleBubbleClick?: (e: Event, name: string, count: number) => void;\n}\n\nexport const PieSegment = React.memo(\n    ({\n        start,\n        end,\n        radius,\n        color,\n        themeColor,\n        segmentMetadata,\n        handleBubbleClick,\n    }: PieSegmentProps): JSX.Element => {\n        const { name, value } = segmentMetadata ?? {};\n        const handleSegmentClick = React.useCallback(\n            e => {\n                handleBubbleClick(e, name, value);\n            },\n            [name, value, handleBubbleClick]\n        );\n\n        if (end - start === 1) {\n            return (\n                <BubbleSegment\n                    as=\"circle\"\n                    onClick={handleSegmentClick}\n                    cx={radius}\n                    cy={radius}\n                    r={radius}\n                    fill={color}\n                    fillOpacity={0.5}\n                    strokeWidth={1.5}\n                    stroke={color}\n                />\n            );\n        }\n        const a0 = 2 * Math.PI * (start - 0.25);\n        const a1 = 2 * Math.PI * (end - 0.25);\n        const x0 = Math.cos(a0);\n        const y0 = Math.sin(a0);\n        const x1 = Math.cos(a1);\n        const y1 = Math.sin(a1);\n        const arc = end - start > 0.5 ? 1 : 0;\n\n        return (\n            <BubbleSegment\n                as=\"path\"\n                onClick={handleSegmentClick}\n                d={`M ${radius} ${radius} L ${radius + radius * x0} ${\n                    radius + radius * y0\n                } A ${radius} ${radius} 0 ${arc} 1 ${radius + radius * x1} ${\n                    radius + radius * y1\n                } L ${radius} ${radius} A 0 0 0 ${arc} 0 ${radius} ${radius}`}\n                fill={color}\n                fillOpacity={0.8}\n                stroke={themeColor}\n                strokeWidth={2}\n                strokeOpacity={0.3}\n            />\n        );\n    }\n);\n\nPieSegment.displayName = 'MapBubblePieSegment';\n\nexport const BubbleSegment = styled.path`\n    transition: 0.2s ease-in-out;\n    transition-property: fill, stroke;\n`;\n\nexport const BUBBLE_SEGMENT_DIMMED_STYLES = {\n    fill: 'rgba(150, 150, 150, 0.3)',\n    stroke: 'rgba(200, 200, 200, 0.4)',\n} as const;\n\nconst StyledMarkerWrapper = styled(MarkerWrapper)`\n    cursor: pointer;\n`;\n\nexport interface BubbleProps {\n    originalValues: number[];\n    valueRange: number[];\n    colors: string[];\n    themeColor: string;\n    isPie: boolean;\n    latitude: number;\n    longitude: number;\n    bubbleSize: Required<TooltipProps['additionalFields'][number] & { value: number }>[];\n    additionalFields?: TooltipProps['additionalFields'];\n    tooltipHeader?: TooltipProps['tooltipHeader'];\n    map: React.MutableRefObject<Map>;\n    handleMapClick?: any;\n    icon?: string;\n    showCoordinates?: boolean;\n}\n\nexport const Bubble = React.memo(\n    ({\n        originalValues,\n        valueRange,\n        colors,\n        themeColor,\n        isPie,\n        latitude,\n        longitude,\n        bubbleSize,\n        additionalFields = [],\n        tooltipHeader = null,\n        map,\n        handleMapClick,\n        icon,\n        showCoordinates,\n    }: BubbleProps): JSX.Element => {\n        const featureFlagContext = React.useContext<FeatureFlagContextValue>(FeatureFlagContext);\n        const isBubbleMapIconFlagEnabled = Boolean(featureFlagContext?.visualizations_enableBubbleMapIcon);\n\n        const onBubbleClick = React.useCallback(\n            (e, name, value) => {\n                handleMapClick(e, name, value);\n                e.stopPropagation();\n            },\n            [handleMapClick]\n        );\n\n        // sanitize values\n        const allZeros = originalValues.every(v => v === 0);\n        const values = originalValues.map(v => (v > 0 ? v : 0));\n        const total = values.reduce((totalValue, v) => totalValue + v, 0);\n        const radius = matchBubbleSize(valueRange, total);\n\n        const bubble = React.useMemo(() => {\n            if (allZeros || !originalValues.length) return null;\n\n            const offsets: number[] = [];\n            let runningTotal = 0;\n            values.forEach(count => {\n                offsets.push(runningTotal);\n                runningTotal += count;\n            });\n\n            const width = radius * 2;\n            return (\n                <svg width={width} height={width} viewBox={`-3 -3 ${width + 6} ${width + 6}`}>\n                    {isPie && (\n                        <circle\n                            cx={radius}\n                            cy={radius}\n                            r={radius}\n                            fill=\"none\"\n                            strokeWidth={2}\n                            stroke={themeColor}\n                            strokeOpacity={0.3}\n                        />\n                    )}\n                    {values.map((v, i) => (\n                        <PieSegment\n                            key={createDOMID()}\n                            start={offsets[i] / total}\n                            end={(offsets[i] + v) / total}\n                            radius={radius}\n                            color={colors[i]}\n                            themeColor={themeColor}\n                            segmentMetadata={bubbleSize[i]}\n                            handleBubbleClick={onBubbleClick}\n                        />\n                    ))}\n                </svg>\n            );\n        }, [\n            bubbleSize,\n            colors,\n            isPie,\n            onBubbleClick,\n            originalValues,\n            themeColor,\n            allZeros,\n            radius,\n            total,\n            values,\n        ]);\n\n        if (!bubble) {\n            return null;\n        }\n\n        return (\n            <StyledMarkerWrapper\n                longitude={longitude}\n                latitude={latitude}\n                additionalFields={[...bubbleSize, ...additionalFields]}\n                tooltipHeader={tooltipHeader}\n                map={map}\n                data-test-type=\"bubble\"\n                showCoordinates={showCoordinates}\n            >\n                {bubble}\n                {isBubbleMapIconFlagEnabled &&\n                    radius >= ICON_DISPLAY_CUTOFF &&\n                    icon &&\n                    (isRemoteIcon(icon) || isDataURI(icon)) && (\n                        <div\n                            data-test=\"bubble-icon-wrapper\"\n                            style={{\n                                position: 'absolute',\n                                top: `${radius}px`,\n                                left: `${radius}px`,\n                                transform: 'translate(-50%, -50%)',\n                                pointerEvents: 'none',\n                            }}\n                        >\n                            <RemoteIcon iconURL={icon} width={radius * 0.8} height={radius * 0.8} />\n                        </div>\n                    )}\n            </StyledMarkerWrapper>\n        );\n    }\n);\nBubble.displayName = 'MapBubble';\n\nexport interface BubbleLayerProps {\n    bubbleLayer: BubbleLayerType;\n    themeColorScheme: string;\n    zoom: number;\n    map: React.MutableRefObject<Map>;\n    onMapClick?: any;\n    showCoordinates?: boolean;\n}\n\nconst BubbleLayer = (props: BubbleLayerProps): JSX.Element => {\n    const { bubbleLayer, themeColorScheme, map, zoom, onMapClick, showCoordinates } = props;\n\n    bubbleLayer.seriesColors = bubbleLayer.seriesColors || DEFAULT_SERIES_COLORS;\n    bubbleLayer.bubbleSize = bubbleLayer.bubbleSize || [];\n    bubbleLayer.icon = bubbleLayer.icon || [];\n    const bakedData = React.useMemo(() => bakeBubbleData(bubbleLayer), [bubbleLayer]);\n    const staticColors = React.useMemo(\n        () => getStaticColors(bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors),\n        [bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors]\n    );\n    const { data = [], dataRange = [], resultLimit, bubbleSizeFields, isPie } = bakedData ?? {};\n    const { additionalTooltipFields = [], tooltipHeaderFieldName = null } = bubbleLayer;\n    const roundedZoom = Math.round(zoom);\n    const themeColor = themeColorScheme === 'light' ? '#ffffff' : '#1a1c20';\n    const dynamicColors = bubbleLayer.dataColors;\n\n    // filter data for the current zoom level and sort base on values\n    const dataToRender = React.useMemo(\n        () =>\n            data\n                .reduce((acc, datum, i) => {\n                    const shouldRender =\n                        datum.zoom === null || datum.zoom === undefined || datum.zoom === roundedZoom;\n                    if (shouldRender) {\n                        acc.push({ data: datum, idx: i });\n                    }\n                    return acc;\n                }, [])\n                .slice(0, resultLimit || DEFAULT_RESULT_LIMIT)\n                .sort((a, b) => sum(b.data.values) - sum(a.data.values)),\n        [data, resultLimit, roundedZoom]\n    );\n\n    const handleMapClick = React.useCallback(\n        (e, name, value, i) => {\n            // retrieve metadata from the appropriate datum, indexed by i\n            const metadata = dataToRender[i]?.data?.metadata ?? {};\n            const payload = Object.keys(metadata).reduce(\n                (acc, curr) => {\n                    const key = `row.${curr}.value`;\n                    const val = String(metadata[curr]);\n                    return { ...acc, [key]: val };\n                },\n                { name, value: String(value) }\n            );\n\n            onMapClick({ e, payload });\n        },\n        [dataToRender, onMapClick]\n    );\n\n    return (\n        <>\n            {dataToRender.map((datum, i) => {\n                const colors = dynamicColors\n                    ? [\n                          dataToRender.map(obj =>\n                              isColor(dynamicColors[obj.idx]) ? dynamicColors[obj.idx] : DEFAULT_CLUSTER_COLOR\n                          )[i],\n                      ]\n                    : staticColors;\n\n                const [longitude, latitude] = datum.data.coordinates;\n                const bubbleSize = datum.data.values.map((value, index) => ({\n                    name: bubbleSizeFields[index],\n                    value,\n                    color: colors[index],\n                }));\n\n                const additionalFields = bubbleLayer.metadata\n                    ? additionalTooltipFields.map(field => ({\n                          name: field,\n                          value: datum.data.metadata[field],\n                          icon: bubbleLayer.tooltipFieldIcons?.[field],\n                      }))\n                    : [];\n\n                const tooltipHeaderField =\n                    bubbleLayer.metadata && datum.data.metadata[tooltipHeaderFieldName];\n\n                return (\n                    <Bubble\n                        // eslint-disable-next-line\n                        key={String(i)}\n                        originalValues={datum.data.values}\n                        valueRange={dataRange}\n                        colors={colors}\n                        themeColor={themeColor}\n                        isPie={isPie}\n                        longitude={longitude}\n                        latitude={latitude}\n                        bubbleSize={bubbleSize}\n                        additionalFields={additionalFields}\n                        tooltipHeader={tooltipHeaderField}\n                        map={map}\n                        handleMapClick={(e, name, value) => handleMapClick(e, name, value, i)}\n                        icon={bubbleLayer.icon[datum.idx]}\n                        showCoordinates={showCoordinates}\n                    />\n                );\n            })}\n        </>\n    );\n};\n\nexport default BubbleLayer;\n"],
+  "mappings": "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",
   "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
 }

package/common/utils/singleValueUtils.js

@@ -204,7 +204,7 @@ var computeColors = (props, defaultColors) => {
     trendDisplay: props.trendDisplay,
     defaultColors
   });
-  const underLabelColor = majorColor;
+  const underLabelColor = getFormattedColor(props.underLabelColor, majorColor);
   return {
     backgroundColor,
     backgroundEnabled,
@@ -586,6 +586,15 @@ var adjustRGB = (rgb, delta) => {
   }
   return rgb;
 };
+var getUnchangedColorDelta = (r, g, b, ratio) => {
+  if (r === 0 && g === 0 && b === 0) {
+    return ratio > 1 ? 80 : 40;
+  }
+  if (r === 255 && g === 255 && b === 255) {
+    return ratio > 1 ? 20 : 80;
+  }
+  return 20;
+};
 var changeColor = (color, ratio) => {
   const hex = color.replace(/(0x|#)/, "");
   const r = parseInt(hex.substr(0, 2), 16);
@@ -595,31 +604,10 @@ var changeColor = (color, ratio) => {
   let newG = Math.max(Math.min(Math.floor(g * ratio), 255), 0);
   let newB = Math.max(Math.min(Math.floor(b * ratio), 255), 0);
   if (newR === r && newG === g && newB === b) {
-    if (newR === 0 && newG === 0 && newB === 0) {
-      if (ratio > 1) {
-        newR = adjustRGB(newR, 80);
-        newG = adjustRGB(newG, 80);
-        newB = adjustRGB(newB, 80);
-      } else {
-        newR = adjustRGB(newR, 40);
-        newG = adjustRGB(newG, 40);
-        newB = adjustRGB(newB, 40);
-      }
-    } else if (newR === 255 && newG === 255 && newB === 255) {
-      if (ratio > 1) {
-        newR = adjustRGB(newR, 20);
-        newG = adjustRGB(newG, 20);
-        newB = adjustRGB(newB, 20);
-      } else {
-        newR = adjustRGB(newR, 80);
-        newG = adjustRGB(newG, 80);
-        newB = adjustRGB(newB, 80);
-      }
-    } else {
-      newR = adjustRGB(newR, 20);
-      newG = adjustRGB(newG, 20);
-      newB = adjustRGB(newB, 20);
-    }
+    const delta = getUnchangedColorDelta(newR, newG, newB, ratio);
+    newR = adjustRGB(newR, delta);
+    newG = adjustRGB(newG, delta);
+    newB = adjustRGB(newB, delta);
   }
   return `#${newR.toString(16).padStart(2, 0)}${newG.toString(16).padStart(2, 0)}${newB.toString(16).padStart(2, 0)}`;
 };

package/common/utils/singleValueUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/common/utils/singleValueUtils.js", "esm-externals:lodash", "esm-externals:@splunk/visualizations-shared/numberUtils", "esm-externals:@splunk/visualizations-shared/domUtils", "esm-externals:@splunk/visualizations-shared/propUtils", "esm-externals:@splunk/visualizations-shared/colorConstants"],
-  "sourcesContent": ["import { get } from 'lodash';\nimport { isNumerial, formatNumber } from '@splunk/visualizations-shared/numberUtils';\nimport { computeTextSize } from '@splunk/visualizations-shared/domUtils';\nimport { formatColor } from '@splunk/visualizations-shared/propUtils';\nimport { DELTA_GREEN, DELTA_RED } from '@splunk/visualizations-shared/colorConstants';\n\nexport const DEFAULT_FONT = 12;\nexport const DEFAULT_FONT_FAMILY =\n    '\"Splunk Platform Sans\", \"Proxima Nova\", \"Helvetica Neue\", Helvetica, Arial, sans-serif';\n\nexport const SVR_PADDING = { top: 12, bottom: 12, left: 16, right: 16 };\n\nexport const getAligment = align => {\n    const alignMap = {\n        left: 'start',\n        center: 'center',\n        right: 'end',\n    };\n    return alignMap[align] || 'center';\n};\n\n/**\n * @method shouldShowTrend\n * @param {String} trendDisplay\n * @returns {Bool}\n */\nexport const shouldShowTrend = trendDisplay => trendDisplay === 'absolute' || trendDisplay === 'percent';\n\n/**\n * @method isLoadingOrNoColumns\n * @param {Object} dataSources\n * @param {Boolean} loading\n * @returns {Boolean} return true if loading or without columns in dataSources\n */\nexport const isLoadingOrNoColumns = (dataSources, loading) => {\n    const data = get(dataSources, 'primary.data.columns[0]', undefined);\n    const noColumns = data === undefined;\n    return loading || noColumns;\n};\n\n/**\n * Retrieve the valid formatted color\n * @method getFormattedColor\n * @param {String} color\n * @param {String} defaultColor\n * @returns {String} the formatted color\n */\nexport const getFormattedColor = (color, defaultColor) => formatColor(color) || formatColor(defaultColor);\n\n/**\n * Determines if there is a background color\n * @method hasBackground\n * @param {String} backgroundColor\n * @returns true for non-transparent background color\n */\nexport const hasBackground = backgroundColor => !!backgroundColor && backgroundColor !== 'transparent';\n\n/**\n * @method isIdenticalColor\n * @param {String} colorA\n * @param {String} colorB\n * @returns {Boolean}\n */\nexport const isIdenticalColor = (colorA, colorB) =>\n    !!colorA && !!colorB && formatColor(colorA.toLowerCase()) === formatColor(colorB.toLowerCase());\n\n/*\n * @method getDefaultColorWithBg\n * @param {Object} props\n * @param {String} props.backgroundColor\n * @param {String} props.defaultFontColor\n * @param {String} props.defaultBlockFontColor\n * @returns {String} defaultColor\n */\nexport const getDefaultColorWithBg = ({ backgroundColor, defaultFontColor, defaultBlockFontColor }) =>\n    isIdenticalColor(backgroundColor, defaultBlockFontColor) ? defaultFontColor : defaultBlockFontColor;\n\n/*\n * @method getMajorColor\n * return formatted majorColor.\n * @param {Object} props\n * @param {String} props.majorColor\n * @param {String} props.backgroundColor\n * @param {String} props.defaultFontColor\n * @param {String} props.defaultBlockFontColor\n * @returns {String} majorColor\n */\nexport const getMajorColor = ({ majorColor, backgroundColor, defaultFontColor, defaultBlockFontColor }) => {\n    // If backgroundColor is set, but no majorColor,\n    // the default majorColor will turn to be defaultBlockFontColor.\n    // eg: major color will turn to be white in enterprise mode.\n    // however, if the bgColor is the same as defaultBlockFontColor, use defaultFontColor.\n    if (hasBackground(backgroundColor) && !majorColor) {\n        return getDefaultColorWithBg({\n            backgroundColor,\n            defaultFontColor,\n            defaultBlockFontColor,\n        });\n    }\n\n    return getFormattedColor(majorColor, defaultFontColor);\n};\n\n/**\n * Get the color for the trend components\n * @method getTrendColor\n * @param {Object} props\n * @param {String} props.trendColor                   The trendColor value determined from encoding\n * @param {Number} props.trendValue\n * @param {Number} props.majorValue\n * @param {String} props.customizedBgColor\n * @param {String} props.trendDisplay  absolute || percent || off\n * @param {Object} defaultColors\n * @returns {String} trendColor\n */\nexport const getTrendColor = ({\n    trendColor,\n    trendValue,\n    majorValue,\n    customizedBgColor,\n    trendDisplay,\n    defaultColors,\n}) => {\n    if (trendColor) {\n        return trendColor;\n    }\n\n    if (Number.isNaN(Number(trendValue))) {\n        return undefined;\n    }\n\n    const { defaultFontColor, defaultBlockFontColor, defaultBackgroundColor } = defaultColors;\n\n    // if user defined a backgroundColor, the default trend color will be defaultBlockFontColor\n    if (\n        hasBackground(customizedBgColor) &&\n        !isIdenticalColor(customizedBgColor, defaultBackgroundColor) &&\n        !isIdenticalColor(customizedBgColor, defaultBlockFontColor)\n    ) {\n        return defaultBlockFontColor;\n    }\n\n    // if trendDisplay is percent, and trendValue === value\n    // the trend percent = trendValue / (value - trendValue) will return Infinity\n    const isInvalidTrend = trendDisplay === 'percent' && trendValue === parseFloat(majorValue);\n\n    if (trendValue === 0 || isInvalidTrend) {\n        return defaultFontColor;\n    }\n\n    return trendValue > 0 ? DELTA_GREEN : DELTA_RED;\n};\n\n/**\n * Computes visualization properties for display component\n * @method computeColors\n * @param {Object} props    all viz props\n * @param {Object} defaultColors    defaultColors from theme\n * @returns {Object} result\n * @returns {Boolean} backgroundEnabled\n * @returns {String} backgroundColor\n * @returns {String} majorColor\n * @returns {String} trendColor\n * @returns {String} underLabelColor\n */\nexport const computeColors = (props, defaultColors) => {\n    const backgroundColor = getFormattedColor(props.backgroundColor, defaultColors.defaultBackgroundColor);\n    const backgroundEnabled = hasBackground(backgroundColor);\n    const majorColor = getMajorColor({\n        majorColor: props.majorColor,\n        backgroundColor,\n        defaultFontColor: defaultColors.defaultFontColor,\n        defaultBlockFontColor: defaultColors.defaultBlockFontColor,\n    });\n    const trendColor = getTrendColor({\n        trendColor: props.trendColor,\n        trendValue: props.trendValue,\n        majorValue: props.majorValue,\n        customizedBgColor: props.backgroundColor,\n        trendDisplay: props.trendDisplay,\n        defaultColors,\n    });\n    const underLabelColor = majorColor;\n\n    return {\n        backgroundColor,\n        backgroundEnabled,\n        majorColor,\n        trendColor,\n        underLabelColor,\n    };\n};\n\n/**\n * Format and return the value (major/trend)\n * @method computeText\n * @param {Object} props\n * @param {Number} props.value                    // The major/trend value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateValue\n * @returns {Number} major or trend text\n */\nexport const computeText = ({\n    value,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateValue,\n}) => {\n    let text = isNumerial(value)\n        ? formatNumber(value, numberPrecision, {\n              useThousandSeparators: shouldUseThousandSeparators,\n              useTrendUnits: shouldAbbreviateValue,\n          })\n        : value;\n    // When text is undefined, return empty string\n    text = text || '';\n    return text;\n};\n\n/*\n * @method getMajorText\n * @param {Object} props\n * @param {Number} props.majorValue\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @returns {String} majorText\n */\nexport const getMajorText = ({\n    majorValueDisplay,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateMajorValue,\n}) =>\n    computeText({\n        value: majorValueDisplay === null ? 'N/A' : majorValueDisplay, // if majorValueDisplay is null, use `N/A`.\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateValue: shouldAbbreviateMajorValue,\n    });\n\n/*\n * @method getTrendText\n * @param {Object} props\n * @param {Number} props.majorValue\n * @param {Number} props.trendValue\n * @param {String} props.trendDisplay\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @returns {String} trendText\n */\nexport const getTrendText = ({\n    majorValue,\n    trendValue,\n    trendDisplay,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n}) => {\n    const compute = value =>\n        computeText({\n            value,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateValue: shouldAbbreviateTrendValue,\n        });\n\n    if (trendValue === '' || !isNumerial(trendValue)) {\n        return '';\n    }\n    const showPercent = trendDisplay === 'percent';\n    if (!showPercent) {\n        return compute(trendValue);\n    }\n\n    const diff = Math.abs(trendValue - majorValue);\n    let val = (trendValue / diff) * 100;\n    if (trendValue === 0 && diff === 0) {\n        val = 0;\n    }\n\n    if (!Number.isFinite(val)) {\n        return 'N/A';\n    }\n    const text = compute(val);\n\n    return `${text}%`;\n};\n\n/**\n * Helper to determine the font size for an element\n * @method computeFontSize\n * @param {String} text                     The string to find a size for\n * @param {Object} dimensions\n * @param {Number} dimensions.width         The width of the container\n * @param {Number} dimensions.height        The height of the container\n * @param {String} [fontFamily='\"Splunk Platform Sans\" ...'] The font being used\n * @param {String} [fontWeight='normal']    Boldness of font\n * @returns {Number} The size to use for fontSize styles\n */\nexport const computeFontSize = (\n    text,\n    { width, height },\n    fontFamily = DEFAULT_FONT_FAMILY,\n    fontWeight = 'normal'\n) => {\n    const widthInDefaultFont = computeTextSize(text, `${fontWeight} ${DEFAULT_FONT}px ${fontFamily}`);\n    const fontSize = Math.min(\n        (width / widthInDefaultFont) * DEFAULT_FONT,\n        (height / DEFAULT_FONT) * DEFAULT_FONT\n    );\n    return parseInt(fontSize, 10);\n};\n\n/*\n * @method getMajorFontSize\n * @param {Object} props\n * @param {Number} props.width\n * @param {Number} props.height\n * @param {String} props.unit\n * @param {String} props.majorText\n * @param {Number} props.spaceRatio\n * @returns {Number} majorFontSize\n */\nexport const getMajorFontSize = ({ width, height, unit, majorText, spaceRatio = 1 }) => {\n    const majorTextCalc = unit ? `${unit}${majorText}` : majorText;\n    return computeFontSize(majorTextCalc, {\n        width: width * spaceRatio,\n        height,\n    });\n};\n\n/*\n * @method getTrendFontSize\n * @param {Object} props\n * @param {Number} props.width\n * @param {Number} props.height\n * @param {String} props.trendText\n * @param {Number} props.spaceRatio\n * @returns {Number} trendFontSize\n */\nexport const getTrendFontSize = ({ width, height, trendText, spaceRatio = 1 }) => {\n    let trendFontSize = 12;\n    if (spaceRatio > 0) {\n        trendFontSize = computeFontSize(trendText, {\n            width: width * spaceRatio,\n            height,\n        });\n        trendFontSize = parseInt(trendFontSize, 10) * spaceRatio;\n    }\n    return trendFontSize;\n};\n\n/*\n * The height of underLabel should no more than 12px\n * @param {Number} height\n * @return {Number} height || DEFAULT_FONT\n */\nexport const getUnderLabelHeight = height => (height > DEFAULT_FONT ? DEFAULT_FONT : height);\n\n/*\n * @param {Object} config\n * @param {String} underLabel\n * @param {Number} width     width of underLabel\n * @param {Number} height    height of underLabel\n * @param {Number} fond size of underLabel\n */\nexport const getUnderLabel = ({ underLabel, width, height }) =>\n    computeFontSize(underLabel, {\n        width,\n        height,\n    });\n\n/**\n * Compute value and font size for major and trend\n * @method getMajorAndTrend\n * @param {Object} props\n * @param {Number} props.width                    // Width of the text container\n * @param {Number} props.height                   // Height of the text container\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.majorValueDisplay        // Major value display\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @returns {Number, Number, Number, Number} Major text, trend text, major text size, trend text size\n */\nexport const getMajorAndTrend = ({\n    width,\n    height,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n}) => {\n    const majorTextSpaceRatio = isNumerial(trendValue) && shouldShowTrend(trendDisplay) ? 0.6 : 1;\n    const textContentWidth = width * 0.9;\n    const textContentHeight = height * 0.9;\n\n    // use majorValueDisplay here for display only\n    const majorText = getMajorText({\n        majorValueDisplay,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateMajorValue,\n    });\n\n    const majorTextFontSize =\n        majorFontSize ||\n        getMajorFontSize({\n            width: textContentWidth,\n            height: textContentHeight,\n            unit,\n            majorText,\n            spaceRatio: majorTextSpaceRatio,\n        });\n\n    // use majorValue here for calculations\n    const trendText = getTrendText({\n        majorValue,\n        trendValue,\n        trendDisplay,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n    });\n\n    const trendTextFontSize =\n        trendFontSize ||\n        getTrendFontSize({\n            width: textContentWidth,\n            height: textContentHeight,\n            trendText,\n            spaceRatio: 1 - majorTextSpaceRatio,\n        });\n\n    return {\n        majorText,\n        majorTextFontSize,\n        trendText,\n        trendTextFontSize,\n    };\n};\n\n/*\n * @method updateVizInSmallSpace\n * @param {Object} props\n * @param {Number} props.width                    // Width of the text container\n * @param {Number} props.height                   // Height of the text container\n * @param {Object} props.toRemoveList\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {Number} props.majorTextFontSize\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @returns {Object} results\n * @returns {Object} results.newMajorAndTrend\n * @returns {Object} results.updatedProps\n */\nexport const updateVizInSmallSpace = ({\n    width,\n    height,\n    toRemoveList,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    majorTextFontSize,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n}) => {\n    let removeIndex = 0;\n    let newProps = {}; // options need to be updated\n    let newMajorAndTrend = {};\n    let newTextSize = majorTextFontSize;\n\n    // remove info on viz to make textFontSize >= 12px;\n    while (newTextSize < 12 && removeIndex < toRemoveList.length) {\n        const toRemove = toRemoveList[removeIndex];\n        newProps = {\n            ...newProps,\n            ...{\n                [toRemove.key]: toRemove.value,\n            },\n        };\n\n        newMajorAndTrend = getMajorAndTrend({\n            majorValue,\n            majorValueDisplay,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width,\n            height,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            ...newProps,\n        });\n\n        newTextSize = newMajorAndTrend.majorTextFontSize;\n        removeIndex += 1;\n    }\n\n    // truncate text if textFontSize is still less than 12\n    if (newTextSize < 12) {\n        const truncateValue = `${(majorValueDisplay || majorValue).toString().slice(0, 3)}...`;\n        newMajorAndTrend = getMajorAndTrend({\n            majorValue,\n            majorValueDisplay: truncateValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width,\n            height,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            ...newProps,\n        });\n    }\n\n    return { newMajorAndTrend, updatedProps: newProps };\n};\n\n/*\n * @method computeSingleValueContent\n * @param {Object} props\n * @param {Number} props.contentWidth\n * @param {Number} props.contentHeight\n * @param {Number} props.containerWidth\n * @param {Number} props.containerHeight\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.majorValueDisplay        // Major value display\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @param {Object} props.toRemoveList\n * @returns {Object} results\n * @returns {String} results.majorText\n * @returns {String} results.trendText\n * @returns {Number} results.majorTextFontSize\n * @returns {Number} results.trendTextFontSize\n * @returns {String} results.majorValueTitle\n * @returns {Object} results.smallVizProps\n */\nexport const computeSingleValueContent = ({\n    contentWidth,\n    contentHeight,\n    containerWidth,\n    containerHeight,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n    toRemoveList,\n}) => {\n    let { majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n        majorValue,\n        majorValueDisplay: majorValueDisplay || majorValue,\n        trendValue,\n        majorFontSize,\n        trendFontSize,\n        trendDisplay,\n        width: contentWidth,\n        height: contentHeight,\n        unit,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n        shouldAbbreviateMajorValue,\n    });\n    const majorValueTitle = majorText;\n    let smallVizProps = {};\n\n    // update viz in small space\n    // if textFontSize is less than 12, remove extra info like sparkline, trendvalue, unit\n    // or truncate major value to make the major font size >= 12\n    if (majorTextFontSize < 12) {\n        const { newMajorAndTrend, updatedProps } = updateVizInSmallSpace({\n            width: containerWidth,\n            height: containerHeight,\n            toRemoveList,\n            majorValue,\n            majorValueDisplay: majorValueDisplay || majorValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            majorTextFontSize,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n        });\n\n        ({ majorText, trendText, majorTextFontSize, trendTextFontSize } = newMajorAndTrend);\n        smallVizProps = updatedProps;\n    }\n    return {\n        majorText,\n        trendText,\n        majorTextFontSize,\n        trendTextFontSize,\n        majorValueTitle,\n        smallVizProps,\n    };\n};\n\nexport const minimallyTruncateStringToWidth = ({\n    text,\n    fontSize = DEFAULT_FONT,\n    fontFamily = DEFAULT_FONT_FAMILY,\n    fontWeight = 'normal',\n    containerWidth,\n}) => {\n    let textWidth = computeTextSize(text, `${fontWeight} ${fontSize}px ${fontFamily}`);\n    let modifiedText = text;\n\n    const ellipsesLength = computeTextSize('...', `${fontWeight} ${fontSize}px ${fontFamily}`);\n    //  `containerWidth - ellipsesLength > 0` condition ensures space even exists for text.\n    if (containerWidth - ellipsesLength > 0 && textWidth > containerWidth) {\n        // Truncates the content such that the truncated value + ellipses fit within the allocated space for the ellipses.\n        //  `textWidth > containerWidth - ellipsesLength` condition checks if text + ellipses exceeds container width.\n        //  `text.length > 1` condition included to keep at least the first number.\n        while (textWidth + ellipsesLength > containerWidth && modifiedText.length > 1) {\n            modifiedText = modifiedText.substring(0, modifiedText.length - 1);\n            textWidth = computeTextSize(modifiedText, `normal ${fontSize}px ${fontFamily}`);\n        }\n\n        modifiedText = `${modifiedText}...`;\n    }\n\n    return modifiedText;\n};\n\n/*\n * @method computeSingleValueRadialContent\n * @param {Object} props\n * @param {Number} props.contentWidth\n * @param {Number} props.contentHeight\n * @param {Number} props.containerWidth\n * @param {Number} props.containerHeight\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue,\n * @param {Object} props.toRemoveList\n * @param {Bool} props.smallViz\n * @returns {Object} results\n * @returns {String} results.majorText\n * @returns {String} results.trendText\n * @returns {Number} results.majorTextFontSize\n * @returns {Number} results.trendTextFontSize\n * @returns {String} results.majorValueTitle\n * @returns {Object} results.smallVizProps\n */\nexport const computeSingleValueRadialContent = ({\n    contentWidth,\n    contentHeight,\n    containerWidth,\n    containerHeight,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n    smallViz,\n}) => {\n    let { majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n        majorValue,\n        majorValueDisplay: majorValueDisplay || majorValue,\n        trendValue,\n        majorFontSize,\n        trendFontSize,\n        trendDisplay,\n        width: contentWidth,\n        height: contentHeight,\n        unit,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n        shouldAbbreviateMajorValue,\n    });\n\n    const majorValueTitle = majorText;\n    let smallVizProps = {};\n\n    // custom logic for viz in small space\n    // if not showing the radial graph (if `smallViz` is true), then compute truncated major value\n    //  and font sizes\n    if (smallViz) {\n        const truncateValue = minimallyTruncateStringToWidth({\n            text: majorValueDisplay || majorValue,\n            fontWeight: 'bold',\n            fontSize: 12,\n            containerWidth,\n        });\n\n        ({ majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n            majorValueDisplay: truncateValue,\n            majorValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width: containerWidth,\n            height: containerHeight,\n            unit,\n            trendDisplay,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            shouldAbbreviateMajorValue,\n        }));\n\n        smallVizProps = {\n            trendDisplay,\n            unit,\n        };\n    }\n\n    return {\n        majorText,\n        trendText,\n        majorTextFontSize,\n        trendTextFontSize,\n        majorValueTitle,\n        smallVizProps,\n    };\n};\n\n/**\n * Get the colors for a graph\n *\n * @method getGraphColors\n * @param {Object} options\n * @param {Bool} options.backgroundEnabled          // Flag to turn on color mode\n * @param {String} options.backgroundColor          // The current background color, overrides trend background color\n * @param {Object} options.defaultColors            // Default colors by severity\n * @param {Function} options.customColorFormatter   // must return { background, stroke } given a color\n * @returns {Object} { background, stroke } colors\n * @private\n */\nexport const getGraphColors = ({\n    backgroundEnabled,\n    backgroundColor,\n    defaultColors,\n    customColorFormatter,\n}) => {\n    // Only do custom colors in block mode\n    if (backgroundEnabled) {\n        // Check if the user defined colors to use\n        if (backgroundColor && typeof customColorFormatter === 'function') {\n            return customColorFormatter(backgroundColor);\n        }\n    }\n\n    return defaultColors.none;\n};\n\n/**\n * Adjust rgb value if it equals to 0 or 255\n * @method adjustRGB\n * @param {Number} rgb      [0 - 255]\n * @param {Number} delta\n * @returns {Number} adjusted rgb\n * @private\n */\nexport const adjustRGB = (rgb, delta) => {\n    if (rgb === 255) {\n        return rgb - delta;\n    }\n\n    if (rgb === 0) {\n        return rgb + delta;\n    }\n\n    return rgb;\n};\n\n/**\n * Modifies colors by multiplying by a given ratio\n * @method changeColor\n * @param {String} color    // Color to modify\n * @param {Number} ratio    // Float to modify color\n * @returns {String} new color\n * @private\n */\nconst changeColor = (color, ratio) => {\n    const hex = color.replace(/(0x|#)/, '');\n    const r = parseInt(hex.substr(0, 2), 16);\n    const g = parseInt(hex.substr(2, 2), 16);\n    const b = parseInt(hex.substr(4, 2), 16);\n\n    // Multiply by given ratio, make sure is between 0 and 255;\n    let newR = Math.max(Math.min(Math.floor(r * ratio), 255), 0);\n    let newG = Math.max(Math.min(Math.floor(g * ratio), 255), 0);\n    let newB = Math.max(Math.min(Math.floor(b * ratio), 255), 0);\n\n    // If the color is not changed\n    // case 1: the color is (0, 0 0)\n    //         lighten color (80, 80, 80)\n    //         darken color (40, 40, 40)\n    // case 2: the color is (255, 255, 255)\n    //         lighten color (235, 235, 235)\n    //         darken color (175, 175, 175)\n    // case 3: the color is e.g. (0, 255, 0)\n    //         new color (20, 235, 20)\n    if (newR === r && newG === g && newB === b) {\n        if (newR === 0 && newG === 0 && newB === 0) {\n            if (ratio > 1) {\n                newR = adjustRGB(newR, 80);\n                newG = adjustRGB(newG, 80);\n                newB = adjustRGB(newB, 80);\n            } else {\n                newR = adjustRGB(newR, 40);\n                newG = adjustRGB(newG, 40);\n                newB = adjustRGB(newB, 40);\n            }\n        } else if (newR === 255 && newG === 255 && newB === 255) {\n            if (ratio > 1) {\n                newR = adjustRGB(newR, 20);\n                newG = adjustRGB(newG, 20);\n                newB = adjustRGB(newB, 20);\n            } else {\n                newR = adjustRGB(newR, 80);\n                newG = adjustRGB(newG, 80);\n                newB = adjustRGB(newB, 80);\n            }\n        } else {\n            newR = adjustRGB(newR, 20);\n            newG = adjustRGB(newG, 20);\n            newB = adjustRGB(newB, 20);\n        }\n    }\n\n    return (\n        `#${newR.toString(16).padStart(2, 0)}` +\n        `${newG.toString(16).padStart(2, 0)}` +\n        `${newB.toString(16).padStart(2, 0)}`\n    );\n};\n\n/**\n * Lighten a given color\n * @method lighten\n * @param {String} color\n * @returns {String}\n * @private\n */\nexport const lighten = color => changeColor(color, 1.3);\n\n/**\n * Darkens a given color\n * @method darken\n * @param {String} color\n * @returns {String}\n * @private\n */\nexport const darken = color => changeColor(color, 0.5);\n\n/** consistent token structure: handle callback to add value and name in event payload\n * @method handleValueClickCallback\n * @param {Object} ev\n * @param {String | Number} majorValue\n * @param {String} majorValueField\n * @param {Number} trendValue\n * @param {Function} onValueClick\n * @param {Object} trellisContext\n * @param {Boolean} trellisContext.trellisEnabled\n * @param {String} trellisContext.trellisSplitBy\n * @param {String} trellisContext.trellisKey\n */\nexport const handleValueClickCallback = (\n    ev,\n    majorValue,\n    majorValueField,\n    trendValue,\n    onValueClick,\n    trellisContext = {}\n) => {\n    const { trellisEnabled = false, trellisSplitBy = '', trellisKey = '' } = trellisContext;\n\n    return onValueClick({\n        ...ev,\n        payload: {\n            trendValue,\n            value: majorValue,\n            name: majorValueField,\n            ...(trellisEnabled && {\n                'trellis.name': trellisSplitBy,\n                'trellis.value': trellisKey,\n            }),\n        },\n    });\n};\n\n/** handle trend color when trend display is percent\n * @method getTrendColorWithPercent\n * @param {Object} options\n * @returns {Object}\n */\nexport const getTrendColorWithPercent = options => {\n    const shouldUsePercentTrendColor =\n        options.trendColor === '> trendValue | rangeValue(trendColorEditorConfig)' &&\n        options.trendDisplay === 'percent';\n\n    return shouldUsePercentTrendColor\n        ? {\n              trendColor: '> trendValuePercent | rangeValue(trendColorEditorConfig)',\n          }\n        : {};\n};\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/numberUtils\";\nexport * from \"@splunk/visualizations-shared/numberUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/domUtils\";\nexport * from \"@splunk/visualizations-shared/domUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/propUtils\";\nexport * from \"@splunk/visualizations-shared/propUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/colorConstants\";\nexport * from \"@splunk/visualizations-shared/colorConstants\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { get } from 'lodash';\nimport { isNumerial, formatNumber } from '@splunk/visualizations-shared/numberUtils';\nimport { computeTextSize } from '@splunk/visualizations-shared/domUtils';\nimport { formatColor } from '@splunk/visualizations-shared/propUtils';\nimport { DELTA_GREEN, DELTA_RED } from '@splunk/visualizations-shared/colorConstants';\n\nexport const DEFAULT_FONT = 12;\nexport const DEFAULT_FONT_FAMILY =\n    '\"Splunk Platform Sans\", \"Proxima Nova\", \"Helvetica Neue\", Helvetica, Arial, sans-serif';\n\nexport const SVR_PADDING = { top: 12, bottom: 12, left: 16, right: 16 };\n\nexport const getAligment = align => {\n    const alignMap = {\n        left: 'start',\n        center: 'center',\n        right: 'end',\n    };\n    return alignMap[align] || 'center';\n};\n\n/**\n * @method shouldShowTrend\n * @param {String} trendDisplay\n * @returns {Bool}\n */\nexport const shouldShowTrend = trendDisplay => trendDisplay === 'absolute' || trendDisplay === 'percent';\n\n/**\n * @method isLoadingOrNoColumns\n * @param {Object} dataSources\n * @param {Boolean} loading\n * @returns {Boolean} return true if loading or without columns in dataSources\n */\nexport const isLoadingOrNoColumns = (dataSources, loading) => {\n    const data = get(dataSources, 'primary.data.columns[0]', undefined);\n    const noColumns = data === undefined;\n    return loading || noColumns;\n};\n\n/**\n * Retrieve the valid formatted color\n * @method getFormattedColor\n * @param {String} color\n * @param {String} defaultColor\n * @returns {String} the formatted color\n */\nexport const getFormattedColor = (color, defaultColor) => formatColor(color) || formatColor(defaultColor);\n\n/**\n * Determines if there is a background color\n * @method hasBackground\n * @param {String} backgroundColor\n * @returns true for non-transparent background color\n */\nexport const hasBackground = backgroundColor => !!backgroundColor && backgroundColor !== 'transparent';\n\n/**\n * @method isIdenticalColor\n * @param {String} colorA\n * @param {String} colorB\n * @returns {Boolean}\n */\nexport const isIdenticalColor = (colorA, colorB) =>\n    !!colorA && !!colorB && formatColor(colorA.toLowerCase()) === formatColor(colorB.toLowerCase());\n\n/*\n * @method getDefaultColorWithBg\n * @param {Object} props\n * @param {String} props.backgroundColor\n * @param {String} props.defaultFontColor\n * @param {String} props.defaultBlockFontColor\n * @returns {String} defaultColor\n */\nexport const getDefaultColorWithBg = ({ backgroundColor, defaultFontColor, defaultBlockFontColor }) =>\n    isIdenticalColor(backgroundColor, defaultBlockFontColor) ? defaultFontColor : defaultBlockFontColor;\n\n/*\n * @method getMajorColor\n * return formatted majorColor.\n * @param {Object} props\n * @param {String} props.majorColor\n * @param {String} props.backgroundColor\n * @param {String} props.defaultFontColor\n * @param {String} props.defaultBlockFontColor\n * @returns {String} majorColor\n */\nexport const getMajorColor = ({ majorColor, backgroundColor, defaultFontColor, defaultBlockFontColor }) => {\n    // If backgroundColor is set, but no majorColor,\n    // the default majorColor will turn to be defaultBlockFontColor.\n    // eg: major color will turn to be white in enterprise mode.\n    // however, if the bgColor is the same as defaultBlockFontColor, use defaultFontColor.\n    if (hasBackground(backgroundColor) && !majorColor) {\n        return getDefaultColorWithBg({\n            backgroundColor,\n            defaultFontColor,\n            defaultBlockFontColor,\n        });\n    }\n\n    return getFormattedColor(majorColor, defaultFontColor);\n};\n\n/**\n * Get the color for the trend components\n * @method getTrendColor\n * @param {Object} props\n * @param {String} props.trendColor                   The trendColor value determined from encoding\n * @param {Number} props.trendValue\n * @param {Number} props.majorValue\n * @param {String} props.customizedBgColor\n * @param {String} props.trendDisplay  absolute || percent || off\n * @param {Object} defaultColors\n * @returns {String} trendColor\n */\nexport const getTrendColor = ({\n    trendColor,\n    trendValue,\n    majorValue,\n    customizedBgColor,\n    trendDisplay,\n    defaultColors,\n}) => {\n    if (trendColor) {\n        return trendColor;\n    }\n\n    if (Number.isNaN(Number(trendValue))) {\n        return undefined;\n    }\n\n    const { defaultFontColor, defaultBlockFontColor, defaultBackgroundColor } = defaultColors;\n\n    // if user defined a backgroundColor, the default trend color will be defaultBlockFontColor\n    if (\n        hasBackground(customizedBgColor) &&\n        !isIdenticalColor(customizedBgColor, defaultBackgroundColor) &&\n        !isIdenticalColor(customizedBgColor, defaultBlockFontColor)\n    ) {\n        return defaultBlockFontColor;\n    }\n\n    // if trendDisplay is percent, and trendValue === value\n    // the trend percent = trendValue / (value - trendValue) will return Infinity\n    const isInvalidTrend = trendDisplay === 'percent' && trendValue === parseFloat(majorValue);\n\n    if (trendValue === 0 || isInvalidTrend) {\n        return defaultFontColor;\n    }\n\n    return trendValue > 0 ? DELTA_GREEN : DELTA_RED;\n};\n\n/**\n * Computes visualization properties for display component\n * @method computeColors\n * @param {Object} props    all viz props\n * @param {Object} defaultColors    defaultColors from theme\n * @returns {Object} result\n * @returns {Boolean} backgroundEnabled\n * @returns {String} backgroundColor\n * @returns {String} majorColor\n * @returns {String} trendColor\n * @returns {String} underLabelColor\n */\nexport const computeColors = (props, defaultColors) => {\n    const backgroundColor = getFormattedColor(props.backgroundColor, defaultColors.defaultBackgroundColor);\n    const backgroundEnabled = hasBackground(backgroundColor);\n    const majorColor = getMajorColor({\n        majorColor: props.majorColor,\n        backgroundColor,\n        defaultFontColor: defaultColors.defaultFontColor,\n        defaultBlockFontColor: defaultColors.defaultBlockFontColor,\n    });\n    const trendColor = getTrendColor({\n        trendColor: props.trendColor,\n        trendValue: props.trendValue,\n        majorValue: props.majorValue,\n        customizedBgColor: props.backgroundColor,\n        trendDisplay: props.trendDisplay,\n        defaultColors,\n    });\n    const underLabelColor = getFormattedColor(props.underLabelColor, majorColor);\n\n    return {\n        backgroundColor,\n        backgroundEnabled,\n        majorColor,\n        trendColor,\n        underLabelColor,\n    };\n};\n\n/**\n * Format and return the value (major/trend)\n * @method computeText\n * @param {Object} props\n * @param {Number} props.value                    // The major/trend value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateValue\n * @returns {Number} major or trend text\n */\nexport const computeText = ({\n    value,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateValue,\n}) => {\n    let text = isNumerial(value)\n        ? formatNumber(value, numberPrecision, {\n              useThousandSeparators: shouldUseThousandSeparators,\n              useTrendUnits: shouldAbbreviateValue,\n          })\n        : value;\n    // When text is undefined, return empty string\n    text = text || '';\n    return text;\n};\n\n/*\n * @method getMajorText\n * @param {Object} props\n * @param {Number} props.majorValue\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @returns {String} majorText\n */\nexport const getMajorText = ({\n    majorValueDisplay,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateMajorValue,\n}) =>\n    computeText({\n        value: majorValueDisplay === null ? 'N/A' : majorValueDisplay, // if majorValueDisplay is null, use `N/A`.\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateValue: shouldAbbreviateMajorValue,\n    });\n\n/*\n * @method getTrendText\n * @param {Object} props\n * @param {Number} props.majorValue\n * @param {Number} props.trendValue\n * @param {String} props.trendDisplay\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @returns {String} trendText\n */\nexport const getTrendText = ({\n    majorValue,\n    trendValue,\n    trendDisplay,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n}) => {\n    const compute = value =>\n        computeText({\n            value,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateValue: shouldAbbreviateTrendValue,\n        });\n\n    if (trendValue === '' || !isNumerial(trendValue)) {\n        return '';\n    }\n    const showPercent = trendDisplay === 'percent';\n    if (!showPercent) {\n        return compute(trendValue);\n    }\n\n    const diff = Math.abs(trendValue - majorValue);\n    let val = (trendValue / diff) * 100;\n    if (trendValue === 0 && diff === 0) {\n        val = 0;\n    }\n\n    if (!Number.isFinite(val)) {\n        return 'N/A';\n    }\n    const text = compute(val);\n\n    return `${text}%`;\n};\n\n/**\n * Helper to determine the font size for an element\n * @method computeFontSize\n * @param {String} text                     The string to find a size for\n * @param {Object} dimensions\n * @param {Number} dimensions.width         The width of the container\n * @param {Number} dimensions.height        The height of the container\n * @param {String} [fontFamily='\"Splunk Platform Sans\" ...'] The font being used\n * @param {String} [fontWeight='normal']    Boldness of font\n * @returns {Number} The size to use for fontSize styles\n */\nexport const computeFontSize = (\n    text,\n    { width, height },\n    fontFamily = DEFAULT_FONT_FAMILY,\n    fontWeight = 'normal'\n) => {\n    const widthInDefaultFont = computeTextSize(text, `${fontWeight} ${DEFAULT_FONT}px ${fontFamily}`);\n    const fontSize = Math.min(\n        (width / widthInDefaultFont) * DEFAULT_FONT,\n        (height / DEFAULT_FONT) * DEFAULT_FONT\n    );\n    return parseInt(fontSize, 10);\n};\n\n/*\n * @method getMajorFontSize\n * @param {Object} props\n * @param {Number} props.width\n * @param {Number} props.height\n * @param {String} props.unit\n * @param {String} props.majorText\n * @param {Number} props.spaceRatio\n * @returns {Number} majorFontSize\n */\nexport const getMajorFontSize = ({ width, height, unit, majorText, spaceRatio = 1 }) => {\n    const majorTextCalc = unit ? `${unit}${majorText}` : majorText;\n    return computeFontSize(majorTextCalc, {\n        width: width * spaceRatio,\n        height,\n    });\n};\n\n/*\n * @method getTrendFontSize\n * @param {Object} props\n * @param {Number} props.width\n * @param {Number} props.height\n * @param {String} props.trendText\n * @param {Number} props.spaceRatio\n * @returns {Number} trendFontSize\n */\nexport const getTrendFontSize = ({ width, height, trendText, spaceRatio = 1 }) => {\n    let trendFontSize = 12;\n    if (spaceRatio > 0) {\n        trendFontSize = computeFontSize(trendText, {\n            width: width * spaceRatio,\n            height,\n        });\n        trendFontSize = parseInt(trendFontSize, 10) * spaceRatio;\n    }\n    return trendFontSize;\n};\n\n/*\n * The height of underLabel should no more than 12px\n * @param {Number} height\n * @return {Number} height || DEFAULT_FONT\n */\nexport const getUnderLabelHeight = height => (height > DEFAULT_FONT ? DEFAULT_FONT : height);\n\n/*\n * @param {Object} config\n * @param {String} underLabel\n * @param {Number} width     width of underLabel\n * @param {Number} height    height of underLabel\n * @param {Number} fond size of underLabel\n */\nexport const getUnderLabel = ({ underLabel, width, height }) =>\n    computeFontSize(underLabel, {\n        width,\n        height,\n    });\n\n/**\n * Compute value and font size for major and trend\n * @method getMajorAndTrend\n * @param {Object} props\n * @param {Number} props.width                    // Width of the text container\n * @param {Number} props.height                   // Height of the text container\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.majorValueDisplay        // Major value display\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @returns {Number, Number, Number, Number} Major text, trend text, major text size, trend text size\n */\nexport const getMajorAndTrend = ({\n    width,\n    height,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n}) => {\n    const majorTextSpaceRatio = isNumerial(trendValue) && shouldShowTrend(trendDisplay) ? 0.6 : 1;\n    const textContentWidth = width * 0.9;\n    const textContentHeight = height * 0.9;\n\n    // use majorValueDisplay here for display only\n    const majorText = getMajorText({\n        majorValueDisplay,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateMajorValue,\n    });\n\n    const majorTextFontSize =\n        majorFontSize ||\n        getMajorFontSize({\n            width: textContentWidth,\n            height: textContentHeight,\n            unit,\n            majorText,\n            spaceRatio: majorTextSpaceRatio,\n        });\n\n    // use majorValue here for calculations\n    const trendText = getTrendText({\n        majorValue,\n        trendValue,\n        trendDisplay,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n    });\n\n    const trendTextFontSize =\n        trendFontSize ||\n        getTrendFontSize({\n            width: textContentWidth,\n            height: textContentHeight,\n            trendText,\n            spaceRatio: 1 - majorTextSpaceRatio,\n        });\n\n    return {\n        majorText,\n        majorTextFontSize,\n        trendText,\n        trendTextFontSize,\n    };\n};\n\n/*\n * @method updateVizInSmallSpace\n * @param {Object} props\n * @param {Number} props.width                    // Width of the text container\n * @param {Number} props.height                   // Height of the text container\n * @param {Object} props.toRemoveList\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {Number} props.majorTextFontSize\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @returns {Object} results\n * @returns {Object} results.newMajorAndTrend\n * @returns {Object} results.updatedProps\n */\nexport const updateVizInSmallSpace = ({\n    width,\n    height,\n    toRemoveList,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    majorTextFontSize,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n}) => {\n    let removeIndex = 0;\n    let newProps = {}; // options need to be updated\n    let newMajorAndTrend = {};\n    let newTextSize = majorTextFontSize;\n\n    // remove info on viz to make textFontSize >= 12px;\n    while (newTextSize < 12 && removeIndex < toRemoveList.length) {\n        const toRemove = toRemoveList[removeIndex];\n        newProps = {\n            ...newProps,\n            ...{\n                [toRemove.key]: toRemove.value,\n            },\n        };\n\n        newMajorAndTrend = getMajorAndTrend({\n            majorValue,\n            majorValueDisplay,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width,\n            height,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            ...newProps,\n        });\n\n        newTextSize = newMajorAndTrend.majorTextFontSize;\n        removeIndex += 1;\n    }\n\n    // truncate text if textFontSize is still less than 12\n    if (newTextSize < 12) {\n        const truncateValue = `${(majorValueDisplay || majorValue).toString().slice(0, 3)}...`;\n        newMajorAndTrend = getMajorAndTrend({\n            majorValue,\n            majorValueDisplay: truncateValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width,\n            height,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            ...newProps,\n        });\n    }\n\n    return { newMajorAndTrend, updatedProps: newProps };\n};\n\n/*\n * @method computeSingleValueContent\n * @param {Object} props\n * @param {Number} props.contentWidth\n * @param {Number} props.contentHeight\n * @param {Number} props.containerWidth\n * @param {Number} props.containerHeight\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.majorValueDisplay        // Major value display\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @param {Object} props.toRemoveList\n * @returns {Object} results\n * @returns {String} results.majorText\n * @returns {String} results.trendText\n * @returns {Number} results.majorTextFontSize\n * @returns {Number} results.trendTextFontSize\n * @returns {String} results.majorValueTitle\n * @returns {Object} results.smallVizProps\n */\nexport const computeSingleValueContent = ({\n    contentWidth,\n    contentHeight,\n    containerWidth,\n    containerHeight,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n    toRemoveList,\n}) => {\n    let { majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n        majorValue,\n        majorValueDisplay: majorValueDisplay || majorValue,\n        trendValue,\n        majorFontSize,\n        trendFontSize,\n        trendDisplay,\n        width: contentWidth,\n        height: contentHeight,\n        unit,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n        shouldAbbreviateMajorValue,\n    });\n    const majorValueTitle = majorText;\n    let smallVizProps = {};\n\n    // update viz in small space\n    // if textFontSize is less than 12, remove extra info like sparkline, trendvalue, unit\n    // or truncate major value to make the major font size >= 12\n    if (majorTextFontSize < 12) {\n        const { newMajorAndTrend, updatedProps } = updateVizInSmallSpace({\n            width: containerWidth,\n            height: containerHeight,\n            toRemoveList,\n            majorValue,\n            majorValueDisplay: majorValueDisplay || majorValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            majorTextFontSize,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n        });\n\n        ({ majorText, trendText, majorTextFontSize, trendTextFontSize } = newMajorAndTrend);\n        smallVizProps = updatedProps;\n    }\n    return {\n        majorText,\n        trendText,\n        majorTextFontSize,\n        trendTextFontSize,\n        majorValueTitle,\n        smallVizProps,\n    };\n};\n\nexport const minimallyTruncateStringToWidth = ({\n    text,\n    fontSize = DEFAULT_FONT,\n    fontFamily = DEFAULT_FONT_FAMILY,\n    fontWeight = 'normal',\n    containerWidth,\n}) => {\n    let textWidth = computeTextSize(text, `${fontWeight} ${fontSize}px ${fontFamily}`);\n    let modifiedText = text;\n\n    const ellipsesLength = computeTextSize('...', `${fontWeight} ${fontSize}px ${fontFamily}`);\n    //  `containerWidth - ellipsesLength > 0` condition ensures space even exists for text.\n    if (containerWidth - ellipsesLength > 0 && textWidth > containerWidth) {\n        // Truncates the content such that the truncated value + ellipses fit within the allocated space for the ellipses.\n        //  `textWidth > containerWidth - ellipsesLength` condition checks if text + ellipses exceeds container width.\n        //  `text.length > 1` condition included to keep at least the first number.\n        while (textWidth + ellipsesLength > containerWidth && modifiedText.length > 1) {\n            modifiedText = modifiedText.substring(0, modifiedText.length - 1);\n            textWidth = computeTextSize(modifiedText, `normal ${fontSize}px ${fontFamily}`);\n        }\n\n        modifiedText = `${modifiedText}...`;\n    }\n\n    return modifiedText;\n};\n\n/*\n * @method computeSingleValueRadialContent\n * @param {Object} props\n * @param {Number} props.contentWidth\n * @param {Number} props.contentHeight\n * @param {Number} props.containerWidth\n * @param {Number} props.containerHeight\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue,\n * @param {Object} props.toRemoveList\n * @param {Bool} props.smallViz\n * @returns {Object} results\n * @returns {String} results.majorText\n * @returns {String} results.trendText\n * @returns {Number} results.majorTextFontSize\n * @returns {Number} results.trendTextFontSize\n * @returns {String} results.majorValueTitle\n * @returns {Object} results.smallVizProps\n */\nexport const computeSingleValueRadialContent = ({\n    contentWidth,\n    contentHeight,\n    containerWidth,\n    containerHeight,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n    smallViz,\n}) => {\n    let { majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n        majorValue,\n        majorValueDisplay: majorValueDisplay || majorValue,\n        trendValue,\n        majorFontSize,\n        trendFontSize,\n        trendDisplay,\n        width: contentWidth,\n        height: contentHeight,\n        unit,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n        shouldAbbreviateMajorValue,\n    });\n\n    const majorValueTitle = majorText;\n    let smallVizProps = {};\n\n    // custom logic for viz in small space\n    // if not showing the radial graph (if `smallViz` is true), then compute truncated major value\n    //  and font sizes\n    if (smallViz) {\n        const truncateValue = minimallyTruncateStringToWidth({\n            text: majorValueDisplay || majorValue,\n            fontWeight: 'bold',\n            fontSize: 12,\n            containerWidth,\n        });\n\n        ({ majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n            majorValueDisplay: truncateValue,\n            majorValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width: containerWidth,\n            height: containerHeight,\n            unit,\n            trendDisplay,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            shouldAbbreviateMajorValue,\n        }));\n\n        smallVizProps = {\n            trendDisplay,\n            unit,\n        };\n    }\n\n    return {\n        majorText,\n        trendText,\n        majorTextFontSize,\n        trendTextFontSize,\n        majorValueTitle,\n        smallVizProps,\n    };\n};\n\n/**\n * Get the colors for a graph\n *\n * @method getGraphColors\n * @param {Object} options\n * @param {Bool} options.backgroundEnabled          // Flag to turn on color mode\n * @param {String} options.backgroundColor          // The current background color, overrides trend background color\n * @param {Object} options.defaultColors            // Default colors by severity\n * @param {Function} options.customColorFormatter   // must return { background, stroke } given a color\n * @returns {Object} { background, stroke } colors\n * @private\n */\nexport const getGraphColors = ({\n    backgroundEnabled,\n    backgroundColor,\n    defaultColors,\n    customColorFormatter,\n}) => {\n    // Only do custom colors in block mode\n    if (backgroundEnabled) {\n        // Check if the user defined colors to use\n        if (backgroundColor && typeof customColorFormatter === 'function') {\n            return customColorFormatter(backgroundColor);\n        }\n    }\n\n    return defaultColors.none;\n};\n\n/**\n * Adjust rgb value if it equals to 0 or 255\n * @method adjustRGB\n * @param {Number} rgb      [0 - 255]\n * @param {Number} delta\n * @returns {Number} adjusted rgb\n * @private\n */\nexport const adjustRGB = (rgb, delta) => {\n    if (rgb === 255) {\n        return rgb - delta;\n    }\n\n    if (rgb === 0) {\n        return rgb + delta;\n    }\n\n    return rgb;\n};\n\nconst getUnchangedColorDelta = (r, g, b, ratio) => {\n    if (r === 0 && g === 0 && b === 0) {\n        return ratio > 1 ? 80 : 40;\n    }\n    if (r === 255 && g === 255 && b === 255) {\n        return ratio > 1 ? 20 : 80;\n    }\n    return 20;\n};\n\n/**\n * Modifies colors by multiplying by a given ratio\n * @method changeColor\n * @param {String} color    // Color to modify\n * @param {Number} ratio    // Float to modify color\n * @returns {String} new color\n * @private\n */\nconst changeColor = (color, ratio) => {\n    const hex = color.replace(/(0x|#)/, '');\n    const r = parseInt(hex.substr(0, 2), 16);\n    const g = parseInt(hex.substr(2, 2), 16);\n    const b = parseInt(hex.substr(4, 2), 16);\n\n    // Multiply by given ratio, make sure is between 0 and 255;\n    let newR = Math.max(Math.min(Math.floor(r * ratio), 255), 0);\n    let newG = Math.max(Math.min(Math.floor(g * ratio), 255), 0);\n    let newB = Math.max(Math.min(Math.floor(b * ratio), 255), 0);\n\n    // If the color is not changed, apply a fixed adjustment\n    if (newR === r && newG === g && newB === b) {\n        const delta = getUnchangedColorDelta(newR, newG, newB, ratio);\n        newR = adjustRGB(newR, delta);\n        newG = adjustRGB(newG, delta);\n        newB = adjustRGB(newB, delta);\n    }\n\n    return (\n        `#${newR.toString(16).padStart(2, 0)}` +\n        `${newG.toString(16).padStart(2, 0)}` +\n        `${newB.toString(16).padStart(2, 0)}`\n    );\n};\n\n/**\n * Lighten a given color\n * @method lighten\n * @param {String} color\n * @returns {String}\n * @private\n */\nexport const lighten = color => changeColor(color, 1.3);\n\n/**\n * Darkens a given color\n * @method darken\n * @param {String} color\n * @returns {String}\n * @private\n */\nexport const darken = color => changeColor(color, 0.5);\n\n/** consistent token structure: handle callback to add value and name in event payload\n * @method handleValueClickCallback\n * @param {Object} ev\n * @param {String | Number} majorValue\n * @param {String} majorValueField\n * @param {Number} trendValue\n * @param {Function} onValueClick\n * @param {Object} trellisContext\n * @param {Boolean} trellisContext.trellisEnabled\n * @param {String} trellisContext.trellisSplitBy\n * @param {String} trellisContext.trellisKey\n */\nexport const handleValueClickCallback = (\n    ev,\n    majorValue,\n    majorValueField,\n    trendValue,\n    onValueClick,\n    trellisContext = {}\n) => {\n    const { trellisEnabled = false, trellisSplitBy = '', trellisKey = '' } = trellisContext;\n\n    return onValueClick({\n        ...ev,\n        payload: {\n            trendValue,\n            value: majorValue,\n            name: majorValueField,\n            ...(trellisEnabled && {\n                'trellis.name': trellisSplitBy,\n                'trellis.value': trellisKey,\n            }),\n        },\n    });\n};\n\n/** handle trend color when trend display is percent\n * @method getTrendColorWithPercent\n * @param {Object} options\n * @returns {Object}\n */\nexport const getTrendColorWithPercent = options => {\n    const shouldUsePercentTrendColor =\n        options.trendColor === '> trendValue | rangeValue(trendColorEditorConfig)' &&\n        options.trendDisplay === 'percent';\n\n    return shouldUsePercentTrendColor\n        ? {\n              trendColor: '> trendValuePercent | rangeValue(trendColorEditorConfig)',\n          }\n        : {};\n};\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/numberUtils\";\nexport * from \"@splunk/visualizations-shared/numberUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/domUtils\";\nexport * from \"@splunk/visualizations-shared/domUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/propUtils\";\nexport * from \"@splunk/visualizations-shared/propUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/colorConstants\";\nexport * from \"@splunk/visualizations-shared/colorConstants\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": "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",
   "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport"]
 }