@dynatrace/strato-geo 3.0.1 → 3.1.0

package/esm/map/components/ConnectionLayer/ConnectionLayerTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/ConnectionLayer/ConnectionLayerTooltip.tsx"],
-  "sourcesContent": ["import { useRef } from 'react';\n\nimport {\n  _ChartTooltip as ChartTooltip,\n  _useChartActionsMenu as useChartActionsMenu,\n} from '@dynatrace/strato-components-preview/charts';\n\nimport { restoreNullProps } from './utils/restore-null-props.js';\nimport { useGetPosition } from '../../hooks/use-get-position.js';\nimport {\n  useMapTooltipPinnedState,\n  useMapTooltipState,\n} from '../../store/selectors.js';\nimport type { Connection } from '../../types/connection-layer.js';\nimport type { Location } from '../../types/location.js';\nimport type {\n  ConnectionLayerTooltipData,\n  ConnectionLayerTooltipHandler,\n} from '../../types/tooltip.js';\n\nexport type ConnectionTooltipStatePayload = {\n  path: Location[];\n  __lineColor: string;\n  __lineWidth: number;\n  __nullValues: string[] | undefined;\n};\n\nexport interface ConnectionLayerTooltipProps {\n  tooltipTemplate?: ConnectionLayerTooltipHandler;\n}\n\nexport const ConnectionLayerTooltip = (props: ConnectionLayerTooltipProps) => {\n  const { tooltipTemplate } = props;\n  const {\n    selectedItem: selectedItemId,\n    actionsMenuRef,\n    updateSelectedItem,\n    onLeave,\n  } = useChartActionsMenu();\n\n  const {\n    data: dataWithoutNullProps,\n    visible,\n    enabled,\n  } = useMapTooltipState<ConnectionTooltipStatePayload>();\n  const pinned = useMapTooltipPinnedState();\n\n  const data = restoreNullProps(dataWithoutNullProps);\n\n  const connectionData = useRef<ConnectionLayerTooltipData<Connection> | null>(\n    null,\n  );\n\n  const forceHideTooltip = !pinned && (!visible || !enabled);\n  const position = useGetPosition(pinned, !forceHideTooltip);\n\n  if (!tooltipTemplate || forceHideTooltip || !position) {\n    return null;\n  }\n\n  if (data?.[0]) {\n    const { __lineColor: color, __lineWidth: thickness, ...rest } = data[0];\n\n    connectionData.current = { color, thickness, data: rest };\n  }\n\n  const template =\n    connectionData.current && tooltipTemplate(connectionData.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\nConnectionLayerTooltip['displayName'] = 'ConnectionLayerTooltip';\n"],
-  "mappings": "AA0EI;AA1EJ,SAAS,cAAc;AAEvB;AAAA,EACE,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,OACnB;AAEP,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAmBA,MAAM,yBAAyB,CAAC,UAAuC;AAC5E,QAAM,EAAE,gBAAgB,IAAI;AAC5B,QAAM;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AAExB,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF,IAAI,mBAAkD;AACtD,QAAM,SAAS,yBAAyB;AAExC,QAAM,OAAO,iBAAiB,oBAAoB;AAElD,QAAM,iBAAiB;AAAA,IACrB;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,WAAW,CAAC,WAAW,CAAC;AAClD,QAAM,WAAW,eAAe,QAAQ,CAAC,gBAAgB;AAEzD,MAAI,CAAC,mBAAmB,oBAAoB,CAAC,UAAU;AACrD,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,CAAC,GAAG;AACb,UAAM,EAAE,aAAa,OAAO,aAAa,WAAW,GAAG,KAAK,IAAI,KAAK,CAAC;AAEtE,mBAAe,UAAU,EAAE,OAAO,WAAW,MAAM,KAAK;AAAA,EAC1D;AAEA,QAAM,WACJ,eAAe,WAAW,gBAAgB,eAAe,OAAO;AAElE,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,uBAAuB,aAAa,IAAI;",
+  "sourcesContent": ["import { useRef } from 'react';\n\nimport {\n  _ChartTooltip as ChartTooltip,\n  _useChartActionsMenu as useChartActionsMenu,\n} from '@dynatrace/strato-components/charts';\n\nimport { restoreNullProps } from './utils/restore-null-props.js';\nimport { useGetPosition } from '../../hooks/use-get-position.js';\nimport {\n  useMapTooltipPinnedState,\n  useMapTooltipState,\n} from '../../store/selectors.js';\nimport type {\n  Connection,\n  ConnectionTooltipStatePayload,\n} from '../../types/connection-layer.js';\nimport type {\n  ConnectionLayerTooltipData,\n  ConnectionLayerTooltipHandler,\n} from '../../types/tooltip.js';\n\nexport interface ConnectionLayerTooltipProps {\n  tooltipTemplate?: ConnectionLayerTooltipHandler;\n}\n\nexport const ConnectionLayerTooltip = (props: ConnectionLayerTooltipProps) => {\n  const { tooltipTemplate } = props;\n  const {\n    selectedItem: selectedItemId,\n    actionsMenuRef,\n    updateSelectedItem,\n    onLeave,\n  } = useChartActionsMenu();\n\n  const {\n    data: dataWithoutNullProps,\n    visible,\n    enabled,\n  } = useMapTooltipState<ConnectionTooltipStatePayload>();\n  const pinned = useMapTooltipPinnedState();\n\n  const data = restoreNullProps(dataWithoutNullProps);\n\n  const connectionData = useRef<ConnectionLayerTooltipData<Connection> | null>(\n    null,\n  );\n\n  const forceHideTooltip = !pinned && (!visible || !enabled);\n  const position = useGetPosition(pinned, !forceHideTooltip);\n\n  if (!tooltipTemplate || forceHideTooltip || !position) {\n    return null;\n  }\n\n  if (data?.[0]) {\n    const { __lineColor: color, __lineWidth: thickness, ...rest } = data[0];\n\n    connectionData.current = { color, thickness, data: rest };\n  }\n\n  const template =\n    connectionData.current && tooltipTemplate(connectionData.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\nConnectionLayerTooltip['displayName'] = 'ConnectionLayerTooltip';\n"],
+  "mappings": "AAqEI;AArEJ,SAAS,cAAc;AAEvB;AAAA,EACE,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,OACnB;AAEP,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAcA,MAAM,yBAAyB,CAAC,UAAuC;AAC5E,QAAM,EAAE,gBAAgB,IAAI;AAC5B,QAAM;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AAExB,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF,IAAI,mBAAkD;AACtD,QAAM,SAAS,yBAAyB;AAExC,QAAM,OAAO,iBAAiB,oBAAoB;AAElD,QAAM,iBAAiB;AAAA,IACrB;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,WAAW,CAAC,WAAW,CAAC;AAClD,QAAM,WAAW,eAAe,QAAQ,CAAC,gBAAgB;AAEzD,MAAI,CAAC,mBAAmB,oBAAoB,CAAC,UAAU;AACrD,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,CAAC,GAAG;AACb,UAAM,EAAE,aAAa,OAAO,aAAa,WAAW,GAAG,KAAK,IAAI,KAAK,CAAC;AAEtE,mBAAe,UAAU,EAAE,OAAO,WAAW,MAAM,KAAK;AAAA,EAC1D;AAEA,QAAM,WACJ,eAAe,WAAW,gBAAgB,eAAe,OAAO;AAElE,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,uBAAuB,aAAa,IAAI;",
   "names": []
 }

package/esm/map/components/ConnectionLayer/utils/parse-connection-data-to-geo-json.js

@@ -1,4 +1,4 @@
-import { _getCanvasColor as getCanvasColor } from "@dynatrace/strato-components-preview/charts";
+import { _getCanvasColor as getCanvasColor } from "@dynatrace/strato-components/charts";
 import { getArcLineFeature } from "./get-arc-line-feature.js";
 import { getStraightLineFeature } from "./get-straight-line-feature.js";
 import { MAX_LINE_THICKNESS, MIN_LINE_THICKNESS } from "../../../constants.js";

package/esm/map/components/ConnectionLayer/utils/parse-connection-data-to-geo-json.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/map/components/ConnectionLayer/utils/parse-connection-data-to-geo-json.ts"],
-  "sourcesContent": ["import type GeoJSON from 'geojson';\n\nimport { _getCanvasColor as getCanvasColor } from '@dynatrace/strato-components-preview/charts';\n\nimport { getArcLineFeature } from './get-arc-line-feature.js';\nimport { getStraightLineFeature } from './get-straight-line-feature.js';\nimport { MAX_LINE_THICKNESS, MIN_LINE_THICKNESS } from '../../../constants.js';\nimport type {\n  Connection,\n  CurvedLine,\n  FeatureProperties,\n} from '../../../types/connection-layer.js';\nimport type { Location } from '../../../types/location.js';\nimport { calculateHoveredColor } from '../../../utils/calculate-hovered-color.js';\nimport { defineColor } from '../../../utils/define-color.js';\n\nconst getLineThickness = (thickness: number): number => {\n  if (thickness < MIN_LINE_THICKNESS) {\n    return MIN_LINE_THICKNESS;\n  }\n\n  if (thickness > MAX_LINE_THICKNESS) {\n    return MAX_LINE_THICKNESS;\n  }\n\n  return thickness;\n};\n\nconst getKeysWithNullValues = (obj: Record<string, unknown>): string[] =>\n  Object.keys(obj).filter((key) => obj[key] === null);\n\nconst getFeatureProperties =\n  (thickness: number, curve?: CurvedLine) =>\n  <T extends Connection>(\n    properties: T,\n    id: string,\n  ): Omit<FeatureProperties, '__lineColor' | '__lineHoveredColor'> => {\n    const lineThickness = getLineThickness(thickness);\n\n    return {\n      ...properties,\n      id,\n      __lineWidth: lineThickness,\n      __nullValues: getKeysWithNullValues(properties),\n      curve,\n    };\n  };\n\nconst getLineFeature = (\n  path: Location[],\n  featureProperties: FeatureProperties,\n): GeoJSON.Feature => {\n  const isCurve = featureProperties.curve === 'smooth';\n\n  if (isCurve) {\n    return getArcLineFeature(path, featureProperties);\n  }\n\n  return getStraightLineFeature(path, featureProperties);\n};\n\nconst getFeatures = <T extends Connection>(\n  data: T[],\n  thickness: number,\n  color: string | ((connection: T) => string),\n  curve?: CurvedLine,\n): GeoJSON.Feature[] => {\n  const getProperties = getFeatureProperties(thickness, curve);\n  const features: GeoJSON.Feature[] = [];\n  data.forEach((feature, index) => {\n    if (feature.path.length >= 2) {\n      const { path, ...properties } = feature;\n\n      const featureProperties = {\n        ...getProperties({ path, ...properties }, `connection-${index}`),\n        ...getConnectionColor(feature, color),\n      };\n\n      features.push(getLineFeature(path, featureProperties));\n    }\n  });\n  return features;\n};\n\nconst getConnectionColor = <T extends Connection>(\n  connection: T,\n  color: string | ((connection: T) => string),\n): Pick<FeatureProperties, '__lineColor' | '__lineHoveredColor'> => {\n  const parsedColor = defineColor(color, connection);\n\n  const canvasColor = getCanvasColor(parsedColor);\n  const hoveredColor = calculateHoveredColor(canvasColor);\n\n  return {\n    __lineColor: canvasColor,\n    __lineHoveredColor: hoveredColor,\n  };\n};\n\nexport const parseConnectionDataToGeoJSON = <T extends Connection>(\n  data: T[],\n  thickness: number,\n  color: string | ((connection: T) => string),\n  curve?: CurvedLine,\n): GeoJSON.FeatureCollection => {\n  return {\n    type: 'FeatureCollection',\n\n    features: getFeatures(data, thickness, color, curve),\n  };\n};\n"],
+  "sourcesContent": ["import type GeoJSON from 'geojson';\n\nimport { _getCanvasColor as getCanvasColor } from '@dynatrace/strato-components/charts';\n\nimport { getArcLineFeature } from './get-arc-line-feature.js';\nimport { getStraightLineFeature } from './get-straight-line-feature.js';\nimport { MAX_LINE_THICKNESS, MIN_LINE_THICKNESS } from '../../../constants.js';\nimport type {\n  Connection,\n  CurvedLine,\n  FeatureProperties,\n} from '../../../types/connection-layer.js';\nimport type { Location } from '../../../types/location.js';\nimport { calculateHoveredColor } from '../../../utils/calculate-hovered-color.js';\nimport { defineColor } from '../../../utils/define-color.js';\n\nconst getLineThickness = (thickness: number): number => {\n  if (thickness < MIN_LINE_THICKNESS) {\n    return MIN_LINE_THICKNESS;\n  }\n\n  if (thickness > MAX_LINE_THICKNESS) {\n    return MAX_LINE_THICKNESS;\n  }\n\n  return thickness;\n};\n\nconst getKeysWithNullValues = (obj: Record<string, unknown>): string[] =>\n  Object.keys(obj).filter((key) => obj[key] === null);\n\nconst getFeatureProperties =\n  (thickness: number, curve?: CurvedLine) =>\n  <T extends Connection>(\n    properties: T,\n    id: string,\n  ): Omit<FeatureProperties, '__lineColor' | '__lineHoveredColor'> => {\n    const lineThickness = getLineThickness(thickness);\n\n    return {\n      ...properties,\n      id,\n      __lineWidth: lineThickness,\n      __nullValues: getKeysWithNullValues(properties),\n      curve,\n    };\n  };\n\nconst getLineFeature = (\n  path: Location[],\n  featureProperties: FeatureProperties,\n): GeoJSON.Feature => {\n  const isCurve = featureProperties.curve === 'smooth';\n\n  if (isCurve) {\n    return getArcLineFeature(path, featureProperties);\n  }\n\n  return getStraightLineFeature(path, featureProperties);\n};\n\nconst getFeatures = <T extends Connection>(\n  data: T[],\n  thickness: number,\n  color: string | ((connection: T) => string),\n  curve?: CurvedLine,\n): GeoJSON.Feature[] => {\n  const getProperties = getFeatureProperties(thickness, curve);\n  const features: GeoJSON.Feature[] = [];\n  data.forEach((feature, index) => {\n    if (feature.path.length >= 2) {\n      const { path, ...properties } = feature;\n\n      const featureProperties = {\n        ...getProperties({ path, ...properties }, `connection-${index}`),\n        ...getConnectionColor(feature, color),\n      };\n\n      features.push(getLineFeature(path, featureProperties));\n    }\n  });\n  return features;\n};\n\nconst getConnectionColor = <T extends Connection>(\n  connection: T,\n  color: string | ((connection: T) => string),\n): Pick<FeatureProperties, '__lineColor' | '__lineHoveredColor'> => {\n  const parsedColor = defineColor(color, connection);\n\n  const canvasColor = getCanvasColor(parsedColor);\n  const hoveredColor = calculateHoveredColor(canvasColor);\n\n  return {\n    __lineColor: canvasColor,\n    __lineHoveredColor: hoveredColor,\n  };\n};\n\nexport const parseConnectionDataToGeoJSON = <T extends Connection>(\n  data: T[],\n  thickness: number,\n  color: string | ((connection: T) => string),\n  curve?: CurvedLine,\n): GeoJSON.FeatureCollection => {\n  return {\n    type: 'FeatureCollection',\n\n    features: getFeatures(data, thickness, color, curve),\n  };\n};\n"],
   "mappings": "AAEA,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AACvC,SAAS,oBAAoB,0BAA0B;AAOvD,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAE5B,MAAM,mBAAmB,CAAC,cAA8B;AACtD,MAAI,YAAY,oBAAoB;AAClC,WAAO;AAAA,EACT;AAEA,MAAI,YAAY,oBAAoB;AAClC,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEA,MAAM,wBAAwB,CAAC,QAC7B,OAAO,KAAK,GAAG,EAAE,OAAO,CAAC,QAAQ,IAAI,GAAG,MAAM,IAAI;AAEpD,MAAM,uBACJ,CAAC,WAAmB,UACpB,CACE,YACA,OACkE;AAClE,QAAM,gBAAgB,iBAAiB,SAAS;AAEhD,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA,aAAa;AAAA,IACb,cAAc,sBAAsB,UAAU;AAAA,IAC9C;AAAA,EACF;AACF;AAEF,MAAM,iBAAiB,CACrB,MACA,sBACoB;AACpB,QAAM,UAAU,kBAAkB,UAAU;AAE5C,MAAI,SAAS;AACX,WAAO,kBAAkB,MAAM,iBAAiB;AAAA,EAClD;AAEA,SAAO,uBAAuB,MAAM,iBAAiB;AACvD;AAEA,MAAM,cAAc,CAClB,MACA,WACA,OACA,UACsB;AACtB,QAAM,gBAAgB,qBAAqB,WAAW,KAAK;AAC3D,QAAM,WAA8B,CAAC;AACrC,OAAK,QAAQ,CAAC,SAAS,UAAU;AAC/B,QAAI,QAAQ,KAAK,UAAU,GAAG;AAC5B,YAAM,EAAE,MAAM,GAAG,WAAW,IAAI;AAEhC,YAAM,oBAAoB;AAAA,QACxB,GAAG,cAAc,EAAE,MAAM,GAAG,WAAW,GAAG,cAAc,KAAK,EAAE;AAAA,QAC/D,GAAG,mBAAmB,SAAS,KAAK;AAAA,MACtC;AAEA,eAAS,KAAK,eAAe,MAAM,iBAAiB,CAAC;AAAA,IACvD;AAAA,EACF,CAAC;AACD,SAAO;AACT;AAEA,MAAM,qBAAqB,CACzB,YACA,UACkE;AAClE,QAAM,cAAc,YAAY,OAAO,UAAU;AAEjD,QAAM,cAAc,eAAe,WAAW;AAC9C,QAAM,eAAe,sBAAsB,WAAW;AAEtD,SAAO;AAAA,IACL,aAAa;AAAA,IACb,oBAAoB;AAAA,EACtB;AACF;AAEO,MAAM,+BAA+B,CAC1C,MACA,WACA,OACA,UAC8B;AAC9B,SAAO;AAAA,IACL,MAAM;AAAA,IAEN,UAAU,YAAY,MAAM,WAAW,OAAO,KAAK;AAAA,EACrD;AACF;",
   "names": []
 }

