@dynatrace/strato-geo 3.2.0 → 3.3.0

package/esm/map/store/selectors.js

@@ -3,16 +3,8 @@ import { useStoreSelector } from "@dynatrace/strato-components/core";
 import { MapStore } from "./map-store.context.js";
 const useSelector = (selector) => useStoreSelector(MapStore, selector, isEqual);
 const useMapSelectionState = () => useSelector(({ selection }) => selection);
-const useMapTooltipState = () => useSelector(({ tooltip }) => {
-  const { pinned, ...tooltipState } = tooltip;
-  return tooltipState;
-});
 const useMapTooltipLocationState = () => useSelector(({ tooltip }) => tooltip.location);
 const useMapTooltipHoveredLayerIdState = () => useSelector(({ tooltip }) => tooltip.hoveredLayerId);
-const useMapTooltipPinnedState = () => useSelector(({ tooltip }) => {
-  const { pinned } = tooltip;
-  return pinned;
-});
 const useMapOverlayState = () => useSelector(({ overlay }) => overlay);
 const useMapZoomState = () => useSelector(({ zoom }) => zoom);
 export {
@@ -20,8 +12,6 @@ export {
   useMapSelectionState,
   useMapTooltipHoveredLayerIdState,
   useMapTooltipLocationState,
-  useMapTooltipPinnedState,
-  useMapTooltipState,
   useMapZoomState,
   useSelector
 };

package/esm/map/store/selectors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/store/selectors.ts"],
-  "sourcesContent": ["import { isEqual } from 'lodash-es';\nimport { type Context } from 'react';\n\nimport { Store, useStoreSelector } from '@dynatrace/strato-components/core';\n\nimport { MapStore } from './map-store.context.js';\nimport type { MapState } from '../types/state.js';\n\nexport const useSelector = <T, O>(selector: (state: MapState<T>) => O): O =>\n  useStoreSelector(MapStore as Context<Store<MapState<T>>>, selector, isEqual);\n\nexport const useMapSelectionState = <T>() =>\n  useSelector(({ selection }: MapState<T>) => selection);\n\nexport const useMapTooltipState = <T>() =>\n  useSelector(({ tooltip }: MapState<T>) => {\n    const { pinned, ...tooltipState } = tooltip;\n\n    return tooltipState;\n  });\n\nexport const useMapTooltipLocationState = <T>() =>\n  useSelector(({ tooltip }: MapState<T>) => tooltip.location);\n\nexport const useMapTooltipHoveredLayerIdState = <T>() =>\n  useSelector(({ tooltip }: MapState<T>) => tooltip.hoveredLayerId);\n\nexport const useMapTooltipPinnedState = <T>() =>\n  useSelector(({ tooltip }: MapState<T>) => {\n    const { pinned } = tooltip;\n\n    return pinned;\n  });\n\nexport const useMapOverlayState = <T>() =>\n  useSelector(({ overlay }: MapState<T>) => overlay);\n\nexport const useMapZoomState = <T>() =>\n  useSelector(({ zoom }: MapState<T>) => zoom);\n"],
-  "mappings": "AAAA,SAAS,eAAe;AAGxB,SAAgB,wBAAwB;AAExC,SAAS,gBAAgB;AAGlB,MAAM,cAAc,CAAO,aAChC,iBAAiB,UAAyC,UAAU,OAAO;AAEtE,MAAM,uBAAuB,MAClC,YAAY,CAAC,EAAE,UAAU,MAAmB,SAAS;AAEhD,MAAM,qBAAqB,MAChC,YAAY,CAAC,EAAE,QAAQ,MAAmB;AACxC,QAAM,EAAE,QAAQ,GAAG,aAAa,IAAI;AAEpC,SAAO;AACT,CAAC;AAEI,MAAM,6BAA6B,MACxC,YAAY,CAAC,EAAE,QAAQ,MAAmB,QAAQ,QAAQ;AAErD,MAAM,mCAAmC,MAC9C,YAAY,CAAC,EAAE,QAAQ,MAAmB,QAAQ,cAAc;AAE3D,MAAM,2BAA2B,MACtC,YAAY,CAAC,EAAE,QAAQ,MAAmB;AACxC,QAAM,EAAE,OAAO,IAAI;AAEnB,SAAO;AACT,CAAC;AAEI,MAAM,qBAAqB,MAChC,YAAY,CAAC,EAAE,QAAQ,MAAmB,OAAO;AAE5C,MAAM,kBAAkB,MAC7B,YAAY,CAAC,EAAE,KAAK,MAAmB,IAAI;",
+  "sourcesContent": ["import { isEqual } from 'lodash-es';\nimport { type Context } from 'react';\n\nimport { Store, useStoreSelector } from '@dynatrace/strato-components/core';\n\nimport { MapStore } from './map-store.context.js';\nimport type { MapState } from '../types/state.js';\n\nexport const useSelector = <O>(selector: (state: MapState) => O): O =>\n  useStoreSelector(MapStore as Context<Store<MapState>>, selector, isEqual);\n\nexport const useMapSelectionState = () =>\n  useSelector(({ selection }: MapState) => selection);\n\nexport const useMapTooltipLocationState = () =>\n  useSelector(({ tooltip }: MapState) => tooltip.location);\n\nexport const useMapTooltipHoveredLayerIdState = () =>\n  useSelector(({ tooltip }: MapState) => tooltip.hoveredLayerId);\n\nexport const useMapOverlayState = () =>\n  useSelector(({ overlay }: MapState) => overlay);\n\nexport const useMapZoomState = () => useSelector(({ zoom }: MapState) => zoom);\n"],
+  "mappings": "AAAA,SAAS,eAAe;AAGxB,SAAgB,wBAAwB;AAExC,SAAS,gBAAgB;AAGlB,MAAM,cAAc,CAAI,aAC7B,iBAAiB,UAAsC,UAAU,OAAO;AAEnE,MAAM,uBAAuB,MAClC,YAAY,CAAC,EAAE,UAAU,MAAgB,SAAS;AAE7C,MAAM,6BAA6B,MACxC,YAAY,CAAC,EAAE,QAAQ,MAAgB,QAAQ,QAAQ;AAElD,MAAM,mCAAmC,MAC9C,YAAY,CAAC,EAAE,QAAQ,MAAgB,QAAQ,cAAc;AAExD,MAAM,qBAAqB,MAChC,YAAY,CAAC,EAAE,QAAQ,MAAgB,OAAO;AAEzC,MAAM,kBAAkB,MAAM,YAAY,CAAC,EAAE,KAAK,MAAgB,IAAI;",
   "names": []
 }

