@dynatrace/strato-geo 3.6.0 → 3.7.0

package/esm/map/hooks/use-overlay-events.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/hooks/use-overlay-events.ts"],
-  "sourcesContent": ["import type { MapLayerMouseEvent } from 'maplibre-gl';\n\nimport {\n  _useOverlayTooltipReducer as useTooltipReducer,\n  _useOverlayTooltipStore as useOverlayTooltipStore,\n  _useOverlayChart as useOverlayChart,\n  type _OverlayTooltipGeometryTypes as GeometryTypes,\n} from '@dynatrace/strato-components/charts';\n\nimport { useSetStateOverlay, useSetState } from '../store/store.js';\nimport { buildGeoTooltipState } from '../utils/build-geo-tooltip-state.js';\nimport { extractDataFromEvent } from '../utils/parse-tooltip-data.js';\n\nconst layerIdToGeometry = (layerId: string | undefined): GeometryTypes => {\n  if (layerId?.includes('bubble')) {\n    return 'geoBubble';\n  }\n  if (layerId?.includes('choropleth')) {\n    return 'geoChoropleth';\n  }\n  if (layerId?.includes('connection')) {\n    return 'geoConnection';\n  }\n  return 'geoDot';\n};\n\nexport const useOverlayEvents = () => {\n  const setOverlayState = useSetStateOverlay();\n  const setState = useSetState();\n  const dispatch = useTooltipReducer();\n  const store = useOverlayTooltipStore();\n  const overlay = useOverlayChart();\n\n  const getAbsolutePosition = (event: MapLayerMouseEvent) => {\n    return {\n      x: Math.round(event.originalEvent.clientX),\n      y: Math.round(event.originalEvent.clientY),\n    };\n  };\n\n  const setTooltipMarker = (\n    hoveredLayerId: string | undefined,\n    location: { lng: number; lat: number } | undefined,\n  ) => {\n    setState((prev) => ({\n      ...prev,\n      tooltip: {\n        ...prev.tooltip,\n        hoveredLayerId,\n        location: location as typeof prev.tooltip.location,\n      },\n    }));\n  };\n\n  const hideTooltip = () => {\n    dispatch({ type: 'RESET_TOOLTIP' })();\n    setTooltipMarker(undefined, undefined);\n  };\n\n  const handleMouseEnter = () => {\n    setOverlayState({ mouseInBounds: true });\n  };\n\n  const handleMouseMove = (event: MapLayerMouseEvent) => {\n    if (event.features?.length) {\n      const currentState = store.getState();\n\n      if (currentState.pinned) {\n        return;\n      }\n\n      const { data, hoveredLayerId } = extractDataFromEvent(event);\n\n      overlay.clear();\n\n      setTooltipMarker(hoveredLayerId, event.lngLat);\n\n      const pos = getAbsolutePosition(event);\n      store.setState(\n        buildGeoTooltipState({\n          absoluteX: pos.x,\n          absoluteY: pos.y,\n          relativeX: Math.round(event.point.x),\n          relativeY: Math.round(event.point.y),\n          pinned: false,\n          geometry: layerIdToGeometry(hoveredLayerId),\n          metadata: data,\n        }),\n      );\n    } else {\n      const currentState = store.getState();\n      if (!currentState.pinned) {\n        hideTooltip();\n      }\n    }\n  };\n\n  const handleMouseLeave = () => {\n    setOverlayState({ mouseInBounds: false });\n    const currentState = store.getState();\n    if (!currentState.pinned) {\n      hideTooltip();\n    }\n  };\n\n  const handleMouseClick = (event: MapLayerMouseEvent) => {\n    const { data, featureId, hoveredLayerId } = extractDataFromEvent(event);\n\n    if (!featureId) {\n      hideTooltip();\n      return;\n    }\n\n    if (!hoveredLayerId) {\n      hideTooltip();\n      return;\n    }\n\n    overlay.clear();\n\n    setTooltipMarker(hoveredLayerId, event.lngLat);\n\n    const pos = getAbsolutePosition(event);\n    store.setState(\n      buildGeoTooltipState({\n        absoluteX: pos.x,\n        absoluteY: pos.y,\n        relativeX: Math.round(event.point.x),\n        relativeY: Math.round(event.point.y),\n        pinned: true,\n        geometry: layerIdToGeometry(hoveredLayerId),\n        metadata: data,\n      }),\n    );\n  };\n\n  const hideTooltipIfNotPinned = () => {\n    const currentState = store.getState();\n    if (!currentState.pinned) {\n      hideTooltip();\n    }\n  };\n\n  return {\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleMouseClick,\n    handleZoom: hideTooltipIfNotPinned,\n    handleDrag: hideTooltipIfNotPinned,\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { MapLayerMouseEvent } from 'maplibre-gl';\nimport { useContext } from 'react';\n\nimport {\n  _useOverlayTooltipReducer as useTooltipReducer,\n  _useOverlayTooltipStore as useOverlayTooltipStore,\n  _useOverlayChart as useOverlayChart,\n  type _OverlayTooltipGeometryTypes as GeometryTypes,\n} from '@dynatrace/strato-components/charts';\n\nimport { GeoDataLookupContext } from '../contexts/geo-data-lookup.context.js';\nimport { useSetStateOverlay, useSetState } from '../store/store.js';\nimport { buildGeoTooltipState } from '../utils/build-geo-tooltip-state.js';\nimport { extractDataFromEvent } from '../utils/parse-tooltip-data.js';\n\nconst layerIdToGeometry = (layerId: string | undefined): GeometryTypes => {\n  if (layerId?.includes('bubble')) {\n    return 'geoBubble';\n  }\n  if (layerId?.includes('choropleth')) {\n    return 'geoChoropleth';\n  }\n  if (layerId?.includes('connection')) {\n    return 'geoConnection';\n  }\n  return 'geoDot';\n};\n\nexport const useOverlayEvents = () => {\n  const dataLookupRegistry = useContext(GeoDataLookupContext);\n  const setOverlayState = useSetStateOverlay();\n  const setState = useSetState();\n  const dispatch = useTooltipReducer();\n  const store = useOverlayTooltipStore();\n  const overlay = useOverlayChart();\n\n  const getAbsolutePosition = (event: MapLayerMouseEvent) => {\n    return {\n      x: Math.round(event.originalEvent.clientX),\n      y: Math.round(event.originalEvent.clientY),\n    };\n  };\n\n  const setTooltipMarker = (\n    hoveredLayerId: string | undefined,\n    location: { lng: number; lat: number } | undefined,\n  ) => {\n    setState((prev) => ({\n      ...prev,\n      tooltip: {\n        ...prev.tooltip,\n        hoveredLayerId,\n        location: location as typeof prev.tooltip.location,\n      },\n    }));\n  };\n\n  const hideTooltip = () => {\n    dispatch({ type: 'RESET_TOOLTIP' })();\n    setTooltipMarker(undefined, undefined);\n  };\n\n  const handleMouseEnter = () => {\n    setOverlayState({ mouseInBounds: true });\n  };\n\n  const handleMouseMove = (event: MapLayerMouseEvent) => {\n    if (event.features?.length) {\n      const currentState = store.getState();\n\n      if (currentState.pinned) {\n        return;\n      }\n\n      const { data, hoveredLayerId } = extractDataFromEvent(\n        event,\n        dataLookupRegistry,\n      );\n\n      overlay.clear();\n\n      setTooltipMarker(hoveredLayerId, event.lngLat);\n\n      const pos = getAbsolutePosition(event);\n      store.setState(\n        buildGeoTooltipState({\n          absoluteX: pos.x,\n          absoluteY: pos.y,\n          relativeX: Math.round(event.point.x),\n          relativeY: Math.round(event.point.y),\n          pinned: false,\n          geometry: layerIdToGeometry(hoveredLayerId),\n          metadata: data,\n        }),\n      );\n    } else {\n      const currentState = store.getState();\n      if (!currentState.pinned) {\n        hideTooltip();\n      }\n    }\n  };\n\n  const handleMouseLeave = () => {\n    setOverlayState({ mouseInBounds: false });\n    const currentState = store.getState();\n    if (!currentState.pinned) {\n      hideTooltip();\n    }\n  };\n\n  const handleMouseClick = (event: MapLayerMouseEvent) => {\n    const { data, featureId, hoveredLayerId } = extractDataFromEvent(\n      event,\n      dataLookupRegistry,\n    );\n\n    if (!featureId) {\n      hideTooltip();\n      return;\n    }\n\n    if (!hoveredLayerId) {\n      hideTooltip();\n      return;\n    }\n\n    overlay.clear();\n\n    setTooltipMarker(hoveredLayerId, event.lngLat);\n\n    const pos = getAbsolutePosition(event);\n    store.setState(\n      buildGeoTooltipState({\n        absoluteX: pos.x,\n        absoluteY: pos.y,\n        relativeX: Math.round(event.point.x),\n        relativeY: Math.round(event.point.y),\n        pinned: true,\n        geometry: layerIdToGeometry(hoveredLayerId),\n        metadata: data,\n      }),\n    );\n  };\n\n  const hideTooltipIfNotPinned = () => {\n    const currentState = store.getState();\n    if (!currentState.pinned) {\n      hideTooltip();\n    }\n  };\n\n  return {\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleMouseClick,\n    handleZoom: hideTooltipIfNotPinned,\n    handleDrag: hideTooltipIfNotPinned,\n  };\n};\n"],
+  "mappings": "AACA,SAAS,kBAAkB;AAE3B;AAAA,EACE,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,oBAAoB;AAAA,OAEf;AAEP,SAAS,4BAA4B;AACrC,SAAS,oBAAoB,mBAAmB;AAChD,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAErC,MAAM,oBAAoB,CAAC,YAA+C;AACxE,MAAI,SAAS,SAAS,QAAQ,GAAG;AAC/B,WAAO;AAAA,EACT;AACA,MAAI,SAAS,SAAS,YAAY,GAAG;AACnC,WAAO;AAAA,EACT;AACA,MAAI,SAAS,SAAS,YAAY,GAAG;AACnC,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,qBAAqB,WAAW,oBAAoB;AAC1D,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,WAAW,YAAY;AAC7B,QAAM,WAAW,kBAAkB;AACnC,QAAM,QAAQ,uBAAuB;AACrC,QAAM,UAAU,gBAAgB;AAEhC,QAAM,sBAAsB,CAAC,UAA8B;AACzD,WAAO;AAAA,MACL,GAAG,KAAK,MAAM,MAAM,cAAc,OAAO;AAAA,MACzC,GAAG,KAAK,MAAM,MAAM,cAAc,OAAO;AAAA,IAC3C;AAAA,EACF;AAEA,QAAM,mBAAmB,CACvB,gBACA,aACG;AACH,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,KAAK;AAAA,QACR;AAAA,QACA;AAAA,MACF;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,QAAM,cAAc,MAAM;AACxB,aAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AACpC,qBAAiB,QAAW,MAAS;AAAA,EACvC;AAEA,QAAM,mBAAmB,MAAM;AAC7B,oBAAgB,EAAE,eAAe,KAAK,CAAC;AAAA,EACzC;AAEA,QAAM,kBAAkB,CAAC,UAA8B;AACrD,QAAI,MAAM,UAAU,QAAQ;AAC1B,YAAM,eAAe,MAAM,SAAS;AAEpC,UAAI,aAAa,QAAQ;AACvB;AAAA,MACF;AAEA,YAAM,EAAE,MAAM,eAAe,IAAI;AAAA,QAC/B;AAAA,QACA;AAAA,MACF;AAEA,cAAQ,MAAM;AAEd,uBAAiB,gBAAgB,MAAM,MAAM;AAE7C,YAAM,MAAM,oBAAoB,KAAK;AACrC,YAAM;AAAA,QACJ,qBAAqB;AAAA,UACnB,WAAW,IAAI;AAAA,UACf,WAAW,IAAI;AAAA,UACf,WAAW,KAAK,MAAM,MAAM,MAAM,CAAC;AAAA,UACnC,WAAW,KAAK,MAAM,MAAM,MAAM,CAAC;AAAA,UACnC,QAAQ;AAAA,UACR,UAAU,kBAAkB,cAAc;AAAA,UAC1C,UAAU;AAAA,QACZ,CAAC;AAAA,MACH;AAAA,IACF,OAAO;AACL,YAAM,eAAe,MAAM,SAAS;AACpC,UAAI,CAAC,aAAa,QAAQ;AACxB,oBAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAEA,QAAM,mBAAmB,MAAM;AAC7B,oBAAgB,EAAE,eAAe,MAAM,CAAC;AACxC,UAAM,eAAe,MAAM,SAAS;AACpC,QAAI,CAAC,aAAa,QAAQ;AACxB,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,UAA8B;AACtD,UAAM,EAAE,MAAM,WAAW,eAAe,IAAI;AAAA,MAC1C;AAAA,MACA;AAAA,IACF;AAEA,QAAI,CAAC,WAAW;AACd,kBAAY;AACZ;AAAA,IACF;AAEA,QAAI,CAAC,gBAAgB;AACnB,kBAAY;AACZ;AAAA,IACF;AAEA,YAAQ,MAAM;AAEd,qBAAiB,gBAAgB,MAAM,MAAM;AAE7C,UAAM,MAAM,oBAAoB,KAAK;AACrC,UAAM;AAAA,MACJ,qBAAqB;AAAA,QACnB,WAAW,IAAI;AAAA,QACf,WAAW,IAAI;AAAA,QACf,WAAW,KAAK,MAAM,MAAM,MAAM,CAAC;AAAA,QACnC,WAAW,KAAK,MAAM,MAAM,MAAM,CAAC;AAAA,QACnC,QAAQ;AAAA,QACR,UAAU,kBAAkB,cAAc;AAAA,QAC1C,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,yBAAyB,MAAM;AACnC,UAAM,eAAe,MAAM,SAAS;AACpC,QAAI,CAAC,aAAa,QAAQ;AACxB,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AACF;",
   "names": []
 }