package/esm/map/components/ConnectionLayer/utils/restore-null-props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/map/components/ConnectionLayer/utils/restore-null-props.ts"],
-  "sourcesContent": ["import { merge } from 'lodash-es';\n\nimport { ConnectionTooltipStatePayload } from '../ConnectionLayerTooltip.js';\n\nexport const restoreNullProps = (\n  data: ConnectionTooltipStatePayload[] | undefined,\n): Omit<ConnectionTooltipStatePayload, '__nullValues'>[] | undefined =>\n  data?.map(({ __nullValues, ...rest }) => {\n    const nullProps = __nullValues?.map((prop) => ({ [prop]: null })) || [];\n    return merge(rest, ...nullProps);\n  });\n"],
+  "sourcesContent": ["import { merge } from 'lodash-es';\n\nimport type { ConnectionTooltipStatePayload } from '../../../types/connection-layer.js';\n\nexport const restoreNullProps = (\n  data: ConnectionTooltipStatePayload[] | undefined,\n): Omit<ConnectionTooltipStatePayload, '__nullValues'>[] | undefined =>\n  data?.map(({ __nullValues, ...rest }) => {\n    const nullProps = __nullValues?.map((prop) => ({ [prop]: null })) || [];\n    return merge(rest, ...nullProps);\n  });\n"],
   "mappings": "AAAA,SAAS,aAAa;AAIf,MAAM,mBAAmB,CAC9B,SAEA,MAAM,IAAI,CAAC,EAAE,cAAc,GAAG,KAAK,MAAM;AACvC,QAAM,YAAY,cAAc,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,GAAG,KAAK,EAAE,KAAK,CAAC;AACtE,SAAO,MAAM,MAAM,GAAG,SAAS;AACjC,CAAC;",
   "names": []
 }

package/esm/map/components/DefaultTooltip/DefaultTooltip.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { isNil } from "lodash-es";
-import { _ChartTooltip as ChartTooltip } from "@dynatrace/strato-components-preview/charts";
+import { _ChartTooltip as ChartTooltip } from "@dynatrace/strato-components/charts";
 import { getDefaultActions } from "./utils/get-default-actions.js";
 import { useTruncationMode } from "../../hooks/use-truncation-mode.js";
 import { isConnection, isRegion } from "../../utils/tooltip-type-guards.js";

package/esm/map/components/DefaultTooltip/DefaultTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/DefaultTooltip/DefaultTooltip.tsx"],
-  "sourcesContent": ["import { isNil } from 'lodash-es';\n\nimport { _ChartTooltip as ChartTooltip } from '@dynatrace/strato-components-preview/charts';\n\nimport { getDefaultActions } from './utils/get-default-actions.js';\nimport { useTruncationMode } from '../../hooks/use-truncation-mode.js';\nimport type { Location } from '../../types/location.js';\nimport type {\n  BubbleLayerTooltipData,\n  ConnectionLayerTooltipData,\n  DotLayerTooltipData,\n  LayerTooltipData,\n} from '../../types/tooltip.js';\nimport { ChoroplethLayerTooltipData } from '../../types/tooltip.js';\nimport { isConnection, isRegion } from '../../utils/tooltip-type-guards.js';\n\nconst isChoroplethTooltip = (\n  props: DefaultTooltipProps,\n): props is {\n  closestPoint: ChoroplethLayerTooltipData;\n} => isRegion(props.closestPoint);\nconst isConnectionTooltip = (\n  props: DefaultTooltipProps,\n): props is {\n  closestPoint: ConnectionLayerTooltipData;\n} => isConnection(props.closestPoint);\nconst isBubbleTooltip = (\n  props: DefaultTooltipProps,\n): props is {\n  closestPoint: BubbleLayerTooltipData;\n  layerData: BubbleLayerTooltipData[];\n} => !isNil(props.layerData);\n\nconst isDotTooltip = (\n  props: DefaultTooltipProps,\n): props is {\n  closestPoint: DotLayerTooltipData;\n} => true; // if it's not any of the other tooltips, it will be Dot\n\ninterface DefaultTooltipProps {\n  closestPoint: LayerTooltipData;\n  layerData?: LayerTooltipData[];\n}\n\nexport const DefaultTooltip = (props: DefaultTooltipProps) => {\n  let locations: Location[] = [];\n  const truncationMode = useTruncationMode();\n\n  if (isChoroplethTooltip(props)) {\n    const { closestPoint } = props;\n\n    return (\n      <ChartTooltip.Body data-testid=\"default-tooltip-template\">\n        <ChartTooltip.SeriesItem\n          color={closestPoint.color}\n          name={closestPoint.name}\n          truncationMode={truncationMode}\n          value={\n            closestPoint.data.value && closestPoint.data.value.toString()\n              ? closestPoint.data.value.toString()\n              : undefined\n          }\n        />\n      </ChartTooltip.Body>\n    );\n  } else if (isConnectionTooltip(props)) {\n    locations = props.closestPoint.data.path;\n  } else if (isBubbleTooltip(props)) {\n    const { closestPoint, layerData } = props;\n    locations =\n      layerData === undefined || layerData === null || layerData.length === 0\n        ? [closestPoint.data]\n        : layerData.map((point) => point.data);\n  } else if (isDotTooltip(props)) {\n    locations = [props.closestPoint.data];\n  }\n\n  return (\n    <ChartTooltip.Body\n      data-testid=\"default-tooltip-template\"\n      virtualization={false}\n    >\n      {locations.map((location) => (\n        <ChartTooltip.GeoItem\n          key={`${location.latitude}-${location.longitude}`}\n          latitude={location.latitude}\n          longitude={location.longitude}\n          defaultActions={getDefaultActions(location)}\n        />\n      ))}\n    </ChartTooltip.Body>\n  );\n};\n\nDefaultTooltip['displayName'] = 'DefaultTooltip';\n"],
+  "sourcesContent": ["import { isNil } from 'lodash-es';\n\nimport { _ChartTooltip as ChartTooltip } from '@dynatrace/strato-components/charts';\n\nimport { getDefaultActions } from './utils/get-default-actions.js';\nimport { useTruncationMode } from '../../hooks/use-truncation-mode.js';\nimport type { Location } from '../../types/location.js';\nimport type {\n  BubbleLayerTooltipData,\n  ConnectionLayerTooltipData,\n  DotLayerTooltipData,\n  LayerTooltipData,\n} from '../../types/tooltip.js';\nimport { ChoroplethLayerTooltipData } from '../../types/tooltip.js';\nimport { isConnection, isRegion } from '../../utils/tooltip-type-guards.js';\n\nconst isChoroplethTooltip = (\n  props: DefaultTooltipProps,\n): props is {\n  closestPoint: ChoroplethLayerTooltipData;\n} => isRegion(props.closestPoint);\nconst isConnectionTooltip = (\n  props: DefaultTooltipProps,\n): props is {\n  closestPoint: ConnectionLayerTooltipData;\n} => isConnection(props.closestPoint);\nconst isBubbleTooltip = (\n  props: DefaultTooltipProps,\n): props is {\n  closestPoint: BubbleLayerTooltipData;\n  layerData: BubbleLayerTooltipData[];\n} => !isNil(props.layerData);\n\nconst isDotTooltip = (\n  props: DefaultTooltipProps,\n): props is {\n  closestPoint: DotLayerTooltipData;\n} => true; // if it's not any of the other tooltips, it will be Dot\n\ninterface DefaultTooltipProps {\n  closestPoint: LayerTooltipData;\n  layerData?: LayerTooltipData[];\n}\n\nexport const DefaultTooltip = (props: DefaultTooltipProps) => {\n  let locations: Location[] = [];\n  const truncationMode = useTruncationMode();\n\n  if (isChoroplethTooltip(props)) {\n    const { closestPoint } = props;\n\n    return (\n      <ChartTooltip.Body data-testid=\"default-tooltip-template\">\n        <ChartTooltip.SeriesItem\n          color={closestPoint.color}\n          name={closestPoint.name}\n          truncationMode={truncationMode}\n          value={\n            closestPoint.data.value && closestPoint.data.value.toString()\n              ? closestPoint.data.value.toString()\n              : undefined\n          }\n        />\n      </ChartTooltip.Body>\n    );\n  } else if (isConnectionTooltip(props)) {\n    locations = props.closestPoint.data.path;\n  } else if (isBubbleTooltip(props)) {\n    const { closestPoint, layerData } = props;\n    locations =\n      layerData === undefined || layerData === null || layerData.length === 0\n        ? [closestPoint.data]\n        : layerData.map((point) => point.data);\n  } else if (isDotTooltip(props)) {\n    locations = [props.closestPoint.data];\n  }\n\n  return (\n    <ChartTooltip.Body\n      data-testid=\"default-tooltip-template\"\n      virtualization={false}\n    >\n      {locations.map((location) => (\n        <ChartTooltip.GeoItem\n          key={`${location.latitude}-${location.longitude}`}\n          latitude={location.latitude}\n          longitude={location.longitude}\n          defaultActions={getDefaultActions(location)}\n        />\n      ))}\n    </ChartTooltip.Body>\n  );\n};\n\nDefaultTooltip['displayName'] = 'DefaultTooltip';\n"],
   "mappings": "AAqDQ;AArDR,SAAS,aAAa;AAEtB,SAAS,iBAAiB,oBAAoB;AAE9C,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AASlC,SAAS,cAAc,gBAAgB;AAEvC,MAAM,sBAAsB,CAC1B,UAGG,SAAS,MAAM,YAAY;AAChC,MAAM,sBAAsB,CAC1B,UAGG,aAAa,MAAM,YAAY;AACpC,MAAM,kBAAkB,CACtB,UAIG,CAAC,MAAM,MAAM,SAAS;AAE3B,MAAM,eAAe,CACnB,UAGG;AAOE,MAAM,iBAAiB,CAAC,UAA+B;AAC5D,MAAI,YAAwB,CAAC;AAC7B,QAAM,iBAAiB,kBAAkB;AAEzC,MAAI,oBAAoB,KAAK,GAAG;AAC9B,UAAM,EAAE,aAAa,IAAI;AAEzB,WACE,oBAAC,aAAa,MAAb,EAAkB,eAAY,4BAC7B;AAAA,MAAC,aAAa;AAAA,MAAb;AAAA,QACC,OAAO,aAAa;AAAA,QACpB,MAAM,aAAa;AAAA,QACnB;AAAA,QACA,OACE,aAAa,KAAK,SAAS,aAAa,KAAK,MAAM,SAAS,IACxD,aAAa,KAAK,MAAM,SAAS,IACjC;AAAA;AAAA,IAER,GACF;AAAA,EAEJ,WAAW,oBAAoB,KAAK,GAAG;AACrC,gBAAY,MAAM,aAAa,KAAK;AAAA,EACtC,WAAW,gBAAgB,KAAK,GAAG;AACjC,UAAM,EAAE,cAAc,UAAU,IAAI;AACpC,gBACE,cAAc,UAAa,cAAc,QAAQ,UAAU,WAAW,IAClE,CAAC,aAAa,IAAI,IAClB,UAAU,IAAI,CAAC,UAAU,MAAM,IAAI;AAAA,EAC3C,WAAW,aAAa,KAAK,GAAG;AAC9B,gBAAY,CAAC,MAAM,aAAa,IAAI;AAAA,EACtC;AAEA,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,eAAY;AAAA,MACZ,gBAAgB;AAAA,MAEf,oBAAU,IAAI,CAAC,aACd;AAAA,QAAC,aAAa;AAAA,QAAb;AAAA,UAEC,UAAU,SAAS;AAAA,UACnB,WAAW,SAAS;AAAA,UACpB,gBAAgB,kBAAkB,QAAQ;AAAA;AAAA,QAHrC,GAAG,SAAS,QAAQ,IAAI,SAAS,SAAS;AAAA,MAIjD,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,eAAe,aAAa,IAAI;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FormattedMessage } from "react-intl";