package/esm/map/store/store.js

@@ -1,6 +1,5 @@
 import { useContext } from "react";
 import { MapStore } from "./map-store.context.js";
-import { extractDataFromEvent } from "../utils/parse-tooltip-data.js";
 const useSetState = () => {
   const { setState } = useContext(MapStore);
   return setState;
@@ -18,68 +17,6 @@ const useSetStateSelection = () => {
     }));
   };
 };
-const useSetStateTooltip = () => {
-  const setState = useSetState();
-  return (newTooltipState) => {
-    setState((prev) => {
-      const { location, data, hoveredLayerId, ...tooltipState } = newTooltipState;
-      return {
-        ...prev,
-        tooltip: {
-          ...prev.tooltip,
-          ...tooltipState,
-          hoveredLayerId: prev.tooltip.pinned ? prev.tooltip.hoveredLayerId : hoveredLayerId,
-          data: prev.tooltip.pinned ? prev.tooltip.data : data,
-          location: prev.tooltip.pinned ? prev.tooltip.location : location
-        }
-      };
-    });
-  };
-};
-const clearTooltip = (prev) => {
-  return {
-    ...prev,
-    tooltip: {
-      ...prev.tooltip,
-      pinned: false,
-      data: void 0,
-      pinnedId: void 0,
-      hoveredLayerId: void 0,
-      visible: false,
-      location: void 0
-    }
-  };
-};
-const useClearTooltip = () => {
-  const setState = useSetState();
-  return () => {
-    setState(clearTooltip);
-  };
-};
-const useTooltipPinnedState = () => {
-  const setState = useSetState();
-  return (event) => {
-    setState((prev) => {
-      const { data, featureId, hoveredLayerId } = extractDataFromEvent(event);
-      if (!featureId) {
-        return clearTooltip(prev);
-      }
-      const isPinned = prev.tooltip.pinnedId !== featureId;
-      return {
-        ...prev,
-        tooltip: {
-          ...prev.tooltip,
-          data,
-          hoveredLayerId,
-          visible: true,
-          location: event.lngLat,
-          pinned: isPinned,
-          pinnedId: isPinned ? featureId : void 0
-        }
-      };
-    });
-  };
-};
 const useSetStateOverlay = () => {
   const setState = useSetState();
   return (newOverlayState) => {
@@ -105,12 +42,9 @@ const useSetStateZoom = () => {
   };
 };
 export {
-  useClearTooltip,
   useSetState,
   useSetStateOverlay,
   useSetStateSelection,
-  useSetStateTooltip,
-  useSetStateZoom,
-  useTooltipPinnedState
+  useSetStateZoom
 };
 //# sourceMappingURL=store.js.map

package/esm/map/store/store.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/store/store.ts"],
-  "sourcesContent": ["import type { MapLayerMouseEvent } from 'maplibre-gl';\nimport { useContext } from 'react';\n\nimport { MapStore } from './map-store.context.js';\nimport type {\n  MapOverlayState,\n  MapSelectionState,\n  MapState,\n  MapTooltipState,\n  ZoomState,\n} from '../types/state.js';\nimport { extractDataFromEvent } from '../utils/parse-tooltip-data.js';\n\nexport const useSetState = () => {\n  const { setState } = useContext(MapStore);\n\n  return setState;\n};\n\nexport * from './selectors.js';\n\nexport const useSetStateSelection = () => {\n  const setState = useSetState();\n\n  return (newSelectionState: Partial<MapSelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      selection: {\n        ...prev.selection,\n        ...newSelectionState,\n      },\n    }));\n  };\n};\n\nexport const useSetStateTooltip = <T>() => {\n  const setState = useSetState();\n\n  return (newTooltipState: Partial<MapTooltipState<T>>) => {\n    setState((prev) => {\n      const { location, data, hoveredLayerId, ...tooltipState } =\n        newTooltipState;\n      return {\n        ...prev,\n        tooltip: {\n          ...prev.tooltip,\n          ...tooltipState,\n          hoveredLayerId: prev.tooltip.pinned\n            ? prev.tooltip.hoveredLayerId\n            : hoveredLayerId,\n          data: prev.tooltip.pinned ? prev.tooltip.data : data,\n          location: prev.tooltip.pinned ? prev.tooltip.location : location,\n        },\n      };\n    });\n  };\n};\nconst clearTooltip = (prev: MapState<unknown>) => {\n  return {\n    ...prev,\n    tooltip: {\n      ...prev.tooltip,\n      pinned: false,\n      data: undefined,\n      pinnedId: undefined,\n      hoveredLayerId: undefined,\n      visible: false,\n      location: undefined,\n    },\n  };\n};\nexport const useClearTooltip = () => {\n  const setState = useSetState();\n\n  return () => {\n    setState(clearTooltip);\n  };\n};\n\nexport const useTooltipPinnedState = () => {\n  const setState = useSetState();\n\n  return (event: MapLayerMouseEvent) => {\n    setState((prev) => {\n      const { data, featureId, hoveredLayerId } = extractDataFromEvent(event);\n      if (!featureId) {\n        return clearTooltip(prev);\n      }\n\n      const isPinned = prev.tooltip.pinnedId !== featureId;\n      return {\n        ...prev,\n        tooltip: {\n          ...prev.tooltip,\n          data,\n          hoveredLayerId,\n          visible: true,\n          location: event.lngLat,\n          pinned: isPinned,\n          pinnedId: isPinned ? featureId : undefined,\n        },\n      };\n    });\n  };\n};\n\nexport const useSetStateOverlay = () => {\n  const setState = useSetState();\n\n  return (newOverlayState: Partial<MapOverlayState>) => {\n    setState((prev) => ({\n      ...prev,\n      overlay: {\n        ...prev.overlay,\n        ...newOverlayState,\n      },\n    }));\n  };\n};\n\nexport const useSetStateZoom = () => {\n  const setState = useSetState();\n\n  return (newZoomState: Partial<ZoomState>) => {\n    setState((prev) => ({\n      ...prev,\n      zoom: {\n        ...prev.zoom,\n        ...newZoomState,\n      },\n    }));\n  };\n};\n"],
-  "mappings": "AACA,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB;AAQzB,SAAS,4BAA4B;AAE9B,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,SAAS,IAAI,WAAW,QAAQ;AAExC,SAAO;AACT;AAEA,cAAc;AAEP,MAAM,uBAAuB,MAAM;AACxC,QAAM,WAAW,YAAY;AAE7B,SAAO,CAAC,sBAAkD;AACxD,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,WAAW;AAAA,QACT,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AACF;AAEO,MAAM,qBAAqB,MAAS;AACzC,QAAM,WAAW,YAAY;AAE7B,SAAO,CAAC,oBAAiD;AACvD,aAAS,CAAC,SAAS;AACjB,YAAM,EAAE,UAAU,MAAM,gBAAgB,GAAG,aAAa,IACtD;AACF,aAAO;AAAA,QACL,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,KAAK;AAAA,UACR,GAAG;AAAA,UACH,gBAAgB,KAAK,QAAQ,SACzB,KAAK,QAAQ,iBACb;AAAA,UACJ,MAAM,KAAK,QAAQ,SAAS,KAAK,QAAQ,OAAO;AAAA,UAChD,UAAU,KAAK,QAAQ,SAAS,KAAK,QAAQ,WAAW;AAAA,QAC1D;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AACA,MAAM,eAAe,CAAC,SAA4B;AAChD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS;AAAA,MACP,GAAG,KAAK;AAAA,MACR,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AACO,MAAM,kBAAkB,MAAM;AACnC,QAAM,WAAW,YAAY;AAE7B,SAAO,MAAM;AACX,aAAS,YAAY;AAAA,EACvB;AACF;AAEO,MAAM,wBAAwB,MAAM;AACzC,QAAM,WAAW,YAAY;AAE7B,SAAO,CAAC,UAA8B;AACpC,aAAS,CAAC,SAAS;AACjB,YAAM,EAAE,MAAM,WAAW,eAAe,IAAI,qBAAqB,KAAK;AACtE,UAAI,CAAC,WAAW;AACd,eAAO,aAAa,IAAI;AAAA,MAC1B;AAEA,YAAM,WAAW,KAAK,QAAQ,aAAa;AAC3C,aAAO;AAAA,QACL,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,KAAK;AAAA,UACR;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT,UAAU,MAAM;AAAA,UAChB,QAAQ;AAAA,UACR,UAAU,WAAW,YAAY;AAAA,QACnC;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEO,MAAM,qBAAqB,MAAM;AACtC,QAAM,WAAW,YAAY;AAE7B,SAAO,CAAC,oBAA8C;AACpD,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AACF;AAEO,MAAM,kBAAkB,MAAM;AACnC,QAAM,WAAW,YAAY;AAE7B,SAAO,CAAC,iBAAqC;AAC3C,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,MAAM;AAAA,QACJ,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AACF;",
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport { MapStore } from './map-store.context.js';\nimport type {\n  MapOverlayState,\n  MapSelectionState,\n  ZoomState,\n} from '../types/state.js';\n\nexport const useSetState = () => {\n  const { setState } = useContext(MapStore);\n\n  return setState;\n};\n\nexport * from './selectors.js';\n\nexport const useSetStateSelection = () => {\n  const setState = useSetState();\n\n  return (newSelectionState: Partial<MapSelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      selection: {\n        ...prev.selection,\n        ...newSelectionState,\n      },\n    }));\n  };\n};\n\nexport const useSetStateOverlay = () => {\n  const setState = useSetState();\n\n  return (newOverlayState: Partial<MapOverlayState>) => {\n    setState((prev) => ({\n      ...prev,\n      overlay: {\n        ...prev.overlay,\n        ...newOverlayState,\n      },\n    }));\n  };\n};\n\nexport const useSetStateZoom = () => {\n  const setState = useSetState();\n\n  return (newZoomState: Partial<ZoomState>) => {\n    setState((prev) => ({\n      ...prev,\n      zoom: {\n        ...prev.zoom,\n        ...newZoomState,\n      },\n    }));\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB;AAOlB,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,SAAS,IAAI,WAAW,QAAQ;AAExC,SAAO;AACT;AAEA,cAAc;AAEP,MAAM,uBAAuB,MAAM;AACxC,QAAM,WAAW,YAAY;AAE7B,SAAO,CAAC,sBAAkD;AACxD,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,WAAW;AAAA,QACT,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AACF;AAEO,MAAM,qBAAqB,MAAM;AACtC,QAAM,WAAW,YAAY;AAE7B,SAAO,CAAC,oBAA8C;AACpD,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AACF;AAEO,MAAM,kBAAkB,MAAM;AACnC,QAAM,WAAW,YAAY;AAE7B,SAAO,CAAC,iBAAqC;AAC3C,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,MAAM;AAAA,QACJ,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AACF;",
   "names": []
 }

package/esm/map/utils/build-geo-tooltip-state.js

@@ -0,0 +1,28 @@
+const buildGeoTooltipState = ({
+  absoluteX,
+  absoluteY,
+  relativeX,
+  relativeY,
+  pinned,
+  geometry,
+  metadata
+}) => ({
+  absoluteX,
+  absoluteY,
+  relativeX,
+  relativeY,
+  percentX: 0,
+  percentY: 0,
+  inBounds: true,
+  pinned,
+  activeSeries: null,
+  data: {
+    geometry,
+    series: [],
+    metadata
+  }
+});
+export {
+  buildGeoTooltipState
+};
+//# sourceMappingURL=build-geo-tooltip-state.js.map

package/esm/map/utils/build-geo-tooltip-state.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/map/utils/build-geo-tooltip-state.ts"],
+  "sourcesContent": ["import type {\n  _OverlayTooltipGeometryTypes as GeometryTypes,\n  _OverlayTooltipState as TooltipState,\n} from '@dynatrace/strato-components/charts';\n\n/**\n * Builds the full TooltipState object for the geo map context.\n *\n * Centralises the state shape so that both the event-side\n * (`useOverlayEvents`) and the sync-side (`useGeoTooltipSync`)\n * produce the exact same structure.\n */\nexport const buildGeoTooltipState = ({\n  absoluteX,\n  absoluteY,\n  relativeX,\n  relativeY,\n  pinned,\n  geometry,\n  metadata,\n}: {\n  absoluteX: number;\n  absoluteY: number;\n  relativeX: number;\n  relativeY: number;\n  pinned: boolean;\n  geometry: GeometryTypes;\n  metadata: unknown[] | undefined;\n}): TooltipState =>\n  ({\n    absoluteX,\n    absoluteY,\n    relativeX,\n    relativeY,\n    percentX: 0,\n    percentY: 0,\n    inBounds: true,\n    pinned,\n    activeSeries: null,\n    data: {\n      geometry,\n      series: [],\n      metadata,\n    },\n  } as TooltipState);\n"],
+  "mappings": "AAYO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OASG;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV;AAAA,EACA,cAAc;AAAA,EACd,MAAM;AAAA,IACJ;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/map/utils/tooltip-type-guards.js

@@ -1,3 +1,4 @@
+import { isDefaultTooltipHandler } from "../hooks/use-tooltip-template.js";
 import { BubbleLayerTooltip } from "../slots/BubbleLayerTooltip.js";
 import { ChoroplethLayerTooltip } from "../slots/ChoroplethLayerTooltip.js";
 import { ConnectionLayerTooltip } from "../slots/ConnectionLayerTooltip.js";
@@ -13,6 +14,7 @@ export {
   isChoroplethTooltipTemplate,
   isConnection,
   isConnectionTooltipTemplate,
+  isDefaultTooltipHandler,
   isDotTooltipTemplate,
   isRegion
 };

package/esm/map/utils/tooltip-type-guards.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/utils/tooltip-type-guards.ts"],
-  "sourcesContent": ["import { BubbleLayerTooltip } from '../slots/BubbleLayerTooltip.js';\nimport { ChoroplethLayerTooltip } from '../slots/ChoroplethLayerTooltip.js';\nimport { ConnectionLayerTooltip } from '../slots/ConnectionLayerTooltip.js';\nimport { DotLayerTooltip } from '../slots/DotLayerTooltip.js';\nimport type {\n  BubbleLayerTooltipHandler,\n  ChoroplethLayerTooltipData,\n  ChoroplethLayerTooltipHandler,\n  ConnectionLayerTooltipData,\n  ConnectionLayerTooltipHandler,\n  DotLayerTooltipHandler,\n  LayerTooltipData,\n  LayerTooltipHandler,\n} from '../types/tooltip.js';\n\n/**\n * Type guards for tooltip template\n * @param template -\n */\nexport const isDotTooltipTemplate = (\n  template?: LayerTooltipHandler,\n): template is DotLayerTooltipHandler =>\n  typeof template === typeof DotLayerTooltip;\n\nexport const isBubbleTooltipTemplate = (\n  template?: LayerTooltipHandler,\n): template is BubbleLayerTooltipHandler =>\n  typeof template === typeof BubbleLayerTooltip;\n\nexport const isConnectionTooltipTemplate = (\n  template?: LayerTooltipHandler,\n): template is ConnectionLayerTooltipHandler =>\n  typeof template === typeof ConnectionLayerTooltip;\n\nexport const isChoroplethTooltipTemplate = (\n  template?: LayerTooltipHandler,\n): template is ChoroplethLayerTooltipHandler =>\n  typeof template === typeof ChoroplethLayerTooltip;\n\n/**\n * Type guards for map types in tooltip context\n * @param data -\n */\nexport const isConnection = (\n  data: LayerTooltipData,\n): data is ConnectionLayerTooltipData => 'path' in data.data;\n\nexport const isRegion = (\n  data: LayerTooltipData,\n): data is ChoroplethLayerTooltipData => 'name' in data;\n"],
-  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAgBzB,MAAM,uBAAuB,CAClC,aAEA,OAAO,aAAa,OAAO;AAEtB,MAAM,0BAA0B,CACrC,aAEA,OAAO,aAAa,OAAO;AAEtB,MAAM,8BAA8B,CACzC,aAEA,OAAO,aAAa,OAAO;AAEtB,MAAM,8BAA8B,CACzC,aAEA,OAAO,aAAa,OAAO;AAMtB,MAAM,eAAe,CAC1B,SACuC,UAAU,KAAK;AAEjD,MAAM,WAAW,CACtB,SACuC,UAAU;",
+  "sourcesContent": ["import { isDefaultTooltipHandler } from '../hooks/use-tooltip-template.js';\nimport { BubbleLayerTooltip } from '../slots/BubbleLayerTooltip.js';\nimport { ChoroplethLayerTooltip } from '../slots/ChoroplethLayerTooltip.js';\nimport { ConnectionLayerTooltip } from '../slots/ConnectionLayerTooltip.js';\nimport { DotLayerTooltip } from '../slots/DotLayerTooltip.js';\nimport type {\n  BubbleLayerTooltipHandler,\n  ChoroplethLayerTooltipData,\n  ChoroplethLayerTooltipHandler,\n  ConnectionLayerTooltipData,\n  ConnectionLayerTooltipHandler,\n  DotLayerTooltipHandler,\n  LayerTooltipData,\n  LayerTooltipHandler,\n} from '../types/tooltip.js';\n\n/**\n * Type guards for tooltip template\n * @param template -\n */\nexport const isDotTooltipTemplate = (\n  template?: LayerTooltipHandler | null,\n): template is DotLayerTooltipHandler =>\n  typeof template === typeof DotLayerTooltip;\n\nexport const isBubbleTooltipTemplate = (\n  template?: LayerTooltipHandler | null,\n): template is BubbleLayerTooltipHandler =>\n  typeof template === typeof BubbleLayerTooltip;\n\nexport const isConnectionTooltipTemplate = (\n  template?: LayerTooltipHandler | null,\n): template is ConnectionLayerTooltipHandler =>\n  typeof template === typeof ConnectionLayerTooltip;\n\nexport const isChoroplethTooltipTemplate = (\n  template?: LayerTooltipHandler | null,\n): template is ChoroplethLayerTooltipHandler =>\n  typeof template === typeof ChoroplethLayerTooltip;\n\n/**\n * Type guards for map types in tooltip context\n * @param data -\n */\nexport const isConnection = (\n  data: LayerTooltipData,\n): data is ConnectionLayerTooltipData => 'path' in data.data;\n\nexport const isRegion = (\n  data: LayerTooltipData,\n): data is ChoroplethLayerTooltipData => 'name' in data;\n\nexport { isDefaultTooltipHandler };\n"],
+  "mappings": "AAAA,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAgBzB,MAAM,uBAAuB,CAClC,aAEA,OAAO,aAAa,OAAO;AAEtB,MAAM,0BAA0B,CACrC,aAEA,OAAO,aAAa,OAAO;AAEtB,MAAM,8BAA8B,CACzC,aAEA,OAAO,aAAa,OAAO;AAEtB,MAAM,8BAA8B,CACzC,aAEA,OAAO,aAAa,OAAO;AAMtB,MAAM,eAAe,CAC1B,SACuC,UAAU,KAAK;AAEjD,MAAM,WAAW,CACtB,SACuC,UAAU;",
   "names": []
 }