package/esm/map/hooks/use-webgl-context-error.js

@@ -7,7 +7,8 @@ const useWebGLContextError = (onContextLost) => {
     if (!canvas) {
       return;
     }
-    const handleContextLost = () => {
+    const handleContextLost = (event) => {
+      event.preventDefault();
       onContextLost?.();
     };
     canvas.addEventListener("webglcontextlost", handleContextLost);

package/esm/map/hooks/use-webgl-context-error.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/hooks/use-webgl-context-error.ts"],
-  "sourcesContent": ["import { useMap } from '@vis.gl/react-maplibre';\nimport { useEffect } from 'react';\n\n/**\n * Hook to detect WebGL context loss events.\n * Browsers have a limit of active WebGL canvas contexts.\n */\nexport const useWebGLContextError = (onContextLost?: () => void) => {\n  const { current: mapRef } = useMap();\n\n  useEffect(() => {\n    const canvas = mapRef?.getMap()?.getCanvas();\n    if (!canvas) {\n      return;\n    }\n\n    const handleContextLost = () => {\n      onContextLost?.();\n    };\n\n    canvas.addEventListener('webglcontextlost', handleContextLost);\n\n    return () => {\n      canvas.removeEventListener('webglcontextlost', handleContextLost);\n    };\n  }, [mapRef, onContextLost]);\n};\n"],
-  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAMnB,MAAM,uBAAuB,CAAC,kBAA+B;AAClE,QAAM,EAAE,SAAS,OAAO,IAAI,OAAO;AAEnC,YAAU,MAAM;AACd,UAAM,SAAS,QAAQ,OAAO,GAAG,UAAU;AAC3C,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,UAAM,oBAAoB,MAAM;AAC9B,sBAAgB;AAAA,IAClB;AAEA,WAAO,iBAAiB,oBAAoB,iBAAiB;AAE7D,WAAO,MAAM;AACX,aAAO,oBAAoB,oBAAoB,iBAAiB;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,QAAQ,aAAa,CAAC;AAC5B;",
+  "sourcesContent": ["import { useMap } from '@vis.gl/react-maplibre';\nimport { useEffect } from 'react';\n\n/**\n * Hook to detect WebGL context loss events.\n * Browsers have a limit of active WebGL canvas contexts.\n */\nexport const useWebGLContextError = (onContextLost?: () => void) => {\n  const { current: mapRef } = useMap();\n\n  useEffect(() => {\n    const canvas = mapRef?.getMap()?.getCanvas();\n    if (!canvas) {\n      return;\n    }\n\n    const handleContextLost = (event: Event) => {\n      // Prevent the browser default so it will attempt to restore the context\n      // via a subsequent `webglcontextrestored` event.\n      event.preventDefault();\n      onContextLost?.();\n    };\n\n    canvas.addEventListener('webglcontextlost', handleContextLost);\n\n    return () => {\n      canvas.removeEventListener('webglcontextlost', handleContextLost);\n    };\n  }, [mapRef, onContextLost]);\n};\n"],
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAMnB,MAAM,uBAAuB,CAAC,kBAA+B;AAClE,QAAM,EAAE,SAAS,OAAO,IAAI,OAAO;AAEnC,YAAU,MAAM;AACd,UAAM,SAAS,QAAQ,OAAO,GAAG,UAAU;AAC3C,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,UAAM,oBAAoB,CAAC,UAAiB;AAG1C,YAAM,eAAe;AACrB,sBAAgB;AAAA,IAClB;AAEA,WAAO,iBAAiB,oBAAoB,iBAAiB;AAE7D,WAAO,MAAM;AACX,aAAO,oBAAoB,oBAAoB,iBAAiB;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,QAAQ,aAAa,CAAC;AAC5B;",
   "names": []
 }

package/esm/map/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/map/index.ts"],
-  "sourcesContent": ["/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport { ChartInteractions } from './slots/ChartInteractions.js';\nexport { MapView } from './MapView.js';\nexport { ConnectionLayer } from './slots/ConnectionLayer.js';\nexport { DotLayer } from './slots/DotLayer.js';\nexport { BubbleLayer } from './slots/BubbleLayer.js';\nexport { BaseLayer } from './slots/BaseLayer.js';\nexport { ChoroplethLayer } from './slots/ChoroplethLayer.js';\nexport { Tooltip, TooltipAtoms } from './slots/Tooltip.js';\nexport { DownloadCSV } from './slots/DownloadCSV.js';\n\nexport type {\n  MapViewProps,\n  MapViewBaseProps,\n  MapViewUncontrolledProps,\n  MapViewControlledProps,\n  DisallowAll,\n  ViewState,\n  MapViewRef,\n} from './types/map-view.js';\n\nexport type { BaseLayerProps } from './types/base-layer.js';\n\nexport type { MapViewZoomSlotProps } from './slots/Zoom.js';\n\nexport type {\n  Connection,\n  ConnectionColorProps,\n  ConnectionLayerBaseProps,\n  ConnectionLayerProps,\n  CurvedLine,\n} from './types/connection-layer.js';\n\nexport type { DotLayerBaseProps, DotLayerProps } from './types/dot-layer.js';\n\nexport type {\n  BubbleLayerBaseProps,\n  BubbleLayerProps,\n  ScaleNoneProps,\n  ScaleRadiusProps,\n} from './types/bubble-layer.js';\n\nexport type {\n  ChoroplethLayerBaseProps,\n  ChoroplethLayerProps,\n} from './types/choropleth-layer.js';\n\nexport type { Location } from './types/location.js';\nexport type { MapShape } from './types/shapes.js';\nexport type {\n  ChartInteractionsProps,\n  MapToolbarSlotProps,\n} from './types/toolbar.js';\nexport type { ErrorStateSlotProps } from './slots/states/ErrorStateSlot.js';\n\nexport type {\n  BaseLegendProps,\n  CategoricalLegendProps,\n  SequentialLegendProps,\n  ThresholdLegendProps,\n} from './types/legend.js';\n\nexport type {\n  LocationColorProps,\n  LegendColorLayerProps,\n  ChoroplethCustomColorProps,\n} from './types/coloring.js';\n\nexport { SequentialLegend } from './slots/SequentialLegend.js';\nexport { ThresholdLegend } from './slots/ThresholdLegend.js';\nexport { CategoricalLegend } from './slots/CategoricalLegend.js';\n\nexport type {\n  BubbleLayerTooltipHandler,\n  BubbleLayerTooltipHandlerProps,\n  DotLayerTooltipHandler,\n  DotLayerTooltipHandlerProps,\n  ConnectionLayerTooltipHandler,\n  ConnectionLayerTooltipHandlerProps,\n  ChoroplethLayerTooltipHandlerProps,\n  ChoroplethLayerTooltipHandler,\n  ChartTooltip,\n  DotLayerTooltipData,\n  BubbleLayerTooltipData,\n  ConnectionLayerTooltipData,\n  ChoroplethLayerTooltipData,\n} from './types/tooltip.js';\n\nexport { getAllCountries } from './utils/get-all-countries.js';\n\nexport { MapViewProvider } from './providers/map-view.provider.js';\nexport type { MapViewProviderProps } from './types/map-view-provider.js';\n"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] Re-exports of legacy geo Tooltip API. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nexport { ChartInteractions } from './slots/ChartInteractions.js';\nexport { MapView } from './MapView.js';\nexport { ConnectionLayer } from './slots/ConnectionLayer.js';\nexport { DotLayer } from './slots/DotLayer.js';\nexport { BubbleLayer } from './slots/BubbleLayer.js';\nexport { BaseLayer } from './slots/BaseLayer.js';\nexport { ChoroplethLayer } from './slots/ChoroplethLayer.js';\nexport { Tooltip, TooltipAtoms } from './slots/Tooltip.js';\nexport { DownloadCSV } from './slots/DownloadCSV.js';\n\nexport type {\n  MapViewProps,\n  MapViewBaseProps,\n  MapViewUncontrolledProps,\n  MapViewControlledProps,\n  DisallowAll,\n  ViewState,\n  MapViewRef,\n} from './types/map-view.js';\n\nexport type { BaseLayerProps } from './types/base-layer.js';\n\nexport type { MapViewZoomSlotProps } from './slots/Zoom.js';\n\nexport type {\n  Connection,\n  ConnectionColorProps,\n  ConnectionLayerBaseProps,\n  ConnectionLayerProps,\n  CurvedLine,\n} from './types/connection-layer.js';\n\nexport type { DotLayerBaseProps, DotLayerProps } from './types/dot-layer.js';\n\nexport type {\n  BubbleLayerBaseProps,\n  BubbleLayerProps,\n  ScaleNoneProps,\n  ScaleRadiusProps,\n} from './types/bubble-layer.js';\n\nexport type {\n  ChoroplethLayerBaseProps,\n  ChoroplethLayerProps,\n} from './types/choropleth-layer.js';\n\nexport type { Location } from './types/location.js';\nexport type { MapShape } from './types/shapes.js';\nexport type {\n  ChartInteractionsProps,\n  MapToolbarSlotProps,\n} from './types/toolbar.js';\nexport type { ErrorStateSlotProps } from './slots/states/ErrorStateSlot.js';\n\nexport type {\n  BaseLegendProps,\n  CategoricalLegendProps,\n  SequentialLegendProps,\n  ThresholdLegendProps,\n} from './types/legend.js';\n\nexport type {\n  LocationColorProps,\n  LegendColorLayerProps,\n  ChoroplethCustomColorProps,\n} from './types/coloring.js';\n\nexport { SequentialLegend } from './slots/SequentialLegend.js';\nexport { ThresholdLegend } from './slots/ThresholdLegend.js';\nexport { CategoricalLegend } from './slots/CategoricalLegend.js';\n\nexport type {\n  BubbleLayerTooltipHandler,\n  BubbleLayerTooltipHandlerProps,\n  DotLayerTooltipHandler,\n  DotLayerTooltipHandlerProps,\n  ConnectionLayerTooltipHandler,\n  ConnectionLayerTooltipHandlerProps,\n  ChoroplethLayerTooltipHandlerProps,\n  ChoroplethLayerTooltipHandler,\n  ChartTooltip,\n  DotLayerTooltipData,\n  BubbleLayerTooltipData,\n  ConnectionLayerTooltipData,\n  ChoroplethLayerTooltipData,\n} from './types/tooltip.js';\n\nexport { getAllCountries } from './utils/get-all-countries.js';\n\nexport { MapViewProvider } from './providers/map-view.provider.js';\nexport type { MapViewProviderProps } from './types/map-view-provider.js';\n"],
   "mappings": "AACA,SAAS,yBAAyB;AAClC,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,SAAS,oBAAoB;AACtC,SAAS,mBAAmB;AA2D5B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAkBlC,SAAS,uBAAuB;AAEhC,SAAS,uBAAuB;",
   "names": []
 }

