@dynatrace/strato-geo 3.2.1 → 3.3.0

package/esm/map/components/DotLayer/DotLayerTooltip.js

@@ -1,57 +1,30 @@
 import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import {
-  _ChartTooltip as ChartTooltip,
-  _useChartActionsMenu as useChartActionsMenu
-} from "@dynatrace/strato-components/charts";
-import { useGetPosition } from "../../hooks/use-get-position.js";
-import {
-  useMapTooltipPinnedState,
-  useMapTooltipState
-} from "../../store/selectors.js";
+import { _OverlayTooltip as OverlayTooltip } from "@dynatrace/strato-components/charts";
+import { useGeoLayerTooltip } from "../../hooks/use-geo-layer-tooltip.js";
+import { isDefaultTooltipHandler } from "../../utils/tooltip-type-guards.js";
 const DotLayerTooltip = (props) => {
   const { tooltipTemplate } = props;
-  const {
-    selectedItem: selectedItemId,
-    actionsMenuRef,
-    updateSelectedItem,
-    onLeave
-  } = useChartActionsMenu();
-  const { data, visible, enabled } = useMapTooltipState();
-  const pinned = useMapTooltipPinnedState();
-  const dotData = useRef(null);
-  const forceHideTooltip = !pinned && (!visible || !enabled);
-  const position = useGetPosition(pinned, !forceHideTooltip);
-  if (!tooltipTemplate || forceHideTooltip || !position) {
+  const { data, inBounds, position } = useGeoLayerTooltip("geoDot");
+  if (!tooltipTemplate || !inBounds || !position) {
     return null;
   }
-  if (data?.[0]) {
-    const { __color: color, __bearing: bearing, data: customData } = data[0];
-    dotData.current = {
-      color,
-      bearing,
-      data: customData
-    };
+  if (!data || !data[0]) {
+    return null;
   }
-  const template = dotData.current && tooltipTemplate(dotData.current);
+  const { __color: color, __bearing: bearing, data: customData } = data[0];
+  const dotData = {
+    color,
+    bearing,
+    data: customData
+  };
+  const template = tooltipTemplate(dotData);
   if (!template) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
-    ChartTooltip,
-    {
-      updatePositionWhenPinned: true,
-      position,
-      pinned,
-      onMouseLeave: onLeave,
-      actionSelectionValue: {
-        selectedItemId,
-        actionsMenuRef,
-        updateSelectedItem
-      },
-      children: template
-    }
-  );
+  if (isDefaultTooltipHandler(tooltipTemplate)) {
+    return template;
+  }
+  return /* @__PURE__ */ jsx(OverlayTooltip, { legacyTemplate: template });
 };
 DotLayerTooltip["displayName"] = "DotLayerTooltip";
 export {

package/esm/map/components/DotLayer/DotLayerTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/DotLayer/DotLayerTooltip.tsx"],
-  "sourcesContent": ["import { useRef } from 'react';\n\nimport {\n  _ChartTooltip as ChartTooltip,\n  _useChartActionsMenu as useChartActionsMenu,\n} from '@dynatrace/strato-components/charts';\n\nimport { useGetPosition } from '../../hooks/use-get-position.js';\nimport {\n  useMapTooltipPinnedState,\n  useMapTooltipState,\n} from '../../store/selectors.js';\nimport type { Location } from '../../types/location.js';\nimport type {\n  DotLayerTooltipData,\n  DotLayerTooltipHandler,\n} from '../../types/tooltip.js';\n\ninterface DotTooltipStatePayload {\n  __color: string;\n  __hoveredColor: string;\n  __bearing: number;\n  data: Location;\n}\n\nexport interface DotLayerTooltipProps {\n  tooltipTemplate?: DotLayerTooltipHandler;\n}\n\nexport const DotLayerTooltip = (props: DotLayerTooltipProps) => {\n  const { tooltipTemplate } = props;\n  const {\n    selectedItem: selectedItemId,\n    actionsMenuRef,\n    updateSelectedItem,\n    onLeave,\n  } = useChartActionsMenu();\n\n  const { data, visible, enabled } =\n    useMapTooltipState<DotTooltipStatePayload>();\n  const pinned = useMapTooltipPinnedState();\n\n  const dotData = useRef<DotLayerTooltipData | null>(null);\n\n  const forceHideTooltip = !pinned && (!visible || !enabled);\n  const position = useGetPosition(pinned, !forceHideTooltip);\n  if (!tooltipTemplate || forceHideTooltip || !position) {\n    return null;\n  }\n\n  if (data?.[0]) {\n    const { __color: color, __bearing: bearing, data: customData } = data[0];\n\n    dotData.current = {\n      color,\n      bearing,\n      data: customData,\n    };\n  }\n\n  const template = dotData.current && tooltipTemplate(dotData.current);\n\n  if (!template) {\n    return null;\n  }\n\n  return (\n    <ChartTooltip\n      updatePositionWhenPinned\n      position={position}\n      pinned={pinned}\n      onMouseLeave={onLeave}\n      actionSelectionValue={{\n        selectedItemId,\n        actionsMenuRef,\n        updateSelectedItem,\n      }}\n    >\n      {template}\n    </ChartTooltip>\n  );\n};\n\nDotLayerTooltip['displayName'] = 'DotLayerTooltip';\n"],
-  "mappings": "AAmEI;AAnEJ,SAAS,cAAc;AAEvB;AAAA,EACE,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,OACnB;AAEP,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAkBA,MAAM,kBAAkB,CAAC,UAAgC;AAC9D,QAAM,EAAE,gBAAgB,IAAI;AAC5B,QAAM;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AAExB,QAAM,EAAE,MAAM,SAAS,QAAQ,IAC7B,mBAA2C;AAC7C,QAAM,SAAS,yBAAyB;AAExC,QAAM,UAAU,OAAmC,IAAI;AAEvD,QAAM,mBAAmB,CAAC,WAAW,CAAC,WAAW,CAAC;AAClD,QAAM,WAAW,eAAe,QAAQ,CAAC,gBAAgB;AACzD,MAAI,CAAC,mBAAmB,oBAAoB,CAAC,UAAU;AACrD,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,CAAC,GAAG;AACb,UAAM,EAAE,SAAS,OAAO,WAAW,SAAS,MAAM,WAAW,IAAI,KAAK,CAAC;AAEvE,YAAQ,UAAU;AAAA,MAChB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF;AAEA,QAAM,WAAW,QAAQ,WAAW,gBAAgB,QAAQ,OAAO;AAEnE,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,0BAAwB;AAAA,MACxB;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,sBAAsB;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,gBAAgB,aAAa,IAAI;",
+  "sourcesContent": ["import { _OverlayTooltip as OverlayTooltip } from '@dynatrace/strato-components/charts';\n\nimport { useGeoLayerTooltip } from '../../hooks/use-geo-layer-tooltip.js';\nimport type { Location } from '../../types/location.js';\nimport type {\n  DotLayerTooltipData,\n  DotLayerTooltipHandler,\n} from '../../types/tooltip.js';\nimport { isDefaultTooltipHandler } from '../../utils/tooltip-type-guards.js';\n\ninterface DotTooltipStatePayload {\n  __color: string;\n  __hoveredColor: string;\n  __bearing: number;\n  data: Location;\n}\n\nexport interface DotLayerTooltipProps {\n  tooltipTemplate?: DotLayerTooltipHandler;\n}\n\nexport const DotLayerTooltip = (props: DotLayerTooltipProps) => {\n  const { tooltipTemplate } = props;\n\n  const { data, inBounds, position } =\n    useGeoLayerTooltip<DotTooltipStatePayload>('geoDot');\n\n  if (!tooltipTemplate || !inBounds || !position) {\n    return null;\n  }\n\n  if (!data || !data[0]) {\n    return null;\n  }\n\n  const { __color: color, __bearing: bearing, data: customData } = data[0];\n  const dotData: DotLayerTooltipData = {\n    color,\n    bearing,\n    data: customData,\n  };\n\n  const template = tooltipTemplate(dotData);\n\n  if (!template) {\n    return null;\n  }\n\n  if (isDefaultTooltipHandler(tooltipTemplate)) {\n    return template;\n  }\n\n  return <OverlayTooltip legacyTemplate={template} />;\n};\n\nDotLayerTooltip['displayName'] = 'DotLayerTooltip';\n"],
+  "mappings": "AAoDS;AApDT,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,0BAA0B;AAMnC,SAAS,+BAA+B;AAajC,MAAM,kBAAkB,CAAC,UAAgC;AAC9D,QAAM,EAAE,gBAAgB,IAAI;AAE5B,QAAM,EAAE,MAAM,UAAU,SAAS,IAC/B,mBAA2C,QAAQ;AAErD,MAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,UAAU;AAC9C,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,SAAS,OAAO,WAAW,SAAS,MAAM,WAAW,IAAI,KAAK,CAAC;AACvE,QAAM,UAA+B;AAAA,IACnC;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,QAAM,WAAW,gBAAgB,OAAO;AAExC,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MAAI,wBAAwB,eAAe,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,SAAO,oBAAC,kBAAe,gBAAgB,UAAU;AACnD;AAEA,gBAAgB,aAAa,IAAI;",
   "names": []
 }

package/esm/map/components/toolbar/MapToolbar.js

@@ -9,14 +9,14 @@ import { useMapConfig } from "../../hooks/use-map-config.js";
 import { useMapRawData } from "../../hooks/use-map-raw-data.js";
 import { MapInitialViewProvider } from "../../providers/map-initial-view.provider.js";
 import { useMapOverlayState } from "../../store/selectors.js";
-import { useSetStateTooltip } from "../../store/store.js";
+import { useSetState } from "../../store/store.js";
 import { buildAndDownloadCsv } from "../../utils/build-and-download-csv.js";
 const defaultToolbarPlacement = "top-right";
 const MapToolbar = () => {
   const { toolbar: toolbarConfig, interactions: interactionsConfig } = useMapConfig();
   const data = useMapRawData();
   const { mouseInBounds } = useMapOverlayState();
-  const setTooltipState = useSetStateTooltip();
+  const setState = useSetState();
   const isZoomEnabled = toolbarConfig?.zoom?.enabled ?? interactionsConfig?.zoom?.enabled ?? false;
   const isZoomToFitEnabled = toolbarConfig?.zoom?.enabled ?? interactionsConfig?.zoomToFit?.enabled ?? false;
   const isDownloadDataEnabled = toolbarConfig?.downloadCSV?.enabled ?? false;
@@ -24,14 +24,16 @@ const MapToolbar = () => {
   const hasControls = hasZoomControls || isDownloadDataEnabled;
   const hasOnlyDownloadCSV = isDownloadDataEnabled && !hasZoomControls;
   const handleMouseEnter = () => {
-    setTooltipState({
-      enabled: false
-    });
+    setState((prev) => ({
+      ...prev,
+      tooltip: { ...prev.tooltip, enabled: false }
+    }));
   };
   const handleMouseLeave = () => {
-    setTooltipState({
-      enabled: true
-    });
+    setState((prev) => ({
+      ...prev,
+      tooltip: { ...prev.tooltip, enabled: true }
+    }));
   };
   const handleDownloadDataToolbar = () => {
     buildAndDownloadCsv(data);

package/esm/map/components/toolbar/MapToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/toolbar/MapToolbar.tsx"],
-  "sourcesContent": ["import { _ChartToolbarRenderer as ChartToolbarRenderer } from '@dynatrace/strato-components/charts';\n\nimport { MapDownloadDataButton } from './buttons/MapDownloadDataButton.js';\nimport { MapResetButton } from './buttons/MapResetButton.js';\nimport { MapZoomInOutButtons } from './buttons/MapZoomInOutButtons.js';\nimport { MapZoomToFitButton } from './buttons/MapZoomToFitButton.js';\nimport { initialA11yToolbarTabIndexContext } from './constants.js';\nimport { useMapConfig } from '../../hooks/use-map-config.js';\nimport { useMapRawData } from '../../hooks/use-map-raw-data.js';\nimport { MapInitialViewProvider } from '../../providers/map-initial-view.provider.js';\nimport { useMapOverlayState } from '../../store/selectors.js';\nimport { useSetStateTooltip } from '../../store/store.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\nconst defaultToolbarPlacement = 'top-right';\n\nexport const MapToolbar = () => {\n  const { toolbar: toolbarConfig, interactions: interactionsConfig } =\n    useMapConfig();\n  const data = useMapRawData();\n\n  const { mouseInBounds } = useMapOverlayState();\n  const setTooltipState = useSetStateTooltip();\n  const isZoomEnabled =\n    toolbarConfig?.zoom?.enabled ?? interactionsConfig?.zoom?.enabled ?? false;\n  const isZoomToFitEnabled =\n    toolbarConfig?.zoom?.enabled ??\n    interactionsConfig?.zoomToFit?.enabled ??\n    false;\n  const isDownloadDataEnabled = toolbarConfig?.downloadCSV?.enabled ?? false;\n\n  const hasZoomControls = isZoomEnabled || isZoomToFitEnabled;\n  const hasControls = hasZoomControls || isDownloadDataEnabled;\n  const hasOnlyDownloadCSV = isDownloadDataEnabled && !hasZoomControls;\n\n  const handleMouseEnter = () => {\n    setTooltipState({\n      enabled: false,\n    });\n  };\n\n  const handleMouseLeave = () => {\n    setTooltipState({\n      enabled: true,\n    });\n  };\n\n  const handleDownloadDataToolbar = () => {\n    buildAndDownloadCsv(data);\n  };\n\n  return hasControls ? (\n    <MapInitialViewProvider>\n      <ChartToolbarRenderer\n        visible={mouseInBounds}\n        collapsed={toolbarConfig?.collapsed}\n        draggable={toolbarConfig?.draggable}\n        placement={toolbarConfig?.placement ?? defaultToolbarPlacement}\n        handleDownloadDataToolbar={handleDownloadDataToolbar}\n        isDownloadEnabled={!hasOnlyDownloadCSV && isDownloadDataEnabled}\n        initialA11yState={initialA11yToolbarTabIndexContext}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        menuDisplayMode=\"never\"\n      >\n        {isZoomEnabled && <MapZoomInOutButtons />}\n        {isZoomEnabled && <MapResetButton />}\n        {isZoomToFitEnabled && <MapZoomToFitButton />}\n        {isDownloadDataEnabled && <MapDownloadDataButton />}\n      </ChartToolbarRenderer>\n    </MapInitialViewProvider>\n  ) : null;\n};\n\nMapToolbar['displayName'] = 'MapToolbar';\n"],
-  "mappings": "AAqDM,SAYoB,KAZpB;AArDN,SAAS,yBAAyB,4BAA4B;AAE9D,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,yCAAyC;AAClD,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AAEpC,MAAM,0BAA0B;AAEzB,MAAM,aAAa,MAAM;AAC9B,QAAM,EAAE,SAAS,eAAe,cAAc,mBAAmB,IAC/D,aAAa;AACf,QAAM,OAAO,cAAc;AAE3B,QAAM,EAAE,cAAc,IAAI,mBAAmB;AAC7C,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,gBACJ,eAAe,MAAM,WAAW,oBAAoB,MAAM,WAAW;AACvE,QAAM,qBACJ,eAAe,MAAM,WACrB,oBAAoB,WAAW,WAC/B;AACF,QAAM,wBAAwB,eAAe,aAAa,WAAW;AAErE,QAAM,kBAAkB,iBAAiB;AACzC,QAAM,cAAc,mBAAmB;AACvC,QAAM,qBAAqB,yBAAyB,CAAC;AAErD,QAAM,mBAAmB,MAAM;AAC7B,oBAAgB;AAAA,MACd,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB,MAAM;AAC7B,oBAAgB;AAAA,MACd,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAEA,QAAM,4BAA4B,MAAM;AACtC,wBAAoB,IAAI;AAAA,EAC1B;AAEA,SAAO,cACL,oBAAC,0BACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW,eAAe;AAAA,MAC1B,WAAW,eAAe;AAAA,MAC1B,WAAW,eAAe,aAAa;AAAA,MACvC;AAAA,MACA,mBAAmB,CAAC,sBAAsB;AAAA,MAC1C,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,iBAAgB;AAAA,MAEf;AAAA,yBAAiB,oBAAC,uBAAoB;AAAA,QACtC,iBAAiB,oBAAC,kBAAe;AAAA,QACjC,sBAAsB,oBAAC,sBAAmB;AAAA,QAC1C,yBAAyB,oBAAC,yBAAsB;AAAA;AAAA;AAAA,EACnD,GACF,IACE;AACN;AAEA,WAAW,aAAa,IAAI;",
+  "sourcesContent": ["import { _ChartToolbarRenderer as ChartToolbarRenderer } from '@dynatrace/strato-components/charts';\n\nimport { MapDownloadDataButton } from './buttons/MapDownloadDataButton.js';\nimport { MapResetButton } from './buttons/MapResetButton.js';\nimport { MapZoomInOutButtons } from './buttons/MapZoomInOutButtons.js';\nimport { MapZoomToFitButton } from './buttons/MapZoomToFitButton.js';\nimport { initialA11yToolbarTabIndexContext } from './constants.js';\nimport { useMapConfig } from '../../hooks/use-map-config.js';\nimport { useMapRawData } from '../../hooks/use-map-raw-data.js';\nimport { MapInitialViewProvider } from '../../providers/map-initial-view.provider.js';\nimport { useMapOverlayState } from '../../store/selectors.js';\nimport { useSetState } from '../../store/store.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\nconst defaultToolbarPlacement = 'top-right';\n\nexport const MapToolbar = () => {\n  const { toolbar: toolbarConfig, interactions: interactionsConfig } =\n    useMapConfig();\n  const data = useMapRawData();\n\n  const { mouseInBounds } = useMapOverlayState();\n  const setState = useSetState();\n  const isZoomEnabled =\n    toolbarConfig?.zoom?.enabled ?? interactionsConfig?.zoom?.enabled ?? false;\n  const isZoomToFitEnabled =\n    toolbarConfig?.zoom?.enabled ??\n    interactionsConfig?.zoomToFit?.enabled ??\n    false;\n  const isDownloadDataEnabled = toolbarConfig?.downloadCSV?.enabled ?? false;\n\n  const hasZoomControls = isZoomEnabled || isZoomToFitEnabled;\n  const hasControls = hasZoomControls || isDownloadDataEnabled;\n  const hasOnlyDownloadCSV = isDownloadDataEnabled && !hasZoomControls;\n\n  const handleMouseEnter = () => {\n    setState((prev) => ({\n      ...prev,\n      tooltip: { ...prev.tooltip, enabled: false },\n    }));\n  };\n\n  const handleMouseLeave = () => {\n    setState((prev) => ({\n      ...prev,\n      tooltip: { ...prev.tooltip, enabled: true },\n    }));\n  };\n\n  const handleDownloadDataToolbar = () => {\n    buildAndDownloadCsv(data);\n  };\n\n  return hasControls ? (\n    <MapInitialViewProvider>\n      <ChartToolbarRenderer\n        visible={mouseInBounds}\n        collapsed={toolbarConfig?.collapsed}\n        draggable={toolbarConfig?.draggable}\n        placement={toolbarConfig?.placement ?? defaultToolbarPlacement}\n        handleDownloadDataToolbar={handleDownloadDataToolbar}\n        isDownloadEnabled={!hasOnlyDownloadCSV && isDownloadDataEnabled}\n        initialA11yState={initialA11yToolbarTabIndexContext}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        menuDisplayMode=\"never\"\n      >\n        {isZoomEnabled && <MapZoomInOutButtons />}\n        {isZoomEnabled && <MapResetButton />}\n        {isZoomToFitEnabled && <MapZoomToFitButton />}\n        {isDownloadDataEnabled && <MapDownloadDataButton />}\n      </ChartToolbarRenderer>\n    </MapInitialViewProvider>\n  ) : null;\n};\n\nMapToolbar['displayName'] = 'MapToolbar';\n"],
+  "mappings": "AAuDM,SAYoB,KAZpB;AAvDN,SAAS,yBAAyB,4BAA4B;AAE9D,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,yCAAyC;AAClD,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B,SAAS,2BAA2B;AAEpC,MAAM,0BAA0B;AAEzB,MAAM,aAAa,MAAM;AAC9B,QAAM,EAAE,SAAS,eAAe,cAAc,mBAAmB,IAC/D,aAAa;AACf,QAAM,OAAO,cAAc;AAE3B,QAAM,EAAE,cAAc,IAAI,mBAAmB;AAC7C,QAAM,WAAW,YAAY;AAC7B,QAAM,gBACJ,eAAe,MAAM,WAAW,oBAAoB,MAAM,WAAW;AACvE,QAAM,qBACJ,eAAe,MAAM,WACrB,oBAAoB,WAAW,WAC/B;AACF,QAAM,wBAAwB,eAAe,aAAa,WAAW;AAErE,QAAM,kBAAkB,iBAAiB;AACzC,QAAM,cAAc,mBAAmB;AACvC,QAAM,qBAAqB,yBAAyB,CAAC;AAErD,QAAM,mBAAmB,MAAM;AAC7B,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,SAAS,EAAE,GAAG,KAAK,SAAS,SAAS,MAAM;AAAA,IAC7C,EAAE;AAAA,EACJ;AAEA,QAAM,mBAAmB,MAAM;AAC7B,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,SAAS,EAAE,GAAG,KAAK,SAAS,SAAS,KAAK;AAAA,IAC5C,EAAE;AAAA,EACJ;AAEA,QAAM,4BAA4B,MAAM;AACtC,wBAAoB,IAAI;AAAA,EAC1B;AAEA,SAAO,cACL,oBAAC,0BACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW,eAAe;AAAA,MAC1B,WAAW,eAAe;AAAA,MAC1B,WAAW,eAAe,aAAa;AAAA,MACvC;AAAA,MACA,mBAAmB,CAAC,sBAAsB;AAAA,MAC1C,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,iBAAgB;AAAA,MAEf;AAAA,yBAAiB,oBAAC,uBAAoB;AAAA,QACtC,iBAAiB,oBAAC,kBAAe;AAAA,QACjC,sBAAsB,oBAAC,sBAAmB;AAAA,QAC1C,yBAAyB,oBAAC,yBAAsB;AAAA;AAAA;AAAA,EACnD,GACF,IACE;AACN;AAEA,WAAW,aAAa,IAAI;",
   "names": []
 }

package/esm/map/hooks/use-geo-layer-tooltip.js

@@ -0,0 +1,23 @@
+import {
+  useGeoOverlayTooltipState,
+  useGeoTooltipSync,
+  useOverlayTooltipSelector
+} from "./use-geo-tooltip-sync.js";
+import { useGetPosition } from "./use-get-position.js";
+import { useSelector } from "../store/selectors.js";
+const useGeoLayerTooltip = (geometryType) => {
+  const enabled = useSelector(({ tooltip }) => tooltip.enabled);
+  const { data, pinned, inBounds } = useGeoOverlayTooltipState();
+  const forceHideTooltip = !pinned && (!inBounds || !enabled);
+  const markerPosition = useGetPosition(pinned, !forceHideTooltip);
+  const storePosition = useOverlayTooltipSelector(
+    (state) => state.inBounds && typeof state.absoluteX === "number" && typeof state.absoluteY === "number" ? { x: state.absoluteX, y: state.absoluteY } : null
+  );
+  const position = pinned ? markerPosition : storePosition;
+  useGeoTooltipSync(position, pinned, geometryType, data ?? void 0);
+  return { data, pinned, inBounds, position };
+};
+export {
+  useGeoLayerTooltip
+};
+//# sourceMappingURL=use-geo-layer-tooltip.js.map

package/esm/map/hooks/use-geo-layer-tooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/map/hooks/use-geo-layer-tooltip.ts"],
+  "sourcesContent": ["import type { _OverlayTooltipGeometryTypes as GeometryTypes } from '@dynatrace/strato-components/charts';\n\nimport {\n  useGeoOverlayTooltipState,\n  useGeoTooltipSync,\n  useOverlayTooltipSelector,\n} from './use-geo-tooltip-sync.js';\nimport { useGetPosition } from './use-get-position.js';\nimport { useSelector } from '../store/selectors.js';\n\nexport const useGeoLayerTooltip = <T>(geometryType: GeometryTypes) => {\n  const enabled = useSelector(({ tooltip }) => tooltip.enabled);\n\n  const { data, pinned, inBounds } = useGeoOverlayTooltipState<T>();\n\n  const forceHideTooltip = !pinned && (!inBounds || !enabled);\n  const markerPosition = useGetPosition(pinned, !forceHideTooltip);\n\n  const storePosition = useOverlayTooltipSelector((state) =>\n    state.inBounds &&\n    typeof state.absoluteX === 'number' &&\n    typeof state.absoluteY === 'number'\n      ? { x: state.absoluteX, y: state.absoluteY }\n      : null,\n  );\n\n  const position = pinned ? markerPosition : storePosition;\n\n  useGeoTooltipSync(position, pinned, geometryType, data ?? undefined);\n\n  return { data, pinned, inBounds, position };\n};\n"],
+  "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAErB,MAAM,qBAAqB,CAAI,iBAAgC;AACpE,QAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,MAAM,QAAQ,OAAO;AAE5D,QAAM,EAAE,MAAM,QAAQ,SAAS,IAAI,0BAA6B;AAEhE,QAAM,mBAAmB,CAAC,WAAW,CAAC,YAAY,CAAC;AACnD,QAAM,iBAAiB,eAAe,QAAQ,CAAC,gBAAgB;AAE/D,QAAM,gBAAgB;AAAA,IAA0B,CAAC,UAC/C,MAAM,YACN,OAAO,MAAM,cAAc,YAC3B,OAAO,MAAM,cAAc,WACvB,EAAE,GAAG,MAAM,WAAW,GAAG,MAAM,UAAU,IACzC;AAAA,EACN;AAEA,QAAM,WAAW,SAAS,iBAAiB;AAE3C,oBAAkB,UAAU,QAAQ,cAAc,QAAQ,MAAS;AAEnE,SAAO,EAAE,MAAM,QAAQ,UAAU,SAAS;AAC5C;",
+  "names": []
+}

package/esm/map/hooks/use-geo-tooltip-sync.js

@@ -0,0 +1,79 @@
+import { isEqual } from "lodash-es";
+import { useCallback, useEffect, useRef, useSyncExternalStore } from "react";
+import {
+  _useOverlayTooltipStore as useOverlayTooltipStore,
+  _useOverlayTooltipReducer as useTooltipReducer
+} from "@dynatrace/strato-components/charts";
+import { buildGeoTooltipState } from "../utils/build-geo-tooltip-state.js";
+const useOverlayTooltipSelector = (selector) => {
+  const store = useOverlayTooltipStore();
+  const prevRef = useRef(void 0);
+  const getSnapshot = useCallback(() => {
+    const next = selector(store.getState());
+    if (prevRef.current !== void 0 && isEqual(prevRef.current, next)) {
+      return prevRef.current;
+    }
+    prevRef.current = next;
+    return next;
+  }, [store, selector]);
+  return useSyncExternalStore(store.subscribe, getSnapshot);
+};
+const useGeoOverlayTooltipState = () => {
+  const metadata = useOverlayTooltipSelector(
+    (state) => state.data?.metadata
+  );
+  const pinned = useOverlayTooltipSelector((state) => state.pinned);
+  const inBounds = useOverlayTooltipSelector((state) => state.inBounds);
+  return { data: metadata, pinned, inBounds };
+};
+const useGeoTooltipSync = (position, pinned, geometryType, geoData) => {
+  const store = useOverlayTooltipStore();
+  const dispatch = useTooltipReducer();
+  useEffect(() => {
+    const onScroll = () => {
+      if (store.getState().pinned) {
+        dispatch({ type: "TOOLTIP_MOUSE_LEAVE" })();
+      }
+    };
+    document.body.addEventListener("scroll", onScroll, true);
+    return () => {
+      document.body.removeEventListener("scroll", onScroll, true);
+    };
+  }, [store, dispatch]);
+  useEffect(() => {
+    if (position) {
+      const nextState = buildGeoTooltipState({
+        absoluteX: position.x,
+        absoluteY: position.y,
+        relativeX: position.x,
+        relativeY: position.y,
+        pinned,
+        geometry: geometryType,
+        metadata: geoData
+      });
+      const current = store.getState();
+      if (current.absoluteX !== nextState.absoluteX || current.absoluteY !== nextState.absoluteY || current.inBounds !== nextState.inBounds || current.pinned !== nextState.pinned || !isEqual(current.data?.metadata, nextState.data.metadata)) {
+        store.setState(nextState);
+      }
+    } else {
+      const currentState = store.getState();
+      if (currentState.inBounds || currentState.pinned) {
+        dispatch({ type: "SET_OUT_BOUNDS" })();
+      }
+    }
+  }, [
+    position?.x,
+    position?.y,
+    pinned,
+    geometryType,
+    geoData,
+    store,
+    dispatch
+  ]);
+};
+export {
+  useGeoOverlayTooltipState,
+  useGeoTooltipSync,
+  useOverlayTooltipSelector
+};
+//# sourceMappingURL=use-geo-tooltip-sync.js.map

package/esm/map/hooks/use-geo-tooltip-sync.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/map/hooks/use-geo-tooltip-sync.ts"],
+  "sourcesContent": ["import { isEqual } from 'lodash-es';\nimport { useCallback, useEffect, useRef, useSyncExternalStore } from 'react';\n\nimport {\n  _useOverlayTooltipStore as useOverlayTooltipStore,\n  _useOverlayTooltipReducer as useTooltipReducer,\n  type _OverlayTooltipGeometryTypes as GeometryTypes,\n  type _OverlayTooltipState as TooltipState,\n} from '@dynatrace/strato-components/charts';\n\nimport { buildGeoTooltipState } from '../utils/build-geo-tooltip-state.js';\n\ntype Position = { x: number; y: number } | null | undefined;\n\nexport const useOverlayTooltipSelector = <S>(\n  selector: (state: TooltipState) => S,\n): S => {\n  const store = useOverlayTooltipStore();\n  const prevRef = useRef<S | undefined>(undefined);\n\n  const getSnapshot = useCallback(() => {\n    const next = selector(store.getState());\n\n    if (prevRef.current !== undefined && isEqual(prevRef.current, next)) {\n      return prevRef.current;\n    }\n\n    prevRef.current = next;\n    return next;\n  }, [store, selector]);\n\n  return useSyncExternalStore(store.subscribe, getSnapshot);\n};\n\nexport const useGeoOverlayTooltipState = <T>() => {\n  const metadata = useOverlayTooltipSelector(\n    (state) => state.data?.metadata as T[] | undefined,\n  );\n  const pinned = useOverlayTooltipSelector((state) => state.pinned);\n  const inBounds = useOverlayTooltipSelector((state) => state.inBounds);\n\n  return { data: metadata, pinned, inBounds };\n};\n\n/**\n * Syncs position, pinned state, and layer-specific data from the geo map\n * into the OverlayTooltip store.\n *\n * Position updates set the store state directly because the reducer's\n * SET_POSITION / SET_PINNED rely on `overlay.getBounds()`, which is\n * always `undefined` in the geo context (the overlay ref is never\n * attached to a DOM element).\n *\n * @internal\n */\nexport const useGeoTooltipSync = (\n  position: Position,\n  pinned: boolean,\n  geometryType: GeometryTypes,\n  geoData?: unknown[] | undefined,\n) => {\n  const store = useOverlayTooltipStore();\n  const dispatch = useTooltipReducer();\n\n  useEffect(() => {\n    const onScroll = () => {\n      if (store.getState().pinned) {\n        dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })();\n      }\n    };\n\n    document.body.addEventListener('scroll', onScroll, true);\n    return () => {\n      document.body.removeEventListener('scroll', onScroll, true);\n    };\n  }, [store, dispatch]);\n\n  useEffect(() => {\n    if (position) {\n      const nextState = buildGeoTooltipState({\n        absoluteX: position.x,\n        absoluteY: position.y,\n        relativeX: position.x,\n        relativeY: position.y,\n        pinned,\n        geometry: geometryType,\n        metadata: geoData,\n      });\n\n      const current = store.getState();\n      if (\n        current.absoluteX !== nextState.absoluteX ||\n        current.absoluteY !== nextState.absoluteY ||\n        current.inBounds !== nextState.inBounds ||\n        current.pinned !== nextState.pinned ||\n        !isEqual(current.data?.metadata, nextState.data.metadata)\n      ) {\n        store.setState(nextState);\n      }\n    } else {\n      const currentState = store.getState();\n\n      // Only dispatch if the store isn't already in the \"hidden\" state.\n      if (currentState.inBounds || currentState.pinned) {\n        dispatch({ type: 'SET_OUT_BOUNDS' })();\n      }\n    }\n  }, [\n    position?.x,\n    position?.y,\n    pinned,\n    geometryType,\n    geoData,\n    store,\n    dispatch,\n  ]);\n};\n"],
+  "mappings": "AAAA,SAAS,eAAe;AACxB,SAAS,aAAa,WAAW,QAAQ,4BAA4B;AAErE;AAAA,EACE,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,OAGxB;AAEP,SAAS,4BAA4B;AAI9B,MAAM,4BAA4B,CACvC,aACM;AACN,QAAM,QAAQ,uBAAuB;AACrC,QAAM,UAAU,OAAsB,MAAS;AAE/C,QAAM,cAAc,YAAY,MAAM;AACpC,UAAM,OAAO,SAAS,MAAM,SAAS,CAAC;AAEtC,QAAI,QAAQ,YAAY,UAAa,QAAQ,QAAQ,SAAS,IAAI,GAAG;AACnE,aAAO,QAAQ;AAAA,IACjB;AAEA,YAAQ,UAAU;AAClB,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,SAAO,qBAAqB,MAAM,WAAW,WAAW;AAC1D;AAEO,MAAM,4BAA4B,MAAS;AAChD,QAAM,WAAW;AAAA,IACf,CAAC,UAAU,MAAM,MAAM;AAAA,EACzB;AACA,QAAM,SAAS,0BAA0B,CAAC,UAAU,MAAM,MAAM;AAChE,QAAM,WAAW,0BAA0B,CAAC,UAAU,MAAM,QAAQ;AAEpE,SAAO,EAAE,MAAM,UAAU,QAAQ,SAAS;AAC5C;AAaO,MAAM,oBAAoB,CAC/B,UACA,QACA,cACA,YACG;AACH,QAAM,QAAQ,uBAAuB;AACrC,QAAM,WAAW,kBAAkB;AAEnC,YAAU,MAAM;AACd,UAAM,WAAW,MAAM;AACrB,UAAI,MAAM,SAAS,EAAE,QAAQ;AAC3B,iBAAS,EAAE,MAAM,sBAAsB,CAAC,EAAE;AAAA,MAC5C;AAAA,IACF;AAEA,aAAS,KAAK,iBAAiB,UAAU,UAAU,IAAI;AACvD,WAAO,MAAM;AACX,eAAS,KAAK,oBAAoB,UAAU,UAAU,IAAI;AAAA,IAC5D;AAAA,EACF,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,YAAU,MAAM;AACd,QAAI,UAAU;AACZ,YAAM,YAAY,qBAAqB;AAAA,QACrC,WAAW,SAAS;AAAA,QACpB,WAAW,SAAS;AAAA,QACpB,WAAW,SAAS;AAAA,QACpB,WAAW,SAAS;AAAA,QACpB;AAAA,QACA,UAAU;AAAA,QACV,UAAU;AAAA,MACZ,CAAC;AAED,YAAM,UAAU,MAAM,SAAS;AAC/B,UACE,QAAQ,cAAc,UAAU,aAChC,QAAQ,cAAc,UAAU,aAChC,QAAQ,aAAa,UAAU,YAC/B,QAAQ,WAAW,UAAU,UAC7B,CAAC,QAAQ,QAAQ,MAAM,UAAU,UAAU,KAAK,QAAQ,GACxD;AACA,cAAM,SAAS,SAAS;AAAA,MAC1B;AAAA,IACF,OAAO;AACL,YAAM,eAAe,MAAM,SAAS;AAGpC,UAAI,aAAa,YAAY,aAAa,QAAQ;AAChD,iBAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,MACvC;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

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

@@ -1,56 +1,125 @@
 import {
-  useTooltipPinnedState,
-  useSetStateOverlay,
-  useSetStateTooltip
-} from "../store/store.js";
+  _useOverlayTooltipReducer as useTooltipReducer,
+  _useOverlayTooltipStore as useOverlayTooltipStore,
+  _useOverlayChart as useOverlayChart
+} from "@dynatrace/strato-components/charts";
+import { useSetStateOverlay, useSetState } from "../store/store.js";
+import { buildGeoTooltipState } from "../utils/build-geo-tooltip-state.js";
 import { extractDataFromEvent } from "../utils/parse-tooltip-data.js";
+const layerIdToGeometry = (layerId) => {
+  if (layerId?.includes("bubble")) {
+    return "geoBubble";
+  }
+  if (layerId?.includes("choropleth")) {
+    return "geoChoropleth";
+  }
+  if (layerId?.includes("connection")) {
+    return "geoConnection";
+  }
+  return "geoDot";
+};
 const useOverlayEvents = () => {
   const setOverlayState = useSetStateOverlay();
-  const setTooltipState = useSetStateTooltip();
-  const setTooltipPinnedState = useTooltipPinnedState();
+  const setState = useSetState();
+  const dispatch = useTooltipReducer();
+  const store = useOverlayTooltipStore();
+  const overlay = useOverlayChart();
+  const getAbsolutePosition = (event) => {
+    return {
+      x: Math.round(event.originalEvent.clientX),
+      y: Math.round(event.originalEvent.clientY)
+    };
+  };
+  const setTooltipMarker = (hoveredLayerId, location) => {
+    setState((prev) => ({
+      ...prev,
+      tooltip: {
+        ...prev.tooltip,
+        hoveredLayerId,
+        location
+      }
+    }));
+  };
   const hideTooltip = () => {
-    setTooltipState({ visible: false });
+    dispatch({ type: "RESET_TOOLTIP" })();
+    setTooltipMarker(void 0, void 0);
   };
   const handleMouseEnter = () => {
-    setOverlayState({
-      mouseInBounds: true
-    });
+    setOverlayState({ mouseInBounds: true });
   };
   const handleMouseMove = (event) => {
     if (event.features?.length) {
+      const currentState = store.getState();
+      if (currentState.pinned) {
+        return;
+      }
       const { data, hoveredLayerId } = extractDataFromEvent(event);
-      setTooltipState({
-        data,
-        hoveredLayerId,
-        visible: true,
-        location: event.lngLat
-      });
+      overlay.clear();
+      setTooltipMarker(hoveredLayerId, event.lngLat);
+      const pos = getAbsolutePosition(event);
+      store.setState(
+        buildGeoTooltipState({
+          absoluteX: pos.x,
+          absoluteY: pos.y,
+          relativeX: Math.round(event.point.x),
+          relativeY: Math.round(event.point.y),
+          pinned: false,
+          geometry: layerIdToGeometry(hoveredLayerId),
+          metadata: data
+        })
+      );
     } else {
-      hideTooltip();
+      const currentState = store.getState();
+      if (!currentState.pinned) {
+        hideTooltip();
+      }
     }
   };
   const handleMouseLeave = () => {
-    setOverlayState({
-      mouseInBounds: false
-    });
-    hideTooltip();
+    setOverlayState({ mouseInBounds: false });
+    const currentState = store.getState();
+    if (!currentState.pinned) {
+      hideTooltip();
+    }
   };
   const handleMouseClick = (event) => {
-    setTooltipPinnedState(event);
-  };
-  const handleDrag = () => {
-    hideTooltip();
+    const { data, featureId, hoveredLayerId } = extractDataFromEvent(event);
+    if (!featureId) {
+      hideTooltip();
+      return;
+    }
+    if (!hoveredLayerId) {
+      hideTooltip();
+      return;
+    }
+    overlay.clear();
+    setTooltipMarker(hoveredLayerId, event.lngLat);
+    const pos = getAbsolutePosition(event);
+    store.setState(
+      buildGeoTooltipState({
+        absoluteX: pos.x,
+        absoluteY: pos.y,
+        relativeX: Math.round(event.point.x),
+        relativeY: Math.round(event.point.y),
+        pinned: true,
+        geometry: layerIdToGeometry(hoveredLayerId),
+        metadata: data
+      })
+    );
   };
-  const handleZoom = () => {
-    hideTooltip();
+  const hideTooltipIfNotPinned = () => {
+    const currentState = store.getState();
+    if (!currentState.pinned) {
+      hideTooltip();
+    }
   };
   return {
     handleMouseEnter,
     handleMouseMove,
     handleMouseLeave,
     handleMouseClick,
-    handleZoom,
-    handleDrag
+    handleZoom: hideTooltipIfNotPinned,
+    handleDrag: hideTooltipIfNotPinned
   };
 };
 export {

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  useTooltipPinnedState,\n  useSetStateOverlay,\n  useSetStateTooltip,\n} from '../store/store.js';\nimport { extractDataFromEvent } from '../utils/parse-tooltip-data.js';\n\nexport const useOverlayEvents = () => {\n  const setOverlayState = useSetStateOverlay();\n  const setTooltipState = useSetStateTooltip();\n  const setTooltipPinnedState = useTooltipPinnedState();\n\n  const hideTooltip = () => {\n    setTooltipState({ visible: false });\n  };\n\n  const handleMouseEnter = () => {\n    setOverlayState({\n      mouseInBounds: true,\n    });\n  };\n\n  const handleMouseMove = (event: MapLayerMouseEvent) => {\n    if (event.features?.length) {\n      const { data, hoveredLayerId } = extractDataFromEvent(event);\n\n      setTooltipState({\n        data,\n        hoveredLayerId,\n        visible: true,\n        location: event.lngLat,\n      });\n    } else {\n      hideTooltip();\n    }\n  };\n\n  const handleMouseLeave = () => {\n    setOverlayState({\n      mouseInBounds: false,\n    });\n    hideTooltip();\n  };\n\n  const handleMouseClick = (event: MapLayerMouseEvent) => {\n    setTooltipPinnedState(event);\n  };\n\n  const handleDrag = () => {\n    hideTooltip();\n  };\n  const handleZoom = () => {\n    hideTooltip();\n  };\n\n  return {\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleMouseClick,\n    handleZoom,\n    handleDrag,\n  };\n};\n"],
-  "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AAE9B,MAAM,mBAAmB,MAAM;AACpC,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,wBAAwB,sBAAsB;AAEpD,QAAM,cAAc,MAAM;AACxB,oBAAgB,EAAE,SAAS,MAAM,CAAC;AAAA,EACpC;AAEA,QAAM,mBAAmB,MAAM;AAC7B,oBAAgB;AAAA,MACd,eAAe;AAAA,IACjB,CAAC;AAAA,EACH;AAEA,QAAM,kBAAkB,CAAC,UAA8B;AACrD,QAAI,MAAM,UAAU,QAAQ;AAC1B,YAAM,EAAE,MAAM,eAAe,IAAI,qBAAqB,KAAK;AAE3D,sBAAgB;AAAA,QACd;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,UAAU,MAAM;AAAA,MAClB,CAAC;AAAA,IACH,OAAO;AACL,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,mBAAmB,MAAM;AAC7B,oBAAgB;AAAA,MACd,eAAe;AAAA,IACjB,CAAC;AACD,gBAAY;AAAA,EACd;AAEA,QAAM,mBAAmB,CAAC,UAA8B;AACtD,0BAAsB,KAAK;AAAA,EAC7B;AAEA,QAAM,aAAa,MAAM;AACvB,gBAAY;AAAA,EACd;AACA,QAAM,aAAa,MAAM;AACvB,gBAAY;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "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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",
   "names": []
 }

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

@@ -1,15 +1,16 @@
 import { useCallback, useEffect } from "react";
-import { useClearTooltip, useMapTooltipPinnedState } from "../store/store.js";
+import { _useOverlayTooltipReducer as useTooltipReducer } from "@dynatrace/strato-components/charts";
+import { useOverlayTooltipSelector } from "./use-geo-tooltip-sync.js";
 const useTooltipEventListeners = () => {
-  const setClearTooltip = useClearTooltip();
-  const pinned = useMapTooltipPinnedState();
+  const dispatch = useTooltipReducer();
+  const pinned = useOverlayTooltipSelector((state) => state.pinned);
   const onEscapeKeyPressedHandler = useCallback(
     (event) => {
       if (pinned && event.key === "Escape") {
-        setClearTooltip();
+        dispatch({ type: "RESET_TOOLTIP" })();
       }
     },
-    [pinned]
+    [pinned, dispatch]
   );
   useEffect(() => {
     window.addEventListener("keyup", onEscapeKeyPressedHandler);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/hooks/use-tooltip-event-listeners.ts"],
-  "sourcesContent": ["import { useCallback, useEffect } from 'react';\n\nimport { useClearTooltip, useMapTooltipPinnedState } from '../store/store.js';\n\nexport const useTooltipEventListeners = () => {\n  const setClearTooltip = useClearTooltip();\n\n  const pinned = useMapTooltipPinnedState();\n\n  const onEscapeKeyPressedHandler = useCallback(\n    (event: KeyboardEvent) => {\n      if (pinned && event.key === 'Escape') {\n        setClearTooltip();\n      }\n    },\n    [pinned],\n  );\n\n  useEffect(() => {\n    window.addEventListener('keyup', onEscapeKeyPressedHandler);\n\n    return () => {\n      window.removeEventListener('keyup', onEscapeKeyPressedHandler);\n    };\n  }, [onEscapeKeyPressedHandler]);\n};\n"],
-  "mappings": "AAAA,SAAS,aAAa,iBAAiB;AAEvC,SAAS,iBAAiB,gCAAgC;AAEnD,MAAM,2BAA2B,MAAM;AAC5C,QAAM,kBAAkB,gBAAgB;AAExC,QAAM,SAAS,yBAAyB;AAExC,QAAM,4BAA4B;AAAA,IAChC,CAAC,UAAyB;AACxB,UAAI,UAAU,MAAM,QAAQ,UAAU;AACpC,wBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,SAAS,yBAAyB;AAE1D,WAAO,MAAM;AACX,aAAO,oBAAoB,SAAS,yBAAyB;AAAA,IAC/D;AAAA,EACF,GAAG,CAAC,yBAAyB,CAAC;AAChC;",
+  "sourcesContent": ["import { useCallback, useEffect } from 'react';\n\nimport { _useOverlayTooltipReducer as useTooltipReducer } from '@dynatrace/strato-components/charts';\n\nimport { useOverlayTooltipSelector } from './use-geo-tooltip-sync.js';\n\nexport const useTooltipEventListeners = () => {\n  const dispatch = useTooltipReducer();\n  const pinned = useOverlayTooltipSelector((state) => state.pinned);\n\n  const onEscapeKeyPressedHandler = useCallback(\n    (event: KeyboardEvent) => {\n      if (pinned && event.key === 'Escape') {\n        dispatch({ type: 'RESET_TOOLTIP' })();\n      }\n    },\n    [pinned, dispatch],\n  );\n\n  useEffect(() => {\n    window.addEventListener('keyup', onEscapeKeyPressedHandler);\n\n    return () => {\n      window.removeEventListener('keyup', onEscapeKeyPressedHandler);\n    };\n  }, [onEscapeKeyPressedHandler]);\n};\n"],
+  "mappings": "AAAA,SAAS,aAAa,iBAAiB;AAEvC,SAAS,6BAA6B,yBAAyB;AAE/D,SAAS,iCAAiC;AAEnC,MAAM,2BAA2B,MAAM;AAC5C,QAAM,WAAW,kBAAkB;AACnC,QAAM,SAAS,0BAA0B,CAAC,UAAU,MAAM,MAAM;AAEhE,QAAM,4BAA4B;AAAA,IAChC,CAAC,UAAyB;AACxB,UAAI,UAAU,MAAM,QAAQ,UAAU;AACpC,iBAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,MACtC;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,QAAQ;AAAA,EACnB;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,SAAS,yBAAyB;AAE1D,WAAO,MAAM;AACX,aAAO,oBAAoB,SAAS,yBAAyB;AAAA,IAC/D;AAAA,EACF,GAAG,CAAC,yBAAyB,CAAC;AAChC;",
   "names": []
 }

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

@@ -5,17 +5,37 @@ import {
   isValidElement
 } from "react";
 import { DefaultTooltip } from "../components/DefaultTooltip/DefaultTooltip.js";
+const defaultTooltipHandler = (closestPoint, layerData) => /* @__PURE__ */ jsx(DefaultTooltip, { closestPoint, layerData });
+defaultTooltipHandler.__isDefault = true;
+const createDefaultHandlerWithActions = (seriesActions) => {
+  const handler = (closestPoint, layerData) => /* @__PURE__ */ jsx(
+    DefaultTooltip,
+    {
+      closestPoint,
+      layerData,
+      seriesActions
+    }
+  );
+  handler.__isDefault = true;
+  return handler;
+};
+const isDefaultTooltipHandler = (handler) => handler.__isDefault ?? false;
 function useTooltipTemplate(children, layerType) {
   let template = void 0;
   Children.forEach(children, (child) => {
     if (isValidElement(child) && child.type === layerType) {
-      const defaultTooltipHandler = (closestPoint, layerData) => /* @__PURE__ */ jsx(DefaultTooltip, { closestPoint, layerData });
-      template = isNil(child.props.children) ? defaultTooltipHandler : child.props.children;
+      if (isNil(child.props.children)) {
+        template = child.props.seriesActions ? createDefaultHandlerWithActions(child.props.seriesActions) : defaultTooltipHandler;
+      } else {
+        template = child.props.children;
+      }
     }
   });
   return template;
 }
 export {
+  defaultTooltipHandler,
+  isDefaultTooltipHandler,
   useTooltipTemplate
 };
 //# sourceMappingURL=use-tooltip-template.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/hooks/use-tooltip-template.tsx"],
-  "sourcesContent": ["import { isNil } from 'lodash-es';\nimport {\n  Children,\n  type ReactNode,\n  type JSXElementConstructor,\n  isValidElement,\n} from 'react';\n\nimport { DefaultTooltip } from '../components/DefaultTooltip/DefaultTooltip.js';\nimport type {\n  LayerTooltipData,\n  LayerTooltipHandler,\n} from '../types/tooltip.js';\n\n/**\n * It returns the tooltip template handler or undefined (tooltip disabled).\n *\n * The template will be the custom one if provided, the default template otherwise.\n * @param children -\n * @param layerType -\n */\nexport function useTooltipTemplate<T>(\n  children: ReactNode | undefined,\n  layerType: string | JSXElementConstructor<T>,\n): LayerTooltipHandler | undefined {\n  let template: LayerTooltipHandler | undefined = undefined;\n\n  Children.forEach(children, (child) => {\n    if (\n      isValidElement<{ children: LayerTooltipHandler }>(child) &&\n      child.type === layerType\n    ) {\n      const defaultTooltipHandler: LayerTooltipHandler = (\n        closestPoint: LayerTooltipData,\n        layerData?: LayerTooltipData[],\n      ) => <DefaultTooltip closestPoint={closestPoint} layerData={layerData} />;\n\n      template = isNil(child.props.children)\n        ? defaultTooltipHandler\n        : child.props.children;\n    }\n  });\n\n  return template;\n}\n"],
-  "mappings": "AAmCW;AAnCX,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EAGA;AAAA,OACK;AAEP,SAAS,sBAAsB;AAaxB,SAAS,mBACd,UACA,WACiC;AACjC,MAAI,WAA4C;AAEhD,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QACE,eAAkD,KAAK,KACvD,MAAM,SAAS,WACf;AACA,YAAM,wBAA6C,CACjD,cACA,cACG,oBAAC,kBAAe,cAA4B,WAAsB;AAEvE,iBAAW,MAAM,MAAM,MAAM,QAAQ,IACjC,wBACA,MAAM,MAAM;AAAA,IAClB;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "sourcesContent": ["import { isNil } from 'lodash-es';\nimport {\n  Children,\n  type ReactNode,\n  type JSXElementConstructor,\n  isValidElement,\n} from 'react';\n\nimport type { SeriesActionsTemplate } from '@dynatrace/strato-components/charts';\n\nimport { DefaultTooltip } from '../components/DefaultTooltip/DefaultTooltip.js';\nimport type { Location } from '../types/location.js';\nimport type {\n  ChoroplethLayerTooltipData,\n  LayerTooltipData,\n  LayerTooltipHandler,\n} from '../types/tooltip.js';\n\nexport const defaultTooltipHandler: LayerTooltipHandler = (\n  closestPoint: LayerTooltipData,\n  layerData?: LayerTooltipData[],\n) => <DefaultTooltip closestPoint={closestPoint} layerData={layerData} />;\n\n(defaultTooltipHandler as { __isDefault?: boolean }).__isDefault = true;\n\nconst createDefaultHandlerWithActions = (\n  seriesActions: (\n    data: Location | ChoroplethLayerTooltipData,\n  ) => SeriesActionsTemplate,\n): LayerTooltipHandler => {\n  const handler: LayerTooltipHandler = (\n    closestPoint: LayerTooltipData,\n    layerData?: LayerTooltipData[],\n  ) => (\n    <DefaultTooltip\n      closestPoint={closestPoint}\n      layerData={layerData}\n      seriesActions={seriesActions}\n    />\n  );\n  (handler as { __isDefault?: boolean }).__isDefault = true;\n  return handler;\n};\n\nexport const isDefaultTooltipHandler = (\n  handler: LayerTooltipHandler,\n): boolean => (handler as { __isDefault?: boolean }).__isDefault ?? false;\n\n/**\n * It returns the tooltip template handler or undefined (tooltip disabled).\n *\n * - No tooltip slot found (undefined) \u2192 default tooltip handler.\n * - Tooltip slot with `null` children \u2192 `null` (tooltip disabled).\n * - Tooltip slot with `undefined` children \u2192 default tooltip handler.\n * - Tooltip slot with a custom handler \u2192 that handler.\n * @param children -\n * @param layerType -\n */\nexport function useTooltipTemplate<T>(\n  children: ReactNode | undefined,\n  layerType: string | JSXElementConstructor<T>,\n): LayerTooltipHandler | undefined {\n  let template: LayerTooltipHandler | undefined = undefined;\n\n  Children.forEach(children, (child) => {\n    if (\n      isValidElement<{\n        children: LayerTooltipHandler;\n        seriesActions?: (\n          data: Location | ChoroplethLayerTooltipData,\n        ) => SeriesActionsTemplate;\n      }>(child) &&\n      child.type === layerType\n    ) {\n      if (isNil(child.props.children)) {\n        template = child.props.seriesActions\n          ? createDefaultHandlerWithActions(child.props.seriesActions)\n          : defaultTooltipHandler;\n      } else {\n        template = child.props.children;\n      }\n    }\n  });\n\n  return template;\n}\n"],
+  "mappings": "AAqBK;AArBL,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EAGA;AAAA,OACK;AAIP,SAAS,sBAAsB;AAQxB,MAAM,wBAA6C,CACxD,cACA,cACG,oBAAC,kBAAe,cAA4B,WAAsB;AAEtE,sBAAoD,cAAc;AAEnE,MAAM,kCAAkC,CACtC,kBAGwB;AACxB,QAAM,UAA+B,CACnC,cACA,cAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEF,EAAC,QAAsC,cAAc;AACrD,SAAO;AACT;AAEO,MAAM,0BAA0B,CACrC,YACa,QAAsC,eAAe;AAY7D,SAAS,mBACd,UACA,WACiC;AACjC,MAAI,WAA4C;AAEhD,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QACE,eAKG,KAAK,KACR,MAAM,SAAS,WACf;AACA,UAAI,MAAM,MAAM,MAAM,QAAQ,GAAG;AAC/B,mBAAW,MAAM,MAAM,gBACnB,gCAAgC,MAAM,MAAM,aAAa,IACzD;AAAA,MACN,OAAO;AACL,mBAAW,MAAM,MAAM;AAAA,MACzB;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

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

@@ -3,13 +3,9 @@ import { createStore } from "@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/esm/map/store/map-store.context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/store/map-store.context.ts"],
-  "sourcesContent": ["import { createContext } from 'react';\n\nimport { createStore, type Store } from '@dynatrace/strato-components/core';\n\nimport type { MapState } from '../types/state.js';\n\nconst initialSelection = { highlightedSeries: undefined, visible: undefined };\n\nexport const initialState: MapState = {\n  tooltip: {\n    pinned: false,\n    visible: false,\n    enabled: true,\n    pinnedId: undefined,\n    location: undefined,\n    hoveredLayerId: undefined,\n    data: undefined,\n  },\n  overlay: {\n    mouseInBounds: false,\n  },\n  selection: initialSelection,\n  zoom: {\n    zoomInEnabled: true,\n    zoomOutEnabled: true,\n    zoomToFitEnabled: true,\n    resetEnabled: false,\n  },\n};\n\nexport const MapStore = createContext<Store<MapState>>(\n  createStore<MapState>(initialState),\n);\n\nMapStore['displayName'] = 'MapStore';\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAE9B,SAAS,mBAA+B;AAIxC,MAAM,mBAAmB,EAAE,mBAAmB,QAAW,SAAS,OAAU;AAErE,MAAM,eAAyB;AAAA,EACpC,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,eAAe;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,cAAc;AAAA,EAChB;AACF;AAEO,MAAM,WAAW;AAAA,EACtB,YAAsB,YAAY;AACpC;AAEA,SAAS,aAAa,IAAI;",
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport { createStore, type Store } from '@dynatrace/strato-components/core';\n\nimport type { MapState } from '../types/state.js';\n\nconst initialSelection = { highlightedSeries: undefined, visible: undefined };\n\nexport const initialState: MapState = {\n  tooltip: {\n    enabled: true,\n    hoveredLayerId: undefined,\n    location: undefined,\n  },\n  overlay: {\n    mouseInBounds: false,\n  },\n  selection: initialSelection,\n  zoom: {\n    zoomInEnabled: true,\n    zoomOutEnabled: true,\n    zoomToFitEnabled: true,\n    resetEnabled: false,\n  },\n};\n\nexport const MapStore = createContext<Store<MapState>>(\n  createStore<MapState>(initialState),\n);\n\nMapStore['displayName'] = 'MapStore';\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAE9B,SAAS,mBAA+B;AAIxC,MAAM,mBAAmB,EAAE,mBAAmB,QAAW,SAAS,OAAU;AAErE,MAAM,eAAyB;AAAA,EACpC,SAAS;AAAA,IACP,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,UAAU;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACP,eAAe;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,cAAc;AAAA,EAChB;AACF;AAEO,MAAM,WAAW;AAAA,EACtB,YAAsB,YAAY;AACpC;AAEA,SAAS,aAAa,IAAI;",
   "names": []
 }