package/map/MapView.d.ts

@@ -6,7 +6,7 @@ import './styles/react-mapgl-styles.css';
  * @public
  */
 export declare const MapView: ((props: PropsWithChildren<MapViewProps> & import("react").RefAttributes<MapViewRef>) => import("react").ReactElement | null) & {
-    ErrorState: (props: import("./slots/states/ErrorStateSlot.js").ErrorStateSlotProps) => null;
+    ErrorState: (props: import("./index.js").ErrorStateSlotProps) => null;
     Toolbar: {
         (props: import("./index.js").MapToolbarSlotProps): null;
         displayName: string;
@@ -16,7 +16,7 @@ export declare const MapView: ((props: PropsWithChildren<MapViewProps> & import(
         displayName: string;
     };
     Zoom: {
-        (props: import("./slots/Zoom.js").MapViewZoomSlotProps): null;
+        (props: import("./index.js").MapViewZoomSlotProps): null;
         displayName: string;
     };
 };

package/map/MapView.js

@@ -119,7 +119,7 @@ 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_map_store_provider.MapStoreProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                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,
                   {
                     categories,
@@ -155,7 +155,7 @@ const _MapView = (0, import_react.forwardRef)(
                       }
                     ) })
                   }
-                ) }) }) })
+                ) }) }) }) }) })
               }
             ) }) })
           }

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

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

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