package/esm/map/slots/Tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/slots/Tooltip.tsx"],
-  "sourcesContent": ["import type { _ChartTooltipAtomsType as ChartTooltipAtomsType } from '@dynatrace/strato-components/charts';\nimport {\n  _ChartTooltipSlots as ChartTooltipSlots,\n  _ChartTooltipAtoms as ChartTooltipAtoms,\n  _ChartTooltipTemplate as ChartTooltipTemplate,\n} from '@dynatrace/strato-components/charts';\n\nimport type { ChartTooltip } from '../types/tooltip.js';\n\n/**\n * Tooltip is responsible for exposing the\n * ChartTooltip props, such as, sections, to the consumer\n * @public\n */\nexport const Tooltip: ChartTooltip = {\n  ...ChartTooltipSlots,\n  ...ChartTooltipTemplate,\n};\n\n/**\n * TooltipAtoms is responsible for exposing the\n * ChartTooltip atoms.\n * @public\n */\nexport const TooltipAtoms: ChartTooltipAtomsType = { ...ChartTooltipAtoms };\n"],
-  "mappings": "AACA;AAAA,EACE,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,yBAAyB;AAAA,OACpB;AASA,MAAM,UAAwB;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AACL;AAOO,MAAM,eAAsC,EAAE,GAAG,kBAAkB;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] Legacy geo Tooltip slot. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport type { _ChartTooltipAtomsType as ChartTooltipAtomsType } from '@dynatrace/strato-components/charts';\nimport {\n  _ChartTooltipSlots as ChartTooltipSlots,\n  _ChartTooltipAtoms as ChartTooltipAtoms,\n  _ChartTooltipTemplate as ChartTooltipTemplate,\n} from '@dynatrace/strato-components/charts';\n\nimport type { ChartTooltip } from '../types/tooltip.js';\n\n/**\n * Tooltip is responsible for exposing the\n * ChartTooltip props, such as, sections, to the consumer\n * @public\n * @deprecated Use `ChartTooltip` from `@dynatrace/strato-components/charts` instead. Removal: APPDEV-17834\n */\nexport const Tooltip: ChartTooltip = {\n  ...ChartTooltipSlots,\n  ...ChartTooltipTemplate,\n};\n\n/**\n * TooltipAtoms is responsible for exposing the\n * ChartTooltip atoms.\n * @public\n * @deprecated Use `ChartTooltip` from `@dynatrace/strato-components/charts` instead. Removal: APPDEV-17834\n */\nexport const TooltipAtoms: ChartTooltipAtomsType = { ...ChartTooltipAtoms };\n"],
+  "mappings": "AAEA;AAAA,EACE,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,yBAAyB;AAAA,OACpB;AAUA,MAAM,UAAwB;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AACL;AAQO,MAAM,eAAsC,EAAE,GAAG,kBAAkB;",
   "names": []
 }

