@dynatrace/strato-geo 3.2.1 → 3.3.0

package/map/hooks/use-tooltip-event-listeners.js

@@ -22,17 +22,18 @@ __export(use_tooltip_event_listeners_exports, {
 });
 module.exports = __toCommonJS(use_tooltip_event_listeners_exports);
 var import_react = require("react");
-var import_store = require("../store/store.js");
+var import_charts = require("@dynatrace/strato-components/charts");
+var import_use_geo_tooltip_sync = require("./use-geo-tooltip-sync.js");
 const useTooltipEventListeners = () => {
-  const setClearTooltip = (0, import_store.useClearTooltip)();
-  const pinned = (0, import_store.useMapTooltipPinnedState)();
+  const dispatch = (0, import_charts._useOverlayTooltipReducer)();
+  const pinned = (0, import_use_geo_tooltip_sync.useOverlayTooltipSelector)((state) => state.pinned);
   const onEscapeKeyPressedHandler = (0, import_react.useCallback)(
     (event) => {
       if (pinned && event.key === "Escape") {
-        setClearTooltip();
+        dispatch({ type: "RESET_TOOLTIP" })();
       }
     },
-    [pinned]
+    [pinned, dispatch]
   );
   (0, import_react.useEffect)(() => {
     window.addEventListener("keyup", onEscapeKeyPressedHandler);

package/map/hooks/use-tooltip-template.d.ts

@@ -1,9 +1,14 @@
 import { type ReactNode, type JSXElementConstructor } from 'react';
 import type { LayerTooltipHandler } from '../types/tooltip.js';
+export declare const defaultTooltipHandler: LayerTooltipHandler;
+export declare const isDefaultTooltipHandler: (handler: LayerTooltipHandler) => boolean;
 /**
  * It returns the tooltip template handler or undefined (tooltip disabled).
  *
- * The template will be the custom one if provided, the default template otherwise.
+ * - No tooltip slot found (undefined) → default tooltip handler.
+ * - Tooltip slot with `null` children → `null` (tooltip disabled).
+ * - Tooltip slot with `undefined` children → default tooltip handler.
+ * - Tooltip slot with a custom handler → that handler.
  * @param children -
  * @param layerType -
  */

package/map/hooks/use-tooltip-template.js

@@ -18,6 +18,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var use_tooltip_template_exports = {};
 __export(use_tooltip_template_exports, {
+  defaultTooltipHandler: () => defaultTooltipHandler,
+  isDefaultTooltipHandler: () => isDefaultTooltipHandler,
   useTooltipTemplate: () => useTooltipTemplate
 });
 module.exports = __toCommonJS(use_tooltip_template_exports);
@@ -25,12 +27,30 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_lodash_es = require("lodash");
 var import_react = require("react");
 var import_DefaultTooltip = require("../components/DefaultTooltip/DefaultTooltip.js");
+const defaultTooltipHandler = (closestPoint, layerData) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DefaultTooltip.DefaultTooltip, { closestPoint, layerData });
+defaultTooltipHandler.__isDefault = true;
+const createDefaultHandlerWithActions = (seriesActions) => {
+  const handler = (closestPoint, layerData) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_DefaultTooltip.DefaultTooltip,
+    {
+      closestPoint,
+      layerData,
+      seriesActions
+    }
+  );
+  handler.__isDefault = true;
+  return handler;
+};
+const isDefaultTooltipHandler = (handler) => handler.__isDefault ?? false;
 function useTooltipTemplate(children, layerType) {
   let template = void 0;
   import_react.Children.forEach(children, (child) => {
     if ((0, import_react.isValidElement)(child) && child.type === layerType) {
-      const defaultTooltipHandler = (closestPoint, layerData) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DefaultTooltip.DefaultTooltip, { closestPoint, layerData });
-      template = (0, import_lodash_es.isNil)(child.props.children) ? defaultTooltipHandler : child.props.children;
+      if ((0, import_lodash_es.isNil)(child.props.children)) {
+        template = child.props.seriesActions ? createDefaultHandlerWithActions(child.props.seriesActions) : defaultTooltipHandler;
+      } else {
+        template = child.props.children;
+      }
     }
   });
   return template;

package/map/providers/color-scale.provider.d.ts

@@ -17,4 +17,4 @@ import { type PropsWithChildren } from 'react';
 export declare const ColorScaleProvider: ({ categories, dataMax, children, }: PropsWithChildren<{
     categories: string[];
     dataMax: number;
-}>) => import("react/jsx-runtime.js").JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;

package/map/providers/layer-color-strategy.provider.d.ts

@@ -13,4 +13,4 @@ export declare function buildClampedScale(legend: MapLegendConfig, scale: ScaleQ
  *
  * @param children -
  */
-export declare const LayerColorStrategyProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime.js").JSX.Element;
+export declare const LayerColorStrategyProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/map/providers/map-initial-view.provider.d.ts

@@ -10,4 +10,4 @@ import type { ViewState } from '../types/map-view.js';
  * Notice how this Provider is design to not trigger any re-renders and just
  * hold the initial state view.
  */
-export declare const MapInitialViewProvider: ({ children, }: PropsWithChildren<ViewState>) => import("react/jsx-runtime.js").JSX.Element;
+export declare const MapInitialViewProvider: ({ children, }: PropsWithChildren<ViewState>) => import("react/jsx-runtime").JSX.Element;

package/map/slots/BubbleLayer.d.ts

@@ -10,7 +10,7 @@ import type { Location } from '../types/location.js';
 export declare const BubbleLayer: {
     <T extends Location>(_: PropsWithChildren<BubbleLayerProps<T>>): null;
     Tooltip: {
-        ({ children, }: import("../index.js").BubbleLayerTooltipHandlerProps): import("react/jsx-runtime.js").JSX.Element;
+        ({ children, }: import("../index.js").BubbleLayerTooltipHandlerProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     displayName: string;

package/map/slots/BubbleLayerTooltip.d.ts

@@ -1,5 +1,5 @@
 import type { BubbleLayerTooltipHandlerProps } from '../types/tooltip.js';
 export declare const BubbleLayerTooltip: {
-    ({ children, }: BubbleLayerTooltipHandlerProps): import("react/jsx-runtime.js").JSX.Element;
+    ({ children, }: BubbleLayerTooltipHandlerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/map/slots/DotLayer.d.ts

@@ -12,7 +12,7 @@ import type { Location } from '../types/location.js';
 export declare const DotLayer: {
     <T extends Location>(_: PropsWithChildren<DotLayerProps<T>>): null;
     Tooltip: {
-        ({ children }: import("../index.js").DotLayerTooltipHandlerProps): import("react/jsx-runtime.js").JSX.Element;
+        ({ children }: import("../index.js").DotLayerTooltipHandlerProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     displayName: string;

package/map/slots/DotLayerTooltip.d.ts

@@ -1,5 +1,5 @@
 import type { DotLayerTooltipHandlerProps } from '../types/tooltip.js';
 export declare const DotLayerTooltip: {
-    ({ children }: DotLayerTooltipHandlerProps): import("react/jsx-runtime.js").JSX.Element;
+    ({ children }: DotLayerTooltipHandlerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/map/store/map-store.context.d.ts

@@ -1,4 +1,4 @@
 import { type Store } from '@dynatrace/strato-components/core';
 import type { MapState } from '../types/state.js';
 export declare const initialState: MapState;
-export declare const MapStore: import("react").Context<Store<MapState<unknown>>>;
+export declare const MapStore: import("react").Context<Store<MapState>>;

package/map/store/map-store.context.js

@@ -27,13 +27,9 @@ var import_core = require("@dynatrace/strato-components/core");
 const initialSelection = { highlightedSeries: void 0, visible: void 0 };
 const initialState = {
   tooltip: {
-    pinned: false,
-    visible: false,
     enabled: true,
-    pinnedId: void 0,
-    location: void 0,
     hoveredLayerId: void 0,
-    data: void 0
+    location: void 0
   },
   overlay: {
     mouseInBounds: false

package/map/store/map-store.provider.d.ts

@@ -1,2 +1,2 @@
 import { type PropsWithChildren } from 'react';
-export declare const MapStoreProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime.js").JSX.Element;
+export declare const MapStoreProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/map/store/selectors.d.ts

@@ -1,16 +1,7 @@
 import type { MapState } from '../types/state.js';
-export declare const useSelector: <T, O>(selector: (state: MapState<T>) => O) => O;
-export declare const useMapSelectionState: <T>() => import("../types/state.js").MapSelectionState;
-export declare const useMapTooltipState: <T>() => {
-    visible: boolean;
-    enabled: boolean;
-    hoveredLayerId: string | undefined;
-    data: T[] | undefined;
-    pinnedId: string | undefined;
-    location: import("maplibre-gl").LngLat | undefined;
-};
-export declare const useMapTooltipLocationState: <T>() => import("maplibre-gl").LngLat | undefined;
-export declare const useMapTooltipHoveredLayerIdState: <T>() => string | undefined;
-export declare const useMapTooltipPinnedState: <T>() => boolean;
-export declare const useMapOverlayState: <T>() => import("../types/state.js").MapOverlayState;
-export declare const useMapZoomState: <T>() => import("../types/state.js").ZoomState;
+export declare const useSelector: <O>(selector: (state: MapState) => O) => O;
+export declare const useMapSelectionState: () => import("../types/state.js").MapSelectionState;
+export declare const useMapTooltipLocationState: () => import("maplibre-gl").LngLat | undefined;
+export declare const useMapTooltipHoveredLayerIdState: () => string | undefined;
+export declare const useMapOverlayState: () => import("../types/state.js").MapOverlayState;
+export declare const useMapZoomState: () => import("../types/state.js").ZoomState;

package/map/store/selectors.js

@@ -22,8 +22,6 @@ __export(selectors_exports, {
   useMapSelectionState: () => useMapSelectionState,
   useMapTooltipHoveredLayerIdState: () => useMapTooltipHoveredLayerIdState,
   useMapTooltipLocationState: () => useMapTooltipLocationState,
-  useMapTooltipPinnedState: () => useMapTooltipPinnedState,
-  useMapTooltipState: () => useMapTooltipState,
   useMapZoomState: () => useMapZoomState,
   useSelector: () => useSelector
 });
@@ -33,15 +31,7 @@ var import_core = require("@dynatrace/strato-components/core");
 var import_map_store_context = require("./map-store.context.js");
 const useSelector = (selector) => (0, import_core.useStoreSelector)(import_map_store_context.MapStore, selector, import_lodash_es.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);

package/map/store/store.d.ts

@@ -1,10 +1,6 @@
-import type { MapLayerMouseEvent } from 'maplibre-gl';
-import type { MapOverlayState, MapSelectionState, MapState, MapTooltipState, ZoomState } from '../types/state.js';
-export declare const useSetState: () => (action: MapState<unknown> | ((prev: MapState<unknown>) => MapState<unknown>)) => void;
+import type { MapOverlayState, MapSelectionState, ZoomState } from '../types/state.js';
+export declare const useSetState: () => (action: import("../types/state.js").MapState | ((prev: import("../types/state.js").MapState) => import("../types/state.js").MapState)) => void;
 export * from './selectors.js';
 export declare const useSetStateSelection: () => (newSelectionState: Partial<MapSelectionState>) => void;
-export declare const useSetStateTooltip: <T>() => (newTooltipState: Partial<MapTooltipState<T>>) => void;
-export declare const useClearTooltip: () => () => void;
-export declare const useTooltipPinnedState: () => (event: MapLayerMouseEvent) => void;
 export declare const useSetStateOverlay: () => (newOverlayState: Partial<MapOverlayState>) => void;
 export declare const useSetStateZoom: () => (newZoomState: Partial<ZoomState>) => void;

package/map/store/store.js

@@ -19,18 +19,14 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var store_exports = {};
 __export(store_exports, {
-  useClearTooltip: () => useClearTooltip,
   useSetState: () => useSetState,
   useSetStateOverlay: () => useSetStateOverlay,
   useSetStateSelection: () => useSetStateSelection,
-  useSetStateTooltip: () => useSetStateTooltip,
-  useSetStateZoom: () => useSetStateZoom,
-  useTooltipPinnedState: () => useTooltipPinnedState
+  useSetStateZoom: () => useSetStateZoom
 });
 module.exports = __toCommonJS(store_exports);
 var import_react = require("react");
 var import_map_store_context = require("./map-store.context.js");
-var import_parse_tooltip_data = require("../utils/parse-tooltip-data.js");
 __reExport(store_exports, require("./selectors.js"), module.exports);
 const useSetState = () => {
   const { setState } = (0, import_react.useContext)(import_map_store_context.MapStore);
@@ -48,68 +44,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 } = (0, import_parse_tooltip_data.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) => {

package/map/types/state.d.ts

@@ -4,13 +4,9 @@ export interface MapSelectionState {
     highlightedSeries: LegendItem | undefined;
     visible: LegendItem[] | undefined;
 }
-export interface MapTooltipState<T> {
-    pinned: boolean;
-    visible: boolean;
+export interface MapTooltipState {
     enabled: boolean;
     hoveredLayerId: string | undefined;
-    data: T[] | undefined;
-    pinnedId: string | undefined;
     location: LngLat | undefined;
 }
 export interface MapOverlayState {
@@ -23,9 +19,9 @@ export interface ZoomState {
     resetEnabled: boolean;
     zoomToFitInProgress?: boolean;
 }
-export interface MapState<T = unknown> {
+export interface MapState {
     selection: MapSelectionState;
-    tooltip: MapTooltipState<T>;
+    tooltip: MapTooltipState;
     overlay: MapOverlayState;
     zoom: ZoomState;
 }

package/map/types/tooltip.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { _ChartTooltipSlotsType as ChartTooltipSlotsType, _ChartTooltipTemplateType as ChartTooltipTemplateType } from '@dynatrace/strato-components/charts';
+import type { _ChartTooltipSlotsType as ChartTooltipSlotsType, _ChartTooltipTemplateType as ChartTooltipTemplateType, SeriesActionsTemplate } from '@dynatrace/strato-components/charts';
 import type { Connection } from './connection-layer.js';
 import type { Location } from './location.js';
 /**
@@ -36,6 +36,8 @@ export type DotLayerTooltipHandler = (dotData: DotLayerTooltipData) => ReactNode
 export interface DotLayerTooltipHandlerProps {
     /** The DotLayer tooltip handler template */
     children?: DotLayerTooltipHandler | null;
+    /** Series actions callback for the default tooltip */
+    seriesActions?: (data: Location) => SeriesActionsTemplate;
 }
 /**
  * Bubble Tooltip data payload for the tooltip handler callback
@@ -63,6 +65,8 @@ export type BubbleLayerTooltipHandler = (closestDot: BubbleLayerTooltipData, dot
 export interface BubbleLayerTooltipHandlerProps {
     /** The BubbleLayer tooltip handler template */
     children?: BubbleLayerTooltipHandler | null;
+    /** Series actions callback for the default tooltip */
+    seriesActions?: (location: Location) => SeriesActionsTemplate;
 }
 /**
  * Connection Tooltip data payload for the tooltip handler callback
@@ -89,6 +93,8 @@ export type ConnectionLayerTooltipHandler = (connectionData: ConnectionLayerTool
 export interface ConnectionLayerTooltipHandlerProps {
     /** The ConnectionLayer tooltip handler template */
     children?: ConnectionLayerTooltipHandler | null;
+    /** Series actions callback for the default tooltip */
+    seriesActions?: (data: Location) => SeriesActionsTemplate;
 }
 /**
  * Choropleth Tooltip data payload for the tooltip handler callback
@@ -102,6 +108,8 @@ export interface ChoroplethLayerTooltipData<T extends Record<string, unknown> =
     name: string;
     /** The hovered region custom data */
     data: T;
+    /** Series actions callback for the default tooltip */
+    seriesActions?: (data: ChoroplethLayerTooltipData<T>) => SeriesActionsTemplate;
 }
 /**
  * Choropleth tooltip handler type
@@ -115,6 +123,8 @@ export type ChoroplethLayerTooltipHandler = (regionData: ChoroplethLayerTooltipD
 export interface ChoroplethLayerTooltipHandlerProps {
     /** The ChoroplethLayer tooltip handler template */
     children?: ChoroplethLayerTooltipHandler | null;
+    /** Series actions callback for the default tooltip */
+    seriesActions?: (data: ChoroplethLayerTooltipData) => SeriesActionsTemplate;
 }
 /**
  * Map Geo Tooltip Props

package/map/utils/build-geo-tooltip-state.d.ts

@@ -0,0 +1,17 @@
+import type { _OverlayTooltipGeometryTypes as GeometryTypes, _OverlayTooltipState as TooltipState } from '@dynatrace/strato-components/charts';
+/**
+ * Builds the full TooltipState object for the geo map context.
+ *
+ * Centralises the state shape so that both the event-side
+ * (`useOverlayEvents`) and the sync-side (`useGeoTooltipSync`)
+ * produce the exact same structure.
+ */
+export declare const buildGeoTooltipState: ({ absoluteX, absoluteY, relativeX, relativeY, pinned, geometry, metadata, }: {
+    absoluteX: number;
+    absoluteY: number;
+    relativeX: number;
+    relativeY: number;
+    pinned: boolean;
+    geometry: GeometryTypes;
+    metadata: unknown[] | undefined;
+}) => TooltipState;

package/map/{components/DefaultTooltip/utils/handle-copy-to-clipboard.js → utils/build-geo-tooltip-state.js}

@@ -16,16 +16,32 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var handle_copy_to_clipboard_exports = {};
-__export(handle_copy_to_clipboard_exports, {
-  handleCopyToClipboard: () => handleCopyToClipboard
+var build_geo_tooltip_state_exports = {};
+__export(build_geo_tooltip_state_exports, {
+  buildGeoTooltipState: () => buildGeoTooltipState
 });
-module.exports = __toCommonJS(handle_copy_to_clipboard_exports);
-const handleCopyToClipboard = async (location) => {
-  try {
-    await navigator.clipboard.writeText(
-      `${location.latitude}, ${location.longitude}`
-    );
-  } catch {
+module.exports = __toCommonJS(build_geo_tooltip_state_exports);
+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
   }
-};
+});

package/map/utils/tooltip-type-guards.d.ts

@@ -1,15 +1,17 @@
+import { isDefaultTooltipHandler } from '../hooks/use-tooltip-template.js';
 import type { BubbleLayerTooltipHandler, ChoroplethLayerTooltipData, ChoroplethLayerTooltipHandler, ConnectionLayerTooltipData, ConnectionLayerTooltipHandler, DotLayerTooltipHandler, LayerTooltipData, LayerTooltipHandler } from '../types/tooltip.js';
 /**
  * Type guards for tooltip template
  * @param template -
  */
-export declare const isDotTooltipTemplate: (template?: LayerTooltipHandler) => template is DotLayerTooltipHandler;
-export declare const isBubbleTooltipTemplate: (template?: LayerTooltipHandler) => template is BubbleLayerTooltipHandler;
-export declare const isConnectionTooltipTemplate: (template?: LayerTooltipHandler) => template is ConnectionLayerTooltipHandler;
-export declare const isChoroplethTooltipTemplate: (template?: LayerTooltipHandler) => template is ChoroplethLayerTooltipHandler;
+export declare const isDotTooltipTemplate: (template?: LayerTooltipHandler | null) => template is DotLayerTooltipHandler;
+export declare const isBubbleTooltipTemplate: (template?: LayerTooltipHandler | null) => template is BubbleLayerTooltipHandler;
+export declare const isConnectionTooltipTemplate: (template?: LayerTooltipHandler | null) => template is ConnectionLayerTooltipHandler;
+export declare const isChoroplethTooltipTemplate: (template?: LayerTooltipHandler | null) => template is ChoroplethLayerTooltipHandler;
 /**
  * Type guards for map types in tooltip context
  * @param data -
  */
 export declare const isConnection: (data: LayerTooltipData) => data is ConnectionLayerTooltipData;
 export declare const isRegion: (data: LayerTooltipData) => data is ChoroplethLayerTooltipData;
+export { isDefaultTooltipHandler };

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

@@ -22,10 +22,12 @@ __export(tooltip_type_guards_exports, {
   isChoroplethTooltipTemplate: () => isChoroplethTooltipTemplate,
   isConnection: () => isConnection,
   isConnectionTooltipTemplate: () => isConnectionTooltipTemplate,
+  isDefaultTooltipHandler: () => import_use_tooltip_template.isDefaultTooltipHandler,
   isDotTooltipTemplate: () => isDotTooltipTemplate,
   isRegion: () => isRegion
 });
 module.exports = __toCommonJS(tooltip_type_guards_exports);
+var import_use_tooltip_template = require("../hooks/use-tooltip-template.js");
 var import_BubbleLayerTooltip = require("../slots/BubbleLayerTooltip.js");
 var import_ChoroplethLayerTooltip = require("../slots/ChoroplethLayerTooltip.js");
 var import_ConnectionLayerTooltip = require("../slots/ConnectionLayerTooltip.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynatrace/strato-geo",
-  "version": "3.2.1",
+  "version": "3.3.0",
   "private": false,
   "license": "Apache-2.0",
   "keywords": [
@@ -48,15 +48,15 @@
     "d3-array": "^3.2.4",
     "d3-interpolate": "^3.0.1",
     "d3-scale": "^4.0.2",
-    "maplibre-gl": "~5.16.0"
+    "maplibre-gl": "~5.22.0"
   },
   "peerDependencies": {
     "@dynatrace-sdk/client-classic-environment-v2": "^5.1.0",
     "@dynatrace-sdk/client-platform-management-service": "^1.7.0",
     "@dynatrace-sdk/units": "^1.5.0",
-    "@dynatrace/strato-components": "^3.2.1",
+    "@dynatrace/strato-components": "^3.3.0",
     "@dynatrace/strato-design-tokens": "^1.3.1",
-    "@dynatrace/strato-icons": "^2.1.1",
+    "@dynatrace/strato-icons": "^2.2.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-intl": "^6.0.8 || ^7.0.0",

package/esm/map/components/DefaultTooltip/utils/get-default-actions.js

@@ -1,21 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FormattedMessage } from "react-intl";
-import { ChartSeriesAction } from "@dynatrace/strato-components/charts";
-import { CopyIcon } from "@dynatrace/strato-icons";
-import { handleCopyToClipboard } from "./handle-copy-to-clipboard.js";
-import { COPY_TO_CLIPBOARD_MESSAGES } from "../../../constants.js";
-const getDefaultActions = (location) => /* @__PURE__ */ jsxs(
-  ChartSeriesAction.Item,
-  {
-    onSelect: () => handleCopyToClipboard(location),
-    children: [
-      /* @__PURE__ */ jsx(ChartSeriesAction.ItemIcon, { children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
-      /* @__PURE__ */ jsx(FormattedMessage, { ...COPY_TO_CLIPBOARD_MESSAGES.copyActionCoords })
-    ]
-  },
-  "default-action"
-);
-export {
-  getDefaultActions
-};
-//# sourceMappingURL=get-default-actions.js.map

package/esm/map/components/DefaultTooltip/utils/get-default-actions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/map/components/DefaultTooltip/utils/get-default-actions.tsx"],
-  "sourcesContent": ["import { FormattedMessage } from 'react-intl';\n\nimport { ChartSeriesAction } from '@dynatrace/strato-components/charts';\nimport { CopyIcon } from '@dynatrace/strato-icons';\n\nimport { handleCopyToClipboard } from './handle-copy-to-clipboard.js';\nimport { COPY_TO_CLIPBOARD_MESSAGES } from '../../../constants.js';\nimport type { Location } from '../../../types/location.js';\n\nexport const getDefaultActions = (location: Location) => (\n  <ChartSeriesAction.Item\n    key=\"default-action\"\n    onSelect={() => handleCopyToClipboard(location)}\n  >\n    <ChartSeriesAction.ItemIcon>\n      <CopyIcon />\n    </ChartSeriesAction.ItemIcon>\n    <FormattedMessage {...COPY_TO_CLIPBOARD_MESSAGES.copyActionCoords} />\n  </ChartSeriesAction.Item>\n);\n"],
-  "mappings": "AAUE,SAKI,KALJ;AAVF,SAAS,wBAAwB;AAEjC,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AAEzB,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AAGpC,MAAM,oBAAoB,CAAC,aAChC;AAAA,EAAC,kBAAkB;AAAA,EAAlB;AAAA,IAEC,UAAU,MAAM,sBAAsB,QAAQ;AAAA,IAE9C;AAAA,0BAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,MACA,oBAAC,oBAAkB,GAAG,2BAA2B,kBAAkB;AAAA;AAAA;AAAA,EAN/D;AAON;",
-  "names": []
-}

package/esm/map/components/DefaultTooltip/utils/handle-copy-to-clipboard.js

@@ -1,12 +0,0 @@
-const handleCopyToClipboard = async (location) => {
-  try {
-    await navigator.clipboard.writeText(
-      `${location.latitude}, ${location.longitude}`
-    );
-  } catch {
-  }
-};
-export {
-  handleCopyToClipboard
-};
-//# sourceMappingURL=handle-copy-to-clipboard.js.map

package/esm/map/components/DefaultTooltip/utils/handle-copy-to-clipboard.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/map/components/DefaultTooltip/utils/handle-copy-to-clipboard.ts"],
-  "sourcesContent": ["import type { Location } from '../../../types/location.js';\n\nexport const handleCopyToClipboard = async (location: Location) => {\n  try {\n    await navigator.clipboard.writeText(\n      `${location.latitude}, ${location.longitude}`,\n    );\n  } catch {\n    // For now, we silently ignore clipboard write errors.\n  }\n};\n"],
-  "mappings": "AAEO,MAAM,wBAAwB,OAAO,aAAuB;AACjE,MAAI;AACF,UAAM,UAAU,UAAU;AAAA,MACxB,GAAG,SAAS,QAAQ,KAAK,SAAS,SAAS;AAAA,IAC7C;AAAA,EACF,QAAQ;AAAA,EAER;AACF;",
-  "names": []
-}

package/map/components/DefaultTooltip/utils/get-default-actions.d.ts

@@ -1,2 +0,0 @@
-import type { Location } from '../../../types/location.js';
-export declare const getDefaultActions: (location: Location) => import("react/jsx-runtime.js").JSX.Element;

package/map/components/DefaultTooltip/utils/get-default-actions.js

@@ -1,40 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var get_default_actions_exports = {};
-__export(get_default_actions_exports, {
-  getDefaultActions: () => getDefaultActions
-});
-module.exports = __toCommonJS(get_default_actions_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react_intl = require("react-intl");
-var import_charts = require("@dynatrace/strato-components/charts");
-var import_strato_icons = require("@dynatrace/strato-icons");
-var import_handle_copy_to_clipboard = require("./handle-copy-to-clipboard.js");
-var import_constants = require("../../../constants.js");
-const getDefaultActions = (location) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  import_charts.ChartSeriesAction.Item,
-  {
-    onSelect: () => (0, import_handle_copy_to_clipboard.handleCopyToClipboard)(location),
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts.ChartSeriesAction.ItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_strato_icons.CopyIcon, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_intl.FormattedMessage, { ...import_constants.COPY_TO_CLIPBOARD_MESSAGES.copyActionCoords })
-    ]
-  },
-  "default-action"
-);

package/map/components/DefaultTooltip/utils/handle-copy-to-clipboard.d.ts

@@ -1,2 +0,0 @@
-import type { Location } from '../../../types/location.js';
-export declare const handleCopyToClipboard: (location: Location) => Promise<void>;