@@ -2,6 +2,6 @@ import { type PropsWithChildren } from 'react';
 import { type InternalBubbleLayerProps } from '../../types/bubble-layer.js';
 import type { Location } from '../../types/location.js';
 export declare const BubbleLayer: {
-    <T extends Location>(props: PropsWithChildren<InternalBubbleLayerProps<T>>): import("react/jsx-runtime.js").JSX.Element;
+    <T extends Location>(props: PropsWithChildren<InternalBubbleLayerProps<T>>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -3,6 +3,6 @@ export interface BubbleLayerTooltipProps {
     tooltipTemplate?: BubbleLayerTooltipHandler;
 }
 export declare const BubbleLayerTooltip: {
-    (props: BubbleLayerTooltipProps): import("react/jsx-runtime.js").JSX.Element | null;
+    (props: BubbleLayerTooltipProps): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/map/components/BubbleLayer/BubbleLayerTooltip.js

@@ -23,64 +23,38 @@ __export(BubbleLayerTooltip_exports, {
 module.exports = __toCommonJS(BubbleLayerTooltip_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lodash_es = require("lodash");
-var import_react = require("react");
 var import_charts = require("@dynatrace/strato-components/charts");
-var import_use_get_position = require("../../hooks/use-get-position.js");
-var import_selectors = require("../../store/selectors.js");
+var import_use_geo_layer_tooltip = require("../../hooks/use-geo-layer-tooltip.js");
+var import_tooltip_type_guards = require("../../utils/tooltip-type-guards.js");
 const BubbleLayerTooltip = (props) => {
   const { tooltipTemplate } = props;
-  const {
-    selectedItem: selectedItemId,
-    actionsMenuRef,
-    updateSelectedItem,
-    onLeave
-  } = (0, import_charts._useChartActionsMenu)();
-  const tooltipRef = (0, import_react.useRef)(null);
-  const { data, visible, enabled } = (0, import_selectors.useMapTooltipState)();
-  const pinned = (0, import_selectors.useMapTooltipPinnedState)();
-  const closestPoint = (0, import_react.useRef)(null);
-  const remainingPoints = (0, import_react.useRef)([]);
-  const forceHideTooltip = !pinned && (!visible || !enabled);
-  const position = (0, import_use_get_position.useGetPosition)(pinned, !forceHideTooltip);
-  if (!tooltipTemplate || forceHideTooltip || !position) {
+  const { data, inBounds, position } = (0, import_use_geo_layer_tooltip.useGeoLayerTooltip)("geoBubble");
+  if (!tooltipTemplate || !inBounds || !position) {
     return null;
   }
-  if (data?.[0]) {
-    const sanitizedData = data.map((bubbleProps) => {
-      const {
-        __color: color,
-        __radius: radius,
-        data: customData
-      } = bubbleProps;
-      return {
-        color,
-        radius,
-        data: customData
-      };
-    });
-    const sortedBubbles = (0, import_lodash_es.sortBy)(sanitizedData, ({ radius }) => radius);
-    closestPoint.current = sortedBubbles[0];
-    remainingPoints.current = sortedBubbles.slice(1);
+  if (!data || !data[0]) {
+    return null;
   }
-  const template = closestPoint.current ? tooltipTemplate(closestPoint.current, remainingPoints.current) : null;
+  const sanitizedData = data.map((bubbleProps) => {
+    const { __color: color, __radius: radius, data: customData } = bubbleProps;
+    return {
+      color,
+      radius,
+      data: customData
+    };
+  });
+  const sortedBubbles = [
+    ...(0, import_lodash_es.sortBy)(sanitizedData, ({ radius }) => radius)
+  ];
+  const closestPoint = sortedBubbles[0];
+  const remainingPoints = sortedBubbles.slice(1);
+  const template = closestPoint ? tooltipTemplate(closestPoint, remainingPoints) : null;
   if (!template) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_charts._ChartTooltip,
-    {
-      updatePositionWhenPinned: true,
-      position,
-      pinned,
-      ref: tooltipRef,
-      onMouseLeave: onLeave,
-      actionSelectionValue: {
-        selectedItemId,
-        actionsMenuRef,
-        updateSelectedItem
-      },
-      children: template
-    }
-  );
+  if ((0, import_tooltip_type_guards.isDefaultTooltipHandler)(tooltipTemplate)) {
+    return template;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._OverlayTooltip, { legacyTemplate: template });
 };
 BubbleLayerTooltip["displayName"] = "BubbleLayerTooltip";

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

@@ -1,4 +1,4 @@
 export declare const BubbleOutlineLayer: ({ beforeId, source, }: {
     beforeId: string;
     source: string;
-}) => import("react/jsx-runtime.js").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/map/components/ChoroplethLayer/ChoroplethLayer.d.ts

@@ -1,6 +1,6 @@
 import { type PropsWithChildren } from 'react';
 import type { InternalChoroplethLayerProps } from '../../types/choropleth-layer.js';
 export declare const ChoroplethLayer: {
-    <T extends Record<string, unknown>>(props: PropsWithChildren<InternalChoroplethLayerProps<T>>): import("react/jsx-runtime.js").JSX.Element | undefined;
+    <T extends Record<string, unknown>>(props: PropsWithChildren<InternalChoroplethLayerProps<T>>): import("react/jsx-runtime").JSX.Element | undefined;
     displayName: string;
 };

package/map/components/ChoroplethLayer/ChoroplethLayerTooltip.d.ts

@@ -3,6 +3,6 @@ export interface ChoroplethLayerTooltipProps {
     tooltipTemplate?: ChoroplethLayerTooltipHandler;
 }
 export declare const ChoroplethLayerTooltip: {
-    (props: ChoroplethLayerTooltipProps): import("react/jsx-runtime.js").JSX.Element | null;
+    (props: ChoroplethLayerTooltipProps): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/map/components/ChoroplethLayer/ChoroplethLayerTooltip.js

@@ -22,48 +22,31 @@ __export(ChoroplethLayerTooltip_exports, {
 });
 module.exports = __toCommonJS(ChoroplethLayerTooltip_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
 var import_charts = require("@dynatrace/strato-components/charts");
-var import_use_get_position = require("../../hooks/use-get-position.js");
-var import_selectors = require("../../store/selectors.js");
+var import_use_geo_layer_tooltip = require("../../hooks/use-geo-layer-tooltip.js");
+var import_tooltip_type_guards = require("../../utils/tooltip-type-guards.js");
 const ChoroplethLayerTooltip = (props) => {
   const { tooltipTemplate } = props;
-  const {
-    selectedItem: selectedItemId,
-    actionsMenuRef,
-    updateSelectedItem,
-    onLeave
-  } = (0, import_charts._useChartActionsMenu)();
-  const { data, visible, enabled } = (0, import_selectors.useMapTooltipState)();
-  const pinned = (0, import_selectors.useMapTooltipPinnedState)();
-  const regionData = (0, import_react.useRef)(null);
-  const forceHideTooltip = !pinned && (!visible || !enabled);
-  const position = (0, import_use_get_position.useGetPosition)(pinned, !forceHideTooltip);
-  if (!tooltipTemplate || forceHideTooltip || !position) {
+  const { data, inBounds, position } = (0, import_use_geo_layer_tooltip.useGeoLayerTooltip)("geoChoropleth");
+  if (!tooltipTemplate || !inBounds || !position) {
     return null;
   }
-  if (data?.[0]) {
-    const { name, __color: color, data: customData } = data[0];
-    regionData.current = { data: customData, name, color };
+  if (!data || !data[0]) {
+    return null;
   }
-  const template = regionData.current && tooltipTemplate(regionData.current);
+  const { name, __color: color, data: customData } = data[0];
+  const regionData = {
+    data: customData,
+    name,
+    color
+  };
+  const template = tooltipTemplate(regionData);
   if (!template) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_charts._ChartTooltip,
-    {
-      updatePositionWhenPinned: true,
-      position,
-      pinned,
-      onMouseLeave: onLeave,
-      actionSelectionValue: {
-        selectedItemId,
-        actionsMenuRef,
-        updateSelectedItem
-      },
-      children: template
-    }
-  );
+  if ((0, import_tooltip_type_guards.isDefaultTooltipHandler)(tooltipTemplate)) {
+    return template;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._OverlayTooltip, { legacyTemplate: template });
 };
 ChoroplethLayerTooltip["displayName"] = "ChoroplethLayerTooltip";

package/map/components/ChoroplethLayer/ChoroplethOutlineLayer.d.ts

@@ -1,3 +1,3 @@
 export declare const ChoroplethOutlineLayer: (props: {
     sourceId: string;
-}) => import("react/jsx-runtime.js").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/map/components/ConnectionLayer/ConnectionLayer.d.ts

@@ -1,6 +1,6 @@
 import { type PropsWithChildren } from 'react';
 import type { Connection, InternalConnectionLayerProps } from '../../types/connection-layer.js';
 export declare const ConnectionLayer: {
-    <T extends Connection>(props: PropsWithChildren<InternalConnectionLayerProps<T>>): import("react/jsx-runtime.js").JSX.Element;
+    <T extends Connection>(props: PropsWithChildren<InternalConnectionLayerProps<T>>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/map/components/ConnectionLayer/ConnectionLayerDirection.d.ts

@@ -3,7 +3,7 @@ interface ConnectionLayerDirectionProps<T extends Connection> extends Required<P
     geoJsonData: GeoJSON.FeatureCollection;
 }
 export declare const ConnectionLayerDirection: {
-    <T extends Connection>(props: ConnectionLayerDirectionProps<T>): import("react/jsx-runtime.js").JSX.Element;
+    <T extends Connection>(props: ConnectionLayerDirectionProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/map/components/ConnectionLayer/ConnectionLayerLine.d.ts

@@ -6,7 +6,7 @@ interface ConnectionLayerLineProps<T extends Connection> extends Required<Pick<I
     line: 'dashed' | 'solid' | undefined;
 }
 export declare const ConnectionLayerLine: {
-    <T extends Connection>(props: PropsWithChildren<ConnectionLayerLineProps<T>>): import("react/jsx-runtime.js").JSX.Element;
+    <T extends Connection>(props: PropsWithChildren<ConnectionLayerLineProps<T>>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/map/components/ConnectionLayer/ConnectionLayerTooltip.d.ts

@@ -3,6 +3,6 @@ export interface ConnectionLayerTooltipProps {
     tooltipTemplate?: ConnectionLayerTooltipHandler;
 }
 export declare const ConnectionLayerTooltip: {
-    (props: ConnectionLayerTooltipProps): import("react/jsx-runtime.js").JSX.Element | null;
+    (props: ConnectionLayerTooltipProps): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/map/components/ConnectionLayer/ConnectionLayerTooltip.js

@@ -22,56 +22,37 @@ __export(ConnectionLayerTooltip_exports, {
 });
 module.exports = __toCommonJS(ConnectionLayerTooltip_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
 var import_charts = require("@dynatrace/strato-components/charts");
 var import_restore_null_props = require("./utils/restore-null-props.js");
-var import_use_get_position = require("../../hooks/use-get-position.js");
-var import_selectors = require("../../store/selectors.js");
+var import_use_geo_layer_tooltip = require("../../hooks/use-geo-layer-tooltip.js");
+var import_tooltip_type_guards = require("../../utils/tooltip-type-guards.js");
 const ConnectionLayerTooltip = (props) => {
   const { tooltipTemplate } = props;
   const {
-    selectedItem: selectedItemId,
-    actionsMenuRef,
-    updateSelectedItem,
-    onLeave
-  } = (0, import_charts._useChartActionsMenu)();
-  const {
-    data: dataWithoutNullProps,
-    visible,
-    enabled
-  } = (0, import_selectors.useMapTooltipState)();
-  const pinned = (0, import_selectors.useMapTooltipPinnedState)();
-  const data = (0, import_restore_null_props.restoreNullProps)(dataWithoutNullProps);
-  const connectionData = (0, import_react.useRef)(
-    null
-  );
-  const forceHideTooltip = !pinned && (!visible || !enabled);
-  const position = (0, import_use_get_position.useGetPosition)(pinned, !forceHideTooltip);
-  if (!tooltipTemplate || forceHideTooltip || !position) {
+    data: rawData,
+    inBounds,
+    position
+  } = (0, import_use_geo_layer_tooltip.useGeoLayerTooltip)("geoConnection");
+  const data = (0, import_restore_null_props.restoreNullProps)(rawData);
+  if (!tooltipTemplate || !inBounds || !position) {
     return null;
   }
-  if (data?.[0]) {
-    const { __lineColor: color, __lineWidth: thickness, ...rest } = data[0];
-    connectionData.current = { color, thickness, data: rest };
+  if (!data || !data[0]) {
+    return null;
   }
-  const template = connectionData.current && tooltipTemplate(connectionData.current);
+  const { __lineColor: color, __lineWidth: thickness, ...rest } = data[0];
+  const connectionData = {
+    color,
+    thickness,
+    data: rest
+  };
+  const template = tooltipTemplate(connectionData);
   if (!template) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_charts._ChartTooltip,
-    {
-      updatePositionWhenPinned: true,
-      position,
-      pinned,
-      onMouseLeave: onLeave,
-      actionSelectionValue: {
-        selectedItemId,
-        actionsMenuRef,
-        updateSelectedItem
-      },
-      children: template
-    }
-  );
+  if ((0, import_tooltip_type_guards.isDefaultTooltipHandler)(tooltipTemplate)) {
+    return template;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._OverlayTooltip, { legacyTemplate: template });
 };
 ConnectionLayerTooltip["displayName"] = "ConnectionLayerTooltip";

package/map/components/DefaultTooltip/DefaultTooltip.d.ts

@@ -1,10 +1,15 @@
-import type { LayerTooltipData } from '../../types/tooltip.js';
+import { _OverlayTooltipData as Data, type SeriesActionsTemplate } from '@dynatrace/strato-components/charts';
+import type { Location } from '../../types/location.js';
+import type { ChoroplethLayerTooltipData, LayerTooltipData } from '../../types/tooltip.js';
+type SeriesData = Data['series'][number];
 interface DefaultTooltipProps {
     closestPoint: LayerTooltipData;
     layerData?: LayerTooltipData[];
+    actionsForItem?: (item: SeriesData) => (() => SeriesActionsTemplate) | undefined;
+    seriesActions?: (data: Location | ChoroplethLayerTooltipData) => SeriesActionsTemplate;
 }
 export declare const DefaultTooltip: {
-    (props: DefaultTooltipProps): import("react/jsx-runtime.js").JSX.Element;
+    (props: DefaultTooltipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};