package/esm/map/utils/attach-image-from-shape.js

@@ -2,20 +2,22 @@ import { attachImageToMap } from "./attach-image-to-map.js";
 import { createBitmapConfigOptions } from "./create-bitmap-config-options.js";
 import { getDataUri } from "./get-data-uri.js";
 import { DEFAULT_INPUT_ICON_SIZE } from "../constants.js";
+import { isFirefox } from "./is-browser-firefox.js";
 import { getShape } from "../shapes/shape-picker.js";
 const attachImageFromShape = (map, shape, name, outputSize) => {
   const pickedShape = getShape(shape);
   const stringUrl = getDataUri(encodeURIComponent(pickedShape));
   const img = new Image(DEFAULT_INPUT_ICON_SIZE, DEFAULT_INPUT_ICON_SIZE);
   img.addEventListener("load", () => {
-    createImageBitmap(
+    const bitmapPromise = isFirefox() ? createImageBitmap(img, createBitmapConfigOptions(outputSize)) : createImageBitmap(
       img,
       0,
       0,
       DEFAULT_INPUT_ICON_SIZE,
       DEFAULT_INPUT_ICON_SIZE,
       createBitmapConfigOptions(outputSize)
-    ).then((bitmap) => {
+    );
+    bitmapPromise.then((bitmap) => {
       if (!map) {
         return;
       }

package/esm/map/utils/attach-image-from-shape.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/utils/attach-image-from-shape.ts"],
-  "sourcesContent": ["import type { MapRef } from '@vis.gl/react-maplibre';\n\nimport { attachImageToMap } from './attach-image-to-map.js';\nimport { createBitmapConfigOptions } from './create-bitmap-config-options.js';\nimport { getDataUri } from './get-data-uri.js';\nimport { DEFAULT_INPUT_ICON_SIZE } from '../constants.js';\nimport { getShape } from '../shapes/shape-picker.js';\nimport type { MapShape } from '../types/shapes.js';\n\nexport const attachImageFromShape = (\n  map: MapRef,\n  shape: MapShape,\n  name: string,\n  outputSize?: number,\n) => {\n  const pickedShape = getShape(shape);\n  const stringUrl = getDataUri(encodeURIComponent(pickedShape));\n  const img = new Image(DEFAULT_INPUT_ICON_SIZE, DEFAULT_INPUT_ICON_SIZE);\n  img.addEventListener('load', () => {\n    createImageBitmap(\n      img,\n      0,\n      0,\n      DEFAULT_INPUT_ICON_SIZE,\n      DEFAULT_INPUT_ICON_SIZE,\n      createBitmapConfigOptions(outputSize),\n    ).then((bitmap) => {\n      if (!map) {\n        return;\n      }\n      attachImageToMap(map, bitmap, name);\n    });\n  });\n  img.src = stringUrl;\n};\n"],
-  "mappings": "AAEA,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB;AAC3B,SAAS,+BAA+B;AACxC,SAAS,gBAAgB;AAGlB,MAAM,uBAAuB,CAClC,KACA,OACA,MACA,eACG;AACH,QAAM,cAAc,SAAS,KAAK;AAClC,QAAM,YAAY,WAAW,mBAAmB,WAAW,CAAC;AAC5D,QAAM,MAAM,IAAI,MAAM,yBAAyB,uBAAuB;AACtE,MAAI,iBAAiB,QAAQ,MAAM;AACjC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,0BAA0B,UAAU;AAAA,IACtC,EAAE,KAAK,CAAC,WAAW;AACjB,UAAI,CAAC,KAAK;AACR;AAAA,MACF;AACA,uBAAiB,KAAK,QAAQ,IAAI;AAAA,IACpC,CAAC;AAAA,EACH,CAAC;AACD,MAAI,MAAM;AACZ;",
+  "sourcesContent": ["import type { MapRef } from '@vis.gl/react-maplibre';\n\nimport { attachImageToMap } from './attach-image-to-map.js';\nimport { createBitmapConfigOptions } from './create-bitmap-config-options.js';\nimport { getDataUri } from './get-data-uri.js';\nimport { DEFAULT_INPUT_ICON_SIZE } from '../constants.js';\nimport { isFirefox } from './is-browser-firefox.js';\nimport { getShape } from '../shapes/shape-picker.js';\nimport type { MapShape } from '../types/shapes.js';\n\nexport const attachImageFromShape = (\n  map: MapRef,\n  shape: MapShape,\n  name: string,\n  outputSize?: number,\n) => {\n  const pickedShape = getShape(shape);\n  const stringUrl = getDataUri(encodeURIComponent(pickedShape));\n  const img = new Image(DEFAULT_INPUT_ICON_SIZE, DEFAULT_INPUT_ICON_SIZE);\n  img.addEventListener('load', () => {\n    // passing an explicit source rect to createImageBitmap\n    // clips SVG icons on Firefox. Drop the rect on Firefox only \u2014 other\n    // browsers keep the original path.\n    const bitmapPromise = isFirefox()\n      ? createImageBitmap(img, createBitmapConfigOptions(outputSize))\n      : createImageBitmap(\n          img,\n          0,\n          0,\n          DEFAULT_INPUT_ICON_SIZE,\n          DEFAULT_INPUT_ICON_SIZE,\n          createBitmapConfigOptions(outputSize),\n        );\n    bitmapPromise.then((bitmap) => {\n      if (!map) {\n        return;\n      }\n      attachImageToMap(map, bitmap, name);\n    });\n  });\n  img.src = stringUrl;\n};\n"],
+  "mappings": "AAEA,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB;AAC3B,SAAS,+BAA+B;AACxC,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAGlB,MAAM,uBAAuB,CAClC,KACA,OACA,MACA,eACG;AACH,QAAM,cAAc,SAAS,KAAK;AAClC,QAAM,YAAY,WAAW,mBAAmB,WAAW,CAAC;AAC5D,QAAM,MAAM,IAAI,MAAM,yBAAyB,uBAAuB;AACtE,MAAI,iBAAiB,QAAQ,MAAM;AAIjC,UAAM,gBAAgB,UAAU,IAC5B,kBAAkB,KAAK,0BAA0B,UAAU,CAAC,IAC5D;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,0BAA0B,UAAU;AAAA,IACtC;AACJ,kBAAc,KAAK,CAAC,WAAW;AAC7B,UAAI,CAAC,KAAK;AACR;AAAA,MACF;AACA,uBAAiB,KAAK,QAAQ,IAAI;AAAA,IACpC,CAAC;AAAA,EACH,CAAC;AACD,MAAI,MAAM;AACZ;",
   "names": []
 }

package/esm/map/utils/extract-layers-data.js

@@ -24,17 +24,20 @@ const extractLayersData = (children, valueAccessors) => {
   let flattenData = [];
   const categoriesSet = /* @__PURE__ */ new Set();
   let legendDomain = [Infinity, -Infinity];
+  const dataLookupRegistry = /* @__PURE__ */ new Map();
   Children.forEach(children, (child) => {
     if (isComponent(child, BubbleLayer) || isComponent(child, DotLayer)) {
-      const { data } = child.props;
-      data.forEach((dataPoint) => {
+      const { data, layerId } = child.props;
+      const lookup = /* @__PURE__ */ new Map();
+      data.forEach((dataPoint, index) => {
+        lookup.set(index, dataPoint);
         const extendedDataPoint = {
           ...dataPoint,
-          "layer-name": child.props.layerId
+          "layer-name": layerId
         };
         const category = addCategory(
           extendedDataPoint,
-          valueAccessors.get(child.props.layerId)
+          valueAccessors.get(layerId)
         );
         category && categoriesSet.add(category);
         if (typeof category === "number") {
@@ -42,14 +45,14 @@ const extractLayersData = (children, valueAccessors) => {
         }
         flattenData = flattenData.concat(extendedDataPoint);
       });
+      dataLookupRegistry.set(`source-${layerId}`, lookup);
     } else if (isComponent(child, ConnectionLayer)) {
-      const { data } = child.props;
+      const { data, layerId } = child.props;
+      const lookup = /* @__PURE__ */ new Map();
       data.forEach((connection, connectionIndex) => {
+        lookup.set(connectionIndex, connection);
         if (connection.path.length >= 2) {
-          const category = addCategory(
-            connection,
-            valueAccessors.get(child.props.layerId)
-          );
+          const category = addCategory(connection, valueAccessors.get(layerId));
           category && categoriesSet.add(category);
           if (typeof category === "number") {
             legendDomain = updateDomain(legendDomain, category);
@@ -59,24 +62,28 @@ const extractLayersData = (children, valueAccessors) => {
               ...path,
               "connection-name": `connection-${connectionIndex + 1}`,
               "connection-item-index": pathIndex,
-              "layer-name": child.props.layerId
+              "layer-name": layerId
             };
             flattenData.push(parsedPath);
           });
         }
       });
+      dataLookupRegistry.set(`source-${layerId}`, lookup);
     } else if (isComponent(child, ChoroplethLayer)) {
-      const { data, regionAccessor } = child.props;
-      data.forEach((dataEntry) => {
+      const { data, regionAccessor, layerId } = child.props;
+      const sourceId = layerId.replace("layer", "source");
+      const lookup = /* @__PURE__ */ new Map();
+      data.forEach((dataEntry, index) => {
+        lookup.set(index, dataEntry);
         const region = isString(regionAccessor) ? dataEntry[regionAccessor] : regionAccessor(dataEntry);
         const choroplethLayerData = {
           ...dataEntry,
           region,
-          "layer-name": child.props.layerId
+          "layer-name": layerId
         };
         const category = addCategory(
           choroplethLayerData,
-          valueAccessors.get(child.props.layerId)
+          valueAccessors.get(layerId)
         );
         category && categoriesSet.add(category);
         if (typeof category === "number") {
@@ -84,12 +91,14 @@ const extractLayersData = (children, valueAccessors) => {
         }
         flattenData.push(choroplethLayerData);
       });
+      dataLookupRegistry.set(sourceId, lookup);
     }
   });
   return {
     flattenData,
     categories: [...categoriesSet],
-    legendDomain
+    legendDomain,
+    dataLookupRegistry
   };
 };
 export {

package/esm/map/utils/extract-layers-data.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/utils/extract-layers-data.ts"],
-  "sourcesContent": ["import { isString } from 'lodash-es';\nimport { Children, type ReactNode } from 'react';\n\nimport { isComponent } from './is-component.js';\nimport { BubbleLayer } from '../components/BubbleLayer/BubbleLayer.js';\nimport { ChoroplethLayer } from '../components/ChoroplethLayer/ChoroplethLayer.js';\nimport { ConnectionLayer } from '../components/ConnectionLayer/ConnectionLayer.js';\nimport { DotLayer } from '../components/DotLayer/DotLayer.js';\n\nconst addCategory = (\n  extendedDataPoint: Record<string, unknown>,\n  valueAccessor?: string,\n) => {\n  if (valueAccessor && extendedDataPoint[valueAccessor]) {\n    return extendedDataPoint[valueAccessor];\n  }\n};\n\nconst updateDomain = (\n  domain: [number, number],\n  value: number,\n): [number, number] => {\n  let [min, max] = domain;\n  if (value < min) {\n    min = value;\n  }\n  if (value > max) {\n    max = value;\n  }\n  return [min, max];\n};\n\n/**\n * Extract layers data\n * @param children - MapView children\n * @param valueAccessors - MapView Layer valueAccessor\n * @returns flattened data array\n */\nexport const extractLayersData = (\n  children: ReactNode,\n  valueAccessors: Map<string, string>,\n) => {\n  let flattenData: Record<string, unknown>[] = [];\n  const categoriesSet = new Set<string>();\n  let legendDomain: [number, number] = [Infinity, -Infinity];\n\n  Children.forEach(children, (child) => {\n    if (isComponent(child, BubbleLayer) || isComponent(child, DotLayer)) {\n      const { data } = child.props;\n\n      data.forEach((dataPoint) => {\n        const extendedDataPoint = {\n          ...dataPoint,\n          'layer-name': child.props.layerId,\n        };\n\n        const category = addCategory(\n          extendedDataPoint,\n          valueAccessors.get(child.props.layerId),\n        );\n\n        category && categoriesSet.add(category as string);\n\n        if (typeof category === 'number') {\n          legendDomain = updateDomain(legendDomain, category);\n        }\n\n        flattenData = flattenData.concat(extendedDataPoint);\n      });\n    } else if (isComponent(child, ConnectionLayer)) {\n      const { data } = child.props;\n\n      data.forEach((connection, connectionIndex) => {\n        if (connection.path.length >= 2) {\n          const category = addCategory(\n            connection,\n            valueAccessors.get(child.props.layerId),\n          );\n\n          category && categoriesSet.add(category as string);\n\n          if (typeof category === 'number') {\n            legendDomain = updateDomain(legendDomain, category);\n          }\n\n          connection.path.forEach((path, pathIndex) => {\n            const parsedPath = {\n              ...path,\n              'connection-name': `connection-${connectionIndex + 1}`,\n              'connection-item-index': pathIndex,\n              'layer-name': child.props.layerId,\n            };\n\n            flattenData.push(parsedPath);\n          });\n        }\n      });\n    } else if (isComponent(child, ChoroplethLayer)) {\n      const { data, regionAccessor } = child.props;\n\n      data.forEach((dataEntry) => {\n        const region = isString(regionAccessor)\n          ? dataEntry[regionAccessor]\n          : regionAccessor(dataEntry);\n\n        const choroplethLayerData = {\n          ...dataEntry,\n          region,\n          'layer-name': child.props.layerId,\n        };\n\n        const category = addCategory(\n          choroplethLayerData,\n          valueAccessors.get(child.props.layerId),\n        );\n\n        category && categoriesSet.add(category as string);\n\n        if (typeof category === 'number') {\n          legendDomain = updateDomain(legendDomain, category);\n        }\n\n        flattenData.push(choroplethLayerData);\n      });\n    }\n  });\n\n  return {\n    flattenData,\n    categories: [...categoriesSet],\n    legendDomain,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,gBAAgC;AAEzC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AAEzB,MAAM,cAAc,CAClB,mBACA,kBACG;AACH,MAAI,iBAAiB,kBAAkB,aAAa,GAAG;AACrD,WAAO,kBAAkB,aAAa;AAAA,EACxC;AACF;AAEA,MAAM,eAAe,CACnB,QACA,UACqB;AACrB,MAAI,CAAC,KAAK,GAAG,IAAI;AACjB,MAAI,QAAQ,KAAK;AACf,UAAM;AAAA,EACR;AACA,MAAI,QAAQ,KAAK;AACf,UAAM;AAAA,EACR;AACA,SAAO,CAAC,KAAK,GAAG;AAClB;AAQO,MAAM,oBAAoB,CAC/B,UACA,mBACG;AACH,MAAI,cAAyC,CAAC;AAC9C,QAAM,gBAAgB,oBAAI,IAAY;AACtC,MAAI,eAAiC,CAAC,UAAU,SAAS;AAEzD,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,YAAY,OAAO,WAAW,KAAK,YAAY,OAAO,QAAQ,GAAG;AACnE,YAAM,EAAE,KAAK,IAAI,MAAM;AAEvB,WAAK,QAAQ,CAAC,cAAc;AAC1B,cAAM,oBAAoB;AAAA,UACxB,GAAG;AAAA,UACH,cAAc,MAAM,MAAM;AAAA,QAC5B;AAEA,cAAM,WAAW;AAAA,UACf;AAAA,UACA,eAAe,IAAI,MAAM,MAAM,OAAO;AAAA,QACxC;AAEA,oBAAY,cAAc,IAAI,QAAkB;AAEhD,YAAI,OAAO,aAAa,UAAU;AAChC,yBAAe,aAAa,cAAc,QAAQ;AAAA,QACpD;AAEA,sBAAc,YAAY,OAAO,iBAAiB;AAAA,MACpD,CAAC;AAAA,IACH,WAAW,YAAY,OAAO,eAAe,GAAG;AAC9C,YAAM,EAAE,KAAK,IAAI,MAAM;AAEvB,WAAK,QAAQ,CAAC,YAAY,oBAAoB;AAC5C,YAAI,WAAW,KAAK,UAAU,GAAG;AAC/B,gBAAM,WAAW;AAAA,YACf;AAAA,YACA,eAAe,IAAI,MAAM,MAAM,OAAO;AAAA,UACxC;AAEA,sBAAY,cAAc,IAAI,QAAkB;AAEhD,cAAI,OAAO,aAAa,UAAU;AAChC,2BAAe,aAAa,cAAc,QAAQ;AAAA,UACpD;AAEA,qBAAW,KAAK,QAAQ,CAAC,MAAM,cAAc;AAC3C,kBAAM,aAAa;AAAA,cACjB,GAAG;AAAA,cACH,mBAAmB,cAAc,kBAAkB,CAAC;AAAA,cACpD,yBAAyB;AAAA,cACzB,cAAc,MAAM,MAAM;AAAA,YAC5B;AAEA,wBAAY,KAAK,UAAU;AAAA,UAC7B,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH,WAAW,YAAY,OAAO,eAAe,GAAG;AAC9C,YAAM,EAAE,MAAM,eAAe,IAAI,MAAM;AAEvC,WAAK,QAAQ,CAAC,cAAc;AAC1B,cAAM,SAAS,SAAS,cAAc,IAClC,UAAU,cAAc,IACxB,eAAe,SAAS;AAE5B,cAAM,sBAAsB;AAAA,UAC1B,GAAG;AAAA,UACH;AAAA,UACA,cAAc,MAAM,MAAM;AAAA,QAC5B;AAEA,cAAM,WAAW;AAAA,UACf;AAAA,UACA,eAAe,IAAI,MAAM,MAAM,OAAO;AAAA,QACxC;AAEA,oBAAY,cAAc,IAAI,QAAkB;AAEhD,YAAI,OAAO,aAAa,UAAU;AAChC,yBAAe,aAAa,cAAc,QAAQ;AAAA,QACpD;AAEA,oBAAY,KAAK,mBAAmB;AAAA,MACtC,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA,YAAY,CAAC,GAAG,aAAa;AAAA,IAC7B;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { isString } from 'lodash-es';\nimport { Children, type ReactNode } from 'react';\n\nimport { isComponent } from './is-component.js';\nimport { BubbleLayer } from '../components/BubbleLayer/BubbleLayer.js';\nimport { ChoroplethLayer } from '../components/ChoroplethLayer/ChoroplethLayer.js';\nimport { ConnectionLayer } from '../components/ConnectionLayer/ConnectionLayer.js';\nimport { DotLayer } from '../components/DotLayer/DotLayer.js';\nimport type {\n  GeoDataLookup,\n  GeoDataLookupRegistry,\n} from '../contexts/geo-data-lookup.context.js';\n\nconst addCategory = (\n  extendedDataPoint: Record<string, unknown>,\n  valueAccessor?: string,\n) => {\n  if (valueAccessor && extendedDataPoint[valueAccessor]) {\n    return extendedDataPoint[valueAccessor];\n  }\n};\n\nconst updateDomain = (\n  domain: [number, number],\n  value: number,\n): [number, number] => {\n  let [min, max] = domain;\n  if (value < min) {\n    min = value;\n  }\n  if (value > max) {\n    max = value;\n  }\n  return [min, max];\n};\n\n/**\n * Extract layers data\n * @param children - MapView children\n * @param valueAccessors - MapView Layer valueAccessor\n * @returns flattened data array\n */\nexport const extractLayersData = (\n  children: ReactNode,\n  valueAccessors: Map<string, string>,\n) => {\n  let flattenData: Record<string, unknown>[] = [];\n  const categoriesSet = new Set<string>();\n  let legendDomain: [number, number] = [Infinity, -Infinity];\n  const dataLookupRegistry: GeoDataLookupRegistry = new Map();\n\n  Children.forEach(children, (child) => {\n    if (isComponent(child, BubbleLayer) || isComponent(child, DotLayer)) {\n      const { data, layerId } = child.props;\n      const lookup: GeoDataLookup = new Map();\n\n      data.forEach((dataPoint, index) => {\n        lookup.set(index, dataPoint);\n\n        const extendedDataPoint = {\n          ...dataPoint,\n          'layer-name': layerId,\n        };\n\n        const category = addCategory(\n          extendedDataPoint,\n          valueAccessors.get(layerId),\n        );\n\n        category && categoriesSet.add(category as string);\n\n        if (typeof category === 'number') {\n          legendDomain = updateDomain(legendDomain, category);\n        }\n\n        flattenData = flattenData.concat(extendedDataPoint);\n      });\n\n      dataLookupRegistry.set(`source-${layerId}`, lookup);\n    } else if (isComponent(child, ConnectionLayer)) {\n      const { data, layerId } = child.props;\n      const lookup: GeoDataLookup = new Map();\n\n      data.forEach((connection, connectionIndex) => {\n        lookup.set(connectionIndex, connection);\n        if (connection.path.length >= 2) {\n          const category = addCategory(connection, valueAccessors.get(layerId));\n\n          category && categoriesSet.add(category as string);\n\n          if (typeof category === 'number') {\n            legendDomain = updateDomain(legendDomain, category);\n          }\n\n          connection.path.forEach((path, pathIndex) => {\n            const parsedPath = {\n              ...path,\n              'connection-name': `connection-${connectionIndex + 1}`,\n              'connection-item-index': pathIndex,\n              'layer-name': layerId,\n            };\n\n            flattenData.push(parsedPath);\n          });\n        }\n      });\n\n      dataLookupRegistry.set(`source-${layerId}`, lookup);\n    } else if (isComponent(child, ChoroplethLayer)) {\n      const { data, regionAccessor, layerId } = child.props;\n      const sourceId = layerId.replace('layer', 'source');\n      const lookup: GeoDataLookup = new Map();\n\n      data.forEach((dataEntry, index) => {\n        lookup.set(index, dataEntry);\n        const region = isString(regionAccessor)\n          ? dataEntry[regionAccessor]\n          : regionAccessor(dataEntry);\n\n        const choroplethLayerData = {\n          ...dataEntry,\n          region,\n          'layer-name': layerId,\n        };\n\n        const category = addCategory(\n          choroplethLayerData,\n          valueAccessors.get(layerId),\n        );\n\n        category && categoriesSet.add(category as string);\n\n        if (typeof category === 'number') {\n          legendDomain = updateDomain(legendDomain, category);\n        }\n\n        flattenData.push(choroplethLayerData);\n      });\n\n      dataLookupRegistry.set(sourceId, lookup);\n    }\n  });\n\n  return {\n    flattenData,\n    categories: [...categoriesSet],\n    legendDomain,\n    dataLookupRegistry,\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/map/utils/is-browser-firefox.js

@@ -0,0 +1,7 @@
+function isFirefox() {
+  return typeof navigator !== "undefined" && navigator.userAgent.toLowerCase().includes("firefox");
+}
+export {
+  isFirefox
+};
+//# sourceMappingURL=is-browser-firefox.js.map

package/esm/map/utils/is-browser-firefox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/map/utils/is-browser-firefox.ts"],
+  "sourcesContent": ["/**\n * @returns true if is firefox browser, false otherwise\n * @internal\n */\nexport function isFirefox() {\n  return (\n    typeof navigator !== 'undefined' &&\n    navigator.userAgent.toLowerCase().includes('firefox')\n  );\n}\n"],
+  "mappings": "AAIO,SAAS,YAAY;AAC1B,SACE,OAAO,cAAc,eACrB,UAAU,UAAU,YAAY,EAAE,SAAS,SAAS;AAExD;",
+  "names": []
+}

package/esm/map/utils/parse-tooltip-data.js

@@ -16,20 +16,35 @@ const parseFeatureProperties = (featureProperties) => {
   }
   return properties;
 };
-const parseTooltipData = (features) => {
+const resolveSourceId = (feature) => feature.source ?? feature.layer?.source;
+const restoreDataFromLookup = (sourceId, dataIndex, registry) => {
+  if (registry === void 0 || sourceId === void 0 || dataIndex === void 0) {
+    return void 0;
+  }
+  const lookup = registry.get(sourceId);
+  return lookup?.get(dataIndex);
+};
+const parseTooltipData = (features, registry) => {
   const data = [];
   for (const feature of features) {
     const properties = parseFeatureProperties(feature.properties);
-    const [latitude, longitude] = feature.geometry.coordinates;
+    const sourceId = resolveSourceId(feature);
+    const { __dataIndex, ...visibleProperties } = properties;
+    const dataIndex = typeof __dataIndex === "number" ? __dataIndex : void 0;
+    const originalData = restoreDataFromLookup(sourceId, dataIndex, registry);
+    const coordinates = feature.geometry.type === "Point" ? {
+      longitude: feature.geometry.coordinates[0],
+      latitude: feature.geometry.coordinates[1]
+    } : {};
     data.push({
-      ...properties,
-      latitude,
-      longitude
+      ...visibleProperties,
+      ...originalData !== void 0 ? { data: originalData } : {},
+      ...coordinates
     });
   }
   return data;
 };
-const extractDataFromEvent = (event) => {
+const extractDataFromEvent = (event, registry) => {
   if (!event.features?.length) {
     return {};
   }
@@ -38,7 +53,7 @@ const extractDataFromEvent = (event) => {
   const hoveredFeatures = event.features.filter(
     (feature2) => feature2.layer.id === hoveredLayerId
   );
-  const data = parseTooltipData(hoveredFeatures);
+  const data = parseTooltipData(hoveredFeatures, registry);
   return {
     featureId: `${hoveredLayerId}-${feature.id}`,
     hoveredLayerId,

package/esm/map/utils/parse-tooltip-data.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/utils/parse-tooltip-data.ts"],
-  "sourcesContent": ["import type GeoJSON from 'geojson';\nimport type { MapGeoJSONFeature, MapLayerMouseEvent } from 'maplibre-gl';\n\n/**\n * Tries to deserialize an object, if serialized\n * @param serializedObject - string\n */\nconst deserializeObject = (\n  serializedObject: string,\n): string | Record<string, unknown> => {\n  try {\n    return JSON.parse(serializedObject);\n  } catch {\n    return serializedObject;\n  }\n};\n\n/**\n * Deserializes map feature properties that are serialized\n *\n * @param featureProperties - map feature properties\n */\nconst parseFeatureProperties = (featureProperties: Record<string, unknown>) => {\n  const properties: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(featureProperties)) {\n    if (typeof value === 'string') {\n      properties[key] = deserializeObject(value);\n    } else {\n      properties[key] = value;\n    }\n  }\n\n  return properties;\n};\n\n/**\n * Extracts useful map features data for the tooltip\n * @param features - map features\n */\nexport const parseTooltipData = (features: MapGeoJSONFeature[]) => {\n  const data: unknown[] = [];\n\n  for (const feature of features) {\n    const properties = parseFeatureProperties(feature.properties);\n    const [latitude, longitude] = (feature.geometry as GeoJSON.Point)\n      .coordinates;\n\n    data.push({\n      ...properties,\n      latitude,\n      longitude,\n    });\n  }\n\n  return data;\n};\n\nexport const extractDataFromEvent = (event: MapLayerMouseEvent) => {\n  if (!event.features?.length) {\n    return {};\n  }\n  const feature = event.features[0];\n  const hoveredLayerId = feature.layer.id;\n  const hoveredFeatures = event.features.filter(\n    (feature) => feature.layer.id === hoveredLayerId,\n  );\n\n  const data = parseTooltipData(hoveredFeatures);\n\n  return {\n    featureId: `${hoveredLayerId}-${feature.id}`,\n    hoveredLayerId,\n    data,\n  };\n};\n"],
-  "mappings": "AAOA,MAAM,oBAAoB,CACxB,qBACqC;AACrC,MAAI;AACF,WAAO,KAAK,MAAM,gBAAgB;AAAA,EACpC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAOA,MAAM,yBAAyB,CAAC,sBAA+C;AAC7E,QAAM,aAAsC,CAAC;AAE7C,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,iBAAiB,GAAG;AAC5D,QAAI,OAAO,UAAU,UAAU;AAC7B,iBAAW,GAAG,IAAI,kBAAkB,KAAK;AAAA,IAC3C,OAAO;AACL,iBAAW,GAAG,IAAI;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AACT;AAMO,MAAM,mBAAmB,CAAC,aAAkC;AACjE,QAAM,OAAkB,CAAC;AAEzB,aAAW,WAAW,UAAU;AAC9B,UAAM,aAAa,uBAAuB,QAAQ,UAAU;AAC5D,UAAM,CAAC,UAAU,SAAS,IAAK,QAAQ,SACpC;AAEH,SAAK,KAAK;AAAA,MACR,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;AAEO,MAAM,uBAAuB,CAAC,UAA8B;AACjE,MAAI,CAAC,MAAM,UAAU,QAAQ;AAC3B,WAAO,CAAC;AAAA,EACV;AACA,QAAM,UAAU,MAAM,SAAS,CAAC;AAChC,QAAM,iBAAiB,QAAQ,MAAM;AACrC,QAAM,kBAAkB,MAAM,SAAS;AAAA,IACrC,CAACA,aAAYA,SAAQ,MAAM,OAAO;AAAA,EACpC;AAEA,QAAM,OAAO,iBAAiB,eAAe;AAE7C,SAAO;AAAA,IACL,WAAW,GAAG,cAAc,IAAI,QAAQ,EAAE;AAAA,IAC1C;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { MapGeoJSONFeature, MapLayerMouseEvent } from 'maplibre-gl';\n\nimport type { GeoDataLookupRegistry } from '../contexts/geo-data-lookup.context.js';\n\n/**\n * Tries to deserialize an object, if serialized\n * @param serializedObject - string\n */\nconst deserializeObject = (\n  serializedObject: string,\n): string | Record<string, unknown> => {\n  try {\n    return JSON.parse(serializedObject);\n  } catch {\n    return serializedObject;\n  }\n};\n\n/**\n * Deserializes map feature properties that are serialized\n *\n * @param featureProperties - map feature properties\n */\nconst parseFeatureProperties = (featureProperties: Record<string, unknown>) => {\n  const properties: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(featureProperties)) {\n    if (typeof value === 'string') {\n      properties[key] = deserializeObject(value);\n    } else {\n      properties[key] = value;\n    }\n  }\n\n  return properties;\n};\n\n/**\n * Resolves the source ID from a feature, looking at either the\n * `source` property or the `layer.source` property.\n */\nconst resolveSourceId = (feature: MapGeoJSONFeature): string | undefined =>\n  feature.source ?? feature.layer?.source;\n\n/**\n * Restores full user data from the data lookup registry using the\n * `__dataIndex` stored in the feature's properties.\n *\n * Returns the original data object if found, or undefined if not.\n */\nconst restoreDataFromLookup = (\n  sourceId: string | undefined,\n  dataIndex: number | undefined,\n  registry: GeoDataLookupRegistry | undefined,\n): unknown => {\n  if (\n    registry === undefined ||\n    sourceId === undefined ||\n    dataIndex === undefined\n  ) {\n    return undefined;\n  }\n\n  const lookup = registry.get(sourceId);\n  return lookup?.get(dataIndex);\n};\n\n/**\n * Extracts useful map features data for the tooltip.\n *\n * When a data lookup registry is provided, the full original data\n * is restored from the `__dataIndex` stored in GeoJSON properties.\n * This allows GeoJSON features to carry only rendering-relevant\n * fields while still providing full data for tooltips.\n *\n * @param features - map features\n * @param registry - optional data lookup registry for restoring full data\n */\nexport const parseTooltipData = (\n  features: MapGeoJSONFeature[],\n  registry?: GeoDataLookupRegistry,\n) => {\n  const data: unknown[] = [];\n\n  for (const feature of features) {\n    const properties = parseFeatureProperties(feature.properties);\n\n    const sourceId = resolveSourceId(feature);\n    const { __dataIndex, ...visibleProperties } = properties;\n    const dataIndex = typeof __dataIndex === 'number' ? __dataIndex : undefined;\n    const originalData = restoreDataFromLookup(sourceId, dataIndex, registry);\n\n    const coordinates =\n      feature.geometry.type === 'Point'\n        ? {\n            longitude: feature.geometry.coordinates[0],\n            latitude: feature.geometry.coordinates[1],\n          }\n        : {};\n\n    data.push({\n      ...visibleProperties,\n      ...(originalData !== undefined ? { data: originalData } : {}),\n      ...coordinates,\n    });\n  }\n\n  return data;\n};\n\nexport const extractDataFromEvent = (\n  event: MapLayerMouseEvent,\n  registry?: GeoDataLookupRegistry,\n) => {\n  if (!event.features?.length) {\n    return {};\n  }\n  const feature = event.features[0];\n  const hoveredLayerId = feature.layer.id;\n  const hoveredFeatures = event.features.filter(\n    (feature) => feature.layer.id === hoveredLayerId,\n  );\n\n  const data = parseTooltipData(hoveredFeatures, registry);\n\n  return {\n    featureId: `${hoveredLayerId}-${feature.id}`,\n    hoveredLayerId,\n    data,\n  };\n};\n"],
+  "mappings": "AAQA,MAAM,oBAAoB,CACxB,qBACqC;AACrC,MAAI;AACF,WAAO,KAAK,MAAM,gBAAgB;AAAA,EACpC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAOA,MAAM,yBAAyB,CAAC,sBAA+C;AAC7E,QAAM,aAAsC,CAAC;AAE7C,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,iBAAiB,GAAG;AAC5D,QAAI,OAAO,UAAU,UAAU;AAC7B,iBAAW,GAAG,IAAI,kBAAkB,KAAK;AAAA,IAC3C,OAAO;AACL,iBAAW,GAAG,IAAI;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AACT;AAMA,MAAM,kBAAkB,CAAC,YACvB,QAAQ,UAAU,QAAQ,OAAO;AAQnC,MAAM,wBAAwB,CAC5B,UACA,WACA,aACY;AACZ,MACE,aAAa,UACb,aAAa,UACb,cAAc,QACd;AACA,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,SAAS,IAAI,QAAQ;AACpC,SAAO,QAAQ,IAAI,SAAS;AAC9B;AAaO,MAAM,mBAAmB,CAC9B,UACA,aACG;AACH,QAAM,OAAkB,CAAC;AAEzB,aAAW,WAAW,UAAU;AAC9B,UAAM,aAAa,uBAAuB,QAAQ,UAAU;AAE5D,UAAM,WAAW,gBAAgB,OAAO;AACxC,UAAM,EAAE,aAAa,GAAG,kBAAkB,IAAI;AAC9C,UAAM,YAAY,OAAO,gBAAgB,WAAW,cAAc;AAClE,UAAM,eAAe,sBAAsB,UAAU,WAAW,QAAQ;AAExE,UAAM,cACJ,QAAQ,SAAS,SAAS,UACtB;AAAA,MACE,WAAW,QAAQ,SAAS,YAAY,CAAC;AAAA,MACzC,UAAU,QAAQ,SAAS,YAAY,CAAC;AAAA,IAC1C,IACA,CAAC;AAEP,SAAK,KAAK;AAAA,MACR,GAAG;AAAA,MACH,GAAI,iBAAiB,SAAY,EAAE,MAAM,aAAa,IAAI,CAAC;AAAA,MAC3D,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AAEA,SAAO;AACT;AAEO,MAAM,uBAAuB,CAClC,OACA,aACG;AACH,MAAI,CAAC,MAAM,UAAU,QAAQ;AAC3B,WAAO,CAAC;AAAA,EACV;AACA,QAAM,UAAU,MAAM,SAAS,CAAC;AAChC,QAAM,iBAAiB,QAAQ,MAAM;AACrC,QAAM,kBAAkB,MAAM,SAAS;AAAA,IACrC,CAACA,aAAYA,SAAQ,MAAM,OAAO;AAAA,EACpC;AAEA,QAAM,OAAO,iBAAiB,iBAAiB,QAAQ;AAEvD,SAAO;AAAA,IACL,WAAW,GAAG,cAAc,IAAI,QAAQ,EAAE;AAAA,IAC1C;AAAA,IACA;AAAA,EACF;AACF;",
   "names": ["feature"]
 }

package/map/MapView.js

@@ -30,6 +30,7 @@ var import_MapContent = require("./components/MapContent.js");
 var import_MapUnavailable = require("./components/MapUnavailable.js");
 var import_constants = require("./constants.js");
 var import_formatter_context = require("./contexts/formatter.context.js");
+var import_geo_data_lookup_context = require("./contexts/geo-data-lookup.context.js");
 var import_layer_ids_context = require("./contexts/layer-ids.context.js");
 var import_map_base_layer_context = require("./contexts/map-base-layer.context.js");
 var import_map_configuration_context = require("./contexts/map-configuration.context.js");
@@ -69,7 +70,8 @@ const _MapView = (0, import_react.forwardRef)(
     const {
       flattenData: layersData,
       categories,
-      legendDomain
+      legendDomain,
+      dataLookupRegistry
     } = (0, import_extract_layers_data.extractLayersData)(parsedChildren, valueAccessors);
     const config = (0, import_iterate_config_slots.iterateConfigSlots)(children, legendDomain);
     const getMaxRange = () => {
@@ -119,43 +121,49 @@ const _MapView = (0, import_react.forwardRef)(
               import_map_truncation_mode_context.MapTruncationModeContext.Provider,
               {
                 value: truncationMode ?? import_constants.DEFAULT_TRUNCATION_MODE,
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_formatter_context.FormatterContext.Provider, { value: formatter, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_map_raw_data_context.MapRawDataContext.Provider, { value: layersData, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._OverlayProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._OverlayTooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_map_store_provider.MapStoreProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_color_scale_provider.ColorScaleProvider,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_formatter_context.FormatterContext.Provider, { value: formatter, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_map_raw_data_context.MapRawDataContext.Provider, { value: layersData, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_geo_data_lookup_context.GeoDataLookupContext.Provider,
                   {
-                    categories,
-                    dataMax,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_layer_color_strategy_provider.LayerColorStrategyProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                      import_charts._ChartLayout,
+                    value: dataLookupRegistry,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._OverlayProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._OverlayTooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_map_store_provider.MapStoreProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_color_scale_provider.ColorScaleProvider,
                       {
-                        ref: chartLayoutRef,
-                        chartHeight,
-                        errorState,
-                        showLoader: loading || isLoading,
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._ChartLayout.Graph, { children: baseFeatureCollection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                            import_MapContent.MapContent,
-                            {
-                              ref: forwardedRef,
-                              onMapLoad: () => setIsMapLoaded(true),
-                              ...remaining,
-                              children: parsedChildren
-                            }
-                          ) }),
-                          !isLegendHidden && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                            import_charts._ChartLayout.Legend,
-                            {
-                              position: legendPosition,
-                              ratio: legendRatio,
-                              ratioBoundaries: import_constants.DEFAULT_LEGEND_SIZES,
-                              onResize: legendOnRatioChange,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MapLegendRenderer.MapLegendRenderer, {})
-                            }
-                          )
-                        ]
+                        categories,
+                        dataMax,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_layer_color_strategy_provider.LayerColorStrategyProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                          import_charts._ChartLayout,
+                          {
+                            ref: chartLayoutRef,
+                            chartHeight,
+                            errorState,
+                            showLoader: loading || isLoading,
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._ChartLayout.Graph, { children: baseFeatureCollection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                                import_MapContent.MapContent,
+                                {
+                                  ref: forwardedRef,
+                                  onMapLoad: () => setIsMapLoaded(true),
+                                  ...remaining,
+                                  children: parsedChildren
+                                }
+                              ) }),
+                              !isLegendHidden && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                                import_charts._ChartLayout.Legend,
+                                {
+                                  position: legendPosition,
+                                  ratio: legendRatio,
+                                  ratioBoundaries: import_constants.DEFAULT_LEGEND_SIZES,
+                                  onResize: legendOnRatioChange,
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MapLegendRenderer.MapLegendRenderer, {})
+                                }
+                              )
+                            ]
+                          }
+                        ) })
                       }
-                    ) })
+                    ) }) }) })
                   }