-import { ChartSeriesAction } from "@dynatrace/strato-components-preview/charts";
+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";

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

@@ -1,7 +1,7 @@
 {
   "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-preview/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"],
+  "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/DotLayer/DotLayer.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Layer, Source } from "@vis.gl/react-maplibre";
+import { _useBehavioralTrackingProps as useBehavioralTrackingProps } from "@dynatrace/strato-components/core";
 import { BackgroundLayer } from "./BackgroundLayer.js";
 import { BackgroundSymbolLayer } from "./BackgroundSymbolLayer.js";
 import { DotLayerTooltip } from "./DotLayerTooltip.js";
@@ -23,6 +24,7 @@ import { DotLayerTooltip as DotLayerTooltipSlot } from "../../slots/DotLayerTool
 import { isDotTooltipTemplate } from "../../utils/tooltip-type-guards.js";
 import { TooltipWrapper } from "../TooltipWrapper.js";
 const DotLayer = (props) => {
+  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);
   const {
     data,
     layerId,
@@ -84,7 +86,8 @@ const DotLayer = (props) => {
             SHAPE_OPACITY_DEFAULT,
             SHAPE_OPACITY_DIMMED
           ]
-        }
+        },
+        ...behavioralTrackingProps
       }
     ),
     shape !== "pin" ? /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/DotLayer/DotLayer.tsx"],
-  "sourcesContent": ["import { Layer, Source } from '@vis.gl/react-maplibre';\nimport { type PropsWithChildren } from 'react';\n\nimport { BackgroundLayer } from './BackgroundLayer.js';\nimport { BackgroundSymbolLayer } from './BackgroundSymbolLayer.js';\nimport { DotLayerTooltip } from './DotLayerTooltip.js';\nimport { parseDotDataToGeoJSON } from './utils/parse-dot-data-to-geo-json.js';\nimport {\n  DEFAULT_ICON_COLOR,\n  DEFAULT_ICON_SIZE_RATIO,\n  DEFAULT_SHAPE_COLOR,\n  DEFAULT_SYMBOL_SIZE,\n  FALLBACK_SYMBOL_SIZE,\n  SHAPE_OPACITY_DIMMED,\n  SHAPE_OPACITY_DEFAULT,\n} from '../../constants.js';\nimport { useLayerColoringStrategy } from '../../hooks/use-layer-coloring-strategy.js';\nimport { useLegendInteractionHighlighting } from '../../hooks/use-legend-interaction-highlighting.js';\nimport { useLegendInteractionVisibility } from '../../hooks/use-legend-interaction-visibility.js';\nimport { useLoadSymbolIntoMap } from '../../hooks/use-load-symbol-into-map.js';\nimport { useResolveLocationColor } from '../../hooks/use-resolve-color.js';\nimport { useTooltipTemplate } from '../../hooks/use-tooltip-template.js';\nimport { DotLayerTooltip as DotLayerTooltipSlot } from '../../slots/DotLayerTooltip.js';\nimport type { InternalDotLayerProps } from '../../types/dot-layer.js';\nimport type { Location } from '../../types/location.js';\nimport { isDotTooltipTemplate } from '../../utils/tooltip-type-guards.js';\nimport { TooltipWrapper } from '../TooltipWrapper.js';\n\n/**\n * DotLayer Component\n */\nexport const DotLayer = <T extends Location>(\n  props: PropsWithChildren<InternalDotLayerProps<T>>,\n) => {\n  const {\n    data,\n    layerId,\n    bearing = 0,\n    children,\n    shape = 'pin',\n    background = false,\n    shapeSize = DEFAULT_SYMBOL_SIZE,\n  } = props;\n\n  const calculatedShapeSize = shapeSize > 0 ? shapeSize : FALLBACK_SYMBOL_SIZE;\n\n  const { symbolName, symbolType } = useLoadSymbolIntoMap(\n    shape,\n    layerId,\n    calculatedShapeSize,\n  );\n\n  const bgLayerId = `${layerId}-background`;\n\n  const { symbolName: bgName } = useLoadSymbolIntoMap(\n    'circle',\n    bgLayerId,\n    calculatedShapeSize,\n  );\n\n  const defaultSymbolColor =\n    symbolType === 'shape' ? DEFAULT_SHAPE_COLOR : DEFAULT_ICON_COLOR;\n\n  const colorParser = useLayerColoringStrategy();\n  const shapeColor = useResolveLocationColor(\n    defaultSymbolColor,\n    props,\n    colorParser,\n  );\n\n  const tooltipTemplate = useTooltipTemplate(children, DotLayerTooltipSlot);\n\n  const sourceId = `source-${layerId}`;\n  useLegendInteractionHighlighting(props, sourceId);\n  useLegendInteractionVisibility(props, layerId);\n\n  const dataGeoJson = parseDotDataToGeoJSON(\n    data,\n    shapeColor,\n    bearing,\n    background,\n  );\n\n  const iconAnchor = shape === 'pin' ? 'bottom' : 'center';\n\n  return (\n    <Source id={sourceId} type=\"geojson\" data={dataGeoJson} generateId>\n      <Layer\n        type=\"symbol\"\n        id={layerId}\n        layout={{\n          'icon-image': symbolName,\n          'icon-size': DEFAULT_ICON_SIZE_RATIO,\n          'icon-rotate': ['get', '__bearing'],\n          // https://maplibre.org/maplibre-style-spec/layers/#layout-symbol-icon-ignore-placement\n          'icon-ignore-placement': true,\n          'icon-anchor': iconAnchor,\n        }}\n        paint={{\n          'icon-color': ['get', '__color'],\n          'icon-opacity': [\n            'case',\n            ['boolean', ['feature-state', 'legendHover'], true],\n            SHAPE_OPACITY_DEFAULT,\n            SHAPE_OPACITY_DIMMED,\n          ],\n        }}\n      />\n      {shape !== 'pin' ? (\n        <BackgroundLayer\n          background={Boolean(background)}\n          beforeId={layerId}\n          source={sourceId}\n          radius={calculatedShapeSize / 2}\n          iconAnchor={iconAnchor}\n        />\n      ) : (\n        <BackgroundSymbolLayer\n          background={Boolean(background)}\n          beforeId={layerId}\n          source={sourceId}\n          radius={calculatedShapeSize / 2}\n          iconAnchor={iconAnchor}\n          symbolName={bgName}\n          layerId={bgLayerId}\n          shape={shape}\n        />\n      )}\n      <TooltipWrapper layerId={layerId}>\n        <DotLayerTooltip\n          tooltipTemplate={\n            isDotTooltipTemplate(tooltipTemplate) ? tooltipTemplate : undefined\n          }\n        />\n      </TooltipWrapper>\n    </Source>\n  );\n};\n\nDotLayer['displayName'] = 'DotLayer';\n"],
-  "mappings": "AAsFI,SACE,KADF;AAtFJ,SAAS,OAAO,cAAc;AAG9B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,wCAAwC;AACjD,SAAS,sCAAsC;AAC/C,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,mBAAmB,2BAA2B;AAGvD,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAKxB,MAAM,WAAW,CACtB,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,YAAY;AAAA,EACd,IAAI;AAEJ,QAAM,sBAAsB,YAAY,IAAI,YAAY;AAExD,QAAM,EAAE,YAAY,WAAW,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,YAAY,GAAG,OAAO;AAE5B,QAAM,EAAE,YAAY,OAAO,IAAI;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,qBACJ,eAAe,UAAU,sBAAsB;AAEjD,QAAM,cAAc,yBAAyB;AAC7C,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,kBAAkB,mBAAmB,UAAU,mBAAmB;AAExE,QAAM,WAAW,UAAU,OAAO;AAClC,mCAAiC,OAAO,QAAQ;AAChD,iCAA+B,OAAO,OAAO;AAE7C,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,aAAa,UAAU,QAAQ,WAAW;AAEhD,SACE,qBAAC,UAAO,IAAI,UAAU,MAAK,WAAU,MAAM,aAAa,YAAU,MAChE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI;AAAA,QACJ,QAAQ;AAAA,UACN,cAAc;AAAA,UACd,aAAa;AAAA,UACb,eAAe,CAAC,OAAO,WAAW;AAAA;AAAA,UAElC,yBAAyB;AAAA,UACzB,eAAe;AAAA,QACjB;AAAA,QACA,OAAO;AAAA,UACL,cAAc,CAAC,OAAO,SAAS;AAAA,UAC/B,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,aAAa,GAAG,IAAI;AAAA,YAClD;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC,UAAU,QACT;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,QAAQ,UAAU;AAAA,QAC9B,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ,sBAAsB;AAAA,QAC9B;AAAA;AAAA,IACF,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,QAAQ,UAAU;AAAA,QAC9B,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ,sBAAsB;AAAA,QAC9B;AAAA,QACA,YAAY;AAAA,QACZ,SAAS;AAAA,QACT;AAAA;AAAA,IACF;AAAA,IAEF,oBAAC,kBAAe,SACd;AAAA,MAAC;AAAA;AAAA,QACC,iBACE,qBAAqB,eAAe,IAAI,kBAAkB;AAAA;AAAA,IAE9D,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,aAAa,IAAI;",
+  "sourcesContent": ["import { Layer, Source } from '@vis.gl/react-maplibre';\nimport { type PropsWithChildren } from 'react';\n\nimport { _useBehavioralTrackingProps as useBehavioralTrackingProps } from '@dynatrace/strato-components/core';\n\nimport { BackgroundLayer } from './BackgroundLayer.js';\nimport { BackgroundSymbolLayer } from './BackgroundSymbolLayer.js';\nimport { DotLayerTooltip } from './DotLayerTooltip.js';\nimport { parseDotDataToGeoJSON } from './utils/parse-dot-data-to-geo-json.js';\nimport {\n  DEFAULT_ICON_COLOR,\n  DEFAULT_ICON_SIZE_RATIO,\n  DEFAULT_SHAPE_COLOR,\n  DEFAULT_SYMBOL_SIZE,\n  FALLBACK_SYMBOL_SIZE,\n  SHAPE_OPACITY_DIMMED,\n  SHAPE_OPACITY_DEFAULT,\n} from '../../constants.js';\nimport { useLayerColoringStrategy } from '../../hooks/use-layer-coloring-strategy.js';\nimport { useLegendInteractionHighlighting } from '../../hooks/use-legend-interaction-highlighting.js';\nimport { useLegendInteractionVisibility } from '../../hooks/use-legend-interaction-visibility.js';\nimport { useLoadSymbolIntoMap } from '../../hooks/use-load-symbol-into-map.js';\nimport { useResolveLocationColor } from '../../hooks/use-resolve-color.js';\nimport { useTooltipTemplate } from '../../hooks/use-tooltip-template.js';\nimport { DotLayerTooltip as DotLayerTooltipSlot } from '../../slots/DotLayerTooltip.js';\nimport type { InternalDotLayerProps } from '../../types/dot-layer.js';\nimport type { Location } from '../../types/location.js';\nimport { isDotTooltipTemplate } from '../../utils/tooltip-type-guards.js';\nimport { TooltipWrapper } from '../TooltipWrapper.js';\n\n/**\n * DotLayer Component\n */\nexport const DotLayer = <T extends Location>(\n  props: PropsWithChildren<InternalDotLayerProps<T>>,\n) => {\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const {\n    data,\n    layerId,\n    bearing = 0,\n    children,\n    shape = 'pin',\n    background = false,\n    shapeSize = DEFAULT_SYMBOL_SIZE,\n  } = props;\n\n  const calculatedShapeSize = shapeSize > 0 ? shapeSize : FALLBACK_SYMBOL_SIZE;\n\n  const { symbolName, symbolType } = useLoadSymbolIntoMap(\n    shape,\n    layerId,\n    calculatedShapeSize,\n  );\n\n  const bgLayerId = `${layerId}-background`;\n\n  const { symbolName: bgName } = useLoadSymbolIntoMap(\n    'circle',\n    bgLayerId,\n    calculatedShapeSize,\n  );\n\n  const defaultSymbolColor =\n    symbolType === 'shape' ? DEFAULT_SHAPE_COLOR : DEFAULT_ICON_COLOR;\n\n  const colorParser = useLayerColoringStrategy();\n  const shapeColor = useResolveLocationColor(\n    defaultSymbolColor,\n    props,\n    colorParser,\n  );\n\n  const tooltipTemplate = useTooltipTemplate(children, DotLayerTooltipSlot);\n\n  const sourceId = `source-${layerId}`;\n  useLegendInteractionHighlighting(props, sourceId);\n  useLegendInteractionVisibility(props, layerId);\n\n  const dataGeoJson = parseDotDataToGeoJSON(\n    data,\n    shapeColor,\n    bearing,\n    background,\n  );\n\n  const iconAnchor = shape === 'pin' ? 'bottom' : 'center';\n\n  return (\n    <Source id={sourceId} type=\"geojson\" data={dataGeoJson} generateId>\n      <Layer\n        type=\"symbol\"\n        id={layerId}\n        layout={{\n          'icon-image': symbolName,\n          'icon-size': DEFAULT_ICON_SIZE_RATIO,\n          'icon-rotate': ['get', '__bearing'],\n          // https://maplibre.org/maplibre-style-spec/layers/#layout-symbol-icon-ignore-placement\n          'icon-ignore-placement': true,\n          'icon-anchor': iconAnchor,\n        }}\n        paint={{\n          'icon-color': ['get', '__color'],\n          'icon-opacity': [\n            'case',\n            ['boolean', ['feature-state', 'legendHover'], true],\n            SHAPE_OPACITY_DEFAULT,\n            SHAPE_OPACITY_DIMMED,\n          ],\n        }}\n        {...behavioralTrackingProps}\n      />\n      {shape !== 'pin' ? (\n        <BackgroundLayer\n          background={Boolean(background)}\n          beforeId={layerId}\n          source={sourceId}\n          radius={calculatedShapeSize / 2}\n          iconAnchor={iconAnchor}\n        />\n      ) : (\n        <BackgroundSymbolLayer\n          background={Boolean(background)}\n          beforeId={layerId}\n          source={sourceId}\n          radius={calculatedShapeSize / 2}\n          iconAnchor={iconAnchor}\n          symbolName={bgName}\n          layerId={bgLayerId}\n          shape={shape}\n        />\n      )}\n      <TooltipWrapper layerId={layerId}>\n        <DotLayerTooltip\n          tooltipTemplate={\n            isDotTooltipTemplate(tooltipTemplate) ? tooltipTemplate : undefined\n          }\n        />\n      </TooltipWrapper>\n    </Source>\n  );\n};\n\nDotLayer['displayName'] = 'DotLayer';\n"],
+  "mappings": "AA0FI,SACE,KADF;AA1FJ,SAAS,OAAO,cAAc;AAG9B,SAAS,+BAA+B,kCAAkC;AAE1E,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,wCAAwC;AACjD,SAAS,sCAAsC;AAC/C,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,mBAAmB,2BAA2B;AAGvD,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAKxB,MAAM,WAAW,CACtB,UACG;AACH,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAElE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,YAAY;AAAA,EACd,IAAI;AAEJ,QAAM,sBAAsB,YAAY,IAAI,YAAY;AAExD,QAAM,EAAE,YAAY,WAAW,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,YAAY,GAAG,OAAO;AAE5B,QAAM,EAAE,YAAY,OAAO,IAAI;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,qBACJ,eAAe,UAAU,sBAAsB;AAEjD,QAAM,cAAc,yBAAyB;AAC7C,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,kBAAkB,mBAAmB,UAAU,mBAAmB;AAExE,QAAM,WAAW,UAAU,OAAO;AAClC,mCAAiC,OAAO,QAAQ;AAChD,iCAA+B,OAAO,OAAO;AAE7C,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,aAAa,UAAU,QAAQ,WAAW;AAEhD,SACE,qBAAC,UAAO,IAAI,UAAU,MAAK,WAAU,MAAM,aAAa,YAAU,MAChE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI;AAAA,QACJ,QAAQ;AAAA,UACN,cAAc;AAAA,UACd,aAAa;AAAA,UACb,eAAe,CAAC,OAAO,WAAW;AAAA;AAAA,UAElC,yBAAyB;AAAA,UACzB,eAAe;AAAA,QACjB;AAAA,QACA,OAAO;AAAA,UACL,cAAc,CAAC,OAAO,SAAS;AAAA,UAC/B,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,aAAa,GAAG,IAAI;AAAA,YAClD;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,IACC,UAAU,QACT;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,QAAQ,UAAU;AAAA,QAC9B,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ,sBAAsB;AAAA,QAC9B;AAAA;AAAA,IACF,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,QAAQ,UAAU;AAAA,QAC9B,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ,sBAAsB;AAAA,QAC9B;AAAA,QACA,YAAY;AAAA,QACZ,SAAS;AAAA,QACT;AAAA;AAAA,IACF;AAAA,IAEF,oBAAC,kBAAe,SACd;AAAA,MAAC;AAAA;AAAA,QACC,iBACE,qBAAqB,eAAe,IAAI,kBAAkB;AAAA;AAAA,IAE9D,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,aAAa,IAAI;",
   "names": []
 }

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

