@dynatrace/strato-components 3.5.2 → 3.6.0

package/esm/charts/core/components/annotations/components/displays/AnnotationsNumericalDisplay.js

@@ -1,9 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
+import { AnnotationsContainer } from "./AnnotationsContainer.js";
 import { useBehavioralTrackingProps } from "../../../../../../core/hooks/useBehavioralTrackingProps.js";
+import { OverlayProvider } from "../../../overlay-tooltip/contexts/OverlayContext.js";
+import { TooltipProvider } from "../../../overlay-tooltip/contexts/TooltipContext.js";
 import { AnnotationsProviders } from "../../providers/AnnotationsProviders.js";
 import { AnnotationsRenderer } from "../AnnotationsRenderer.js";
-import { AnnotationsTooltip } from "../tooltip/AnnotationsTooltip.js";
+import { AnnotationsOverlayTooltip } from "../tooltip/AnnotationsOverlayTooltip.js";
 import { AnnotationsTooltipFormatterContext } from "../tooltip/contexts/AnnotationsTooltipFormatter.context.js";
 const AnnotationsNumericalDisplay = (props) => {
   const {
@@ -15,39 +17,32 @@ const AnnotationsNumericalDisplay = (props) => {
     ...rendererProps
   } = props;
   const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
-  const AnnotationsContainerRef = useRef(null);
-  return /* @__PURE__ */ jsx(
-    "div",
+  return /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(
+    AnnotationsContainer,
     {
-      ref: AnnotationsContainerRef,
       ...behaviorTrackingProps,
       "data-dt-component": dataDtComponent,
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(TooltipProvider, { persistedStore: true, children: /* @__PURE__ */ jsx(
         AnnotationsProviders,
         {
           onAnnotationsMarkersInteraction: markerGroupHover,
           annotationsActions,
           tooltipConfig,
           children: /* @__PURE__ */ jsxs(AnnotationsTooltipFormatterContext.Provider, { value: formatter, children: [
+            /* @__PURE__ */ jsx(AnnotationsRenderer, { ...rendererProps }),
             /* @__PURE__ */ jsx(
-              AnnotationsRenderer,
-              {
-                ...rendererProps,
-                annotationsContainerRef: AnnotationsContainerRef
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              AnnotationsTooltip,
+              AnnotationsOverlayTooltip,
               {
                 tooltipType: "numerical",
-                annotationsContainerRef: AnnotationsContainerRef
+                truncationMode: rendererProps.truncateMode,
+                maxLines: rendererProps.maxLines
               }
             )
           ] })
         }
-      )
+      ) })
     }
-  );
+  ) });
 };
 AnnotationsNumericalDisplay["displayName"] = "AnnotationsNumericalDisplay";
 export {

package/esm/charts/core/components/annotations/components/displays/AnnotationsNumericalDisplay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/displays/AnnotationsNumericalDisplay.tsx"],
-  "sourcesContent": ["import type { ScaleLinear, ScaleSymLog } from 'd3-scale';\nimport { useRef } from 'react';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport { useBehavioralTrackingProps } from '../../../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { BehaviorTrackingProps } from '../../../../../../core/types/behavior-tracking-props.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { Formatter } from '../../../../types/formatter.js';\nimport { AnnotationsProviders } from '../../providers/AnnotationsProviders.js';\nimport type { AnnotationsTrackConfig } from '../../types/annotations-track-props.js';\nimport type { AnnotationsActionsHandler } from '../../types/annotations.js';\nimport type { TextOverflowOptions } from '../../types/marker.js';\nimport type { SelectionState } from '../../types/state.js';\nimport { AnnotationsRenderer } from '../AnnotationsRenderer.js';\nimport { AnnotationsTooltip } from '../tooltip/AnnotationsTooltip.js';\nimport { AnnotationsTooltipFormatterContext } from '../tooltip/contexts/AnnotationsTooltipFormatter.context.js';\nimport type { AnnotationsTooltipConfig } from '../tooltip/types/annotations-tooltip-props.js';\n\n/**\n * @internal\n */\ntype AnnotationsNumericalDisplayProps = BehaviorTrackingProps & {\n  tracks: AnnotationsTrackConfig[];\n  scale: ScaleLinear<number, number> | ScaleSymLog<number, number>;\n  showLabels: boolean;\n  labelsOffset: number;\n  width: number;\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  annotationsActions?: AnnotationsActionsHandler;\n  markerGroupHover?: (event: Partial<SelectionState>) => void;\n  tooltipConfig?: AnnotationsTooltipConfig;\n  /**\n   * Optional data-dt-component attribute for RUM tracking.\n   */\n  'data-dt-component'?: string;\n};\n\nexport const AnnotationsNumericalDisplay = (\n  props: AnnotationsNumericalDisplayProps,\n) => {\n  const {\n    annotationsActions,\n    markerGroupHover,\n    formatter,\n    tooltipConfig,\n    'data-dt-component': dataDtComponent,\n    ...rendererProps\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const AnnotationsContainerRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <div\n      ref={AnnotationsContainerRef}\n      {...behaviorTrackingProps}\n      data-dt-component={dataDtComponent}\n    >\n      <AnnotationsProviders\n        onAnnotationsMarkersInteraction={markerGroupHover}\n        annotationsActions={annotationsActions}\n        tooltipConfig={tooltipConfig}\n      >\n        <AnnotationsTooltipFormatterContext.Provider value={formatter}>\n          <AnnotationsRenderer\n            {...rendererProps}\n            annotationsContainerRef={AnnotationsContainerRef}\n          />\n          <AnnotationsTooltip\n            tooltipType=\"numerical\"\n            annotationsContainerRef={AnnotationsContainerRef}\n          />\n        </AnnotationsTooltipFormatterContext.Provider>\n      </AnnotationsProviders>\n    </div>\n  );\n};\n\nAnnotationsNumericalDisplay['displayName'] = 'AnnotationsNumericalDisplay';\n"],
-  "mappings": "AAuEQ,SACE,KADF;AAtER,SAAS,cAAc;AAQvB,SAAS,kCAAkC;AAI3C,SAAS,4BAA4B;AAKrC,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,0CAA0C;AAwB5C,MAAM,8BAA8B,CACzC,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAEhE,QAAM,0BAA0B,OAAuB,IAAI;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,iCAAiC;AAAA,UACjC;AAAA,UACA;AAAA,UAEA,+BAAC,mCAAmC,UAAnC,EAA4C,OAAO,WAClD;AAAA;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACJ,yBAAyB;AAAA;AAAA,YAC3B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,yBAAyB;AAAA;AAAA,YAC3B;AAAA,aACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,4BAA4B,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleLinear, ScaleSymLog } from 'd3-scale';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport { AnnotationsContainer } from './AnnotationsContainer.js';\nimport { useBehavioralTrackingProps } from '../../../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { BehaviorTrackingProps } from '../../../../../../core/types/behavior-tracking-props.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { Formatter } from '../../../../types/formatter.js';\nimport { OverlayProvider } from '../../../overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../../overlay-tooltip/contexts/TooltipContext.js';\nimport { AnnotationsProviders } from '../../providers/AnnotationsProviders.js';\nimport type { AnnotationsTrackConfig } from '../../types/annotations-track-props.js';\nimport type { AnnotationsActionsHandler } from '../../types/annotations.js';\nimport type { TextOverflowOptions } from '../../types/marker.js';\nimport type { SelectionState } from '../../types/state.js';\nimport { AnnotationsRenderer } from '../AnnotationsRenderer.js';\nimport { AnnotationsOverlayTooltip } from '../tooltip/AnnotationsOverlayTooltip.js';\nimport { AnnotationsTooltipFormatterContext } from '../tooltip/contexts/AnnotationsTooltipFormatter.context.js';\nimport type { AnnotationsTooltipConfig } from '../tooltip/types/annotations-tooltip-props.js';\n\n/**\n * @internal\n */\ntype AnnotationsNumericalDisplayProps = BehaviorTrackingProps & {\n  tracks: AnnotationsTrackConfig[];\n  scale: ScaleLinear<number, number> | ScaleSymLog<number, number>;\n  showLabels: boolean;\n  labelsOffset: number;\n  width: number;\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  maxLines?: number;\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  annotationsActions?: AnnotationsActionsHandler;\n  markerGroupHover?: (event: Partial<SelectionState>) => void;\n  tooltipConfig?: AnnotationsTooltipConfig;\n  /**\n   * Optional data-dt-component attribute for RUM tracking.\n   */\n  'data-dt-component'?: string;\n};\n\nexport const AnnotationsNumericalDisplay = (\n  props: AnnotationsNumericalDisplayProps,\n) => {\n  const {\n    annotationsActions,\n    markerGroupHover,\n    formatter,\n    tooltipConfig,\n    'data-dt-component': dataDtComponent,\n    ...rendererProps\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  return (\n    <OverlayProvider>\n      <AnnotationsContainer\n        {...behaviorTrackingProps}\n        data-dt-component={dataDtComponent}\n      >\n        <TooltipProvider persistedStore>\n          <AnnotationsProviders\n            onAnnotationsMarkersInteraction={markerGroupHover}\n            annotationsActions={annotationsActions}\n            tooltipConfig={tooltipConfig}\n          >\n            <AnnotationsTooltipFormatterContext.Provider value={formatter}>\n              <AnnotationsRenderer {...rendererProps} />\n              <AnnotationsOverlayTooltip\n                tooltipType=\"numerical\"\n                truncationMode={rendererProps.truncateMode}\n                maxLines={rendererProps.maxLines}\n              />\n            </AnnotationsTooltipFormatterContext.Provider>\n          </AnnotationsProviders>\n        </TooltipProvider>\n      </AnnotationsContainer>\n    </OverlayProvider>\n  );\n};\n\nAnnotationsNumericalDisplay['displayName'] = 'AnnotationsNumericalDisplay';\n"],
+  "mappings": "AAyEY,SACE,KADF;AAjEZ,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAI3C,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AAKrC,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AAC1C,SAAS,0CAA0C;AAyB5C,MAAM,8BAA8B,CACzC,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAEhE,SACE,oBAAC,mBACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB,8BAAC,mBAAgB,gBAAc,MAC7B;AAAA,QAAC;AAAA;AAAA,UACC,iCAAiC;AAAA,UACjC;AAAA,UACA;AAAA,UAEA,+BAAC,mCAAmC,UAAnC,EAA4C,OAAO,WAClD;AAAA,gCAAC,uBAAqB,GAAG,eAAe;AAAA,YACxC;AAAA,cAAC;AAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,gBAAgB,cAAc;AAAA,gBAC9B,UAAU,cAAc;AAAA;AAAA,YAC1B;AAAA,aACF;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,4BAA4B,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/displays/AnnotationsTimeDisplay.js