-                ) }) }) }) }) })
+                ) }) })
               }
             ) }) })
           }

package/map/components/BubbleLayer/BubbleCircleLayer.d.ts

@@ -1,5 +1,6 @@
 import type { BehaviorTrackingProps } from '@dynatrace/strato-components/core';
-export declare const BubbleCircleLayer: ({ id, source, ...behavioralTrackingProps }: {
+export declare const BubbleCircleLayer: ({ id, source, beforeId, ...behavioralTrackingProps }: {
     id: string;
     source: string;
+    beforeId?: string;
 } & BehaviorTrackingProps) => import("react/jsx-runtime").JSX.Element;

package/map/components/BubbleLayer/BubbleCircleLayer.js

@@ -29,6 +29,7 @@ var import_constants = require("../../constants.js");
 const BubbleCircleLayer = ({
   id,
   source,
+  beforeId,
   ...behavioralTrackingProps
 }) => {
   const sizeInterpolation = (0, import_use_size_interpolation.useSizeInterpolation)();
@@ -39,6 +40,7 @@ const BubbleCircleLayer = ({
       type: "circle",
       id,
       source,
+      beforeId,
       paint: {
         "circle-color": [
           "case",

package/map/components/BubbleLayer/BubbleLayer.js

@@ -31,6 +31,7 @@ var import_size_interpolation_context = require("./contexts/size-interpolation.c
 var import_build_radius_scale = require("./utils/build-radius-scale.js");
 var import_parse_bubble_data_to_geo_json = require("./utils/parse-bubble-data-to-geo-json.js");
 var import_constants = require("../../constants.js");
+var import_use_layer_before_id = require("../../hooks/use-layer-before-id.js");
 var import_use_layer_coloring_strategy = require("../../hooks/use-layer-coloring-strategy.js");
 var import_use_legend_interaction_highlighting = require("../../hooks/use-legend-interaction-highlighting.js");
 var import_use_legend_interaction_visibility = require("../../hooks/use-legend-interaction-visibility.js");
@@ -58,12 +59,13 @@ const BubbleLayer = (props) => {
   const sourceId = `source-${layerId}`;
   (0, import_use_legend_interaction_highlighting.useLegendInteractionHighlighting)(props, sourceId);
   (0, import_use_legend_interaction_visibility.useLegendInteractionVisibility)(props, layerId);
+  const beforeId = (0, import_use_layer_before_id.useLayerBeforeId)(layerId);
   let radiusScale = (value) => value;
   if ((0, import_bubble_layer.isScaleRadius)(props)) {
     const { radiusRange = [10, 100], radius: radius2, scale = "linear" } = props;
     radiusScale = (0, import_build_radius_scale.buildRadiusScale)(data, radius2, scale, radiusRange);
   }
-  const dataGeoJson = (0, import_parse_bubble_data_to_geo_json.parseBubbleDataToGeoJSON)(
+  const { geoJson: dataGeoJson } = (0, import_parse_bubble_data_to_geo_json.parseBubbleDataToGeoJSON)(
     data,
     bubbleColor,
     radius,
@@ -82,6 +84,7 @@ const BubbleLayer = (props) => {
       {
         id: layerId,
         source: sourceId,
+        beforeId,
         ...behavioralTrackingProps
       }
     ),

package/map/components/BubbleLayer/utils/parse-bubble-data-to-geo-json.d.ts

@@ -2,5 +2,7 @@ import type { ScaleLinear, ScaleLogarithmic } from 'd3-scale';
 import type GeoJSON from 'geojson';
 import type { Location } from '../../../types/location.js';
 type RadiusScale = ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ((value: number) => number);
-export declare const parseBubbleDataToGeoJSON: <T extends Location>(data: T[], color: string | ((item: T) => string), radius: number | ((item: T) => number), scale: RadiusScale) => GeoJSON.FeatureCollection;
+export declare const parseBubbleDataToGeoJSON: <T extends Location>(data: T[], color: string | ((item: T) => string), radius: number | ((item: T) => number), scale: RadiusScale) => {
+    geoJson: GeoJSON.FeatureCollection;
+};
 export {};

package/map/components/BubbleLayer/utils/parse-bubble-data-to-geo-json.js

@@ -26,18 +26,17 @@ var import_define_radius = require("./define-radius.js");
 var import_calculate_hovered_color = require("../../../utils/calculate-hovered-color.js");
 var import_define_color = require("../../../utils/define-color.js");
 const parseBubbleDataToGeoJSON = (data, color, radius, scale) => {
-  return {
+  const geoJson = {
     type: "FeatureCollection",
-    features: data.map((feature) => {
-      const { longitude, latitude, ...properties } = feature;
+    features: data.map((feature, index) => {
+      const { longitude, latitude } = feature;
       const canvasColor = (0, import_charts._getCanvasColor)((0, import_define_color.defineColor)(color, feature));
       const hoveredColor = (0, import_calculate_hovered_color.calculateHoveredColor)(canvasColor);
       const scaledRadius = scale((0, import_define_radius.defineRadius)(radius, feature));
       return {
         type: "Feature",
         properties: {
-          data: feature,
-          ...properties,
+          __dataIndex: index,
           __color: canvasColor,
           __hoveredColor: hoveredColor,
           __radius: scaledRadius,
@@ -47,4 +46,5 @@ const parseBubbleDataToGeoJSON = (data, color, radius, scale) => {
       };
     })
   };
+  return { geoJson };
 };