@@ -3,7 +3,7 @@ import { useRef } from "react";
 import {
   _ChartTooltip as ChartTooltip,
   _useChartActionsMenu as useChartActionsMenu
-} from "@dynatrace/strato-components-preview/charts";
+} from "@dynatrace/strato-components/charts";
 import { useGetPosition } from "../../hooks/use-get-position.js";
 import {
   useMapTooltipPinnedState,

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-preview/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"],
+  "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;",
   "names": []
 }

package/esm/map/components/DotLayer/utils/parse-dot-data-to-geo-json.js

@@ -1,4 +1,4 @@
-import { _getCanvasColor as getCanvasColor } from "@dynatrace/strato-components-preview/charts";
+import { _getCanvasColor as getCanvasColor } from "@dynatrace/strato-components/charts";
 import { defineBearing } from "./define-bearing.js";
 import { resolveIconBackground } from "./resolve-icon-background.js";
 import { calculateHoveredColor } from "../../../utils/calculate-hovered-color.js";

package/esm/map/components/DotLayer/utils/parse-dot-data-to-geo-json.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/map/components/DotLayer/utils/parse-dot-data-to-geo-json.ts"],
-  "sourcesContent": ["import type GeoJSON from 'geojson';\n\nimport { _getCanvasColor as getCanvasColor } from '@dynatrace/strato-components-preview/charts';\n\nimport { defineBearing } from './define-bearing.js';\nimport { resolveIconBackground } from './resolve-icon-background.js';\nimport type { Location } from '../../../types/location.js';\nimport { calculateHoveredColor } from '../../../utils/calculate-hovered-color.js';\nimport { defineColor } from '../../../utils/define-color.js';\n\nexport const parseDotDataToGeoJSON = <T extends Location>(\n  data: T[],\n  color: string | ((item: T) => string),\n  bearing: number | ((item: T) => number),\n  backgroundColor: boolean | string | ((item: T) => string),\n): GeoJSON.FeatureCollection => {\n  return {\n    type: 'FeatureCollection',\n    features: data.map((feature) => {\n      const { longitude, latitude, ...properties } = feature;\n      const canvasColor = getCanvasColor(defineColor(color, feature));\n      const hoveredColor = calculateHoveredColor(canvasColor);\n\n      const { parsedBackgroundColor, parsedHoveredBackgroundColor } =\n        resolveIconBackground(feature, backgroundColor);\n\n      return {\n        type: 'Feature',\n        properties: {\n          data: feature,\n          ...properties,\n          __color: canvasColor,\n          __hoveredColor: hoveredColor,\n          __backgroundColor: parsedBackgroundColor,\n          __hoveredBackgroundColor: parsedHoveredBackgroundColor,\n          __bearing: defineBearing(bearing, feature),\n        },\n        geometry: { type: 'Point', coordinates: [longitude, latitude] },\n      };\n    }),\n  };\n};\n"],
+  "sourcesContent": ["import type GeoJSON from 'geojson';\n\nimport { _getCanvasColor as getCanvasColor } from '@dynatrace/strato-components/charts';\n\nimport { defineBearing } from './define-bearing.js';\nimport { resolveIconBackground } from './resolve-icon-background.js';\nimport type { Location } from '../../../types/location.js';\nimport { calculateHoveredColor } from '../../../utils/calculate-hovered-color.js';\nimport { defineColor } from '../../../utils/define-color.js';\n\nexport const parseDotDataToGeoJSON = <T extends Location>(\n  data: T[],\n  color: string | ((item: T) => string),\n  bearing: number | ((item: T) => number),\n  backgroundColor: boolean | string | ((item: T) => string),\n): GeoJSON.FeatureCollection => {\n  return {\n    type: 'FeatureCollection',\n    features: data.map((feature) => {\n      const { longitude, latitude, ...properties } = feature;\n      const canvasColor = getCanvasColor(defineColor(color, feature));\n      const hoveredColor = calculateHoveredColor(canvasColor);\n\n      const { parsedBackgroundColor, parsedHoveredBackgroundColor } =\n        resolveIconBackground(feature, backgroundColor);\n\n      return {\n        type: 'Feature',\n        properties: {\n          data: feature,\n          ...properties,\n          __color: canvasColor,\n          __hoveredColor: hoveredColor,\n          __backgroundColor: parsedBackgroundColor,\n          __hoveredBackgroundColor: parsedHoveredBackgroundColor,\n          __bearing: defineBearing(bearing, feature),\n        },\n        geometry: { type: 'Point', coordinates: [longitude, latitude] },\n      };\n    }),\n  };\n};\n"],
   "mappings": "AAEA,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAEtC,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAErB,MAAM,wBAAwB,CACnC,MACA,OACA,SACA,oBAC8B;AAC9B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU,KAAK,IAAI,CAAC,YAAY;AAC9B,YAAM,EAAE,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/C,YAAM,cAAc,eAAe,YAAY,OAAO,OAAO,CAAC;AAC9D,YAAM,eAAe,sBAAsB,WAAW;AAEtD,YAAM,EAAE,uBAAuB,6BAA6B,IAC1D,sBAAsB,SAAS,eAAe;AAEhD,aAAO;AAAA,QACL,MAAM;AAAA,QACN,YAAY;AAAA,UACV,MAAM;AAAA,UACN,GAAG;AAAA,UACH,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,mBAAmB;AAAA,UACnB,0BAA0B;AAAA,UAC1B,WAAW,cAAc,SAAS,OAAO;AAAA,QAC3C;AAAA,QACA,UAAU,EAAE,MAAM,SAAS,aAAa,CAAC,WAAW,QAAQ,EAAE;AAAA,MAChE;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/esm/map/components/DotLayer/utils/resolve-icon-background.js

@@ -1,5 +1,5 @@
 import { isEmpty } from "lodash-es";
-import { _getCanvasColor as getCanvasColor } from "@dynatrace/strato-components-preview/charts";
+import { _getCanvasColor as getCanvasColor } from "@dynatrace/strato-components/charts";
 import { DEFAULT_ICON_BACKGROUND_COLOR } from "../../../constants.js";
 import { calculateHoveredColor } from "../../../utils/calculate-hovered-color.js";
 import { defineColor } from "../../../utils/define-color.js";

package/esm/map/components/DotLayer/utils/resolve-icon-background.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/map/components/DotLayer/utils/resolve-icon-background.ts"],
-  "sourcesContent": ["import { isEmpty } from 'lodash-es';\n\nimport { _getCanvasColor as getCanvasColor } from '@dynatrace/strato-components-preview/charts';\n\nimport { DEFAULT_ICON_BACKGROUND_COLOR } from '../../../constants.js';\nimport { Location } from '../../../types/location.js';\nimport { calculateHoveredColor } from '../../../utils/calculate-hovered-color.js';\nimport { defineColor } from '../../../utils/define-color.js';\n\ninterface ResolvedIconBackgroundColor {\n  parsedBackgroundColor: string;\n  parsedHoveredBackgroundColor: string;\n}\n\nexport const resolveIconBackground = <T extends Location>(\n  datapoint: T,\n  backgroundColor: boolean | string | ((item: T) => string),\n): ResolvedIconBackgroundColor => {\n  let parsedBackgroundColor = getCanvasColor(DEFAULT_ICON_BACKGROUND_COLOR);\n  let parsedHoveredBackgroundColor = calculateHoveredColor(\n    parsedBackgroundColor,\n  );\n\n  if (typeof backgroundColor !== 'boolean') {\n    const definedBgColor = defineColor(backgroundColor, datapoint);\n\n    // check if the background color was successfully extracted out of the feature\n    if (!isEmpty(definedBgColor)) {\n      parsedBackgroundColor = getCanvasColor(\n        definedBgColor,\n        DEFAULT_ICON_BACKGROUND_COLOR,\n      );\n      parsedHoveredBackgroundColor = calculateHoveredColor(\n        parsedBackgroundColor,\n      );\n    }\n  }\n\n  return {\n    parsedBackgroundColor: parsedBackgroundColor,\n    parsedHoveredBackgroundColor: parsedHoveredBackgroundColor,\n  };\n};\n"],
+  "sourcesContent": ["import { isEmpty } from 'lodash-es';\n\nimport { _getCanvasColor as getCanvasColor } from '@dynatrace/strato-components/charts';\n\nimport { DEFAULT_ICON_BACKGROUND_COLOR } from '../../../constants.js';\nimport { Location } from '../../../types/location.js';\nimport { calculateHoveredColor } from '../../../utils/calculate-hovered-color.js';\nimport { defineColor } from '../../../utils/define-color.js';\n\ninterface ResolvedIconBackgroundColor {\n  parsedBackgroundColor: string;\n  parsedHoveredBackgroundColor: string;\n}\n\nexport const resolveIconBackground = <T extends Location>(\n  datapoint: T,\n  backgroundColor: boolean | string | ((item: T) => string),\n): ResolvedIconBackgroundColor => {\n  let parsedBackgroundColor = getCanvasColor(DEFAULT_ICON_BACKGROUND_COLOR);\n  let parsedHoveredBackgroundColor = calculateHoveredColor(\n    parsedBackgroundColor,\n  );\n\n  if (typeof backgroundColor !== 'boolean') {\n    const definedBgColor = defineColor(backgroundColor, datapoint);\n\n    // check if the background color was successfully extracted out of the feature\n    if (!isEmpty(definedBgColor)) {\n      parsedBackgroundColor = getCanvasColor(\n        definedBgColor,\n        DEFAULT_ICON_BACKGROUND_COLOR,\n      );\n      parsedHoveredBackgroundColor = calculateHoveredColor(\n        parsedBackgroundColor,\n      );\n    }\n  }\n\n  return {\n    parsedBackgroundColor: parsedBackgroundColor,\n    parsedHoveredBackgroundColor: parsedHoveredBackgroundColor,\n  };\n};\n"],
   "mappings": "AAAA,SAAS,eAAe;AAExB,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,qCAAqC;AAE9C,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAOrB,MAAM,wBAAwB,CACnC,WACA,oBACgC;AAChC,MAAI,wBAAwB,eAAe,6BAA6B;AACxE,MAAI,+BAA+B;AAAA,IACjC;AAAA,EACF;AAEA,MAAI,OAAO,oBAAoB,WAAW;AACxC,UAAM,iBAAiB,YAAY,iBAAiB,SAAS;AAG7D,QAAI,CAAC,QAAQ,cAAc,GAAG;AAC5B,8BAAwB;AAAA,QACtB;AAAA,QACA;AAAA,MACF;AACA,qCAA+B;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/map/components/MapContent.js

@@ -11,8 +11,8 @@ import {
   useRef,
   useState
 } from "react";
-import { _useGraphSize as useGraphSize } from "@dynatrace/strato-components-preview/charts";
-import { useMergeRefs } from "@dynatrace/strato-components-preview/core";
+import { _useGraphSize as useGraphSize } from "@dynatrace/strato-components/charts";
+import { useMergeRefs } from "@dynatrace/strato-components/core";
 import {
   BASE_LAYER_FILL_ID,
   BASE_LAYER_LINE_ID,

package/esm/map/components/MapContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/components/MapContent.tsx"],
-  "sourcesContent": ["import {\n  Layer,\n  type LayerProps,\n  Map,\n  Source,\n  type ViewStateChangeEvent,\n} from '@vis.gl/react-maplibre';\nimport { isUndefined } from 'lodash-es';\nimport type { MapLayerMouseEvent } from 'maplibre-gl';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\n\nimport { _useGraphSize as useGraphSize } from '@dynatrace/strato-components-preview/charts';\nimport { useMergeRefs } from '@dynatrace/strato-components-preview/core';\n\nimport {\n  BASE_LAYER_FILL_ID,\n  BASE_LAYER_LINE_ID,\n  COUNTRY_BORDER_WIDTH,\n  DEFAULT_BOUNDARIES_BORDER_COLOR,\n  DEFAULT_COUNTRIES_FILL_COLOR,\n  MAX_LATITUDE,\n  MAX_LONGITUDE,\n  MIN_LATITUDE,\n  MIN_LONGITUDE,\n  REGION_BORDER_WIDTH,\n} from '../constants.js';\nimport { useMapZoomState, useSetStateZoom } from '../store/store.js';\nimport { MapToolbar } from './toolbar/MapToolbar.js';\nimport { LayerIdsContext } from '../contexts/layer-ids.context.js';\nimport { MapDataBoundingBoxContext } from '../contexts/map-data-bounding-box.context.js';\nimport { useActiveInteraction } from '../hooks/use-active-interaction.js';\nimport { useHoverInteraction } from '../hooks/use-hover-interaction.js';\nimport { useMapBaseLayerFeatures } from '../hooks/use-map-base-layer-features.js';\nimport { useMapConfig } from '../hooks/use-map-config.js';\nimport { useMapLoading } from '../hooks/use-map-loading.js';\nimport { useMapPerformance } from '../hooks/use-map-performance.js';\nimport { useOverlayEvents } from '../hooks/use-overlay-events.js';\nimport { useTooltipEventListeners } from '../hooks/use-tooltip-event-listeners.js';\nimport { useWebGLContextError } from '../hooks/use-webgl-context-error.js';\nimport { defaultStyle } from '../map-styles/default-style.js';\nimport { MapViewImperativeHandler } from '../providers/imperative-handler.provider.js';\nimport type {\n  MapViewProps,\n  MapViewRef,\n  ViewStateRequired,\n} from '../types/map-view.js';\nimport { getColorFromToken } from '../utils/get-color-from-token.js';\nimport { getDataLayersBoundingBox } from '../utils/get-data-layers-bounding-box.js';\nimport { toMapBoxInitialViewState } from '../utils/to-mapbox-initial-view-state.js';\nimport { useSetMapInitialConfiguration } from '../utils/use-set-map-initial-configuration.js';\nimport { generateNewZoomState } from './toolbar/utils/zoom-state-utils.js';\n\nconst lineLayer: LayerProps = {\n  id: BASE_LAYER_LINE_ID,\n  type: 'line',\n};\n\nconst fillLayer: LayerProps = {\n  id: BASE_LAYER_FILL_ID,\n  type: 'fill',\n};\n\nconst MapSource = () => {\n  const baseLayerFeatures = useMapBaseLayerFeatures();\n  return (\n    baseLayerFeatures && (\n      <Source id=\"data\" type=\"geojson\" data={baseLayerFeatures}>\n        <Layer\n          {...fillLayer}\n          paint={{\n            'fill-color': getColorFromToken(DEFAULT_COUNTRIES_FILL_COLOR),\n          }}\n        />\n        <Layer\n          {...lineLayer}\n          type=\"line\"\n          filter={[\n            'any',\n            ['==', 'region_type', 'COUNTRY'],\n            ['==', 'region_type', 'REGION'],\n          ]}\n          paint={{\n            'line-color': getColorFromToken(DEFAULT_BOUNDARIES_BORDER_COLOR),\n            'line-width': [\n              'case',\n              ['==', ['get', 'region_type'], 'REGION'],\n              REGION_BORDER_WIDTH,\n              COUNTRY_BORDER_WIDTH,\n            ],\n          }}\n        />\n      </Source>\n    )\n  );\n};\n\nconst MapInteractions = ({\n  children,\n  onContextLostError,\n}: PropsWithChildren<{\n  onContextLostError?: () => void;\n}>) => {\n  const [contextLostError, setContextLostError] = useState<Error | null>(null);\n\n  useHoverInteraction();\n  useActiveInteraction();\n  useWebGLContextError(() => {\n    onContextLostError?.();\n    setContextLostError(\n      new Error(\n        'Too many active maps. This is a browser limitation. Try reducing the number of map instances.',\n      ),\n    );\n  });\n\n  if (contextLostError) {\n    throw contextLostError;\n  }\n\n  return children;\n};\ntype MapContentProps = MapViewProps & {\n  onMapLoad: () => void;\n};\n\nexport const MapContent = forwardRef<\n  MapViewRef,\n  PropsWithChildren<MapContentProps>\n>((props, forwardedRef) => {\n  const {\n    initialViewState: initialViewStateProp,\n    children,\n    style,\n    mapStyle = defaultStyle,\n    onViewStateChange,\n    onMapLoad,\n    onContextLostError,\n    ...remaining\n  } = props;\n\n  const loading = useMapLoading();\n  const setZoomState = useSetStateZoom();\n  const [savedInitialViewState, setSavedInitialViewState] = useState<\n    ViewStateRequired | undefined\n  >();\n\n  const mapContainerRef = useRef<HTMLDivElement>(null);\n\n  const mergedRefs = useMergeRefs<MapViewRef | HTMLDivElement>([\n    mapContainerRef,\n    forwardedRef,\n  ]);\n\n  const baseFeatureCollection = useMapBaseLayerFeatures();\n\n  const dataLayersBBox = getDataLayersBoundingBox(\n    children,\n    baseFeatureCollection?.features,\n  );\n\n  useTooltipEventListeners();\n\n  const { toolbar: toolbarConfig, interactions: interactionsConfig } =\n    useMapConfig();\n  const layerIds = useContext(LayerIdsContext);\n\n  const shouldRenderToolbar =\n    (!isUndefined(toolbarConfig) && !toolbarConfig.hidden) ||\n    !isUndefined(interactionsConfig);\n\n  const { height: graphHeight, width: graphWidth } = useGraphSize();\n\n  const {\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleMouseClick,\n    handleZoom,\n    handleDrag,\n  } = useOverlayEvents();\n\n  const initialViewState = initialViewStateProp ?? dataLayersBBox;\n\n  const { onLoadHandler, onRenderHandler } = useMapPerformance(mapContainerRef);\n  const calculatedInitialViewState = toMapBoxInitialViewState(initialViewState);\n\n  const { zoomToFitInProgress } = useMapZoomState();\n\n  const handleZoomEnd = (event: ViewStateChangeEvent) => {\n    if (savedInitialViewState) {\n      const zoomState = generateNewZoomState(\n        event,\n        savedInitialViewState,\n        zoomToFitInProgress,\n      );\n\n      setZoomState(zoomState);\n    }\n  };\n\n  const handleDragEnd = (event: ViewStateChangeEvent) => {\n    if (savedInitialViewState) {\n      const zoomState = generateNewZoomState(\n        event,\n        savedInitialViewState,\n        zoomToFitInProgress,\n      );\n\n      setZoomState(zoomState);\n    }\n  };\n\n  const isZoomEnabled = toolbarConfig?.zoom?.enabled !== false;\n\n  return (\n    <div\n      data-testid=\"map-container\"\n      ref={mergedRefs}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <Map\n        style={{\n          width: graphWidth,\n          height: `${graphHeight}px`,\n          ...style,\n        }}\n        onMove={(evt) => {\n          onViewStateChange?.(evt.viewState);\n        }}\n        initialViewState={calculatedInitialViewState}\n        mapStyle={mapStyle}\n        dragRotate={false}\n        fadeDuration={0}\n        renderWorldCopies={false}\n        interactiveLayerIds={layerIds}\n        maxBounds={[\n          [MIN_LONGITUDE, MIN_LATITUDE],\n          [MAX_LONGITUDE, MAX_LATITUDE],\n        ]}\n        onMouseMove={(e) => handleMouseMove(e as MapLayerMouseEvent)}\n        onClick={(e) => handleMouseClick(e as MapLayerMouseEvent)}\n        onZoom={handleZoom}\n        onZoomEnd={handleZoomEnd}\n        onDrag={handleDrag}\n        onDragEnd={handleDragEnd}\n        boxZoom={isZoomEnabled}\n        keyboard={isZoomEnabled}\n        scrollZoom={isZoomEnabled}\n        doubleClickZoom={isZoomEnabled}\n        attributionControl={false}\n        onRender={() => onRenderHandler && onRenderHandler()}\n        onLoad={(e) => {\n          onMapLoad();\n          onLoadHandler && onLoadHandler();\n\n          const initialCenter = e.target.getCenter();\n\n          setSavedInitialViewState({\n            latitude: initialCenter.lat,\n            longitude: initialCenter.lng,\n            zoom: e.target.getZoom(),\n          });\n        }}\n        ref={useSetMapInitialConfiguration()}\n        interactive\n        {...remaining}\n      >\n        <MapDataBoundingBoxContext.Provider value={dataLayersBBox}>\n          <MapViewImperativeHandler\n            forwardedRef={forwardedRef}\n            containerRef={mapContainerRef}\n          >\n            <MapSource />\n            {loading ? null : (\n              <>\n                <MapInteractions onContextLostError={onContextLostError}>\n                  {children}\n                </MapInteractions>\n                {shouldRenderToolbar ? <MapToolbar /> : null}\n              </>\n            )}\n          </MapViewImperativeHandler>\n        </MapDataBoundingBoxContext.Provider>\n      </Map>\n    </div>\n  );\n});\n\n(MapContent as typeof MapContent & { displayName: string }).displayName =\n  'MapContent';\n"],
+  "sourcesContent": ["import {\n  Layer,\n  type LayerProps,\n  Map,\n  Source,\n  type ViewStateChangeEvent,\n} from '@vis.gl/react-maplibre';\nimport { isUndefined } from 'lodash-es';\nimport type { MapLayerMouseEvent } from 'maplibre-gl';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\n\nimport { _useGraphSize as useGraphSize } from '@dynatrace/strato-components/charts';\nimport { useMergeRefs } from '@dynatrace/strato-components/core';\n\nimport {\n  BASE_LAYER_FILL_ID,\n  BASE_LAYER_LINE_ID,\n  COUNTRY_BORDER_WIDTH,\n  DEFAULT_BOUNDARIES_BORDER_COLOR,\n  DEFAULT_COUNTRIES_FILL_COLOR,\n  MAX_LATITUDE,\n  MAX_LONGITUDE,\n  MIN_LATITUDE,\n  MIN_LONGITUDE,\n  REGION_BORDER_WIDTH,\n} from '../constants.js';\nimport { useMapZoomState, useSetStateZoom } from '../store/store.js';\nimport { MapToolbar } from './toolbar/MapToolbar.js';\nimport { LayerIdsContext } from '../contexts/layer-ids.context.js';\nimport { MapDataBoundingBoxContext } from '../contexts/map-data-bounding-box.context.js';\nimport { useActiveInteraction } from '../hooks/use-active-interaction.js';\nimport { useHoverInteraction } from '../hooks/use-hover-interaction.js';\nimport { useMapBaseLayerFeatures } from '../hooks/use-map-base-layer-features.js';\nimport { useMapConfig } from '../hooks/use-map-config.js';\nimport { useMapLoading } from '../hooks/use-map-loading.js';\nimport { useMapPerformance } from '../hooks/use-map-performance.js';\nimport { useOverlayEvents } from '../hooks/use-overlay-events.js';\nimport { useTooltipEventListeners } from '../hooks/use-tooltip-event-listeners.js';\nimport { useWebGLContextError } from '../hooks/use-webgl-context-error.js';\nimport { defaultStyle } from '../map-styles/default-style.js';\nimport { MapViewImperativeHandler } from '../providers/imperative-handler.provider.js';\nimport type {\n  MapViewProps,\n  MapViewRef,\n  ViewStateRequired,\n} from '../types/map-view.js';\nimport { getColorFromToken } from '../utils/get-color-from-token.js';\nimport { getDataLayersBoundingBox } from '../utils/get-data-layers-bounding-box.js';\nimport { toMapBoxInitialViewState } from '../utils/to-mapbox-initial-view-state.js';\nimport { useSetMapInitialConfiguration } from '../utils/use-set-map-initial-configuration.js';\nimport { generateNewZoomState } from './toolbar/utils/zoom-state-utils.js';\n\nconst lineLayer: LayerProps = {\n  id: BASE_LAYER_LINE_ID,\n  type: 'line',\n};\n\nconst fillLayer: LayerProps = {\n  id: BASE_LAYER_FILL_ID,\n  type: 'fill',\n};\n\nconst MapSource = () => {\n  const baseLayerFeatures = useMapBaseLayerFeatures();\n  return (\n    baseLayerFeatures && (\n      <Source id=\"data\" type=\"geojson\" data={baseLayerFeatures}>\n        <Layer\n          {...fillLayer}\n          paint={{\n            'fill-color': getColorFromToken(DEFAULT_COUNTRIES_FILL_COLOR),\n          }}\n        />\n        <Layer\n          {...lineLayer}\n          type=\"line\"\n          filter={[\n            'any',\n            ['==', 'region_type', 'COUNTRY'],\n            ['==', 'region_type', 'REGION'],\n          ]}\n          paint={{\n            'line-color': getColorFromToken(DEFAULT_BOUNDARIES_BORDER_COLOR),\n            'line-width': [\n              'case',\n              ['==', ['get', 'region_type'], 'REGION'],\n              REGION_BORDER_WIDTH,\n              COUNTRY_BORDER_WIDTH,\n            ],\n          }}\n        />\n      </Source>\n    )\n  );\n};\n\nconst MapInteractions = ({\n  children,\n  onContextLostError,\n}: PropsWithChildren<{\n  onContextLostError?: () => void;\n}>) => {\n  const [contextLostError, setContextLostError] = useState<Error | null>(null);\n\n  useHoverInteraction();\n  useActiveInteraction();\n  useWebGLContextError(() => {\n    onContextLostError?.();\n    setContextLostError(\n      new Error(\n        'Too many active maps. This is a browser limitation. Try reducing the number of map instances.',\n      ),\n    );\n  });\n\n  if (contextLostError) {\n    throw contextLostError;\n  }\n\n  return children;\n};\ntype MapContentProps = MapViewProps & {\n  onMapLoad: () => void;\n};\n\nexport const MapContent = forwardRef<\n  MapViewRef,\n  PropsWithChildren<MapContentProps>\n>((props, forwardedRef) => {\n  const {\n    initialViewState: initialViewStateProp,\n    children,\n    style,\n    mapStyle = defaultStyle,\n    onViewStateChange,\n    onMapLoad,\n    onContextLostError,\n    ...remaining\n  } = props;\n\n  const loading = useMapLoading();\n  const setZoomState = useSetStateZoom();\n  const [savedInitialViewState, setSavedInitialViewState] = useState<\n    ViewStateRequired | undefined\n  >();\n\n  const mapContainerRef = useRef<HTMLDivElement>(null);\n\n  const mergedRefs = useMergeRefs<MapViewRef | HTMLDivElement>([\n    mapContainerRef,\n    forwardedRef,\n  ]);\n\n  const baseFeatureCollection = useMapBaseLayerFeatures();\n\n  const dataLayersBBox = getDataLayersBoundingBox(\n    children,\n    baseFeatureCollection?.features,\n  );\n\n  useTooltipEventListeners();\n\n  const { toolbar: toolbarConfig, interactions: interactionsConfig } =\n    useMapConfig();\n  const layerIds = useContext(LayerIdsContext);\n\n  const shouldRenderToolbar =\n    (!isUndefined(toolbarConfig) && !toolbarConfig.hidden) ||\n    !isUndefined(interactionsConfig);\n\n  const { height: graphHeight, width: graphWidth } = useGraphSize();\n\n  const {\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleMouseClick,\n    handleZoom,\n    handleDrag,\n  } = useOverlayEvents();\n\n  const initialViewState = initialViewStateProp ?? dataLayersBBox;\n\n  const { onLoadHandler, onRenderHandler } = useMapPerformance(mapContainerRef);\n  const calculatedInitialViewState = toMapBoxInitialViewState(initialViewState);\n\n  const { zoomToFitInProgress } = useMapZoomState();\n\n  const handleZoomEnd = (event: ViewStateChangeEvent) => {\n    if (savedInitialViewState) {\n      const zoomState = generateNewZoomState(\n        event,\n        savedInitialViewState,\n        zoomToFitInProgress,\n      );\n\n      setZoomState(zoomState);\n    }\n  };\n\n  const handleDragEnd = (event: ViewStateChangeEvent) => {\n    if (savedInitialViewState) {\n      const zoomState = generateNewZoomState(\n        event,\n        savedInitialViewState,\n        zoomToFitInProgress,\n      );\n\n      setZoomState(zoomState);\n    }\n  };\n\n  const isZoomEnabled = toolbarConfig?.zoom?.enabled !== false;\n\n  return (\n    <div\n      data-testid=\"map-container\"\n      ref={mergedRefs}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <Map\n        style={{\n          width: graphWidth,\n          height: `${graphHeight}px`,\n          ...style,\n        }}\n        onMove={(evt) => {\n          onViewStateChange?.(evt.viewState);\n        }}\n        initialViewState={calculatedInitialViewState}\n        mapStyle={mapStyle}\n        dragRotate={false}\n        fadeDuration={0}\n        renderWorldCopies={false}\n        interactiveLayerIds={layerIds}\n        maxBounds={[\n          [MIN_LONGITUDE, MIN_LATITUDE],\n          [MAX_LONGITUDE, MAX_LATITUDE],\n        ]}\n        onMouseMove={(e) => handleMouseMove(e as MapLayerMouseEvent)}\n        onClick={(e) => handleMouseClick(e as MapLayerMouseEvent)}\n        onZoom={handleZoom}\n        onZoomEnd={handleZoomEnd}\n        onDrag={handleDrag}\n        onDragEnd={handleDragEnd}\n        boxZoom={isZoomEnabled}\n        keyboard={isZoomEnabled}\n        scrollZoom={isZoomEnabled}\n        doubleClickZoom={isZoomEnabled}\n        attributionControl={false}\n        onRender={() => onRenderHandler && onRenderHandler()}\n        onLoad={(e) => {\n          onMapLoad();\n          onLoadHandler && onLoadHandler();\n\n          const initialCenter = e.target.getCenter();\n\n          setSavedInitialViewState({\n            latitude: initialCenter.lat,\n            longitude: initialCenter.lng,\n            zoom: e.target.getZoom(),\n          });\n        }}\n        ref={useSetMapInitialConfiguration()}\n        interactive\n        {...remaining}\n      >\n        <MapDataBoundingBoxContext.Provider value={dataLayersBBox}>\n          <MapViewImperativeHandler\n            forwardedRef={forwardedRef}\n            containerRef={mapContainerRef}\n          >\n            <MapSource />\n            {loading ? null : (\n              <>\n                <MapInteractions onContextLostError={onContextLostError}>\n                  {children}\n                </MapInteractions>\n                {shouldRenderToolbar ? <MapToolbar /> : null}\n              </>\n            )}\n          </MapViewImperativeHandler>\n        </MapDataBoundingBoxContext.Provider>\n      </Map>\n    </div>\n  );\n});\n\n(MapContent as typeof MapContent & { displayName: string }).displayName =\n  'MapContent';\n"],
   "mappings": "AAwEM,SAiNQ,UAhNN,KADF;AAxEN;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iBAAiB,oBAAoB;AAC9C,SAAS,oBAAoB;AAE7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,+BAA+B;AACxC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AAMzC,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,qCAAqC;AAC9C,SAAS,4BAA4B;AAErC,MAAM,YAAwB;AAAA,EAC5B,IAAI;AAAA,EACJ,MAAM;AACR;AAEA,MAAM,YAAwB;AAAA,EAC5B,IAAI;AAAA,EACJ,MAAM;AACR;AAEA,MAAM,YAAY,MAAM;AACtB,QAAM,oBAAoB,wBAAwB;AAClD,SACE,qBACE,qBAAC,UAAO,IAAG,QAAO,MAAK,WAAU,MAAM,mBACrC;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,OAAO;AAAA,UACL,cAAc,kBAAkB,4BAA4B;AAAA,QAC9D;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,MAAK;AAAA,QACL,QAAQ;AAAA,UACN;AAAA,UACA,CAAC,MAAM,eAAe,SAAS;AAAA,UAC/B,CAAC,MAAM,eAAe,QAAQ;AAAA,QAChC;AAAA,QACA,OAAO;AAAA,UACL,cAAc,kBAAkB,+BAA+B;AAAA,UAC/D,cAAc;AAAA,YACZ;AAAA,YACA,CAAC,MAAM,CAAC,OAAO,aAAa,GAAG,QAAQ;AAAA,YACvC;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAGN;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAEO;AACL,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAuB,IAAI;AAE3E,sBAAoB;AACpB,uBAAqB;AACrB,uBAAqB,MAAM;AACzB,yBAAqB;AACrB;AAAA,MACE,IAAI;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,kBAAkB;AACpB,UAAM;AAAA,EACR;AAEA,SAAO;AACT;AAKO,MAAM,aAAa,WAGxB,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,UAAU,cAAc;AAC9B,QAAM,eAAe,gBAAgB;AACrC,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAExD;AAEF,QAAM,kBAAkB,OAAuB,IAAI;AAEnD,QAAM,aAAa,aAA0C;AAAA,IAC3D;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,wBAAwB,wBAAwB;AAEtD,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,uBAAuB;AAAA,EACzB;AAEA,2BAAyB;AAEzB,QAAM,EAAE,SAAS,eAAe,cAAc,mBAAmB,IAC/D,aAAa;AACf,QAAM,WAAW,WAAW,eAAe;AAE3C,QAAM,sBACH,CAAC,YAAY,aAAa,KAAK,CAAC,cAAc,UAC/C,CAAC,YAAY,kBAAkB;AAEjC,QAAM,EAAE,QAAQ,aAAa,OAAO,WAAW,IAAI,aAAa;AAEhE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,iBAAiB;AAErB,QAAM,mBAAmB,wBAAwB;AAEjD,QAAM,EAAE,eAAe,gBAAgB,IAAI,kBAAkB,eAAe;AAC5E,QAAM,6BAA6B,yBAAyB,gBAAgB;AAE5E,QAAM,EAAE,oBAAoB,IAAI,gBAAgB;AAEhD,QAAM,gBAAgB,CAAC,UAAgC;AACrD,QAAI,uBAAuB;AACzB,YAAM,YAAY;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,mBAAa,SAAS;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,UAAgC;AACrD,QAAI,uBAAuB;AACzB,YAAM,YAAY;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,mBAAa,SAAS;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,gBAAgB,eAAe,MAAM,YAAY;AAEvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,KAAK;AAAA,MACL,cAAc;AAAA,MACd,cAAc;AAAA,MAEd;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAO;AAAA,YACP,QAAQ,GAAG,WAAW;AAAA,YACtB,GAAG;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,QAAQ;AACf,gCAAoB,IAAI,SAAS;AAAA,UACnC;AAAA,UACA,kBAAkB;AAAA,UAClB;AAAA,UACA,YAAY;AAAA,UACZ,cAAc;AAAA,UACd,mBAAmB;AAAA,UACnB,qBAAqB;AAAA,UACrB,WAAW;AAAA,YACT,CAAC,eAAe,YAAY;AAAA,YAC5B,CAAC,eAAe,YAAY;AAAA,UAC9B;AAAA,UACA,aAAa,CAAC,MAAM,gBAAgB,CAAuB;AAAA,UAC3D,SAAS,CAAC,MAAM,iBAAiB,CAAuB;AAAA,UACxD,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,iBAAiB;AAAA,UACjB,oBAAoB;AAAA,UACpB,UAAU,MAAM,mBAAmB,gBAAgB;AAAA,UACnD,QAAQ,CAAC,MAAM;AACb,sBAAU;AACV,6BAAiB,cAAc;AAE/B,kBAAM,gBAAgB,EAAE,OAAO,UAAU;AAEzC,qCAAyB;AAAA,cACvB,UAAU,cAAc;AAAA,cACxB,WAAW,cAAc;AAAA,cACzB,MAAM,EAAE,OAAO,QAAQ;AAAA,YACzB,CAAC;AAAA,UACH;AAAA,UACA,KAAK,8BAA8B;AAAA,UACnC,aAAW;AAAA,UACV,GAAG;AAAA,UAEJ,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,gBACzC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,cAAc;AAAA,cAEd;AAAA,oCAAC,aAAU;AAAA,gBACV,UAAU,OACT,iCACE;AAAA,sCAAC,mBAAgB,oBACd,UACH;AAAA,kBACC,sBAAsB,oBAAC,cAAW,IAAK;AAAA,mBAC1C;AAAA;AAAA;AAAA,UAEJ,GACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAEA,WAA2D,cAC1D;",
   "names": []
 }