@@ -1,9 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
+import { AnnotationsContainer } from "./AnnotationsContainer.js";
 import { useBehavioralTrackingProps } from "../../../../../../core/hooks/useBehavioralTrackingProps.js";
+import { OverlayProvider } from "../../../overlay-tooltip/contexts/OverlayContext.js";
+import { TooltipProvider } from "../../../overlay-tooltip/contexts/TooltipContext.js";
 import { AnnotationsProviders } from "../../providers/AnnotationsProviders.js";
 import { AnnotationsRenderer } from "../AnnotationsRenderer.js";
-import { AnnotationsTooltip } from "../tooltip/AnnotationsTooltip.js";
+import { AnnotationsOverlayTooltip } from "../tooltip/AnnotationsOverlayTooltip.js";
 const AnnotationsTimeDisplay = (props) => {
   const {
     annotationsActions,
@@ -13,39 +15,32 @@ const AnnotationsTimeDisplay = (props) => {
     ...rendererProps
   } = props;
   const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
-  const AnnotationsContainerRef = useRef(null);
-  return /* @__PURE__ */ jsx(
-    "div",
+  return /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(
+    AnnotationsContainer,
     {
-      ref: AnnotationsContainerRef,
       ...behaviorTrackingProps,
       "data-dt-component": dataDtComponent,
-      children: /* @__PURE__ */ jsxs(
+      children: /* @__PURE__ */ jsx(TooltipProvider, { persistedStore: true, children: /* @__PURE__ */ jsxs(
         AnnotationsProviders,
         {
           onAnnotationsMarkersInteraction: markerGroupHover,
           annotationsActions,
           tooltipConfig,
           children: [
+            /* @__PURE__ */ jsx(AnnotationsRenderer, { ...rendererProps }),
             /* @__PURE__ */ jsx(
-              AnnotationsRenderer,
-              {
-                ...rendererProps,
-                annotationsContainerRef: AnnotationsContainerRef
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              AnnotationsTooltip,
+              AnnotationsOverlayTooltip,
               {
                 tooltipType: "time",
-                annotationsContainerRef: AnnotationsContainerRef
+                truncationMode: rendererProps.truncateMode,
+                maxLines: rendererProps.maxLines
               }
             )
           ]
         }
-      )
+      ) })
     }
-  );
+  ) });
 };
 AnnotationsTimeDisplay["displayName"] = "AnnotationsTimeDisplay";
 export {

package/esm/charts/core/components/annotations/components/displays/AnnotationsTimeDisplay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/displays/AnnotationsTimeDisplay.tsx"],
-  "sourcesContent": ["import type { ScaleTime } from 'd3-scale';\nimport { useRef } from 'react';\n\nimport { useBehavioralTrackingProps } from '../../../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { BehaviorTrackingProps } from '../../../../../../core/types/behavior-tracking-props.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { AnnotationsProviders } from '../../providers/AnnotationsProviders.js';\nimport type { AnnotationsTrackConfig } from '../../types/annotations-track-props.js';\nimport type { AnnotationsActionsHandler } from '../../types/annotations.js';\nimport type { TextOverflowOptions } from '../../types/marker.js';\nimport type { SelectionState } from '../../types/state.js';\nimport { AnnotationsRenderer } from '../AnnotationsRenderer.js';\nimport { AnnotationsTooltip } from '../tooltip/AnnotationsTooltip.js';\nimport type { AnnotationsTooltipConfig } from '../tooltip/types/annotations-tooltip-props.js';\n\n/**\n * @internal\n */\nexport type AnnotationsTimeDisplayProps = BehaviorTrackingProps & {\n  scale: ScaleTime<number, number>;\n  width: number;\n  tracks: AnnotationsTrackConfig[];\n  labelsOffset: number;\n  markerGroupHover?: (event: Partial<SelectionState>) => void;\n  showLabels: boolean;\n  annotationsActions?: AnnotationsActionsHandler;\n  tooltipConfig?: AnnotationsTooltipConfig;\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  /**\n   * Optional data-dt-component attribute for RUM tracking.\n   */\n  'data-dt-component'?: string;\n};\n\nexport const AnnotationsTimeDisplay = (props: AnnotationsTimeDisplayProps) => {\n  const {\n    annotationsActions,\n    markerGroupHover,\n    tooltipConfig,\n    'data-dt-component': dataDtComponent,\n    ...rendererProps\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const AnnotationsContainerRef = useRef<HTMLDivElement>(null);\n  return (\n    <div\n      ref={AnnotationsContainerRef}\n      {...behaviorTrackingProps}\n      data-dt-component={dataDtComponent}\n    >\n      <AnnotationsProviders\n        onAnnotationsMarkersInteraction={markerGroupHover}\n        annotationsActions={annotationsActions}\n        tooltipConfig={tooltipConfig}\n      >\n        <AnnotationsRenderer\n          {...rendererProps}\n          annotationsContainerRef={AnnotationsContainerRef}\n        />\n        <AnnotationsTooltip\n          tooltipType=\"time\"\n          annotationsContainerRef={AnnotationsContainerRef}\n        />\n      </AnnotationsProviders>\n    </div>\n  );\n};\nAnnotationsTimeDisplay['displayName'] = 'AnnotationsTimeDisplay';\n"],
-  "mappings": "AAqDM,SAKE,KALF;AApDN,SAAS,cAAc;AAEvB,SAAS,kCAAkC;AAG3C,SAAS,4BAA4B;AAKrC,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AAuB5B,MAAM,yBAAyB,CAAC,UAAuC;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAEhE,QAAM,0BAA0B,OAAuB,IAAI;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,iCAAiC;AAAA,UACjC;AAAA,UACA;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACJ,yBAAyB;AAAA;AAAA,YAC3B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,yBAAyB;AAAA;AAAA,YAC3B;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AACA,uBAAuB,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleTime } from 'd3-scale';\n\nimport { AnnotationsContainer } from './AnnotationsContainer.js';\nimport { useBehavioralTrackingProps } from '../../../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { BehaviorTrackingProps } from '../../../../../../core/types/behavior-tracking-props.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { OverlayProvider } from '../../../overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../../overlay-tooltip/contexts/TooltipContext.js';\nimport { AnnotationsProviders } from '../../providers/AnnotationsProviders.js';\nimport type { AnnotationsTrackConfig } from '../../types/annotations-track-props.js';\nimport type { AnnotationsActionsHandler } from '../../types/annotations.js';\nimport type { TextOverflowOptions } from '../../types/marker.js';\nimport type { SelectionState } from '../../types/state.js';\nimport { AnnotationsRenderer } from '../AnnotationsRenderer.js';\nimport { AnnotationsOverlayTooltip } from '../tooltip/AnnotationsOverlayTooltip.js';\nimport type { AnnotationsTooltipConfig } from '../tooltip/types/annotations-tooltip-props.js';\n\n/**\n * @internal\n */\nexport type AnnotationsTimeDisplayProps = BehaviorTrackingProps & {\n  scale: ScaleTime<number, number>;\n  width: number;\n  tracks: AnnotationsTrackConfig[];\n  labelsOffset: number;\n  markerGroupHover?: (event: Partial<SelectionState>) => void;\n  showLabels: boolean;\n  annotationsActions?: AnnotationsActionsHandler;\n  tooltipConfig?: AnnotationsTooltipConfig;\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  maxLines?: number;\n  /**\n   * Optional data-dt-component attribute for RUM tracking.\n   */\n  'data-dt-component'?: string;\n};\n\nexport const AnnotationsTimeDisplay = (props: AnnotationsTimeDisplayProps) => {\n  const {\n    annotationsActions,\n    markerGroupHover,\n    tooltipConfig,\n    'data-dt-component': dataDtComponent,\n    ...rendererProps\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  return (\n    <OverlayProvider>\n      <AnnotationsContainer\n        {...behaviorTrackingProps}\n        data-dt-component={dataDtComponent}\n      >\n        <TooltipProvider persistedStore>\n          <AnnotationsProviders\n            onAnnotationsMarkersInteraction={markerGroupHover}\n            annotationsActions={annotationsActions}\n            tooltipConfig={tooltipConfig}\n          >\n            <AnnotationsRenderer {...rendererProps} />\n            <AnnotationsOverlayTooltip\n              tooltipType=\"time\"\n              truncationMode={rendererProps.truncateMode}\n              maxLines={rendererProps.maxLines}\n            />\n          </AnnotationsProviders>\n        </TooltipProvider>\n      </AnnotationsContainer>\n    </OverlayProvider>\n  );\n};\nAnnotationsTimeDisplay['displayName'] = 'AnnotationsTimeDisplay';\n"],
+  "mappings": "AAwDU,SAKE,KALF;AAtDV,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAG3C,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AAKrC,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AAwBnC,MAAM,yBAAyB,CAAC,UAAuC;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAEhE,SACE,oBAAC,mBACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB,8BAAC,mBAAgB,gBAAc,MAC7B;AAAA,QAAC;AAAA;AAAA,UACC,iCAAiC;AAAA,UACjC;AAAA,UACA;AAAA,UAEA;AAAA,gCAAC,uBAAqB,GAAG,eAAe;AAAA,YACxC;AAAA,cAAC;AAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,gBAAgB,cAAc;AAAA,gBAC9B,UAAU,cAAc;AAAA;AAAA,YAC1B;AAAA;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF,GACF;AAEJ;AACA,uBAAuB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/overlays/AnnotationsOverlays.css

