@dynatrace/strato-geo 3.8.0 → 3.9.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # geo
 
+## 3.9.0
+
+### Dependency updates
+
+- `@dynatrace/strato-components` was updated to version `3.9.0`.
+
+### Updates
+
+#### General
+
+- Updated the `@vanilla-extract/css` dependency to `1.21.1`, which fixes non-deterministic style composition output. An empty composed style used in a selector (e.g. a `disabled` state combining `readOnly` and `ariaDisabled`) could intermittently drop a class, changing generated class names between builds and, in rare cases, leaving a selector-targeted state unstyled.
+
+#### MapView
+
+- Fixed a rare crash when rendering maps with large icon datasets. The error is now handled gracefully with automatic retry and fallback UI. (APPDEV-15440)
+
+## 3.8.2
+
+### Dependency updates
+
+- `@dynatrace/strato-components` was updated to version `3.8.1`.
+
+## 3.8.1
+
+### Updates
+
+#### MapView
+
+- `MapViewProvider` add `OTHERS` as a neutral country code option. (APPDEV-18542)
+
 ## 3.8.0
 
 ### Dependency updates

package/esm/map/components/BubbleLayer/BubbleLayerTooltip.js

@@ -32,13 +32,7 @@ const BubbleLayerTooltip = (props) => {
   if (isDefaultTooltipHandler(tooltipTemplate)) {
     return template;
   }
-  return /* @__PURE__ */ jsx(
-    OverlayTooltip,
-    {
-      legacyTemplate: template,
-      symbolAlignment
-    }
-  );
+  return /* @__PURE__ */ jsx(OverlayTooltip, { template, symbolAlignment });
 };
 BubbleLayerTooltip["displayName"] = "BubbleLayerTooltip";
 export {

package/esm/map/components/BubbleLayer/BubbleLayerTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/BubbleLayer/BubbleLayerTooltip.tsx"],
-  "sourcesContent": ["import { sortBy } from 'lodash-es';\n\nimport { _OverlayTooltip as OverlayTooltip } from '@dynatrace/strato-components/charts';\n\nimport { useGeoLayerTooltip } from '../../hooks/use-geo-layer-tooltip.js';\nimport type { Location } from '../../types/location.js';\nimport type {\n  BubbleLayerTooltipData,\n  BubbleLayerTooltipHandler,\n} from '../../types/tooltip.js';\nimport { isDefaultTooltipHandler } from '../../utils/tooltip-type-guards.js';\n\ninterface BubbleTooltipStatePayload {\n  __color: string;\n  __hoveredColor: string;\n  __radius: number;\n  __lat: number;\n  data: Location;\n}\n\nexport interface BubbleLayerTooltipProps {\n  tooltipTemplate?: BubbleLayerTooltipHandler;\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n}\n\nexport const BubbleLayerTooltip = (props: BubbleLayerTooltipProps) => {\n  const { tooltipTemplate, hidden, symbolAlignment } = props;\n\n  const { data, inBounds, position } =\n    useGeoLayerTooltip<BubbleTooltipStatePayload>('geoBubble');\n\n  if (hidden || !tooltipTemplate || !inBounds || !position) {\n    return null;\n  }\n\n  if (!data || !data[0]) {\n    return null;\n  }\n\n  const sanitizedData: BubbleLayerTooltipData[] = data.map((bubbleProps) => {\n    const { __color: color, __radius: radius, data: customData } = bubbleProps;\n\n    return {\n      color,\n      radius,\n      data: customData,\n    };\n  });\n\n  const sortedBubbles: BubbleLayerTooltipData[] = [\n    ...sortBy(sanitizedData, ({ radius }) => radius),\n  ];\n  const closestPoint = sortedBubbles[0];\n  const remainingPoints = sortedBubbles.slice(1);\n\n  const template = closestPoint\n    ? tooltipTemplate(closestPoint, remainingPoints)\n    : null;\n\n  if (!template) {\n    return null;\n  }\n\n  if (isDefaultTooltipHandler(tooltipTemplate)) {\n    return template;\n  }\n\n  return (\n    <OverlayTooltip\n      legacyTemplate={template}\n      symbolAlignment={symbolAlignment}\n    />\n  );\n};\n\nBubbleLayerTooltip['displayName'] = 'BubbleLayerTooltip';\n"],
-  "mappings": "AAqEI;AArEJ,SAAS,cAAc;AAEvB,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,0BAA0B;AAMnC,SAAS,+BAA+B;AAgBjC,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM,EAAE,iBAAiB,QAAQ,gBAAgB,IAAI;AAErD,QAAM,EAAE,MAAM,UAAU,SAAS,IAC/B,mBAA8C,WAAW;AAE3D,MAAI,UAAU,CAAC,mBAAmB,CAAC,YAAY,CAAC,UAAU;AACxD,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,gBAA0C,KAAK,IAAI,CAAC,gBAAgB;AACxE,UAAM,EAAE,SAAS,OAAO,UAAU,QAAQ,MAAM,WAAW,IAAI;AAE/D,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF,CAAC;AAED,QAAM,gBAA0C;AAAA,IAC9C,GAAG,OAAO,eAAe,CAAC,EAAE,OAAO,MAAM,MAAM;AAAA,EACjD;AACA,QAAM,eAAe,cAAc,CAAC;AACpC,QAAM,kBAAkB,cAAc,MAAM,CAAC;AAE7C,QAAM,WAAW,eACb,gBAAgB,cAAc,eAAe,IAC7C;AAEJ,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MAAI,wBAAwB,eAAe,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,aAAa,IAAI;",
+  "sourcesContent": ["import { sortBy } from 'lodash-es';\n\nimport { _OverlayTooltip as OverlayTooltip } from '@dynatrace/strato-components/charts';\n\nimport { useGeoLayerTooltip } from '../../hooks/use-geo-layer-tooltip.js';\nimport type { Location } from '../../types/location.js';\nimport type {\n  BubbleLayerTooltipData,\n  BubbleLayerTooltipHandler,\n} from '../../types/tooltip.js';\nimport { isDefaultTooltipHandler } from '../../utils/tooltip-type-guards.js';\n\ninterface BubbleTooltipStatePayload {\n  __color: string;\n  __hoveredColor: string;\n  __radius: number;\n  __lat: number;\n  data: Location;\n}\n\nexport interface BubbleLayerTooltipProps {\n  tooltipTemplate?: BubbleLayerTooltipHandler;\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n}\n\nexport const BubbleLayerTooltip = (props: BubbleLayerTooltipProps) => {\n  const { tooltipTemplate, hidden, symbolAlignment } = props;\n\n  const { data, inBounds, position } =\n    useGeoLayerTooltip<BubbleTooltipStatePayload>('geoBubble');\n\n  if (hidden || !tooltipTemplate || !inBounds || !position) {\n    return null;\n  }\n\n  if (!data || !data[0]) {\n    return null;\n  }\n\n  const sanitizedData: BubbleLayerTooltipData[] = data.map((bubbleProps) => {\n    const { __color: color, __radius: radius, data: customData } = bubbleProps;\n\n    return {\n      color,\n      radius,\n      data: customData,\n    };\n  });\n\n  const sortedBubbles: BubbleLayerTooltipData[] = [\n    ...sortBy(sanitizedData, ({ radius }) => radius),\n  ];\n  const closestPoint = sortedBubbles[0];\n  const remainingPoints = sortedBubbles.slice(1);\n\n  const template = closestPoint\n    ? tooltipTemplate(closestPoint, remainingPoints)\n    : null;\n\n  if (!template) {\n    return null;\n  }\n\n  if (isDefaultTooltipHandler(tooltipTemplate)) {\n    return template;\n  }\n\n  return (\n    <OverlayTooltip template={template} symbolAlignment={symbolAlignment} />\n  );\n};\n\nBubbleLayerTooltip['displayName'] = 'BubbleLayerTooltip';\n"],
+  "mappings": "AAqEI;AArEJ,SAAS,cAAc;AAEvB,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,0BAA0B;AAMnC,SAAS,+BAA+B;AAgBjC,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM,EAAE,iBAAiB,QAAQ,gBAAgB,IAAI;AAErD,QAAM,EAAE,MAAM,UAAU,SAAS,IAC/B,mBAA8C,WAAW;AAE3D,MAAI,UAAU,CAAC,mBAAmB,CAAC,YAAY,CAAC,UAAU;AACxD,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,gBAA0C,KAAK,IAAI,CAAC,gBAAgB;AACxE,UAAM,EAAE,SAAS,OAAO,UAAU,QAAQ,MAAM,WAAW,IAAI;AAE/D,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF,CAAC;AAED,QAAM,gBAA0C;AAAA,IAC9C,GAAG,OAAO,eAAe,CAAC,EAAE,OAAO,MAAM,MAAM;AAAA,EACjD;AACA,QAAM,eAAe,cAAc,CAAC;AACpC,QAAM,kBAAkB,cAAc,MAAM,CAAC;AAE7C,QAAM,WAAW,eACb,gBAAgB,cAAc,eAAe,IAC7C;AAEJ,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MAAI,wBAAwB,eAAe,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,kBAAe,UAAoB,iBAAkC;AAE1E;AAEA,mBAAmB,aAAa,IAAI;",
   "names": []
 }

package/esm/map/components/ChoroplethLayer/ChoroplethLayerTooltip.js

@@ -24,13 +24,7 @@ const ChoroplethLayerTooltip = (props) => {
   if (isDefaultTooltipHandler(tooltipTemplate)) {
     return template;
   }
-  return /* @__PURE__ */ jsx(
-    OverlayTooltip,
-    {
-      legacyTemplate: template,
-      symbolAlignment
-    }
-  );
+  return /* @__PURE__ */ jsx(OverlayTooltip, { template, symbolAlignment });
 };
 ChoroplethLayerTooltip["displayName"] = "ChoroplethLayerTooltip";
 export {

package/esm/map/components/ChoroplethLayer/ChoroplethLayerTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/ChoroplethLayer/ChoroplethLayerTooltip.tsx"],
-  "sourcesContent": ["import { _OverlayTooltip as OverlayTooltip } from '@dynatrace/strato-components/charts';\n\nimport { useGeoLayerTooltip } from '../../hooks/use-geo-layer-tooltip.js';\nimport type {\n  ChoroplethLayerTooltipData,\n  ChoroplethLayerTooltipHandler,\n} from '../../types/tooltip.js';\nimport { isDefaultTooltipHandler } from '../../utils/tooltip-type-guards.js';\n\ninterface ChoroplethTooltipStatePayload {\n  name: string;\n  region_type: string;\n  __color: string;\n  __hoveredColor: string;\n  data: Record<string, unknown>;\n}\n\nexport interface ChoroplethLayerTooltipProps {\n  tooltipTemplate?: ChoroplethLayerTooltipHandler;\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n}\n\nexport const ChoroplethLayerTooltip = (props: ChoroplethLayerTooltipProps) => {\n  const { tooltipTemplate, hidden, symbolAlignment } = props;\n\n  const { data, inBounds, position } =\n    useGeoLayerTooltip<ChoroplethTooltipStatePayload>('geoChoropleth');\n\n  if (hidden || !tooltipTemplate || !inBounds || !position) {\n    return null;\n  }\n\n  if (!data || !data[0]) {\n    return null;\n  }\n\n  const { name, __color: color, data: customData } = data[0];\n  const regionData: ChoroplethLayerTooltipData = {\n    data: customData,\n    name,\n    color,\n  };\n\n  const template = tooltipTemplate(regionData);\n\n  if (!template) {\n    return null;\n  }\n\n  if (isDefaultTooltipHandler(tooltipTemplate)) {\n    return template;\n  }\n\n  return (\n    <OverlayTooltip\n      legacyTemplate={template}\n      symbolAlignment={symbolAlignment}\n    />\n  );\n};\n\nChoroplethLayerTooltip['displayName'] = 'ChoroplethLayerTooltip';\n"],
-  "mappings": "AAuDI;AAvDJ,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,0BAA0B;AAKnC,SAAS,+BAA+B;AAgBjC,MAAM,yBAAyB,CAAC,UAAuC;AAC5E,QAAM,EAAE,iBAAiB,QAAQ,gBAAgB,IAAI;AAErD,QAAM,EAAE,MAAM,UAAU,SAAS,IAC/B,mBAAkD,eAAe;AAEnE,MAAI,UAAU,CAAC,mBAAmB,CAAC,YAAY,CAAC,UAAU;AACxD,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,MAAM,SAAS,OAAO,MAAM,WAAW,IAAI,KAAK,CAAC;AACzD,QAAM,aAAyC;AAAA,IAC7C,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,gBAAgB,UAAU;AAE3C,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MAAI,wBAAwB,eAAe,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;AAEA,uBAAuB,aAAa,IAAI;",
+  "sourcesContent": ["import { _OverlayTooltip as OverlayTooltip } from '@dynatrace/strato-components/charts';\n\nimport { useGeoLayerTooltip } from '../../hooks/use-geo-layer-tooltip.js';\nimport type {\n  ChoroplethLayerTooltipData,\n  ChoroplethLayerTooltipHandler,\n} from '../../types/tooltip.js';\nimport { isDefaultTooltipHandler } from '../../utils/tooltip-type-guards.js';\n\ninterface ChoroplethTooltipStatePayload {\n  name: string;\n  region_type: string;\n  __color: string;\n  __hoveredColor: string;\n  data: Record<string, unknown>;\n}\n\nexport interface ChoroplethLayerTooltipProps {\n  tooltipTemplate?: ChoroplethLayerTooltipHandler;\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n}\n\nexport const ChoroplethLayerTooltip = (props: ChoroplethLayerTooltipProps) => {\n  const { tooltipTemplate, hidden, symbolAlignment } = props;\n\n  const { data, inBounds, position } =\n    useGeoLayerTooltip<ChoroplethTooltipStatePayload>('geoChoropleth');\n\n  if (hidden || !tooltipTemplate || !inBounds || !position) {\n    return null;\n  }\n\n  if (!data || !data[0]) {\n    return null;\n  }\n\n  const { name, __color: color, data: customData } = data[0];\n  const regionData: ChoroplethLayerTooltipData = {\n    data: customData,\n    name,\n    color,\n  };\n\n  const template = tooltipTemplate(regionData);\n\n  if (!template) {\n    return null;\n  }\n\n  if (isDefaultTooltipHandler(tooltipTemplate)) {\n    return template;\n  }\n\n  return (\n    <OverlayTooltip template={template} symbolAlignment={symbolAlignment} />\n  );\n};\n\nChoroplethLayerTooltip['displayName'] = 'ChoroplethLayerTooltip';\n"],
+  "mappings": "AAuDI;AAvDJ,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,0BAA0B;AAKnC,SAAS,+BAA+B;AAgBjC,MAAM,yBAAyB,CAAC,UAAuC;AAC5E,QAAM,EAAE,iBAAiB,QAAQ,gBAAgB,IAAI;AAErD,QAAM,EAAE,MAAM,UAAU,SAAS,IAC/B,mBAAkD,eAAe;AAEnE,MAAI,UAAU,CAAC,mBAAmB,CAAC,YAAY,CAAC,UAAU;AACxD,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,MAAM,SAAS,OAAO,MAAM,WAAW,IAAI,KAAK,CAAC;AACzD,QAAM,aAAyC;AAAA,IAC7C,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,gBAAgB,UAAU;AAE3C,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MAAI,wBAAwB,eAAe,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,kBAAe,UAAoB,iBAAkC;AAE1E;AAEA,uBAAuB,aAAa,IAAI;",
   "names": []
 }

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

@@ -28,13 +28,7 @@ const ConnectionLayerTooltip = (props) => {
   if (isDefaultTooltipHandler(tooltipTemplate)) {
     return template;
   }
-  return /* @__PURE__ */ jsx(
-    OverlayTooltip,
-    {
-      legacyTemplate: template,
-      symbolAlignment
-    }
-  );
+  return /* @__PURE__ */ jsx(OverlayTooltip, { template, symbolAlignment });
 };
 ConnectionLayerTooltip["displayName"] = "ConnectionLayerTooltip";
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/ConnectionLayer/ConnectionLayerTooltip.tsx"],
-  "sourcesContent": ["import { _OverlayTooltip as OverlayTooltip } from '@dynatrace/strato-components/charts';\n\nimport { useGeoLayerTooltip } from '../../hooks/use-geo-layer-tooltip.js';\nimport type { Connection } from '../../types/connection-layer.js';\nimport type {\n  ConnectionLayerTooltipData,\n  ConnectionLayerTooltipHandler,\n} from '../../types/tooltip.js';\nimport { isDefaultTooltipHandler } from '../../utils/tooltip-type-guards.js';\n\ninterface ConnectionTooltipPayload {\n  id: string;\n  __lineColor: string;\n  __lineHoveredColor: string;\n  __lineWidth: number;\n  curve?: string;\n  data: Connection;\n}\n\nexport interface ConnectionLayerTooltipProps {\n  tooltipTemplate?: ConnectionLayerTooltipHandler;\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n}\n\nexport const ConnectionLayerTooltip = (props: ConnectionLayerTooltipProps) => {\n  const { tooltipTemplate, hidden, symbolAlignment } = props;\n\n  const { data, inBounds, position } =\n    useGeoLayerTooltip<ConnectionTooltipPayload>('geoConnection');\n\n  if (hidden || !tooltipTemplate || !inBounds || !position) {\n    return null;\n  }\n\n  if (!data || !data[0]) {\n    return null;\n  }\n\n  const {\n    __lineColor: color,\n    __lineWidth: thickness,\n    data: customData,\n  } = data[0];\n  const connectionData: ConnectionLayerTooltipData<Connection> = {\n    color,\n    thickness,\n    data: customData,\n  };\n\n  const template = tooltipTemplate(connectionData);\n\n  if (!template) {\n    return null;\n  }\n\n  if (isDefaultTooltipHandler(tooltipTemplate)) {\n    return template;\n  }\n\n  return (\n    <OverlayTooltip\n      legacyTemplate={template}\n      symbolAlignment={symbolAlignment}\n    />\n  );\n};\n\nConnectionLayerTooltip['displayName'] = 'ConnectionLayerTooltip';\n"],
-  "mappings": "AA6DI;AA7DJ,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,0BAA0B;AAMnC,SAAS,+BAA+B;AAiBjC,MAAM,yBAAyB,CAAC,UAAuC;AAC5E,QAAM,EAAE,iBAAiB,QAAQ,gBAAgB,IAAI;AAErD,QAAM,EAAE,MAAM,UAAU,SAAS,IAC/B,mBAA6C,eAAe;AAE9D,MAAI,UAAU,CAAC,mBAAmB,CAAC,YAAY,CAAC,UAAU;AACxD,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,EACR,IAAI,KAAK,CAAC;AACV,QAAM,iBAAyD;AAAA,IAC7D;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,QAAM,WAAW,gBAAgB,cAAc;AAE/C,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MAAI,wBAAwB,eAAe,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;AAEA,uBAAuB,aAAa,IAAI;",
+  "sourcesContent": ["import { _OverlayTooltip as OverlayTooltip } from '@dynatrace/strato-components/charts';\n\nimport { useGeoLayerTooltip } from '../../hooks/use-geo-layer-tooltip.js';\nimport type { Connection } from '../../types/connection-layer.js';\nimport type {\n  ConnectionLayerTooltipData,\n  ConnectionLayerTooltipHandler,\n} from '../../types/tooltip.js';\nimport { isDefaultTooltipHandler } from '../../utils/tooltip-type-guards.js';\n\ninterface ConnectionTooltipPayload {\n  id: string;\n  __lineColor: string;\n  __lineHoveredColor: string;\n  __lineWidth: number;\n  curve?: string;\n  data: Connection;\n}\n\nexport interface ConnectionLayerTooltipProps {\n  tooltipTemplate?: ConnectionLayerTooltipHandler;\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n}\n\nexport const ConnectionLayerTooltip = (props: ConnectionLayerTooltipProps) => {\n  const { tooltipTemplate, hidden, symbolAlignment } = props;\n\n  const { data, inBounds, position } =\n    useGeoLayerTooltip<ConnectionTooltipPayload>('geoConnection');\n\n  if (hidden || !tooltipTemplate || !inBounds || !position) {\n    return null;\n  }\n\n  if (!data || !data[0]) {\n    return null;\n  }\n\n  const {\n    __lineColor: color,\n    __lineWidth: thickness,\n    data: customData,\n  } = data[0];\n  const connectionData: ConnectionLayerTooltipData<Connection> = {\n    color,\n    thickness,\n    data: customData,\n  };\n\n  const template = tooltipTemplate(connectionData);\n\n  if (!template) {\n    return null;\n  }\n\n  if (isDefaultTooltipHandler(tooltipTemplate)) {\n    return template;\n  }\n\n  return (\n    <OverlayTooltip template={template} symbolAlignment={symbolAlignment} />\n  );\n};\n\nConnectionLayerTooltip['displayName'] = 'ConnectionLayerTooltip';\n"],
+  "mappings": "AA6DI;AA7DJ,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,0BAA0B;AAMnC,SAAS,+BAA+B;AAiBjC,MAAM,yBAAyB,CAAC,UAAuC;AAC5E,QAAM,EAAE,iBAAiB,QAAQ,gBAAgB,IAAI;AAErD,QAAM,EAAE,MAAM,UAAU,SAAS,IAC/B,mBAA6C,eAAe;AAE9D,MAAI,UAAU,CAAC,mBAAmB,CAAC,YAAY,CAAC,UAAU;AACxD,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,EACR,IAAI,KAAK,CAAC;AACV,QAAM,iBAAyD;AAAA,IAC7D;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,QAAM,WAAW,gBAAgB,cAAc;AAE/C,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MAAI,wBAAwB,eAAe,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,kBAAe,UAAoB,iBAAkC;AAE1E;AAEA,uBAAuB,aAAa,IAAI;",
   "names": []
 }

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

@@ -24,13 +24,7 @@ const DotLayerTooltip = (props) => {
   if (isDefaultTooltipHandler(tooltipTemplate)) {
     return template;
   }
-  return /* @__PURE__ */ jsx(
-    OverlayTooltip,
-    {
-      legacyTemplate: template,
-      symbolAlignment
-    }
-  );
+  return /* @__PURE__ */ jsx(OverlayTooltip, { template, symbolAlignment });
 };
 DotLayerTooltip["displayName"] = "DotLayerTooltip";
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/DotLayer/DotLayerTooltip.tsx"],
-  "sourcesContent": ["import { _OverlayTooltip as OverlayTooltip } from '@dynatrace/strato-components/charts';\n\nimport { useGeoLayerTooltip } from '../../hooks/use-geo-layer-tooltip.js';\nimport type { Location } from '../../types/location.js';\nimport type {\n  DotLayerTooltipData,\n  DotLayerTooltipHandler,\n} from '../../types/tooltip.js';\nimport { isDefaultTooltipHandler } from '../../utils/tooltip-type-guards.js';\n\ninterface DotTooltipStatePayload {\n  __color: string;\n  __hoveredColor: string;\n  __bearing: number;\n  __backgroundColor: string;\n  __hoveredBackgroundColor: string;\n  data: Location;\n}\n\nexport interface DotLayerTooltipProps {\n  tooltipTemplate?: DotLayerTooltipHandler;\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n}\n\nexport const DotLayerTooltip = (props: DotLayerTooltipProps) => {\n  const { tooltipTemplate, hidden, symbolAlignment } = props;\n\n  const { data, inBounds, position } =\n    useGeoLayerTooltip<DotTooltipStatePayload>('geoDot');\n\n  if (hidden || !tooltipTemplate || !inBounds || !position) {\n    return null;\n  }\n\n  if (!data || !data[0]) {\n    return null;\n  }\n\n  const { __color: color, __bearing: bearing, data: customData } = data[0];\n  const dotData: DotLayerTooltipData = {\n    color,\n    bearing,\n    data: customData,\n  };\n\n  const template = tooltipTemplate(dotData);\n\n  if (!template) {\n    return null;\n  }\n\n  if (isDefaultTooltipHandler(tooltipTemplate)) {\n    return template;\n  }\n\n  return (\n    <OverlayTooltip\n      legacyTemplate={template}\n      symbolAlignment={symbolAlignment}\n    />\n  );\n};\n\nDotLayerTooltip['displayName'] = 'DotLayerTooltip';\n"],
-  "mappings": "AAyDI;AAzDJ,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,0BAA0B;AAMnC,SAAS,+BAA+B;AAiBjC,MAAM,kBAAkB,CAAC,UAAgC;AAC9D,QAAM,EAAE,iBAAiB,QAAQ,gBAAgB,IAAI;AAErD,QAAM,EAAE,MAAM,UAAU,SAAS,IAC/B,mBAA2C,QAAQ;AAErD,MAAI,UAAU,CAAC,mBAAmB,CAAC,YAAY,CAAC,UAAU;AACxD,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,SAAS,OAAO,WAAW,SAAS,MAAM,WAAW,IAAI,KAAK,CAAC;AACvE,QAAM,UAA+B;AAAA,IACnC;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,QAAM,WAAW,gBAAgB,OAAO;AAExC,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MAAI,wBAAwB,eAAe,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;AAEA,gBAAgB,aAAa,IAAI;",
+  "sourcesContent": ["import { _OverlayTooltip as OverlayTooltip } from '@dynatrace/strato-components/charts';\n\nimport { useGeoLayerTooltip } from '../../hooks/use-geo-layer-tooltip.js';\nimport type { Location } from '../../types/location.js';\nimport type {\n  DotLayerTooltipData,\n  DotLayerTooltipHandler,\n} from '../../types/tooltip.js';\nimport { isDefaultTooltipHandler } from '../../utils/tooltip-type-guards.js';\n\ninterface DotTooltipStatePayload {\n  __color: string;\n  __hoveredColor: string;\n  __bearing: number;\n  __backgroundColor: string;\n  __hoveredBackgroundColor: string;\n  data: Location;\n}\n\nexport interface DotLayerTooltipProps {\n  tooltipTemplate?: DotLayerTooltipHandler;\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n}\n\nexport const DotLayerTooltip = (props: DotLayerTooltipProps) => {\n  const { tooltipTemplate, hidden, symbolAlignment } = props;\n\n  const { data, inBounds, position } =\n    useGeoLayerTooltip<DotTooltipStatePayload>('geoDot');\n\n  if (hidden || !tooltipTemplate || !inBounds || !position) {\n    return null;\n  }\n\n  if (!data || !data[0]) {\n    return null;\n  }\n\n  const { __color: color, __bearing: bearing, data: customData } = data[0];\n  const dotData: DotLayerTooltipData = {\n    color,\n    bearing,\n    data: customData,\n  };\n\n  const template = tooltipTemplate(dotData);\n\n  if (!template) {\n    return null;\n  }\n\n  if (isDefaultTooltipHandler(tooltipTemplate)) {\n    return template;\n  }\n\n  return (\n    <OverlayTooltip template={template} symbolAlignment={symbolAlignment} />\n  );\n};\n\nDotLayerTooltip['displayName'] = 'DotLayerTooltip';\n"],
+  "mappings": "AAyDI;AAzDJ,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,0BAA0B;AAMnC,SAAS,+BAA+B;AAiBjC,MAAM,kBAAkB,CAAC,UAAgC;AAC9D,QAAM,EAAE,iBAAiB,QAAQ,gBAAgB,IAAI;AAErD,QAAM,EAAE,MAAM,UAAU,SAAS,IAC/B,mBAA2C,QAAQ;AAErD,MAAI,UAAU,CAAC,mBAAmB,CAAC,YAAY,CAAC,UAAU;AACxD,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,SAAS,OAAO,WAAW,SAAS,MAAM,WAAW,IAAI,KAAK,CAAC;AACvE,QAAM,UAA+B;AAAA,IACnC;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,QAAM,WAAW,gBAAgB,OAAO;AAExC,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MAAI,wBAAwB,eAAe,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,kBAAe,UAAoB,iBAAkC;AAE1E;AAEA,gBAAgB,aAAa,IAAI;",
   "names": []
 }

package/esm/map/hooks/use-map-runtime-error.js

@@ -8,7 +8,8 @@ const MAPLIBRE_RUNTIME_ERROR_PATTERNS = [
   "Could not compile vertex shader",
   "Program failed to link",
   "feature index out of bounds",
-  "Out of bounds. Index requested"
+  "Out of bounds. Index requested",
+  "bucket.icon.opacityVertexArray"
 ];
 const isMaplibreRuntimeError = (message) => MAPLIBRE_RUNTIME_ERROR_PATTERNS.some((pattern) => message.includes(pattern));
 const useMapRuntimeError = ({

package/esm/map/hooks/use-map-runtime-error.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/hooks/use-map-runtime-error.ts"],
-  "sourcesContent": ["import { useMap } from '@vis.gl/react-maplibre';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useWebGLContextError } from './use-webgl-context-error.js';\n\nconst MAX_RETRIES = 3;\n\n/** Prevents a burst of identical errors from exhausting the retry budget in one frame. */\nconst ERROR_DEBOUNCE_MS = 500;\n\n/**\n * Patterns that identify errors thrown from the maplibre-gl internal render\n * pipeline (shader compilation, program linking, vector-tile feature decoding).\n * These originate from rAF callbacks or from maplibre's own error event and\n * are not caused by consumer code.\n *\n * APPDEV-17938\n */\nconst MAPLIBRE_RUNTIME_ERROR_PATTERNS: readonly string[] = [\n  'Could not compile fragment shader',\n  'Could not compile vertex shader',\n  'Program failed to link',\n  'feature index out of bounds',\n  'Out of bounds. Index requested',\n];\n\nconst isMaplibreRuntimeError = (message: string): boolean =>\n  MAPLIBRE_RUNTIME_ERROR_PATTERNS.some((pattern) => message.includes(pattern));\n\nexport interface UseMapRuntimeErrorOptions {\n  /**\n   * Called when the retry budget (3 attempts) is exhausted and the map cannot\n   * recover. Throwing inside this callback will propagate to the nearest React\n   * ErrorBoundary, showing the fallback UI.\n   */\n  onError: () => void;\n  /**\n   * Optional callback invoked on each recoverable error attempt before the\n   * budget is exhausted. The `attempt` argument is 1-indexed.\n   */\n  onRetry?: (attempt: number) => void;\n}\n\n/**\n * Unified hook that guards MapView against maplibre-gl runtime errors from\n * three distinct sources:\n *\n * 1. **WebGL context loss** (`webglcontextlost` on the canvas) \u2014 composed via\n *    `useWebGLContextError`.\n * 2. **maplibre's own error events** (`map.on('error', ...)`), covering tile\n *    load failures and other internally dispatched errors.\n * 3. **Synchronous throws from the rAF render loop** that escape to\n *    `window.onerror` \u2014 shader compilation, program link, and feature-index\n *    out-of-bounds errors that maplibre does not catch internally.\n *\n * A shared retry counter (max 3) is maintained across all sources. Error\n * counting is debounced at 500 ms so that a burst of errors within a single\n * render frame counts as one occurrence. The counter resets whenever the map\n * fires an `idle` event (indicating a successful render). Once the budget is\n * exhausted, `onError` is invoked.\n *\n * APPDEV-17938\n */\nexport const useMapRuntimeError = ({\n  onError,\n  onRetry,\n}: UseMapRuntimeErrorOptions) => {\n  const { current: mapRef } = useMap();\n  const retryCountRef = useRef(0);\n  const lastErrorTimeRef = useRef(0);\n  // Tracks whether this map instance is actively rendering. Without this guard,\n  // all mounted <MapView> instances would increment on a single window error\n  // event. Initialised to true so early errors (before first idle) are caught.\n  const isMapActiveRef = useRef(true);\n\n  const onErrorRef = useRef(onError);\n  onErrorRef.current = onError;\n  const onRetryRef = useRef(onRetry);\n  onRetryRef.current = onRetry;\n\n  const handleError = useCallback(() => {\n    const now = Date.now();\n\n    if (now - lastErrorTimeRef.current < ERROR_DEBOUNCE_MS) {\n      return;\n    }\n\n    lastErrorTimeRef.current = now;\n    retryCountRef.current += 1;\n\n    if (retryCountRef.current >= MAX_RETRIES) {\n      onErrorRef.current();\n    } else {\n      onRetryRef.current?.(retryCountRef.current);\n    }\n  }, []);\n\n  useWebGLContextError(handleError);\n\n  useEffect(() => {\n    const map = mapRef?.getMap();\n    if (!map) {\n      return;\n    }\n\n    const handleMapError = ({ error }: { error: Error }) => {\n      if (isMaplibreRuntimeError(error.message)) {\n        handleError();\n      }\n    };\n\n    map.on('error', handleMapError);\n    return () => {\n      map.off('error', handleMapError);\n    };\n  }, [mapRef, handleError]);\n\n  // rAF render-loop throws escape to window because they run outside React's\n  // render cycle and are not caught by component-level error boundaries.\n  useEffect(() => {\n    const handleWindowError = (event: ErrorEvent) => {\n      if (!isMapActiveRef.current) {\n        return;\n      }\n      if (isMaplibreRuntimeError(event.message)) {\n        // Stops the red console overlay in dev and top-level error boundaries.\n        event.preventDefault();\n        handleError();\n      }\n    };\n\n    window.addEventListener('error', handleWindowError);\n    return () => {\n      window.removeEventListener('error', handleWindowError);\n    };\n  }, [handleError]);\n\n  useEffect(() => {\n    const map = mapRef?.getMap();\n    if (!map) {\n      return;\n    }\n\n    const handleRender = () => {\n      isMapActiveRef.current = true;\n    };\n\n    const handleIdle = () => {\n      isMapActiveRef.current = false;\n      retryCountRef.current = 0;\n    };\n\n    map.on('render', handleRender);\n    map.on('idle', handleIdle);\n    return () => {\n      map.off('render', handleRender);\n      map.off('idle', handleIdle);\n    };\n  }, [mapRef]);\n};\n"],
-  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,aAAa,WAAW,cAAc;AAE/C,SAAS,4BAA4B;AAErC,MAAM,cAAc;AAGpB,MAAM,oBAAoB;AAU1B,MAAM,kCAAqD;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,yBAAyB,CAAC,YAC9B,gCAAgC,KAAK,CAAC,YAAY,QAAQ,SAAS,OAAO,CAAC;AAoCtE,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,EAAE,SAAS,OAAO,IAAI,OAAO;AACnC,QAAM,gBAAgB,OAAO,CAAC;AAC9B,QAAM,mBAAmB,OAAO,CAAC;AAIjC,QAAM,iBAAiB,OAAO,IAAI;AAElC,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AACrB,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AAErB,QAAM,cAAc,YAAY,MAAM;AACpC,UAAM,MAAM,KAAK,IAAI;AAErB,QAAI,MAAM,iBAAiB,UAAU,mBAAmB;AACtD;AAAA,IACF;AAEA,qBAAiB,UAAU;AAC3B,kBAAc,WAAW;AAEzB,QAAI,cAAc,WAAW,aAAa;AACxC,iBAAW,QAAQ;AAAA,IACrB,OAAO;AACL,iBAAW,UAAU,cAAc,OAAO;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,uBAAqB,WAAW;AAEhC,YAAU,MAAM;AACd,UAAM,MAAM,QAAQ,OAAO;AAC3B,QAAI,CAAC,KAAK;AACR;AAAA,IACF;AAEA,UAAM,iBAAiB,CAAC,EAAE,MAAM,MAAwB;AACtD,UAAI,uBAAuB,MAAM,OAAO,GAAG;AACzC,oBAAY;AAAA,MACd;AAAA,IACF;AAEA,QAAI,GAAG,SAAS,cAAc;AAC9B,WAAO,MAAM;AACX,UAAI,IAAI,SAAS,cAAc;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,QAAQ,WAAW,CAAC;AAIxB,YAAU,MAAM;AACd,UAAM,oBAAoB,CAAC,UAAsB;AAC/C,UAAI,CAAC,eAAe,SAAS;AAC3B;AAAA,MACF;AACA,UAAI,uBAAuB,MAAM,OAAO,GAAG;AAEzC,cAAM,eAAe;AACrB,oBAAY;AAAA,MACd;AAAA,IACF;AAEA,WAAO,iBAAiB,SAAS,iBAAiB;AAClD,WAAO,MAAM;AACX,aAAO,oBAAoB,SAAS,iBAAiB;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,YAAU,MAAM;AACd,UAAM,MAAM,QAAQ,OAAO;AAC3B,QAAI,CAAC,KAAK;AACR;AAAA,IACF;AAEA,UAAM,eAAe,MAAM;AACzB,qBAAe,UAAU;AAAA,IAC3B;AAEA,UAAM,aAAa,MAAM;AACvB,qBAAe,UAAU;AACzB,oBAAc,UAAU;AAAA,IAC1B;AAEA,QAAI,GAAG,UAAU,YAAY;AAC7B,QAAI,GAAG,QAAQ,UAAU;AACzB,WAAO,MAAM;AACX,UAAI,IAAI,UAAU,YAAY;AAC9B,UAAI,IAAI,QAAQ,UAAU;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AACb;",
+  "sourcesContent": ["import { useMap } from '@vis.gl/react-maplibre';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useWebGLContextError } from './use-webgl-context-error.js';\n\nconst MAX_RETRIES = 3;\n\n/** Prevents a burst of identical errors from exhausting the retry budget in one frame. */\nconst ERROR_DEBOUNCE_MS = 500;\n\n/**\n * Patterns that identify errors thrown from the maplibre-gl internal render\n * pipeline (shader compilation, program linking, vector-tile feature decoding).\n * These originate from rAF callbacks or from maplibre's own error event and\n * are not caused by consumer code.\n *\n * APPDEV-17938\n */\nconst MAPLIBRE_RUNTIME_ERROR_PATTERNS: readonly string[] = [\n  'Could not compile fragment shader',\n  'Could not compile vertex shader',\n  'Program failed to link',\n  'feature index out of bounds',\n  'Out of bounds. Index requested',\n  'bucket.icon.opacityVertexArray',\n];\n\nconst isMaplibreRuntimeError = (message: string): boolean =>\n  MAPLIBRE_RUNTIME_ERROR_PATTERNS.some((pattern) => message.includes(pattern));\n\nexport interface UseMapRuntimeErrorOptions {\n  /**\n   * Called when the retry budget (3 attempts) is exhausted and the map cannot\n   * recover. Throwing inside this callback will propagate to the nearest React\n   * ErrorBoundary, showing the fallback UI.\n   */\n  onError: () => void;\n  /**\n   * Optional callback invoked on each recoverable error attempt before the\n   * budget is exhausted. The `attempt` argument is 1-indexed.\n   */\n  onRetry?: (attempt: number) => void;\n}\n\n/**\n * Unified hook that guards MapView against maplibre-gl runtime errors from\n * three distinct sources:\n *\n * 1. **WebGL context loss** (`webglcontextlost` on the canvas) \u2014 composed via\n *    `useWebGLContextError`.\n * 2. **maplibre's own error events** (`map.on('error', ...)`), covering tile\n *    load failures and other internally dispatched errors.\n * 3. **Synchronous throws from the rAF render loop** that escape to\n *    `window.onerror` \u2014 shader compilation, program link, and feature-index\n *    out-of-bounds errors that maplibre does not catch internally.\n *\n * A shared retry counter (max 3) is maintained across all sources. Error\n * counting is debounced at 500 ms so that a burst of errors within a single\n * render frame counts as one occurrence. The counter resets whenever the map\n * fires an `idle` event (indicating a successful render). Once the budget is\n * exhausted, `onError` is invoked.\n *\n * APPDEV-17938\n */\nexport const useMapRuntimeError = ({\n  onError,\n  onRetry,\n}: UseMapRuntimeErrorOptions) => {\n  const { current: mapRef } = useMap();\n  const retryCountRef = useRef(0);\n  const lastErrorTimeRef = useRef(0);\n  // Tracks whether this map instance is actively rendering. Without this guard,\n  // all mounted <MapView> instances would increment on a single window error\n  // event. Initialised to true so early errors (before first idle) are caught.\n  const isMapActiveRef = useRef(true);\n\n  const onErrorRef = useRef(onError);\n  onErrorRef.current = onError;\n  const onRetryRef = useRef(onRetry);\n  onRetryRef.current = onRetry;\n\n  const handleError = useCallback(() => {\n    const now = Date.now();\n\n    if (now - lastErrorTimeRef.current < ERROR_DEBOUNCE_MS) {\n      return;\n    }\n\n    lastErrorTimeRef.current = now;\n    retryCountRef.current += 1;\n\n    if (retryCountRef.current >= MAX_RETRIES) {\n      onErrorRef.current();\n    } else {\n      onRetryRef.current?.(retryCountRef.current);\n    }\n  }, []);\n\n  useWebGLContextError(handleError);\n\n  useEffect(() => {\n    const map = mapRef?.getMap();\n    if (!map) {\n      return;\n    }\n\n    const handleMapError = ({ error }: { error: Error }) => {\n      if (isMaplibreRuntimeError(error.message)) {\n        handleError();\n      }\n    };\n\n    map.on('error', handleMapError);\n    return () => {\n      map.off('error', handleMapError);\n    };\n  }, [mapRef, handleError]);\n\n  // rAF render-loop throws escape to window because they run outside React's\n  // render cycle and are not caught by component-level error boundaries.\n  useEffect(() => {\n    const handleWindowError = (event: ErrorEvent) => {\n      if (!isMapActiveRef.current) {\n        return;\n      }\n      if (isMaplibreRuntimeError(event.message)) {\n        // Stops the red console overlay in dev and top-level error boundaries.\n        event.preventDefault();\n        handleError();\n      }\n    };\n\n    window.addEventListener('error', handleWindowError);\n    return () => {\n      window.removeEventListener('error', handleWindowError);\n    };\n  }, [handleError]);\n\n  useEffect(() => {\n    const map = mapRef?.getMap();\n    if (!map) {\n      return;\n    }\n\n    const handleRender = () => {\n      isMapActiveRef.current = true;\n    };\n\n    const handleIdle = () => {\n      isMapActiveRef.current = false;\n      retryCountRef.current = 0;\n    };\n\n    map.on('render', handleRender);\n    map.on('idle', handleIdle);\n    return () => {\n      map.off('render', handleRender);\n      map.off('idle', handleIdle);\n    };\n  }, [mapRef]);\n};\n"],
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,aAAa,WAAW,cAAc;AAE/C,SAAS,4BAA4B;AAErC,MAAM,cAAc;AAGpB,MAAM,oBAAoB;AAU1B,MAAM,kCAAqD;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,yBAAyB,CAAC,YAC9B,gCAAgC,KAAK,CAAC,YAAY,QAAQ,SAAS,OAAO,CAAC;AAoCtE,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,EAAE,SAAS,OAAO,IAAI,OAAO;AACnC,QAAM,gBAAgB,OAAO,CAAC;AAC9B,QAAM,mBAAmB,OAAO,CAAC;AAIjC,QAAM,iBAAiB,OAAO,IAAI;AAElC,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AACrB,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AAErB,QAAM,cAAc,YAAY,MAAM;AACpC,UAAM,MAAM,KAAK,IAAI;AAErB,QAAI,MAAM,iBAAiB,UAAU,mBAAmB;AACtD;AAAA,IACF;AAEA,qBAAiB,UAAU;AAC3B,kBAAc,WAAW;AAEzB,QAAI,cAAc,WAAW,aAAa;AACxC,iBAAW,QAAQ;AAAA,IACrB,OAAO;AACL,iBAAW,UAAU,cAAc,OAAO;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,uBAAqB,WAAW;AAEhC,YAAU,MAAM;AACd,UAAM,MAAM,QAAQ,OAAO;AAC3B,QAAI,CAAC,KAAK;AACR;AAAA,IACF;AAEA,UAAM,iBAAiB,CAAC,EAAE,MAAM,MAAwB;AACtD,UAAI,uBAAuB,MAAM,OAAO,GAAG;AACzC,oBAAY;AAAA,MACd;AAAA,IACF;AAEA,QAAI,GAAG,SAAS,cAAc;AAC9B,WAAO,MAAM;AACX,UAAI,IAAI,SAAS,cAAc;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,QAAQ,WAAW,CAAC;AAIxB,YAAU,MAAM;AACd,UAAM,oBAAoB,CAAC,UAAsB;AAC/C,UAAI,CAAC,eAAe,SAAS;AAC3B;AAAA,MACF;AACA,UAAI,uBAAuB,MAAM,OAAO,GAAG;AAEzC,cAAM,eAAe;AACrB,oBAAY;AAAA,MACd;AAAA,IACF;AAEA,WAAO,iBAAiB,SAAS,iBAAiB;AAClD,WAAO,MAAM;AACX,aAAO,oBAAoB,SAAS,iBAAiB;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,YAAU,MAAM;AACd,UAAM,MAAM,QAAQ,OAAO;AAC3B,QAAI,CAAC,KAAK;AACR;AAAA,IACF;AAEA,UAAM,eAAe,MAAM;AACzB,qBAAe,UAAU;AAAA,IAC3B;AAEA,UAAM,aAAa,MAAM;AACvB,qBAAe,UAAU;AACzB,oBAAc,UAAU;AAAA,IAC1B;AAEA,QAAI,GAAG,UAAU,YAAY;AAC7B,QAAI,GAAG,QAAQ,UAAU;AACzB,WAAO,MAAM;AACX,UAAI,IAAI,UAAU,YAAY;AAC9B,UAAI,IAAI,QAAQ,UAAU;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AACb;",
   "names": []
 }

package/map/components/BubbleLayer/BubbleLayerTooltip.js

@@ -55,12 +55,6 @@ const BubbleLayerTooltip = (props) => {
   if ((0, import_tooltip_type_guards.isDefaultTooltipHandler)(tooltipTemplate)) {
     return template;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_charts._OverlayTooltip,
-    {
-      legacyTemplate: template,
-      symbolAlignment
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._OverlayTooltip, { template, symbolAlignment });
 };
 BubbleLayerTooltip["displayName"] = "BubbleLayerTooltip";

package/map/components/ChoroplethLayer/ChoroplethLayerTooltip.js

@@ -47,12 +47,6 @@ const ChoroplethLayerTooltip = (props) => {
   if ((0, import_tooltip_type_guards.isDefaultTooltipHandler)(tooltipTemplate)) {
     return template;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_charts._OverlayTooltip,
-    {
-      legacyTemplate: template,
-      symbolAlignment
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._OverlayTooltip, { template, symbolAlignment });
 };
 ChoroplethLayerTooltip["displayName"] = "ChoroplethLayerTooltip";

package/map/components/ConnectionLayer/ConnectionLayerTooltip.js

@@ -51,12 +51,6 @@ const ConnectionLayerTooltip = (props) => {
   if ((0, import_tooltip_type_guards.isDefaultTooltipHandler)(tooltipTemplate)) {
     return template;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_charts._OverlayTooltip,
-    {
-      legacyTemplate: template,
-      symbolAlignment
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._OverlayTooltip, { template, symbolAlignment });
 };
 ConnectionLayerTooltip["displayName"] = "ConnectionLayerTooltip";

package/map/components/DotLayer/DotLayerTooltip.js

@@ -47,12 +47,6 @@ const DotLayerTooltip = (props) => {
   if ((0, import_tooltip_type_guards.isDefaultTooltipHandler)(tooltipTemplate)) {
     return template;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_charts._OverlayTooltip,
-    {
-      legacyTemplate: template,
-      symbolAlignment
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_charts._OverlayTooltip, { template, symbolAlignment });
 };
 DotLayerTooltip["displayName"] = "DotLayerTooltip";

package/map/hooks/use-map-runtime-error.js

@@ -31,7 +31,8 @@ const MAPLIBRE_RUNTIME_ERROR_PATTERNS = [
   "Could not compile vertex shader",
   "Program failed to link",
   "feature index out of bounds",
-  "Out of bounds. Index requested"
+  "Out of bounds. Index requested",
+  "bucket.icon.opacityVertexArray"
 ];
 const isMaplibreRuntimeError = (message) => MAPLIBRE_RUNTIME_ERROR_PATTERNS.some((pattern) => message.includes(pattern));
 const useMapRuntimeError = ({

package/map/types/map-view-provider.d.ts

@@ -4,7 +4,7 @@
  */
 export type MapViewProviderProps = {
     /** Country code for regions with disputed borders */
-    countryCode?: 'CN' | 'IN' | 'IL' | 'MA';
+    countryCode?: 'CN' | 'IN' | 'IL' | 'MA' | 'OTHERS';
     /** Whether the world map is displayed */
     displayWorldMap?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynatrace/strato-geo",
-  "version": "3.8.0",
+  "version": "3.9.0",
   "private": false,
   "license": "Apache-2.0",
   "keywords": [
@@ -42,7 +42,7 @@
     "@turf/midpoint": "^6.5.0",
     "@turf/projection": "^6.5.0",
     "@turf/rhumb-bearing": "^6.5.0",
-    "@vanilla-extract/css": "^1.18.0",
+    "@vanilla-extract/css": "^1.21.1",
     "@vanilla-extract/recipes": "^0.5.7",
     "@vis.gl/react-maplibre": "^8.0.0",
     "d3-array": "^3.2.4",
@@ -54,7 +54,7 @@
     "@dynatrace-sdk/client-classic-environment-v2": "^5.1.0",
     "@dynatrace-sdk/client-platform-management-service": "^1.7.0",
     "@dynatrace-sdk/units": "^1.5.0",
-    "@dynatrace/strato-components": "^3.8.0",
+    "@dynatrace/strato-components": "^3.9.0",
     "@dynatrace/strato-design-tokens": "^1.5.1",
     "@dynatrace/strato-icons": "^2.3.1",
     "react": "^18.0.0",