package/esm/map/components/legend/CategoricalLegendRenderer.js

@@ -4,7 +4,7 @@ import {
   _ChartLegend as ChartLegend,
   _getLegendOrientation as getLegendOrientation,
   _useChartLayoutOrientation as useChartLayoutOrientation
-} from "@dynatrace/strato-components-preview/charts";
+} from "@dynatrace/strato-components/charts";
 import { useColorScale } from "../../hooks/use-color-scale.js";
 import { useTruncationMode } from "../../hooks/use-truncation-mode.js";
 import { useSetStateSelection } from "../../store/store.js";

package/esm/map/components/legend/CategoricalLegendRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/legend/CategoricalLegendRenderer.tsx"],
-  "sourcesContent": ["import type { ScaleOrdinal } from 'd3-scale';\n\nimport type { _LegendItem as LegendItem } from '@dynatrace/strato-components-preview/charts';\nimport {\n  _buildCategoricalItemsFromScale as buildCategoricalItemsFromScale,\n  _ChartLegend as ChartLegend,\n  _getLegendOrientation as getLegendOrientation,\n  _useChartLayoutOrientation as useChartLayoutOrientation,\n} from '@dynatrace/strato-components-preview/charts';\n\nimport { useColorScale } from '../../hooks/use-color-scale.js';\nimport { useTruncationMode } from '../../hooks/use-truncation-mode.js';\nimport { useSetStateSelection } from '../../store/store.js';\n\nexport const CategoricalLegendRenderer = () => {\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const scale = useColorScale() as ScaleOrdinal<string, string>;\n  const updateStateSelection = useSetStateSelection();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const items = buildCategoricalItemsFromScale(scale);\n  const truncationMode = useTruncationMode();\n\n  const handleHover = (item?: LegendItem) => {\n    updateStateSelection({ highlightedSeries: item });\n  };\n\n  function handleClick(items: LegendItem[]) {\n    updateStateSelection({ visible: items });\n  }\n\n  return (\n    <ChartLegend\n      items={items}\n      orientation={orientation}\n      onClick={handleClick}\n      onHover={handleHover}\n      truncationMode={truncationMode}\n    />\n  );\n};\n"],
+  "sourcesContent": ["import type { ScaleOrdinal } from 'd3-scale';\n\nimport type { _LegendItem as LegendItem } from '@dynatrace/strato-components/charts';\nimport {\n  _buildCategoricalItemsFromScale as buildCategoricalItemsFromScale,\n  _ChartLegend as ChartLegend,\n  _getLegendOrientation as getLegendOrientation,\n  _useChartLayoutOrientation as useChartLayoutOrientation,\n} from '@dynatrace/strato-components/charts';\n\nimport { useColorScale } from '../../hooks/use-color-scale.js';\nimport { useTruncationMode } from '../../hooks/use-truncation-mode.js';\nimport { useSetStateSelection } from '../../store/store.js';\n\nexport const CategoricalLegendRenderer = () => {\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const scale = useColorScale() as ScaleOrdinal<string, string>;\n  const updateStateSelection = useSetStateSelection();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const items = buildCategoricalItemsFromScale(scale);\n  const truncationMode = useTruncationMode();\n\n  const handleHover = (item?: LegendItem) => {\n    updateStateSelection({ highlightedSeries: item });\n  };\n\n  function handleClick(items: LegendItem[]) {\n    updateStateSelection({ visible: items });\n  }\n\n  return (\n    <ChartLegend\n      items={items}\n      orientation={orientation}\n      onClick={handleClick}\n      onHover={handleHover}\n      truncationMode={truncationMode}\n    />\n  );\n};\n"],
   "mappings": "AA+BI;AA5BJ;AAAA,EACE,mCAAmC;AAAA,EACnC,gBAAgB;AAAA,EAChB,yBAAyB;AAAA,EACzB,8BAA8B;AAAA,OACzB;AAEP,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AAE9B,MAAM,4BAA4B,MAAM;AAC7C,QAAM,EAAE,aAAa,kBAAkB,IAAI,0BAA0B;AACrE,QAAM,QAAQ,cAAc;AAC5B,QAAM,uBAAuB,qBAAqB;AAClD,QAAM,cAAc,qBAAqB,iBAAiB;AAC1D,QAAM,QAAQ,+BAA+B,KAAK;AAClD,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,cAAc,CAAC,SAAsB;AACzC,yBAAqB,EAAE,mBAAmB,KAAK,CAAC;AAAA,EAClD;AAEA,WAAS,YAAYA,QAAqB;AACxC,yBAAqB,EAAE,SAASA,OAAM,CAAC;AAAA,EACzC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;",
   "names": ["items"]
 }

package/esm/map/components/legend/SequentialLegendRenderer.js

@@ -6,7 +6,7 @@ import {
   _getTickFormatterMethod as getTickFormatterMethod,
   _RangeLegend as RangeLegend,
   _useChartLayoutOrientation as useChartLayoutOrientation
-} from "@dynatrace/strato-components-preview/charts";
+} from "@dynatrace/strato-components/charts";
 import { useColorScale } from "../../hooks/use-color-scale.js";
 import { useFormatterContext } from "../../hooks/use-formatter-context.js";
 const buildLegendTicks = (scale) => [

package/esm/map/components/legend/SequentialLegendRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/legend/SequentialLegendRenderer.tsx"],
-  "sourcesContent": ["import type { ScaleQuantize } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\n\nimport {\n  _buildQuantizedRangeItems as buildQuantizedRangeItems,\n  _getLegendOrientation as getLegendOrientation,\n  _getTickFormatterMethod as getTickFormatterMethod,\n  _RangeLegend as RangeLegend,\n  _useChartLayoutOrientation as useChartLayoutOrientation,\n} from '@dynatrace/strato-components-preview/charts';\n\nimport { useColorScale } from '../../hooks/use-color-scale.js';\nimport { useFormatterContext } from '../../hooks/use-formatter-context.js';\n\nconst buildLegendTicks = (scale: ScaleQuantize<string>) => [\n  ...scale.domain(),\n  ...scale.thresholds(),\n];\n\nexport const SequentialLegendRenderer = () => {\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const scale = useColorScale() as ScaleQuantize<string>;\n  const configuredFormatter = useFormatterContext();\n\n  if (isUndefined(scale)) {\n    return null;\n  }\n\n  const orientation = getLegendOrientation(layoutOrientation);\n  const items = buildQuantizedRangeItems(scale);\n  const domain = buildLegendTicks(scale);\n  const formatter = configuredFormatter ?? getTickFormatterMethod(domain);\n\n  return (\n    <RangeLegend\n      items={items}\n      orientation={orientation}\n      formatter={formatter}\n    />\n  );\n};\n"],
+  "sourcesContent": ["import type { ScaleQuantize } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\n\nimport {\n  _buildQuantizedRangeItems as buildQuantizedRangeItems,\n  _getLegendOrientation as getLegendOrientation,\n  _getTickFormatterMethod as getTickFormatterMethod,\n  _RangeLegend as RangeLegend,\n  _useChartLayoutOrientation as useChartLayoutOrientation,\n} from '@dynatrace/strato-components/charts';\n\nimport { useColorScale } from '../../hooks/use-color-scale.js';\nimport { useFormatterContext } from '../../hooks/use-formatter-context.js';\n\nconst buildLegendTicks = (scale: ScaleQuantize<string>) => [\n  ...scale.domain(),\n  ...scale.thresholds(),\n];\n\nexport const SequentialLegendRenderer = () => {\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const scale = useColorScale() as ScaleQuantize<string>;\n  const configuredFormatter = useFormatterContext();\n\n  if (isUndefined(scale)) {\n    return null;\n  }\n\n  const orientation = getLegendOrientation(layoutOrientation);\n  const items = buildQuantizedRangeItems(scale);\n  const domain = buildLegendTicks(scale);\n  const formatter = configuredFormatter ?? getTickFormatterMethod(domain);\n\n  return (\n    <RangeLegend\n      items={items}\n      orientation={orientation}\n      formatter={formatter}\n    />\n  );\n};\n"],
   "mappings": "AAkCI;AAjCJ,SAAS,mBAAmB;AAE5B;AAAA,EACE,6BAA6B;AAAA,EAC7B,yBAAyB;AAAA,EACzB,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB,8BAA8B;AAAA,OACzB;AAEP,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AAEpC,MAAM,mBAAmB,CAAC,UAAiC;AAAA,EACzD,GAAG,MAAM,OAAO;AAAA,EAChB,GAAG,MAAM,WAAW;AACtB;AAEO,MAAM,2BAA2B,MAAM;AAC5C,QAAM,EAAE,aAAa,kBAAkB,IAAI,0BAA0B;AACrE,QAAM,QAAQ,cAAc;AAC5B,QAAM,sBAAsB,oBAAoB;AAEhD,MAAI,YAAY,KAAK,GAAG;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,qBAAqB,iBAAiB;AAC1D,QAAM,QAAQ,yBAAyB,KAAK;AAC5C,QAAM,SAAS,iBAAiB,KAAK;AACrC,QAAM,YAAY,uBAAuB,uBAAuB,MAAM;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/map/components/legend/ThresholdLegendRenderer.js

@@ -4,7 +4,7 @@ import {
   _getLegendOrientation as getLegendOrientation,
   _RangeLegend as RangeLegend,
   _useChartLayoutOrientation as useChartLayoutOrientation
-} from "@dynatrace/strato-components-preview/charts";
+} from "@dynatrace/strato-components/charts";
 import { DEFAULT_FORMATTER } from "../../constants.js";
 import { useFormatterContext } from "../../hooks/use-formatter-context.js";
 import { useMapConfig } from "../../hooks/use-map-config.js";

package/esm/map/components/legend/ThresholdLegendRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/legend/ThresholdLegendRenderer.tsx"],
-  "sourcesContent": ["import {\n  _buildLegendItemsFromRange as buildLegendItemsFromRange,\n  _getLegendOrientation as getLegendOrientation,\n  _RangeLegend as RangeLegend,\n  _useChartLayoutOrientation as useChartLayoutOrientation,\n} from '@dynatrace/strato-components-preview/charts';\n\nimport { DEFAULT_FORMATTER } from '../../constants.js';\nimport { useFormatterContext } from '../../hooks/use-formatter-context.js';\nimport { useMapConfig } from '../../hooks/use-map-config.js';\nimport type { ThresholdLegendConfig } from '../../types/legend.js';\n\nexport const ThresholdLegendRenderer = () => {\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const configuredFormatter = useFormatterContext();\n\n  const { legend } = useMapConfig();\n\n  const { ranges } = legend as ThresholdLegendConfig;\n\n  const orientation = getLegendOrientation(layoutOrientation);\n  const items = buildLegendItemsFromRange(ranges);\n  const formatter = configuredFormatter ?? DEFAULT_FORMATTER;\n\n  return (\n    <RangeLegend\n      items={items}\n      orientation={orientation}\n      formatter={formatter}\n    />\n  );\n};\n"],
+  "sourcesContent": ["import {\n  _buildLegendItemsFromRange as buildLegendItemsFromRange,\n  _getLegendOrientation as getLegendOrientation,\n  _RangeLegend as RangeLegend,\n  _useChartLayoutOrientation as useChartLayoutOrientation,\n} from '@dynatrace/strato-components/charts';\n\nimport { DEFAULT_FORMATTER } from '../../constants.js';\nimport { useFormatterContext } from '../../hooks/use-formatter-context.js';\nimport { useMapConfig } from '../../hooks/use-map-config.js';\nimport type { ThresholdLegendConfig } from '../../types/legend.js';\n\nexport const ThresholdLegendRenderer = () => {\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const configuredFormatter = useFormatterContext();\n\n  const { legend } = useMapConfig();\n\n  const { ranges } = legend as ThresholdLegendConfig;\n\n  const orientation = getLegendOrientation(layoutOrientation);\n  const items = buildLegendItemsFromRange(ranges);\n  const formatter = configuredFormatter ?? DEFAULT_FORMATTER;\n\n  return (\n    <RangeLegend\n      items={items}\n      orientation={orientation}\n      formatter={formatter}\n    />\n  );\n};\n"],
   "mappings": "AAyBI;AAzBJ;AAAA,EACE,8BAA8B;AAAA,EAC9B,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,8BAA8B;AAAA,OACzB;AAEP,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAGtB,MAAM,0BAA0B,MAAM;AAC3C,QAAM,EAAE,aAAa,kBAAkB,IAAI,0BAA0B;AACrE,QAAM,sBAAsB,oBAAoB;AAEhD,QAAM,EAAE,OAAO,IAAI,aAAa;AAEhC,QAAM,EAAE,OAAO,IAAI;AAEnB,QAAM,cAAc,qBAAqB,iBAAiB;AAC1D,QAAM,QAAQ,0BAA0B,MAAM;AAC9C,QAAM,YAAY,uBAAuB;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { _ChartToolbarRenderer as ChartToolbarRenderer } from "@dynatrace/strato-components-preview/charts";
+import { _ChartToolbarRenderer as ChartToolbarRenderer } from "@dynatrace/strato-components/charts";
 import { MapDownloadDataButton } from "./buttons/MapDownloadDataButton.js";
 import { MapResetButton } from "./buttons/MapResetButton.js";
 import { MapZoomInOutButtons } from "./buttons/MapZoomInOutButtons.js";

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-preview/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"],
+  "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;",
   "names": []
 }

package/esm/map/components/toolbar/buttons/MapDownloadDataButton.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { useIntl } from "react-intl";
-import { _ChartToolbarRenderer as ChartToolbarRenderer } from "@dynatrace/strato-components-preview/charts";
+import { _ChartToolbarRenderer as ChartToolbarRenderer } from "@dynatrace/strato-components/charts";
 import { DownloadIcon } from "@dynatrace/strato-icons";
 import { useMapRawData } from "../../../hooks/use-map-raw-data.js";
 import { buildAndDownloadCsv } from "../../../utils/build-and-download-csv.js";

package/esm/map/components/toolbar/buttons/MapDownloadDataButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/map/components/toolbar/buttons/MapDownloadDataButton.tsx"],
-  "sourcesContent": ["import { useRef, type KeyboardEvent as ReactKeyboardEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { _ChartToolbarRenderer as ChartToolbarRenderer } from '@dynatrace/strato-components-preview/charts';\nimport { DownloadIcon } from '@dynatrace/strato-icons';\n\nimport { useMapRawData } from '../../../hooks/use-map-raw-data.js';\nimport { buildAndDownloadCsv } from '../../../utils/build-and-download-csv.js';\nimport { TOOLBAR_MESSAGES } from '../constants.js';\nimport { useA11yToolbarTabIndex } from '../hooks/use-a11y-toolbar-tab-index.js';\n\nexport const MapDownloadDataButton = () => {\n  const downloadDataButtonRef = useRef<HTMLButtonElement | null>(null);\n  const intl = useIntl();\n  const tabIndex = useA11yToolbarTabIndex('download-data');\n  const data = useMapRawData();\n\n  /** Handles the download button when event keydown.*/\n  const handleDownloadDataKeyboard = (event: ReactKeyboardEvent) => {\n    if (event.key === 'Enter') {\n      buildAndDownloadCsv(data);\n    }\n  };\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => {\n    buildAndDownloadCsv(data);\n  };\n\n  return (\n    <ChartToolbarRenderer.Control\n      ref={downloadDataButtonRef}\n      prefixIcon={<DownloadIcon />}\n      tooltipText={intl.formatMessage(TOOLBAR_MESSAGES.downloadData)}\n      testId=\"map-toolbar-download\"\n      onKeyDown={handleDownloadDataKeyboard}\n      onClick={handleDownloadDataToolbar}\n      tabIndex={tabIndex}\n      placement=\"toolbar\"\n    />\n  );\n};\n"],
+  "sourcesContent": ["import { useRef, type KeyboardEvent as ReactKeyboardEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { _ChartToolbarRenderer as ChartToolbarRenderer } from '@dynatrace/strato-components/charts';\nimport { DownloadIcon } from '@dynatrace/strato-icons';\n\nimport { useMapRawData } from '../../../hooks/use-map-raw-data.js';\nimport { buildAndDownloadCsv } from '../../../utils/build-and-download-csv.js';\nimport { TOOLBAR_MESSAGES } from '../constants.js';\nimport { useA11yToolbarTabIndex } from '../hooks/use-a11y-toolbar-tab-index.js';\n\nexport const MapDownloadDataButton = () => {\n  const downloadDataButtonRef = useRef<HTMLButtonElement | null>(null);\n  const intl = useIntl();\n  const tabIndex = useA11yToolbarTabIndex('download-data');\n  const data = useMapRawData();\n\n  /** Handles the download button when event keydown.*/\n  const handleDownloadDataKeyboard = (event: ReactKeyboardEvent) => {\n    if (event.key === 'Enter') {\n      buildAndDownloadCsv(data);\n    }\n  };\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => {\n    buildAndDownloadCsv(data);\n  };\n\n  return (\n    <ChartToolbarRenderer.Control\n      ref={downloadDataButtonRef}\n      prefixIcon={<DownloadIcon />}\n      tooltipText={intl.formatMessage(TOOLBAR_MESSAGES.downloadData)}\n      testId=\"map-toolbar-download\"\n      onKeyDown={handleDownloadDataKeyboard}\n      onClick={handleDownloadDataToolbar}\n      tabIndex={tabIndex}\n      placement=\"toolbar\"\n    />\n  );\n};\n"],
   "mappings": "AAgCkB;AAhClB,SAAS,cAAwD;AACjE,SAAS,eAAe;AAExB,SAAS,yBAAyB,4BAA4B;AAC9D,SAAS,oBAAoB;AAE7B,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AAEhC,MAAM,wBAAwB,MAAM;AACzC,QAAM,wBAAwB,OAAiC,IAAI;AACnE,QAAM,OAAO,QAAQ;AACrB,QAAM,WAAW,uBAAuB,eAAe;AACvD,QAAM,OAAO,cAAc;AAG3B,QAAM,6BAA6B,CAAC,UAA8B;AAChE,QAAI,MAAM,QAAQ,SAAS;AACzB,0BAAoB,IAAI;AAAA,IAC1B;AAAA,EACF;AAGA,QAAM,4BAA4B,MAAM;AACtC,wBAAoB,IAAI;AAAA,EAC1B;AAEA,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,KAAK;AAAA,MACL,YAAY,oBAAC,gBAAa;AAAA,MAC1B,aAAa,KAAK,cAAc,iBAAiB,YAAY;AAAA,MAC7D,QAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,WAAU;AAAA;AAAA,EACZ;AAEJ;",
   "names": []
 }

package/esm/map/components/toolbar/buttons/MapResetButton.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useMap } from "@vis.gl/react-maplibre";
 import { useRef } from "react";
 import { useIntl } from "react-intl";
-import { _ChartToolbarRenderer as ChartToolbarRenderer } from "@dynatrace/strato-components-preview/charts";
+import { _ChartToolbarRenderer as ChartToolbarRenderer } from "@dynatrace/strato-components/charts";
 import { ResetIcon } from "@dynatrace/strato-icons";
 import { useInitialViewContext } from "../../../hooks/use-initial-view-context.js";
 import { useMapZoomState, useSetStateZoom } from "../../../store/store.js";

package/esm/map/components/toolbar/buttons/MapResetButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/map/components/toolbar/buttons/MapResetButton.tsx"],
-  "sourcesContent": ["import { useMap } from '@vis.gl/react-maplibre';\nimport { useRef, type KeyboardEvent as ReactKeyboardEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { _ChartToolbarRenderer as ChartToolbarRenderer } from '@dynatrace/strato-components-preview/charts';\nimport { ResetIcon } from '@dynatrace/strato-icons';\n\nimport { useInitialViewContext } from '../../../hooks/use-initial-view-context.js';\nimport { useMapZoomState, useSetStateZoom } from '../../../store/store.js';\nimport { TOOLBAR_MESSAGES } from '../constants.js';\nimport { useA11yToolbarTabIndex } from '../hooks/use-a11y-toolbar-tab-index.js';\n\nexport const MapResetButton = () => {\n  const { current: map } = useMap();\n  const { longitude = 0, latitude = 0, zoom = 0 } = useInitialViewContext();\n  const intl = useIntl();\n  const { resetEnabled } = useMapZoomState();\n  const setZoomState = useSetStateZoom();\n\n  const resetButtonRef = useRef<HTMLButtonElement | null>(null);\n  const tabIndex = useA11yToolbarTabIndex('reset');\n\n  const handleReset = () => {\n    map?.flyTo({ center: [longitude, latitude], zoom: zoom });\n    setZoomState({ zoomToFitEnabled: true, resetEnabled: false });\n  };\n\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (event.code === 'Enter') {\n      handleReset();\n    }\n  };\n\n  return (\n    <ChartToolbarRenderer.Control\n      ref={resetButtonRef}\n      prefixIcon={<ResetIcon />}\n      tooltipText={intl.formatMessage(TOOLBAR_MESSAGES.zoomActionReset)}\n      testId=\"map-toolbar-reset\"\n      onKeyDown={handleKeyDown}\n      onClick={handleReset}\n      tabIndex={tabIndex}\n      disabled={!resetEnabled}\n    />\n  );\n};\n"],
+  "sourcesContent": ["import { useMap } from '@vis.gl/react-maplibre';\nimport { useRef, type KeyboardEvent as ReactKeyboardEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { _ChartToolbarRenderer as ChartToolbarRenderer } from '@dynatrace/strato-components/charts';\nimport { ResetIcon } from '@dynatrace/strato-icons';\n\nimport { useInitialViewContext } from '../../../hooks/use-initial-view-context.js';\nimport { useMapZoomState, useSetStateZoom } from '../../../store/store.js';\nimport { TOOLBAR_MESSAGES } from '../constants.js';\nimport { useA11yToolbarTabIndex } from '../hooks/use-a11y-toolbar-tab-index.js';\n\nexport const MapResetButton = () => {\n  const { current: map } = useMap();\n  const { longitude = 0, latitude = 0, zoom = 0 } = useInitialViewContext();\n  const intl = useIntl();\n  const { resetEnabled } = useMapZoomState();\n  const setZoomState = useSetStateZoom();\n\n  const resetButtonRef = useRef<HTMLButtonElement | null>(null);\n  const tabIndex = useA11yToolbarTabIndex('reset');\n\n  const handleReset = () => {\n    map?.flyTo({ center: [longitude, latitude], zoom: zoom });\n    setZoomState({ zoomToFitEnabled: true, resetEnabled: false });\n  };\n\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (event.code === 'Enter') {\n      handleReset();\n    }\n  };\n\n  return (\n    <ChartToolbarRenderer.Control\n      ref={resetButtonRef}\n      prefixIcon={<ResetIcon />}\n      tooltipText={intl.formatMessage(TOOLBAR_MESSAGES.zoomActionReset)}\n      testId=\"map-toolbar-reset\"\n      onKeyDown={handleKeyDown}\n      onClick={handleReset}\n      tabIndex={tabIndex}\n      disabled={!resetEnabled}\n    />\n  );\n};\n"],
   "mappings": "AAoCkB;AApClB,SAAS,cAAc;AACvB,SAAS,cAAwD;AACjE,SAAS,eAAe;AAExB,SAAS,yBAAyB,4BAA4B;AAC9D,SAAS,iBAAiB;AAE1B,SAAS,6BAA6B;AACtC,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AAEhC,MAAM,iBAAiB,MAAM;AAClC,QAAM,EAAE,SAAS,IAAI,IAAI,OAAO;AAChC,QAAM,EAAE,YAAY,GAAG,WAAW,GAAG,OAAO,EAAE,IAAI,sBAAsB;AACxE,QAAM,OAAO,QAAQ;AACrB,QAAM,EAAE,aAAa,IAAI,gBAAgB;AACzC,QAAM,eAAe,gBAAgB;AAErC,QAAM,iBAAiB,OAAiC,IAAI;AAC5D,QAAM,WAAW,uBAAuB,OAAO;AAE/C,QAAM,cAAc,MAAM;AACxB,SAAK,MAAM,EAAE,QAAQ,CAAC,WAAW,QAAQ,GAAG,KAAW,CAAC;AACxD,iBAAa,EAAE,kBAAkB,MAAM,cAAc,MAAM,CAAC;AAAA,EAC9D;AAEA,QAAM,gBAAgB,CAAC,UAA8B;AACnD,QAAI,MAAM,SAAS,SAAS;AAC1B,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,KAAK;AAAA,MACL,YAAY,oBAAC,aAAU;AAAA,MACvB,aAAa,KAAK,cAAc,iBAAiB,eAAe;AAAA,MAChE,QAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,UAAU,CAAC;AAAA;AAAA,EACb;AAEJ;",
   "names": []
 }

package/esm/map/components/toolbar/buttons/MapZoomInOutButtons.js

@@ -2,7 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMap } from "@vis.gl/react-maplibre";
 import { useRef } from "react";
 import { useIntl } from "react-intl";
-import { _ChartToolbarRenderer as ChartToolbarRenderer } from "@dynatrace/strato-components-preview/charts";
+import { _ChartToolbarRenderer as ChartToolbarRenderer } from "@dynatrace/strato-components/charts";
 import { ZoomInIcon, ZoomOutIcon } from "@dynatrace/strato-icons";
 import { useMapZoomState } from "../../../store/selectors.js";
 import { TOOLBAR_MESSAGES } from "../constants.js";

package/esm/map/components/toolbar/buttons/MapZoomInOutButtons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/map/components/toolbar/buttons/MapZoomInOutButtons.tsx"],
-  "sourcesContent": ["import { useMap } from '@vis.gl/react-maplibre';\nimport { useRef, type KeyboardEvent as ReactKeyboardEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { _ChartToolbarRenderer as ChartToolbarRenderer } from '@dynatrace/strato-components-preview/charts';\nimport { ZoomInIcon, ZoomOutIcon } from '@dynatrace/strato-icons';\n\nimport { useMapZoomState } from '../../../store/selectors.js';\nimport { TOOLBAR_MESSAGES } from '../constants.js';\nimport { useA11yToolbarTabIndex } from '../hooks/use-a11y-toolbar-tab-index.js';\n\ntype ZoomBehavior = 'zoom-in' | 'zoom-out';\nexport const MapZoomInOutButtons = () => {\n  const { current: map } = useMap();\n  const { zoomInEnabled, zoomOutEnabled } = useMapZoomState();\n\n  const zoomInButtonRef = useRef<HTMLButtonElement | null>(null);\n  const zoomButtonOutRef = useRef<HTMLButtonElement | null>(null);\n  const intl = useIntl();\n  const tabIndexIn = useA11yToolbarTabIndex('zoom-in');\n  const tabIndexOut = useA11yToolbarTabIndex('zoom-out');\n\n  const handleZoomKeyboardMode = (\n    event: ReactKeyboardEvent,\n    zoomBehavior: ZoomBehavior,\n  ) => {\n    if (event.code === 'Enter') {\n      handleZoomStepToolbarMode(zoomBehavior);\n    }\n  };\n\n  const handleZoomStepToolbarMode = (zoomBehavior: ZoomBehavior) => {\n    if (zoomBehavior === 'zoom-in') {\n      map?.zoomIn();\n    }\n    if (zoomBehavior === 'zoom-out') {\n      map?.zoomOut();\n    }\n  };\n\n  return (\n    <>\n      <ChartToolbarRenderer.Control\n        ref={zoomInButtonRef}\n        prefixIcon={<ZoomInIcon />}\n        tooltipText={intl.formatMessage(TOOLBAR_MESSAGES.zoomActionZoomIn)}\n        testId=\"map-toolbar-zoom-in\"\n        onKeyDown={(event) => handleZoomKeyboardMode(event, 'zoom-in')}\n        onClick={() => handleZoomStepToolbarMode('zoom-in')}\n        tabIndex={tabIndexIn}\n        disabled={!zoomInEnabled}\n      />\n      <ChartToolbarRenderer.Control\n        ref={zoomButtonOutRef}\n        prefixIcon={<ZoomOutIcon />}\n        tooltipText={intl.formatMessage(TOOLBAR_MESSAGES.zoomActionZoomOut)}\n        testId=\"map-toolbar-zoom-out\"\n        onKeyDown={(event) => handleZoomKeyboardMode(event, 'zoom-out')}\n        onClick={() => handleZoomStepToolbarMode('zoom-out')}\n        tabIndex={tabIndexOut}\n        disabled={!zoomOutEnabled}\n      />\n    </>\n  );\n};\n"],
+  "sourcesContent": ["import { useMap } from '@vis.gl/react-maplibre';\nimport { useRef, type KeyboardEvent as ReactKeyboardEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { _ChartToolbarRenderer as ChartToolbarRenderer } from '@dynatrace/strato-components/charts';\nimport { ZoomInIcon, ZoomOutIcon } from '@dynatrace/strato-icons';\n\nimport { useMapZoomState } from '../../../store/selectors.js';\nimport { TOOLBAR_MESSAGES } from '../constants.js';\nimport { useA11yToolbarTabIndex } from '../hooks/use-a11y-toolbar-tab-index.js';\n\ntype ZoomBehavior = 'zoom-in' | 'zoom-out';\nexport const MapZoomInOutButtons = () => {\n  const { current: map } = useMap();\n  const { zoomInEnabled, zoomOutEnabled } = useMapZoomState();\n\n  const zoomInButtonRef = useRef<HTMLButtonElement | null>(null);\n  const zoomButtonOutRef = useRef<HTMLButtonElement | null>(null);\n  const intl = useIntl();\n  const tabIndexIn = useA11yToolbarTabIndex('zoom-in');\n  const tabIndexOut = useA11yToolbarTabIndex('zoom-out');\n\n  const handleZoomKeyboardMode = (\n    event: ReactKeyboardEvent,\n    zoomBehavior: ZoomBehavior,\n  ) => {\n    if (event.code === 'Enter') {\n      handleZoomStepToolbarMode(zoomBehavior);\n    }\n  };\n\n  const handleZoomStepToolbarMode = (zoomBehavior: ZoomBehavior) => {\n    if (zoomBehavior === 'zoom-in') {\n      map?.zoomIn();\n    }\n    if (zoomBehavior === 'zoom-out') {\n      map?.zoomOut();\n    }\n  };\n\n  return (\n    <>\n      <ChartToolbarRenderer.Control\n        ref={zoomInButtonRef}\n        prefixIcon={<ZoomInIcon />}\n        tooltipText={intl.formatMessage(TOOLBAR_MESSAGES.zoomActionZoomIn)}\n        testId=\"map-toolbar-zoom-in\"\n        onKeyDown={(event) => handleZoomKeyboardMode(event, 'zoom-in')}\n        onClick={() => handleZoomStepToolbarMode('zoom-in')}\n        tabIndex={tabIndexIn}\n        disabled={!zoomInEnabled}\n      />\n      <ChartToolbarRenderer.Control\n        ref={zoomButtonOutRef}\n        prefixIcon={<ZoomOutIcon />}\n        tooltipText={intl.formatMessage(TOOLBAR_MESSAGES.zoomActionZoomOut)}\n        testId=\"map-toolbar-zoom-out\"\n        onKeyDown={(event) => handleZoomKeyboardMode(event, 'zoom-out')}\n        onClick={() => handleZoomStepToolbarMode('zoom-out')}\n        tabIndex={tabIndexOut}\n        disabled={!zoomOutEnabled}\n      />\n    </>\n  );\n};\n"],
   "mappings": "AAyCI,mBAGgB,KAHhB;AAzCJ,SAAS,cAAc;AACvB,SAAS,cAAwD;AACjE,SAAS,eAAe;AAExB,SAAS,yBAAyB,4BAA4B;AAC9D,SAAS,YAAY,mBAAmB;AAExC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AAGhC,MAAM,sBAAsB,MAAM;AACvC,QAAM,EAAE,SAAS,IAAI,IAAI,OAAO;AAChC,QAAM,EAAE,eAAe,eAAe,IAAI,gBAAgB;AAE1D,QAAM,kBAAkB,OAAiC,IAAI;AAC7D,QAAM,mBAAmB,OAAiC,IAAI;AAC9D,QAAM,OAAO,QAAQ;AACrB,QAAM,aAAa,uBAAuB,SAAS;AACnD,QAAM,cAAc,uBAAuB,UAAU;AAErD,QAAM,yBAAyB,CAC7B,OACA,iBACG;AACH,QAAI,MAAM,SAAS,SAAS;AAC1B,gCAA0B,YAAY;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,4BAA4B,CAAC,iBAA+B;AAChE,QAAI,iBAAiB,WAAW;AAC9B,WAAK,OAAO;AAAA,IACd;AACA,QAAI,iBAAiB,YAAY;AAC/B,WAAK,QAAQ;AAAA,IACf;AAAA,EACF;AAEA,SACE,iCACE;AAAA;AAAA,MAAC,qBAAqB;AAAA,MAArB;AAAA,QACC,KAAK;AAAA,QACL,YAAY,oBAAC,cAAW;AAAA,QACxB,aAAa,KAAK,cAAc,iBAAiB,gBAAgB;AAAA,QACjE,QAAO;AAAA,QACP,WAAW,CAAC,UAAU,uBAAuB,OAAO,SAAS;AAAA,QAC7D,SAAS,MAAM,0BAA0B,SAAS;AAAA,QAClD,UAAU;AAAA,QACV,UAAU,CAAC;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC,qBAAqB;AAAA,MAArB;AAAA,QACC,KAAK;AAAA,QACL,YAAY,oBAAC,eAAY;AAAA,QACzB,aAAa,KAAK,cAAc,iBAAiB,iBAAiB;AAAA,QAClE,QAAO;AAAA,QACP,WAAW,CAAC,UAAU,uBAAuB,OAAO,UAAU;AAAA,QAC9D,SAAS,MAAM,0BAA0B,UAAU;AAAA,QACnD,UAAU;AAAA,QACV,UAAU,CAAC;AAAA;AAAA,IACb;AAAA,KACF;AAEJ;",
   "names": []
 }

package/esm/map/components/toolbar/buttons/MapZoomToFitButton.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useMap } from "@vis.gl/react-maplibre";
 import { useRef } from "react";
 import { useIntl } from "react-intl";
-import { _ChartToolbarRenderer as ChartToolbarRenderer } from "@dynatrace/strato-components-preview/charts";
+import { _ChartToolbarRenderer as ChartToolbarRenderer } from "@dynatrace/strato-components/charts";
 import { ZoomToFitIcon } from "@dynatrace/strato-icons";
 import { FIT_BOUNDS_OPTIONS } from "../../../constants.js";
 import { useDataBoundingBox } from "../../../hooks/use-data-bounding-box.js";