@@ -1,4 +1,4 @@
-._107efci0-3-5-2 {
+._107efci0-3-6-0 {
   position: absolute;
   top: 0;
 }

package/esm/charts/core/components/annotations/components/overlays/AnnotationsOverlays.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsOverlays.css";
-var annotationsOverlay = "_107efci0-3-5-2";
+var annotationsOverlay = "_107efci0-3-6-0";
 export {
   annotationsOverlay
 };

package/esm/charts/core/components/annotations/components/overlays/AnnotationsOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/overlays/AnnotationsOverlays.css.ts"],
-  "sourcesContent": ["import './AnnotationsOverlays.css';\nexport var annotationsOverlay = '_107efci0-3-5-2';"],
+  "sourcesContent": ["import './AnnotationsOverlays.css';\nexport var annotationsOverlay = '_107efci0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.css

@@ -1,4 +1,4 @@
-._uzgvu30-3-5-2 {
+._uzgvu30-3-6-0 {
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;

package/esm/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsScrollWrapper.css";
-var scrollWrapper = "_uzgvu30-3-5-2";
+var scrollWrapper = "_uzgvu30-3-6-0";
 export {
   scrollWrapper
 };

package/esm/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.css.ts"],
-  "sourcesContent": ["import './AnnotationsScrollWrapper.css';\nexport var scrollWrapper = '_uzgvu30-3-5-2';"],
+  "sourcesContent": ["import './AnnotationsScrollWrapper.css';\nexport var scrollWrapper = '_uzgvu30-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsCustomizedTooltip.js

@@ -1,5 +1,6 @@
-import { Fragment, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { prepareCustomTooltipData } from "./utils/prepare-custom-tooltip-data.js";
+import { annotationsGroupsScrollContainer } from "../../../overlay-tooltip/tooltip.sty.js";
 import { useAnnotationsSelectionState } from "../../hooks/store/selectors.js";
 const AnnotationsCustomizedTooltip = ({
   data,
@@ -7,7 +8,7 @@ const AnnotationsCustomizedTooltip = ({
 }) => {
   const { hoveredItem } = useAnnotationsSelectionState();
   const parsedData = prepareCustomTooltipData(data, hoveredItem ?? "");
-  return /* @__PURE__ */ jsx(Fragment, { children: tooltipTemplate(parsedData.hoveredMarkers, parsedData.closeMarkers) });
+  return /* @__PURE__ */ jsx("div", { className: annotationsGroupsScrollContainer, children: tooltipTemplate(parsedData.hoveredMarkers, parsedData.closeMarkers) });
 };
 AnnotationsCustomizedTooltip["displayName"] = "AnnotationsCustomizedTooltip";
 export {

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsCustomizedTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/tooltip/AnnotationsCustomizedTooltip.tsx"],
-  "sourcesContent": ["import { AnnotationsTooltipHandler } from './types/annotations-tooltip-props.js';\nimport { prepareCustomTooltipData } from './utils/prepare-custom-tooltip-data.js';\nimport { useAnnotationsSelectionState } from '../../hooks/store/selectors.js';\nimport { AnnotationsMarkerGroup } from '../../types/annotations.js';\n\ninterface AnnotationsCustomizedTooltipProps {\n  data: AnnotationsMarkerGroup[];\n  tooltipTemplate: AnnotationsTooltipHandler;\n}\n\nexport const AnnotationsCustomizedTooltip = ({\n  data,\n  tooltipTemplate,\n}: AnnotationsCustomizedTooltipProps) => {\n  const { hoveredItem } = useAnnotationsSelectionState();\n  const parsedData = prepareCustomTooltipData(data, hoveredItem ?? '');\n\n  return (\n    <>{tooltipTemplate(parsedData.hoveredMarkers, parsedData.closeMarkers)}</>\n  );\n};\n\nAnnotationsCustomizedTooltip['displayName'] = 'AnnotationsCustomizedTooltip';\n"],
-  "mappings": "AAkBI;AAjBJ,SAAS,gCAAgC;AACzC,SAAS,oCAAoC;AAQtC,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AACF,MAAyC;AACvC,QAAM,EAAE,YAAY,IAAI,6BAA6B;AACrD,QAAM,aAAa,yBAAyB,MAAM,eAAe,EAAE;AAEnE,SACE,gCAAG,0BAAgB,WAAW,gBAAgB,WAAW,YAAY,GAAE;AAE3E;AAEA,6BAA6B,aAAa,IAAI;",
+  "sourcesContent": ["import { AnnotationsTooltipHandler } from './types/annotations-tooltip-props.js';\nimport { prepareCustomTooltipData } from './utils/prepare-custom-tooltip-data.js';\nimport { annotationsGroupsScrollContainer } from '../../../overlay-tooltip/tooltip.sty.js';\nimport { useAnnotationsSelectionState } from '../../hooks/store/selectors.js';\nimport { AnnotationsMarkerGroup } from '../../types/annotations.js';\n\ninterface AnnotationsCustomizedTooltipProps {\n  data: AnnotationsMarkerGroup[];\n  tooltipTemplate: AnnotationsTooltipHandler;\n}\n\nexport const AnnotationsCustomizedTooltip = ({\n  data,\n  tooltipTemplate,\n}: AnnotationsCustomizedTooltipProps) => {\n  const { hoveredItem } = useAnnotationsSelectionState();\n  const parsedData = prepareCustomTooltipData(data, hoveredItem ?? '');\n\n  return (\n    <div className={annotationsGroupsScrollContainer}>\n      {tooltipTemplate(parsedData.hoveredMarkers, parsedData.closeMarkers)}\n    </div>\n  );\n};\n\nAnnotationsCustomizedTooltip['displayName'] = 'AnnotationsCustomizedTooltip';\n"],
+  "mappings": "AAmBI;AAlBJ,SAAS,gCAAgC;AACzC,SAAS,wCAAwC;AACjD,SAAS,oCAAoC;AAQtC,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AACF,MAAyC;AACvC,QAAM,EAAE,YAAY,IAAI,6BAA6B;AACrD,QAAM,aAAa,yBAAyB,MAAM,eAAe,EAAE;AAEnE,SACE,oBAAC,SAAI,WAAW,kCACb,0BAAgB,WAAW,gBAAgB,WAAW,YAAY,GACrE;AAEJ;AAEA,6BAA6B,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsDefaultTooltipContent.js

@@ -0,0 +1,131 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { useIntl } from "react-intl";
+import { formatDate } from "@dynatrace-sdk/units";
+import { useAnnotationsTooltipFormatter } from "./hooks/useAnnotationsTooltipFormatter.js";
+import { getSymbol } from "./utils/get-symbol.js";
+import { Divider } from "../../../../../../layouts/divider/Divider.js";
+import { Footer } from "../../../overlay-tooltip/components/Footer.js";
+import { Header } from "../../../overlay-tooltip/components/header/Header.js";
+import { SeriesItem } from "../../../overlay-tooltip/components/series/SeriesItem.js";
+import { ExternalConfigContext } from "../../../overlay-tooltip/contexts/ExternalConfigContext.js";
+import { OVERLAY_TOOLTIP_MESSAGES } from "../../../overlay-tooltip/messages.js";
+import { useSelector } from "../../../overlay-tooltip/selectors.js";
+import {
+  annotationsGroupsScrollContainer,
+  divider,
+  seriesGridContainer
+} from "../../../overlay-tooltip/tooltip.sty.js";
+import { useAnnotationsActions } from "../../hooks/useAnnotationsActions.js";
+import { deserializeMarkerRange } from "../../utils/serialize-marker-range.js";
+const BASE_ACTIONS_CONFIG = /* @__PURE__ */ new Map([
+  ["name", { field: "valueLabel" }]
+]);
+const buildExternalConfig = (truncationMode) => ({
+  seriesHeader: null,
+  displayHeaderDivider: false,
+  symbolPosition: "left",
+  truncationMode,
+  defaultActionsConfig: BASE_ACTIONS_CONFIG,
+  variant: "single"
+});
+const X_VALUE_LABEL = "X-value";
+const AnnotationsDefaultTooltipContent = (props) => {
+  const { data, tooltipType, truncationMode, maxLines } = props;
+  const formatter = useAnnotationsTooltipFormatter();
+  const annotationsActions = useAnnotationsActions();
+  const config = buildExternalConfig(truncationMode);
+  const intl = useIntl();
+  const unpinnedPlaceholderText = intl.formatMessage(
+    OVERLAY_TOOLTIP_MESSAGES.unpinnedPlaceholderMessage
+  );
+  const pinned = useSelector((state) => state.pinned);
+  return /* @__PURE__ */ jsxs(ExternalConfigContext.Provider, { value: config, children: [
+    /* @__PURE__ */ jsx("div", { className: annotationsGroupsScrollContainer, children: data.map((annotationGroup, groupIndex) => {
+      const [from, to] = deserializeMarkerRange(annotationGroup.key);
+      const isRange = to > from;
+      let header1;
+      let showRangeDuration = false;
+      let duration;
+      if (tooltipType === "numerical" && isRange) {
+        header1 = [formatter(from), formatter(to)];
+        duration = String(Math.abs(to - from));
+      } else if (tooltipType === "numerical") {
+        header1 = formatter(from);
+      } else if (isRange) {
+        header1 = [new Date(from), new Date(to)];
+        showRangeDuration = true;
+      } else {
+        header1 = formatDate(new Date(from), {
+          day: "2-digit",
+          month: "short",
+          year: "numeric",
+          hour: "2-digit",
+          minute: "2-digit"
+        });
+      }
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        groupIndex > 0 && /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", className: divider }),
+        /* @__PURE__ */ jsx(
+          Header,
+          {
+            header1,
+            label: X_VALUE_LABEL,
+            showRangeDuration1: showRangeDuration,
+            duration1: duration,
+            maxLines
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: seriesGridContainer, children: annotationGroup.markers.map((marker) => {
+          const icon = getSymbol(marker);
+          const {
+            id,
+            symbol,
+            title: markerTitle,
+            description: markerDescription,
+            start,
+            end,
+            color,
+            priority,
+            hidden: markerHidden,
+            ...extraFields
+          } = marker;
+          const payload = {
+            ...extraFields,
+            start,
+            end,
+            title: markerTitle,
+            description: markerDescription,
+            symbol
+          };
+          const actions = annotationsActions?.(payload);
+          return /* @__PURE__ */ jsx(
+            SeriesItem,
+            {
+              name: markerTitle ?? "",
+              description: markerDescription,
+              value: "",
+              icon,
+              multiLine: maxLines > 1,
+              maxLines,
+              actions: actions ? () => actions : void 0
+            },
+            id
+          );
+        }) })
+      ] }, annotationGroup.key);
+    }) }),
+    !pinned && /* @__PURE__ */ jsx(
+      Footer,
+      {
+        actions: [],
+        unpinnedPlaceholderText
+      }
+    )
+  ] });
+};
+AnnotationsDefaultTooltipContent.displayName = "AnnotationsDefaultTooltipContent";
+export {
+  AnnotationsDefaultTooltipContent
+};
+//# sourceMappingURL=AnnotationsDefaultTooltipContent.js.map

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsDefaultTooltipContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/annotations/components/tooltip/AnnotationsDefaultTooltipContent.tsx"],
+  "sourcesContent": ["import { Fragment, type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { formatDate } from '@dynatrace-sdk/units';\n\nimport { useAnnotationsTooltipFormatter } from './hooks/useAnnotationsTooltipFormatter.js';\nimport { getSymbol } from './utils/get-symbol.js';\nimport { Divider } from '../../../../../../layouts/divider/Divider.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { Footer } from '../../../overlay-tooltip/components/Footer.js';\nimport { Header } from '../../../overlay-tooltip/components/header/Header.js';\nimport { SeriesItem } from '../../../overlay-tooltip/components/series/SeriesItem.js';\nimport { ExternalConfigContext } from '../../../overlay-tooltip/contexts/ExternalConfigContext.js';\nimport { OVERLAY_TOOLTIP_MESSAGES } from '../../../overlay-tooltip/messages.js';\nimport { useSelector } from '../../../overlay-tooltip/selectors.js';\nimport {\n  annotationsGroupsScrollContainer,\n  divider,\n  seriesGridContainer,\n} from '../../../overlay-tooltip/tooltip.sty.js';\nimport type {\n  ExternalConfig,\n  HeaderData,\n} from '../../../overlay-tooltip/types.js';\nimport { useAnnotationsActions } from '../../hooks/useAnnotationsActions.js';\nimport type {\n  AnnotationsActionsPayload,\n  AnnotationsMarkerGroup,\n} from '../../types/annotations.js';\nimport { deserializeMarkerRange } from '../../utils/serialize-marker-range.js';\n\nconst BASE_ACTIONS_CONFIG: ExternalConfig['defaultActionsConfig'] = new Map([\n  ['name', { field: 'valueLabel' }],\n]);\n\nconst buildExternalConfig = (\n  truncationMode: TruncationMode,\n): ExternalConfig => ({\n  seriesHeader: null,\n  displayHeaderDivider: false,\n  symbolPosition: 'left',\n  truncationMode,\n  defaultActionsConfig: BASE_ACTIONS_CONFIG,\n  variant: 'single',\n});\n\ntype AnnotationsDefaultTooltipContentProps = {\n  data: AnnotationsMarkerGroup[];\n  tooltipType: 'time' | 'numerical';\n  truncationMode: TruncationMode;\n  maxLines: number;\n};\n\nconst X_VALUE_LABEL = 'X-value';\n\n/**\n * Default tooltip content for AnnotationsChart, rendered through\n * OverlayTooltip primitives. Supports multiple (Header, Series) pairs for\n * collided marker groups.\n *\n * @internal\n */\nexport const AnnotationsDefaultTooltipContent = (\n  props: AnnotationsDefaultTooltipContentProps,\n) => {\n  const { data, tooltipType, truncationMode, maxLines } = props;\n  const formatter = useAnnotationsTooltipFormatter();\n  const annotationsActions = useAnnotationsActions();\n  const config = buildExternalConfig(truncationMode);\n  const intl = useIntl();\n  const unpinnedPlaceholderText = intl.formatMessage(\n    OVERLAY_TOOLTIP_MESSAGES.unpinnedPlaceholderMessage,\n  );\n  // Direct subscription needed: passed as stable legacyTemplate prop, so no parent re-render reaches this fiber when pinned changes.\n  const pinned = useSelector((state) => state.pinned);\n\n  return (\n    <ExternalConfigContext.Provider value={config}>\n      <div className={annotationsGroupsScrollContainer}>\n        {data.map((annotationGroup, groupIndex) => {\n          const [from, to] = deserializeMarkerRange(annotationGroup.key);\n          const isRange = to > from;\n\n          let header1: HeaderData;\n          let showRangeDuration = false;\n          let duration: string | undefined;\n\n          if (tooltipType === 'numerical' && isRange) {\n            header1 = [formatter(from), formatter(to)] as HeaderData;\n            duration = String(Math.abs(to - from));\n          } else if (tooltipType === 'numerical') {\n            header1 = formatter(from);\n          } else if (isRange) {\n            header1 = [new Date(from), new Date(to)] as HeaderData;\n            showRangeDuration = true;\n          } else {\n            header1 = formatDate(new Date(from), {\n              day: '2-digit',\n              month: 'short',\n              year: 'numeric',\n              hour: '2-digit',\n              minute: '2-digit',\n            });\n          }\n\n          return (\n            <Fragment key={annotationGroup.key}>\n              {groupIndex > 0 && (\n                <Divider orientation=\"horizontal\" className={divider} />\n              )}\n              <Header\n                header1={header1}\n                label={X_VALUE_LABEL}\n                showRangeDuration1={showRangeDuration}\n                duration1={duration}\n                maxLines={maxLines}\n              />\n              <div className={seriesGridContainer}>\n                {annotationGroup.markers.map((marker) => {\n                  const icon = getSymbol(marker) as JSX.Element;\n                  const {\n                    id,\n                    symbol,\n                    title: markerTitle,\n                    description: markerDescription,\n                    start,\n                    end,\n                    color,\n                    priority,\n                    hidden: markerHidden,\n                    ...extraFields\n                  } = marker;\n                  const payload: AnnotationsActionsPayload = {\n                    ...extraFields,\n                    start,\n                    end,\n                    title: markerTitle,\n                    description: markerDescription,\n                    symbol,\n                  };\n                  const actions = annotationsActions?.(payload);\n                  return (\n                    <SeriesItem\n                      key={id}\n                      name={markerTitle ?? ''}\n                      description={markerDescription}\n                      value=\"\"\n                      icon={icon}\n                      multiLine={maxLines > 1}\n                      maxLines={maxLines}\n                      actions={actions ? () => actions : undefined}\n                    />\n                  );\n                })}\n              </div>\n            </Fragment>\n          );\n        })}\n      </div>\n      {!pinned && (\n        <Footer\n          actions={[]}\n          unpinnedPlaceholderText={unpinnedPlaceholderText}\n        />\n      )}\n    </ExternalConfigContext.Provider>\n  );\n};\n\nAnnotationsDefaultTooltipContent.displayName =\n  'AnnotationsDefaultTooltipContent';\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsOverlayTooltip.js

@@ -0,0 +1,121 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { AnnotationsCustomizedTooltip } from "./AnnotationsCustomizedTooltip.js";
+import { AnnotationsDefaultTooltipContent } from "./AnnotationsDefaultTooltipContent.js";
+import { useAnnotationsTooltipConfig } from "./hooks/useAnnotationsTooltipConfig.js";
+import { OverlayTooltip } from "../../../overlay-tooltip/OverlayTooltip.js";
+import { useTooltipReducer } from "../../../overlay-tooltip/useTooltipReducer.js";
+import { emptyData } from "../../../overlay-tooltip/utils.js";
+import { useAnnotationsTooltipState } from "../../hooks/store/selectors.js";
+import {
+  useSetStateSelection,
+  useSetStateTooltip
+} from "../../hooks/store/state-setters.js";
+import { useMarkersInteractions } from "../../hooks/useMarkersInteractions.js";
+import { initialState } from "../../providers/AnnotationsDataInitialState.js";
+const buildSentinelData = () => ({
+  geometry: "rect",
+  series: [
+    {
+      name: "",
+      value: "",
+      color: ""
+    }
+  ]
+});
+const AnnotationsOverlayTooltip = (props) => {
+  const { tooltipType, truncationMode = "end", maxLines = 1 } = props;
+  const annotationsState = useAnnotationsTooltipState();
+  const { pinned, data, visibility, position } = annotationsState;
+  const dispatch = useTooltipReducer();
+  const updateAnnotationsTooltipState = useSetStateTooltip();
+  const updateAnnotationsSelectionState = useSetStateSelection();
+  const onMarkersInteraction = useMarkersInteractions();
+  const config = useAnnotationsTooltipConfig();
+  const hidden = config?.hidden === true;
+  const hasData = !!data && data.length > 0 && visibility;
+  const prevPinnedRef = useRef(false);
+  useEffect(() => {
+    const wasPinned = prevPinnedRef.current;
+    prevPinnedRef.current = pinned;
+    if (wasPinned && !pinned) {
+      dispatch({
+        type: "SET_PINNED",
+        payload: {
+          pinned: false,
+          data: emptyData()
+        }
+      })();
+    }
+    if (hidden || !hasData || !position) {
+      dispatch({ type: "SET_OUT_BOUNDS" })();
+      return;
+    }
+    if (pinned) {
+      dispatch({
+        type: "SET_PINNED",
+        payload: {
+          pinned: true,
+          absoluteX: position.x,
+          absoluteY: position.y,
+          data: buildSentinelData()
+        }
+      })();
+    } else {
+      dispatch({
+        type: "SET_POSITION",
+        payload: {
+          absoluteX: position.x,
+          absoluteY: position.y,
+          data: buildSentinelData()
+        }
+      })();
+    }
+  }, [hidden, hasData, pinned, position?.x, position?.y]);
+  useEffect(() => {
+    return () => {
+      dispatch({ type: "RESET_TOOLTIP" })();
+      updateAnnotationsTooltipState(initialState.tooltip);
+      updateAnnotationsSelectionState(initialState.selection);
+      onMarkersInteraction?.(initialState.selection);
+    };
+  }, []);
+  useEffect(() => {
+    const handleEscape = (event) => {
+      if (event.key !== "Escape") {
+        return;
+      }
+      updateAnnotationsTooltipState(initialState.tooltip);
+      updateAnnotationsSelectionState(initialState.selection);
+      onMarkersInteraction?.(initialState.selection);
+    };
+    window.addEventListener("keyup", handleEscape);
+    return () => {
+      window.removeEventListener("keyup", handleEscape);
+    };
+  }, []);
+  if (hidden || !hasData) {
+    return null;
+  }
+  const legacyTemplate = config?.template ? /* @__PURE__ */ jsx(
+    AnnotationsCustomizedTooltip,
+    {
+      tooltipTemplate: config.template,
+      data
+    }
+  ) : /* @__PURE__ */ jsx(
+    AnnotationsDefaultTooltipContent,
+    {
+      data,
+      tooltipType,
+      truncationMode,
+      maxLines
+    }
+  );
+  return /* @__PURE__ */ jsx(OverlayTooltip, { legacyTemplate });
+};
+AnnotationsOverlayTooltip.displayName = "AnnotationsOverlayTooltip";
+export {
+  AnnotationsOverlayTooltip
+};
+//# sourceMappingURL=AnnotationsOverlayTooltip.js.map

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsOverlayTooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/annotations/components/tooltip/AnnotationsOverlayTooltip.tsx"],
+  "sourcesContent": ["import { useEffect, useRef } from 'react';\n\nimport { AnnotationsCustomizedTooltip } from './AnnotationsCustomizedTooltip.js';\nimport { AnnotationsDefaultTooltipContent } from './AnnotationsDefaultTooltipContent.js';\nimport { useAnnotationsTooltipConfig } from './hooks/useAnnotationsTooltipConfig.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { OverlayTooltip } from '../../../overlay-tooltip/OverlayTooltip.js';\nimport type { Data } from '../../../overlay-tooltip/types.js';\nimport { useTooltipReducer } from '../../../overlay-tooltip/useTooltipReducer.js';\nimport { emptyData } from '../../../overlay-tooltip/utils.js';\nimport { useAnnotationsTooltipState } from '../../hooks/store/selectors.js';\nimport {\n  useSetStateSelection,\n  useSetStateTooltip,\n} from '../../hooks/store/state-setters.js';\nimport { useMarkersInteractions } from '../../hooks/useMarkersInteractions.js';\nimport { initialState } from '../../providers/AnnotationsDataInitialState.js';\n\ninterface AnnotationsOverlayTooltipProps {\n  tooltipType: 'time' | 'numerical';\n  truncationMode?: TruncationMode;\n  maxLines?: number;\n}\n\n// Sentinel payload used to keep the OverlayTooltip store data non-empty while\n// the annotations tooltip is visible. The actual content is rendered through\n// `legacyTemplate`, so this value is never read by the default tooltip\n// rendering pipeline \u2014 it only has to pass `isTooltipDataEmpty` (geometry !==\n// 'none') so that DynamicTooltipRenderer mounts the portal.\nconst buildSentinelData = (): Data => ({\n  geometry: 'rect',\n  series: [\n    {\n      name: '',\n      value: '',\n      color: '',\n    },\n  ],\n});\n\n/**\n * AnnotationsChart tooltip driven by the shared OverlayTooltip\n * (`TooltipProvider`) store. Bridges the legacy annotations store into the\n * shared store so that positioning, pinning and out-of-bounds handling are\n * identical to XYChart and MeterBar tooltips.\n *\n * The actual UI is rendered via `<OverlayTooltip legacyTemplate={...}/>` so\n * we can keep AnnotationsChart's bespoke layout (multiple Header+Series pairs\n * for collided marker groups, custom user templates, etc.) while reusing the\n * shared portal / pin / dismissal behaviour.\n *\n * @internal\n */\nexport const AnnotationsOverlayTooltip = (\n  props: AnnotationsOverlayTooltipProps,\n) => {\n  const { tooltipType, truncationMode = 'end', maxLines = 1 } = props;\n  const annotationsState = useAnnotationsTooltipState();\n  const { pinned, data, visibility, position } = annotationsState;\n  const dispatch = useTooltipReducer();\n  const updateAnnotationsTooltipState = useSetStateTooltip();\n  const updateAnnotationsSelectionState = useSetStateSelection();\n  const onMarkersInteraction = useMarkersInteractions();\n\n  const config = useAnnotationsTooltipConfig();\n  const hidden = config?.hidden === true;\n  const hasData = !!data && data.length > 0 && visibility;\n\n  // Track the previous pinned state so we can explicitly dispatch\n  // SET_PINNED(false) on a true -> false transition (the reducer's\n  // SET_POSITION/SET_OUT_BOUNDS branches short-circuit while pinned is true).\n  const prevPinnedRef = useRef(false);\n\n  // Sync annotations store into the OverlayTooltip store on changes so that\n  // the shared tooltip portal reflects the current hover/pin state.\n  useEffect(() => {\n    const wasPinned = prevPinnedRef.current;\n    prevPinnedRef.current = pinned;\n\n    if (wasPinned && !pinned) {\n      // Explicit unpin first \u2014 otherwise SET_POSITION / SET_OUT_BOUNDS below\n      // will no-op because the reducer treats `pinned=true` as sticky.\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: false,\n          data: emptyData(),\n        },\n      })();\n    }\n\n    if (hidden || !hasData || !position) {\n      dispatch({ type: 'SET_OUT_BOUNDS' })();\n      return;\n    }\n\n    if (pinned) {\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: true,\n          absoluteX: position.x,\n          absoluteY: position.y,\n          data: buildSentinelData(),\n        },\n      })();\n    } else {\n      dispatch({\n        type: 'SET_POSITION',\n        payload: {\n          absoluteX: position.x,\n          absoluteY: position.y,\n          data: buildSentinelData(),\n        },\n      })();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hidden, hasData, pinned, position?.x, position?.y]);\n\n  // Reset both the OverlayTooltip and annotations stores on unmount.\n  useEffect(() => {\n    return () => {\n      dispatch({ type: 'RESET_TOOLTIP' })();\n      updateAnnotationsTooltipState(initialState.tooltip);\n      updateAnnotationsSelectionState(initialState.selection);\n      onMarkersInteraction?.(initialState.selection);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') {\n        return;\n      }\n      updateAnnotationsTooltipState(initialState.tooltip);\n      updateAnnotationsSelectionState(initialState.selection);\n      onMarkersInteraction?.(initialState.selection);\n    };\n    window.addEventListener('keyup', handleEscape);\n    return () => {\n      window.removeEventListener('keyup', handleEscape);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (hidden || !hasData) {\n    return null;\n  }\n\n  const legacyTemplate = config?.template ? (\n    <AnnotationsCustomizedTooltip\n      tooltipTemplate={config.template}\n      data={data}\n    />\n  ) : (\n    <AnnotationsDefaultTooltipContent\n      data={data}\n      tooltipType={tooltipType}\n      truncationMode={truncationMode}\n      maxLines={maxLines}\n    />\n  );\n\n  return <OverlayTooltip legacyTemplate={legacyTemplate} />;\n};\n\nAnnotationsOverlayTooltip.displayName = 'AnnotationsOverlayTooltip';\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/charts/core/components/annotations/components/tooltip/utils/prepare-custom-tooltip-data.js

@@ -1,13 +1,6 @@
 const extractTooltipMarkerProps = (marker) => {
-  const { start, end, color, title, description, symbol } = marker;
-  return {
-    start,
-    end,
-    color,
-    title,
-    description,
-    symbol
-  };
+  const { id: _id, priority: _priority, hidden: _hidden, ...rest } = marker;
+  return rest;
 };
 const prepareCustomTooltipData = (data, hoveredItemKey) => {
   let hoveredMarkers = [];
@@ -15,9 +8,13 @@ const prepareCustomTooltipData = (data, hoveredItemKey) => {
   data?.forEach((annotationGroup) => {
     const { key, markers } = annotationGroup;
     if (key === hoveredItemKey) {
-      hoveredMarkers = markers.map(extractTooltipMarkerProps);
+      hoveredMarkers = markers.map(
+        (marker) => extractTooltipMarkerProps(marker)
+      );
     } else {
-      const closeMarkerGroup = markers.map(extractTooltipMarkerProps);
+      const closeMarkerGroup = markers.map(
+        (marker) => extractTooltipMarkerProps(marker)
+      );
       closeMarkers.push(closeMarkerGroup);
     }
   });

package/esm/charts/core/components/annotations/components/tooltip/utils/prepare-custom-tooltip-data.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/annotations/components/tooltip/utils/prepare-custom-tooltip-data.ts"],
-  "sourcesContent": ["import type { AnnotationsMarkerConfig } from '../../../types/annotations-marker-props.js';\nimport { AnnotationsMarkerGroup } from '../../../types/annotations.js';\nimport { AnnotationsTooltipItem } from '../types/annotations-tooltip-props.js';\n\ninterface TooltipHandlerData {\n  hoveredMarkers: AnnotationsTooltipItem[];\n  closeMarkers: AnnotationsTooltipItem[][];\n}\n\n/**\n * Extracts all relevant marker props for tooltip payload\n * @param marker -\n */\nconst extractTooltipMarkerProps = (marker: AnnotationsMarkerConfig) => {\n  const { start, end, color, title, description, symbol } = marker;\n\n  return {\n    start,\n    end,\n    color,\n    title,\n    description,\n    symbol,\n  };\n};\n\nexport const prepareCustomTooltipData = (\n  data: AnnotationsMarkerGroup[],\n  hoveredItemKey: string,\n): TooltipHandlerData => {\n  let hoveredMarkers: AnnotationsTooltipItem[] = [];\n  const closeMarkers: AnnotationsTooltipItem[][] = [];\n\n  data?.forEach((annotationGroup) => {\n    const { key, markers } = annotationGroup;\n\n    if (key === hoveredItemKey) {\n      hoveredMarkers = markers.map(extractTooltipMarkerProps);\n    } else {\n      const closeMarkerGroup = markers.map(extractTooltipMarkerProps);\n\n      closeMarkers.push(closeMarkerGroup);\n    }\n  });\n\n  return {\n    hoveredMarkers,\n    closeMarkers,\n  };\n};\n"],
-  "mappings": "AAaA,MAAM,4BAA4B,CAAC,WAAoC;AACrE,QAAM,EAAE,OAAO,KAAK,OAAO,OAAO,aAAa,OAAO,IAAI;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,2BAA2B,CACtC,MACA,mBACuB;AACvB,MAAI,iBAA2C,CAAC;AAChD,QAAM,eAA2C,CAAC;AAElD,QAAM,QAAQ,CAAC,oBAAoB;AACjC,UAAM,EAAE,KAAK,QAAQ,IAAI;AAEzB,QAAI,QAAQ,gBAAgB;AAC1B,uBAAiB,QAAQ,IAAI,yBAAyB;AAAA,IACxD,OAAO;AACL,YAAM,mBAAmB,QAAQ,IAAI,yBAAyB;AAE9D,mBAAa,KAAK,gBAAgB;AAAA,IACpC;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { AnnotationsMarkerConfig } from '../../../types/annotations-marker-props.js';\nimport { AnnotationsMarkerGroup } from '../../../types/annotations.js';\nimport { AnnotationsTooltipItem } from '../types/annotations-tooltip-props.js';\n\ninterface TooltipHandlerData {\n  hoveredMarkers: AnnotationsTooltipItem[];\n  closeMarkers: AnnotationsTooltipItem[][];\n}\n\n/**\n * Builds a public tooltip item from a marker config by stripping the\n * internal-only fields (`id`, `priority`, `hidden`) and forwarding\n * everything else (including any user-supplied metadata) via `...rest`.\n */\nconst extractTooltipMarkerProps = (\n  marker: AnnotationsMarkerConfig,\n): AnnotationsTooltipItem => {\n  const { id: _id, priority: _priority, hidden: _hidden, ...rest } = marker;\n\n  return rest;\n};\n\nexport const prepareCustomTooltipData = (\n  data: AnnotationsMarkerGroup[],\n  hoveredItemKey: string,\n): TooltipHandlerData => {\n  let hoveredMarkers: AnnotationsTooltipItem[] = [];\n  const closeMarkers: AnnotationsTooltipItem[][] = [];\n\n  data?.forEach((annotationGroup) => {\n    const { key, markers } = annotationGroup;\n\n    if (key === hoveredItemKey) {\n      hoveredMarkers = markers.map((marker) =>\n        extractTooltipMarkerProps(marker),\n      );\n    } else {\n      const closeMarkerGroup = markers.map((marker) =>\n        extractTooltipMarkerProps(marker),\n      );\n\n      closeMarkers.push(closeMarkerGroup);\n    }\n  });\n\n  return {\n    hoveredMarkers,\n    closeMarkers,\n  };\n};\n"],
+  "mappings": "AAcA,MAAM,4BAA4B,CAChC,WAC2B;AAC3B,QAAM,EAAE,IAAI,KAAK,UAAU,WAAW,QAAQ,SAAS,GAAG,KAAK,IAAI;AAEnE,SAAO;AACT;AAEO,MAAM,2BAA2B,CACtC,MACA,mBACuB;AACvB,MAAI,iBAA2C,CAAC;AAChD,QAAM,eAA2C,CAAC;AAElD,QAAM,QAAQ,CAAC,oBAAoB;AACjC,UAAM,EAAE,KAAK,QAAQ,IAAI;AAEzB,QAAI,QAAQ,gBAAgB;AAC1B,uBAAiB,QAAQ;AAAA,QAAI,CAAC,WAC5B,0BAA0B,MAAM;AAAA,MAClC;AAAA,IACF,OAAO;AACL,YAAM,mBAAmB,QAAQ;AAAA,QAAI,CAAC,WACpC,0BAA0B,MAAM;AAAA,MAClC;AAEA,mBAAa,KAAK,gBAAgB;AAAA,IACpC;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }