@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/charts/core/components/overlay-tooltip/test-utils/DummyInteractionsOverlay.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/test-utils/DummyInteractionsOverlay.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { isNil } from 'lodash-es';\nimport type { PropsWithChildren } from 'react';\n\nimport { ChartOverlaysElevation } from '../../../constants.js';\nimport { plotLayout } from '../../chart-grid/ChartGrid.sty.js';\nimport { HorizontalCrosshair } from '../../crosshair/HorizontalCrosshair.js';\nimport { VerticalCrosshair } from '../../crosshair/VerticalCrosshair.js';\nimport { interactionsOverlay } from '../../interactions-overlay/InteractionsOverlay.sty.js';\nimport { useOverlay } from '../contexts/OverlayContext.js';\nimport { useTooltip } from '../contexts/TooltipContext.js';\nimport { useSelector, useTooltipSnapshot } from '../selectors.js';\nimport type { Data } from '../types.js';\nimport { useTooltipReducer } from '../useTooltipReducer.js';\nimport { isOwnEvent } from '../utils.js';\n\n/** @internal */\nexport const DummyInteractionsOverlay = (\n  props: PropsWithChildren<{\n    getData: () => Data;\n  }>,\n) => {\n  const dispatch = useTooltipReducer();\n  const tooltip = useTooltip();\n  const overlay = useOverlay();\n\n  return (\n    <div\n      role=\"none\"\n      ref={overlay.overlayRef}\n      className={interactionsOverlay}\n      onPointerMove={(event) =>\n        isOwnEvent(event) &&\n        dispatch({\n          type: 'SET_POSITION',\n          payload: {\n            data: props.getData(),\n            absoluteX: Math.round(event.clientX),\n            absoluteY: Math.round(event.clientY),\n          },\n        })()\n      }\n      onPointerLeave={dispatch({ type: 'SET_OUT_BOUNDS' })}\n      onClick={(event) => {\n        if (!isOwnEvent(event)) {\n          return;\n        }\n        if (tooltip.getState().pinned) {\n          dispatch({\n            type: 'SET_PINNED',\n            payload: {\n              pinned: false,\n              data: {\n                geometry: 'none',\n                series: undefined,\n                header1: undefined,\n                subheader: undefined,\n              },\n            },\n          })();\n        } else {\n          dispatch({\n            type: 'SET_PINNED',\n            payload: {\n              pinned: true,\n              data: props.getData(),\n              absoluteX: Math.round(event.clientX),\n              absoluteY: Math.round(event.clientY),\n            },\n          })();\n        }\n      }}\n      style={{\n        background: '#E6E6FA',\n        position: 'absolute',\n        width: '98%',\n        height: '98%',\n        top: '1%',\n        left: '1%',\n      }}\n    >\n      <Crosshair />\n      {props.children}\n    </div>\n  );\n};\n\nconst Crosshair = () => {\n  const overlay = useOverlay();\n  useSelector(\n    ({ absoluteX, absoluteY, pinned }) => `${absoluteX}-${absoluteY}-${pinned}`,\n  );\n  const { relativeX, relativeY, pinned } = useTooltipSnapshot();\n  const bounds = overlay.getBounds();\n\n  if (isNil(bounds && relativeX && relativeY)) {\n    return null;\n  }\n\n  return (\n    <svg\n      className={clsx(\n        plotLayout,\n        {\n          overflow: 'visible',\n          cursor: 'crosshair',\n          zIndex: ChartOverlaysElevation.crosshair,\n          pointerEvents: 'none',\n        },\n        interactionsOverlay,\n      )}\n    >\n      <HorizontalCrosshair\n        dashed={!pinned}\n        y={relativeY as number}\n        width={bounds?.width as number}\n        height={bounds?.height as number}\n        chartBounds={bounds}\n        leftOffset={0}\n        rightOffset={0}\n      />\n      <VerticalCrosshair\n        dashed={!pinned}\n        x={relativeX as number}\n        height={bounds?.height as number}\n        width={bounds?.width as number}\n        chartBounds={bounds}\n      />\n    </svg>\n  );\n};\n"],
+  "mappings": "AA2BI,SAsDE,KAtDF;AA3BJ,OAAO,UAAU;AACjB,SAAS,aAAa;AAGtB,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,aAAa,0BAA0B;AAEhD,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAGpB,MAAM,2BAA2B,CACtC,UAGG;AACH,QAAM,WAAW,kBAAkB;AACnC,QAAM,UAAU,WAAW;AAC3B,QAAM,UAAU,WAAW;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAK,QAAQ;AAAA,MACb,WAAW;AAAA,MACX,eAAe,CAAC,UACd,WAAW,KAAK,KAChB,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,MAAM,MAAM,QAAQ;AAAA,UACpB,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,UACnC,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,QACrC;AAAA,MACF,CAAC,EAAE;AAAA,MAEL,gBAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAAA,MACnD,SAAS,CAAC,UAAU;AAClB,YAAI,CAAC,WAAW,KAAK,GAAG;AACtB;AAAA,QACF;AACA,YAAI,QAAQ,SAAS,EAAE,QAAQ;AAC7B,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,SAAS;AAAA,cACP,QAAQ;AAAA,cACR,MAAM;AAAA,gBACJ,UAAU;AAAA,gBACV,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,WAAW;AAAA,cACb;AAAA,YACF;AAAA,UACF,CAAC,EAAE;AAAA,QACL,OAAO;AACL,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,SAAS;AAAA,cACP,QAAQ;AAAA,cACR,MAAM,MAAM,QAAQ;AAAA,cACpB,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,cACnC,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,YACrC;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MAEA;AAAA,4BAAC,aAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAEA,MAAM,YAAY,MAAM;AACtB,QAAM,UAAU,WAAW;AAC3B;AAAA,IACE,CAAC,EAAE,WAAW,WAAW,QAAAA,QAAO,MAAM,GAAG,SAAS,IAAI,SAAS,IAAIA,OAAM;AAAA,EAC3E;AACA,QAAM,EAAE,WAAW,WAAW,OAAO,IAAI,mBAAmB;AAC5D,QAAM,SAAS,QAAQ,UAAU;AAEjC,MAAI,MAAM,UAAU,aAAa,SAAS,GAAG;AAC3C,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,QAAQ,uBAAuB;AAAA,UAC/B,eAAe;AAAA,QACjB;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,CAAC;AAAA,YACT,GAAG;AAAA,YACH,OAAO,QAAQ;AAAA,YACf,QAAQ,QAAQ;AAAA,YAChB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,aAAa;AAAA;AAAA,QACf;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,CAAC;AAAA,YACT,GAAG;AAAA,YACH,QAAQ,QAAQ;AAAA,YAChB,OAAO,QAAQ;AAAA,YACf,aAAa;AAAA;AAAA,QACf;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": ["pinned"]
+}

package/esm/charts/core/components/overlay-tooltip/tooltip.css

@@ -1,4 +1,4 @@
-._1j1seex4-3-5-2 {
+._1j1seex4-3-7-0 {
   box-sizing: border-box;
   padding: var(--dt-spacings-size-4, 4px);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
@@ -12,24 +12,24 @@
   min-width: 200px;
   max-width: 480px;
 }
-._1j1seex4-3-5-2[data-placement="right"] {
+._1j1seex4-3-7-0[data-placement="right"] {
   transform-origin: 0 calc(1rem + 18px);
 }
-._1j1seex4-3-5-2[data-placement="left"] {
+._1j1seex4-3-7-0[data-placement="left"] {
   transform-origin: 100% calc(1rem + 18px);
 }
-._1j1seex5-3-5-2 {
+._1j1seex5-3-7-0 {
   pointer-events: all;
 }
-._1j1seex5-3-5-2[data-popper-reference-hidden=true] {
+._1j1seex5-3-7-0[data-popper-reference-hidden=true] {
   visibility: hidden;
   pointer-events: none;
 }
-._1j1seex6-3-5-2 {
+._1j1seex6-3-7-0 {
   pointer-events: none;
   user-select: none;
 }
-._1j1seex7-3-5-2 {
+._1j1seex7-3-7-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);
@@ -42,33 +42,38 @@
   box-sizing: border-box;
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
 }
-._1j1seex8-3-5-2 {
+._1j1seex8-3-7-0 {
   min-width: 0;
 }
-._1j1seex9-3-5-2 {
+._1j1seex9-3-7-0 {
   min-width: 0;
   text-align: right;
 }
-._1j1seexa-3-5-2 {
+._1j1seexa-3-7-0 {
   min-height: 24px;
-  max-height: 192px;
+  max-height: 240px;
   overflow-y: auto;
   overflow-x: hidden;
 }
-._1j1seexb-3-5-2 {
+._1j1seexb-3-7-0 {
   width: 100%;
 }
-._1j1seexc-3-5-2 {
+._1j1seexc-3-7-0 {
+  max-height: 240px;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+._1j1seexd-3-7-0 {
   display: grid;
   width: 100%;
   position: relative;
   gap: 2px 16px;
 }
-._1j1seexd-3-5-2 {
+._1j1seexe-3-7-0 {
   width: 100%;
   position: relative;
 }
-._1j1seexe-3-5-2 {
+._1j1seexf-3-7-0 {
   display: grid;
   align-items: flex-start;
   box-sizing: border-box;
@@ -80,20 +85,20 @@
   width: 100%;
   min-width: fit-content;
 }
-._1j1seexf-3-5-2 {
+._1j1seexg-3-7-0 {
   grid-template-areas: "symbol name value";
-  grid-template-columns: var(--_1j1seex3-3-5-2) 1fr auto;
+  grid-template-columns: var(--_1j1seex3-3-7-0) 1fr auto;
   padding-right: var(--dt-spacings-size-6, 6px);
 }
-._1j1seexg-3-5-2 {
+._1j1seexh-3-7-0 {
   grid-template-areas: "name value symbol";
-  grid-template-columns: 1fr auto var(--_1j1seex3-3-5-2);
+  grid-template-columns: 1fr auto var(--_1j1seex3-3-7-0);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1j1seexh-3-5-2 {
+._1j1seexi-3-7-0 {
   padding-right: var(--dt-spacings-size-0, 0);
 }
-._1j1seexi-3-5-2 {
+._1j1seexj-3-7-0 {
   all: unset;
   display: block;
   width: 100%;
@@ -104,12 +109,12 @@
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
   cursor: pointer;
 }
-._1j1seexj-3-5-2 {
+._1j1seexk-3-7-0 {
   display: flex;
   align-items: flex-start;
   width: 100%;
 }
-._1j1seexk-3-5-2 {
+._1j1seexl-3-7-0 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -120,31 +125,40 @@
   margin-right: var(--dt-spacings-size-4, 4px);
   flex-shrink: 0;
   color: currentColor;
+  align-self: center;
 }
-._1j1seexl-3-5-2 {
+._1j1seexm-3-7-0 {
   margin-left: calc(var(--dt-spacings-size-2, 2px) - var(--dt-spacings-size-6, 6px));
 }
-._1j1seexm-3-5-2 {
+._1j1seexn-3-7-0 {
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1j1seexn-3-5-2 {
+._1j1seexo-3-7-0 {
   padding-top: var(--dt-spacings-size-4, 4px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1j1seexo-3-5-2 {
+._1j1seexp-3-7-0 {
   display: -webkit-box;
-  -webkit-line-clamp: var(--_1j1seex0-3-5-2);
+  -webkit-line-clamp: var(--_1j1seex0-3-7-0);
   -webkit-box-orient: vertical;
   overflow: hidden;
   word-break: break-word;
 }
-._1j1seexp-3-5-2 {
+._1j1seexq-3-7-0 {
+  display: block;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  overflow: hidden;
+  max-height: calc(var(--dt-typography-text-small-default-line-height, 1.333333333) * var(--_1j1seex0-3-7-0));
+}
+._1j1seexr-3-7-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1j1seexq-3-5-2 {
+._1j1seexs-3-7-0 {
   height: var(--dt-spacings-size-24, 24px);
   line-height: var(--dt-spacings-size-24, 24px);
   width: var(--dt-spacings-size-24, 24px);
@@ -153,10 +167,14 @@
   min-width: var(--dt-spacings-size-24, 24px);
   align-items: center;
 }
-._1j1seexr-3-5-2 {
+._1j1seext-3-7-0 {
   margin-right: -6px;
 }
-._1j1seexs-3-5-2 {
+._1j1seexs-3-7-0 > span {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+._1j1seexu-3-7-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);
@@ -165,25 +183,60 @@
   box-sizing: border-box;
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
 }
-._1j1seext-3-5-2 {
+._1j1seexv-3-7-0 {
   min-width: 0;
   flex: 1;
 }
-._1j1seexu-3-5-2 {
+._1j1seexw-3-7-0 {
   flex-shrink: 0;
   text-align: right;
 }
-._1j1seexv-3-5-2 {
+._1j1seexx-3-7-0 {
   display: flex;
   align-items: flex-start;
   min-width: 0;
 }
-._1j1seexw-3-5-2 {
+._1j1seexy-3-7-0 {
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
-._1j1seexx-3-5-2 {
+._1j1seexz-3-7-0 {
+  color: var(--dt-colors-text-neutral-subdued, #595a7d);
+  font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
+  font-size: var(--dt-typography-text-small-default-size, 12px);
+  line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
+  min-width: 0;
+  overflow-wrap: anywhere;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._1j1seex10-3-7-0 {
+  color: var(--dt-colors-text-neutral-subdued, #595a7d);
+  font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
+  font-size: var(--dt-typography-text-small-default-size, 12px);
+  line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--_1j1seex0-3-7-0);
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  word-break: break-word;
+  white-space: normal;
+}
+._1j1seex11-3-7-0 {
+  color: var(--dt-colors-text-neutral-subdued, #595a7d);
+  font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
+  font-size: var(--dt-typography-text-small-default-size, 12px);
+  line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
+  display: block;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  overflow: hidden;
+  max-height: calc(var(--dt-typography-text-small-default-line-height, 1.333333333) * var(--_1j1seex0-3-7-0));
+}
+._1j1seex12-3-7-0 {
   display: flex;
   flex-direction: column;
   list-style: none;
@@ -191,15 +244,15 @@
   margin-block: var(--dt-spacings-size-0, 0);
   padding-block: var(--dt-spacings-size-4, 4px);
 }
-._1j1seexy-3-5-2 {
+._1j1seex13-3-7-0 {
   margin-top: var(--dt-spacings-size-4, 4px);
   margin-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1j1seexz-3-5-2 {
+._1j1seex14-3-7-0 {
   margin-left: -6px;
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1j1seex10-3-5-2 {
+._1j1seex15-3-7-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-small-default-weight, 400);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -209,19 +262,19 @@
   max-width: 480px;
   box-sizing: border-box;
 }
-._1j1seex11-3-5-2 {
+._1j1seex16-3-7-0 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: var(--_1j1seex2-3-5-2);
+  -webkit-line-clamp: var(--_1j1seex2-3-7-0);
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
 }
-._1j1seex12-3-5-2 {
+._1j1seex17-3-7-0 {
   display: flex;
   flex-direction: column;
 }
-._1j1seex4-3-5-2:not(:has(._1j1seex12-3-5-2:hover)) ._1j1seex13-3-5-2 {
+._1j1seex4-3-7-0:not(:has(._1j1seex17-3-7-0:hover)) ._1j1seex18-3-7-0 {
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }

package/esm/charts/core/components/overlay-tooltip/tooltip.sty.js

@@ -1,43 +1,51 @@
 import "./tooltip.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
+var TOOLTIP_BODY_MAX_HEIGHT = 240;
 var TOOLTIP_MAX_WIDTH = 480;
-var actionsContainer = "_1j1seex12-3-5-2";
-var chevron = "_1j1seexk-3-5-2";
-var chevronRightAligned = "_1j1seexl-3-5-2";
-var divider = "_1j1seexy-3-5-2";
-var headerText = "_1j1seexs-3-5-2";
-var multiLineName = "_1j1seexx-3-5-2";
-var relativeValueStyle = "_1j1seexp-3-5-2";
-var seriesActionHeader = "_1j1seex10-3-5-2";
-var seriesActionHeaderMaxLinesVar = "var(--_1j1seex2-3-5-2)";
-var seriesActionHeaderMultiLine = "_1j1seex11-3-5-2";
-var seriesGridContainer = "_1j1seexb-3-5-2";
-var seriesHeader = "_1j1seex7-3-5-2";
-var seriesHeaderName = "_1j1seex8-3-5-2";
-var seriesHeaderValue = "_1j1seex9-3-5-2";
-var seriesItem = _7a468({ defaultClassName: "_1j1seexe-3-5-2", variantClassNames: { symbolPosition: { left: "_1j1seexf-3-5-2", right: "_1j1seexg-3-5-2" }, hasChevron: { true: "_1j1seexh-3-5-2" } }, defaultVariants: { symbolPosition: "left", hasChevron: false }, compoundVariants: [] });
-var seriesItemActive = "_1j1seexm-3-5-2";
-var seriesItemHighlighted = "_1j1seex13-3-5-2";
-var seriesItemMaxWidthVar = "var(--_1j1seex1-3-5-2)";
-var seriesItemText = "_1j1seexn-3-5-2";
-var seriesItemWithChevron = "_1j1seexj-3-5-2";
-var seriesItemWrapper = "_1j1seexi-3-5-2";
-var seriesNameCell = "_1j1seexv-3-5-2";
-var seriesNameMaxLinesVar = "var(--_1j1seex0-3-5-2)";
-var seriesNameText = "_1j1seext-3-5-2";
-var seriesNameTextMultiLine = "_1j1seexo-3-5-2";
-var seriesOverflowContainer = "_1j1seexd-3-5-2";
-var seriesOverflowContainerBase = "_1j1seexc-3-5-2";
-var seriesValueCell = "_1j1seexw-3-5-2";
-var seriesValueText = "_1j1seexu-3-5-2";
-var seriesWrapper = "_1j1seexa-3-5-2";
-var spaceSavedForSymbolVar = "var(--_1j1seex3-3-5-2)";
-var symbolRight = "_1j1seexz-3-5-2";
-var symbolWrapper = _7a468({ defaultClassName: "_1j1seexq-3-5-2", variantClassNames: { isRight: { true: "_1j1seexr-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var wrapper = _7a468({ defaultClassName: "_1j1seex4-3-5-2", variantClassNames: { isInteractive: { true: "_1j1seex5-3-5-2", false: "_1j1seex6-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var actionsContainer = "_1j1seex17-3-7-0";
+var annotationsGroupsScrollContainer = "_1j1seexc-3-7-0";
+var chevron = "_1j1seexl-3-7-0";
+var chevronRightAligned = "_1j1seexm-3-7-0";
+var divider = "_1j1seex13-3-7-0";
+var headerText = "_1j1seexu-3-7-0";
+var multiLineName = "_1j1seex12-3-7-0";
+var relativeValueStyle = "_1j1seexr-3-7-0";
+var seriesActionHeader = "_1j1seex15-3-7-0";
+var seriesActionHeaderMaxLinesVar = "var(--_1j1seex2-3-7-0)";
+var seriesActionHeaderMultiLine = "_1j1seex16-3-7-0";
+var seriesDescriptionText = "_1j1seexz-3-7-0";
+var seriesDescriptionTextMultiLine = "_1j1seex10-3-7-0";
+var seriesDescriptionTextMultiLineWrap = "_1j1seex11-3-7-0";
+var seriesGridContainer = "_1j1seexb-3-7-0";
+var seriesHeader = "_1j1seex7-3-7-0";
+var seriesHeaderName = "_1j1seex8-3-7-0";
+var seriesHeaderValue = "_1j1seex9-3-7-0";
+var seriesItem = _7a468({ defaultClassName: "_1j1seexf-3-7-0", variantClassNames: { symbolPosition: { left: "_1j1seexg-3-7-0", right: "_1j1seexh-3-7-0" }, hasChevron: { true: "_1j1seexi-3-7-0" } }, defaultVariants: { symbolPosition: "left", hasChevron: false }, compoundVariants: [] });
+var seriesItemActive = "_1j1seexn-3-7-0";
+var seriesItemHighlighted = "_1j1seex18-3-7-0";
+var seriesItemMaxWidthVar = "var(--_1j1seex1-3-7-0)";
+var seriesItemText = "_1j1seexo-3-7-0";
+var seriesItemWithChevron = "_1j1seexk-3-7-0";
+var seriesItemWrapper = "_1j1seexj-3-7-0";
+var seriesNameCell = "_1j1seexx-3-7-0";
+var seriesNameMaxLinesVar = "var(--_1j1seex0-3-7-0)";
+var seriesNameText = "_1j1seexv-3-7-0";
+var seriesNameTextMultiLine = "_1j1seexp-3-7-0";
+var seriesNameTextMultiLineWrap = "_1j1seexq-3-7-0";
+var seriesOverflowContainer = "_1j1seexe-3-7-0";
+var seriesOverflowContainerBase = "_1j1seexd-3-7-0";
+var seriesValueCell = "_1j1seexy-3-7-0";
+var seriesValueText = "_1j1seexw-3-7-0";
+var seriesWrapper = "_1j1seexa-3-7-0";
+var spaceSavedForSymbolVar = "var(--_1j1seex3-3-7-0)";
+var symbolRight = "_1j1seex14-3-7-0";
+var symbolWrapper = _7a468({ defaultClassName: "_1j1seexs-3-7-0", variantClassNames: { isRight: { true: "_1j1seext-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var wrapper = _7a468({ defaultClassName: "_1j1seex4-3-7-0", variantClassNames: { isInteractive: { true: "_1j1seex5-3-7-0", false: "_1j1seex6-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
+  TOOLTIP_BODY_MAX_HEIGHT,
   TOOLTIP_MAX_WIDTH,
   actionsContainer,
+  annotationsGroupsScrollContainer,
   chevron,
   chevronRightAligned,
   divider,
@@ -47,6 +55,9 @@ export {
   seriesActionHeader,
   seriesActionHeaderMaxLinesVar,
   seriesActionHeaderMultiLine,
+  seriesDescriptionText,
+  seriesDescriptionTextMultiLine,
+  seriesDescriptionTextMultiLineWrap,
   seriesGridContainer,
   seriesHeader,
   seriesHeaderName,
@@ -62,6 +73,7 @@ export {
   seriesNameMaxLinesVar,
   seriesNameText,
   seriesNameTextMultiLine,
+  seriesNameTextMultiLineWrap,
   seriesOverflowContainer,
   seriesOverflowContainerBase,
   seriesValueCell,

package/esm/charts/core/components/overlay-tooltip/tooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/tooltip.css.ts"],
-  "sourcesContent": ["import './tooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var TOOLTIP_MAX_WIDTH = 480;\nexport var actionsContainer = '_1j1seex12-3-5-2';\nexport var chevron = '_1j1seexk-3-5-2';\nexport var chevronRightAligned = '_1j1seexl-3-5-2';\nexport var divider = '_1j1seexy-3-5-2';\nexport var headerText = '_1j1seexs-3-5-2';\nexport var multiLineName = '_1j1seexx-3-5-2';\nexport var relativeValueStyle = '_1j1seexp-3-5-2';\nexport var seriesActionHeader = '_1j1seex10-3-5-2';\nexport var seriesActionHeaderMaxLinesVar = 'var(--_1j1seex2-3-5-2)';\nexport var seriesActionHeaderMultiLine = '_1j1seex11-3-5-2';\nexport var seriesGridContainer = '_1j1seexb-3-5-2';\nexport var seriesHeader = '_1j1seex7-3-5-2';\nexport var seriesHeaderName = '_1j1seex8-3-5-2';\nexport var seriesHeaderValue = '_1j1seex9-3-5-2';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seexe-3-5-2',variantClassNames:{symbolPosition:{left:'_1j1seexf-3-5-2',right:'_1j1seexg-3-5-2'},hasChevron:{true:'_1j1seexh-3-5-2'}},defaultVariants:{symbolPosition:'left',hasChevron:false},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seexm-3-5-2';\nexport var seriesItemHighlighted = '_1j1seex13-3-5-2';\nexport var seriesItemMaxWidthVar = 'var(--_1j1seex1-3-5-2)';\nexport var seriesItemText = '_1j1seexn-3-5-2';\nexport var seriesItemWithChevron = '_1j1seexj-3-5-2';\nexport var seriesItemWrapper = '_1j1seexi-3-5-2';\nexport var seriesNameCell = '_1j1seexv-3-5-2';\nexport var seriesNameMaxLinesVar = 'var(--_1j1seex0-3-5-2)';\nexport var seriesNameText = '_1j1seext-3-5-2';\nexport var seriesNameTextMultiLine = '_1j1seexo-3-5-2';\nexport var seriesOverflowContainer = '_1j1seexd-3-5-2';\nexport var seriesOverflowContainerBase = '_1j1seexc-3-5-2';\nexport var seriesValueCell = '_1j1seexw-3-5-2';\nexport var seriesValueText = '_1j1seexu-3-5-2';\nexport var seriesWrapper = '_1j1seexa-3-5-2';\nexport var spaceSavedForSymbolVar = 'var(--_1j1seex3-3-5-2)';\nexport var symbolRight = '_1j1seexz-3-5-2';\nexport var symbolWrapper = _7a468({defaultClassName:'_1j1seexq-3-5-2',variantClassNames:{isRight:{true:'_1j1seexr-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var wrapper = _7a468({defaultClassName:'_1j1seex4-3-5-2',variantClassNames:{isInteractive:{true:'_1j1seex5-3-5-2',false:'_1j1seex6-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,UAAU;AACd,IAAI,sBAAsB;AAC1B,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,gCAAgC;AACpC,IAAI,8BAA8B;AAClC,IAAI,sBAAsB;AAC1B,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,oBAAoB;AACxB,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,gBAAe,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,gBAAe,QAAO,YAAW,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjQ,IAAI,mBAAmB;AACvB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,0BAA0B;AAC9B,IAAI,0BAA0B;AAC9B,IAAI,8BAA8B;AAClC,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,yBAAyB;AAC7B,IAAI,cAAc;AAClB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3J,IAAI,UAAU,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
+  "sourcesContent": ["import './tooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var TOOLTIP_BODY_MAX_HEIGHT = 240;\nexport var TOOLTIP_MAX_WIDTH = 480;\nexport var actionsContainer = '_1j1seex17-3-7-0';\nexport var annotationsGroupsScrollContainer = '_1j1seexc-3-7-0';\nexport var chevron = '_1j1seexl-3-7-0';\nexport var chevronRightAligned = '_1j1seexm-3-7-0';\nexport var divider = '_1j1seex13-3-7-0';\nexport var headerText = '_1j1seexu-3-7-0';\nexport var multiLineName = '_1j1seex12-3-7-0';\nexport var relativeValueStyle = '_1j1seexr-3-7-0';\nexport var seriesActionHeader = '_1j1seex15-3-7-0';\nexport var seriesActionHeaderMaxLinesVar = 'var(--_1j1seex2-3-7-0)';\nexport var seriesActionHeaderMultiLine = '_1j1seex16-3-7-0';\nexport var seriesDescriptionText = '_1j1seexz-3-7-0';\nexport var seriesDescriptionTextMultiLine = '_1j1seex10-3-7-0';\nexport var seriesDescriptionTextMultiLineWrap = '_1j1seex11-3-7-0';\nexport var seriesGridContainer = '_1j1seexb-3-7-0';\nexport var seriesHeader = '_1j1seex7-3-7-0';\nexport var seriesHeaderName = '_1j1seex8-3-7-0';\nexport var seriesHeaderValue = '_1j1seex9-3-7-0';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seexf-3-7-0',variantClassNames:{symbolPosition:{left:'_1j1seexg-3-7-0',right:'_1j1seexh-3-7-0'},hasChevron:{true:'_1j1seexi-3-7-0'}},defaultVariants:{symbolPosition:'left',hasChevron:false},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seexn-3-7-0';\nexport var seriesItemHighlighted = '_1j1seex18-3-7-0';\nexport var seriesItemMaxWidthVar = 'var(--_1j1seex1-3-7-0)';\nexport var seriesItemText = '_1j1seexo-3-7-0';\nexport var seriesItemWithChevron = '_1j1seexk-3-7-0';\nexport var seriesItemWrapper = '_1j1seexj-3-7-0';\nexport var seriesNameCell = '_1j1seexx-3-7-0';\nexport var seriesNameMaxLinesVar = 'var(--_1j1seex0-3-7-0)';\nexport var seriesNameText = '_1j1seexv-3-7-0';\nexport var seriesNameTextMultiLine = '_1j1seexp-3-7-0';\nexport var seriesNameTextMultiLineWrap = '_1j1seexq-3-7-0';\nexport var seriesOverflowContainer = '_1j1seexe-3-7-0';\nexport var seriesOverflowContainerBase = '_1j1seexd-3-7-0';\nexport var seriesValueCell = '_1j1seexy-3-7-0';\nexport var seriesValueText = '_1j1seexw-3-7-0';\nexport var seriesWrapper = '_1j1seexa-3-7-0';\nexport var spaceSavedForSymbolVar = 'var(--_1j1seex3-3-7-0)';\nexport var symbolRight = '_1j1seex14-3-7-0';\nexport var symbolWrapper = _7a468({defaultClassName:'_1j1seexs-3-7-0',variantClassNames:{isRight:{true:'_1j1seext-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var wrapper = _7a468({defaultClassName:'_1j1seex4-3-7-0',variantClassNames:{isInteractive:{true:'_1j1seex5-3-7-0',false:'_1j1seex6-3-7-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B;AAC9B,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,mCAAmC;AACvC,IAAI,UAAU;AACd,IAAI,sBAAsB;AAC1B,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,gCAAgC;AACpC,IAAI,8BAA8B;AAClC,IAAI,wBAAwB;AAC5B,IAAI,iCAAiC;AACrC,IAAI,qCAAqC;AACzC,IAAI,sBAAsB;AAC1B,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,oBAAoB;AACxB,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,gBAAe,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,gBAAe,QAAO,YAAW,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjQ,IAAI,mBAAmB;AACvB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,0BAA0B;AAC9B,IAAI,8BAA8B;AAClC,IAAI,0BAA0B;AAC9B,IAAI,8BAA8B;AAClC,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,yBAAyB;AAC7B,IAAI,cAAc;AAClB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3J,IAAI,UAAU,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/types.ts"],
-  "sourcesContent": ["import type { JSX, ReactNode, RefObject } from 'react';\nimport type { MessageDescriptor } from 'react-intl';\n\nimport type { Store } from '../../../../core/store/store.js';\nimport type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { SeriesActionsTemplate } from '../../types/series-actions-template.js';\n\n/** @internal */\nexport const enum GeometryTypesEnum {\n  'dot' = 'dot',\n  'line' = 'line',\n  'area' = 'area',\n  'bar' = 'bar',\n  'pie' = 'pie',\n  'meterbar' = 'meterbar',\n  'multimeterbar' = 'multimeterbar',\n  'treemap' = 'treemap',\n  'rect' = 'rect',\n  'honeycomb' = 'honeycomb',\n  'geoBubble' = 'geoBubble',\n  'geoChoropleth' = 'geoChoropleth',\n  'geoConnection' = 'geoConnection',\n  'geoDot' = 'geoDot',\n}\n\n/** @internal */\nexport type GeometryTypes = keyof typeof GeometryTypesEnum;\n\n/** @internal */\nexport type Positions =\n  | {\n      absoluteX: number;\n      absoluteY: number;\n      relativeX: number;\n      relativeY: number;\n      percentX: number;\n      percentY: number;\n    }\n  | {\n      absoluteX: null;\n      absoluteY: null;\n      relativeX: null;\n      relativeY: null;\n      percentX: null;\n      percentY: null;\n    };\n/** @internal */\nexport type Overlay = {\n  overlayRef: RefObject<HTMLDivElement>;\n  getBounds: () => DOMRect | undefined;\n  getAdjustedPositionsFromRelative: (\n    relativeX: number,\n    relativeY: number,\n  ) => Positions;\n  getAdjustedPositionsFromAbsolute: (\n    absoluteX: number,\n    absoluteY: number,\n  ) => Positions;\n  getAdjustedPositionsFromPercent: (\n    percentX: number,\n    percentY: number,\n    relativeX?: number,\n    relativeY?: number,\n  ) => Positions;\n  clear: () => void;\n};\n\n/** @internal */\nexport type TooltipState = {\n  activeSeries: SeriesName | null;\n  pinned: boolean;\n  inBounds: boolean;\n  data: Data | NoData;\n} & Positions;\n\n/**  @internal  */\nexport type TooltipStore = Store<TooltipState>;\n\n/**\n * A primitive value that can appear in a tooltip header or series row.\n * @public\n */\nexport type TooltipValue = string | number | Date | undefined;\n/**\n * The display name for a data series.\n * Pass a `string[]` to enable multi-line rendering.\n * @public\n */\nexport type SeriesName = string | string[];\n/**\n * The value(s) displayed in a tooltip header row.\n * - `TooltipValue` \u2014 single value.\n * - `[TooltipValue]` \u2014 single value as a tuple.\n * - `[TooltipValue, TooltipValue]` \u2014 a from/to range pair.\n * - `[]` \u2014 explicitly empty (no header value).\n * @public\n */\nexport type HeaderData =\n  | []\n  | [TooltipValue]\n  | [TooltipValue, TooltipValue]\n  | TooltipValue;\n/**  @internal  */\nexport type Geometry = GeometryTypesEnum;\n/**  @internal  */\nexport type Data = {\n  metadata?: unknown;\n  geometry: GeometryTypes;\n  header1?: HeaderData;\n  subheader?: HeaderData;\n  series: {\n    name: SeriesName;\n    value: string | number | Date;\n    color: string;\n    valueUnit?: string;\n    relativeValue?: string | number;\n    relativeValueUnit?: string;\n  }[];\n};\n/** @internal */\nexport type NoData = {\n  metadata?: undefined;\n  header1: undefined;\n  series: undefined;\n  subheader: undefined;\n  geometry: 'none';\n};\n\n/** @internal */\nexport interface DefaultConfig {\n  headerLabel?: MessageDescriptor;\n  symbolPosition?: 'left' | 'right';\n  seriesLabel: MessageDescriptor;\n  valueLabel: MessageDescriptor;\n  headerShowRangeDuration?: boolean;\n  headerFormatStrategy?: FormatStrategy;\n  truncationMode?: TruncationMode;\n  sharedVariant?: boolean;\n  defaultActionsConfig: Map<\n    string,\n    {\n      field: 'seriesLabel' | 'valueLabel';\n      messageLabel?: MessageDescriptor;\n      customLabel?: string;\n    }\n  >;\n}\n\n/** @internal */\nexport type DefaultConfigByGeometry = Record<Geometry, DefaultConfig>;\n\n/** @internal */\nexport type GeoLayerTypes = 'bubble' | 'choropleth' | 'connection' | 'dot';\n\n/** @internal */\nexport type DefaultConfigByGeoLayer = Record<GeoLayerTypes, DefaultConfig>;\n\n/** @internal */\nexport type ExternalConfig = {\n  seriesHeader: JSX.Element | null;\n  displayHeaderDivider: boolean;\n  symbolPosition: 'left' | 'right' | undefined;\n  truncationMode: TruncationMode;\n  defaultActionsConfig: DefaultConfig['defaultActionsConfig'];\n  variant: 'shared' | 'single';\n};\n\n/** @internal */\nexport type OverlayTooltipBaseProps = {\n  /** Overrides the horizontal alignment of series symbols. */\n  symbolAlignment?: 'left' | 'right';\n  legacyTemplate?: ReactNode;\n  /**\n   * The truncation mode to use when the text exceeds the available space.\n   * @defaultValue 'end'\n   */\n  truncation?: TruncationMode;\n};\n\n/** @internal */\nexport type OverlayTooltipUncontrolledProps = OverlayTooltipBaseProps & {\n  absoluteX?: never;\n  absoluteY?: never;\n  isInteractive?: never;\n};\n\n/** @internal */\nexport type OverlayTooltipControlledProps = OverlayTooltipBaseProps & {\n  /** Absolute X position (pixels) for static tooltip placement. */\n  absoluteX: number;\n  /** Absolute Y position (pixels) for static tooltip placement. */\n  absoluteY: number;\n  /** Whether the tooltip should be interactive (enables pointer events). */\n  isInteractive: boolean;\n};\n\n/** @internal */\nexport type OverlayTooltipProps =\n  | OverlayTooltipUncontrolledProps\n  | OverlayTooltipControlledProps;\n\n/**\n * Props for `OverlayTooltip.Header`, which renders the primary header text row.\n * @public\n */\nexport type HeaderProps = {\n  /** The header text to display. */\n  text?: string;\n  /** Maximum width in pixels before truncation. If not provided, uses container width. */\n  maxWidth?: number;\n};\n\n/**\n * Props for `OverlayTooltip.SeriesHeader`, which renders the column label row\n * above the series entries.\n * @public\n */\nexport type SeriesHeaderProps = {\n  /** The series label text. */\n  seriesLabel?: string;\n  /** The value label text. */\n  valueLabel?: string;\n  /** Whether to hide the series header. */\n  disabled?: boolean;\n};\n/** @internal */\nexport type Series = Data['series'][number];\n/** @internal */\nexport type SeriesItemProps = {\n  /** The series name to display. Can be a string or array of strings for multi-line display. */\n  name: Series['name'];\n  /** The series value to display. */\n  value: Series['value'];\n  /** The color for the series symbol. */\n  color: string;\n  /** Unit to display after the value. */\n  valueUnit?: string;\n  /** Relative value to display alongside the main value. */\n  relativeValue?: Series['relativeValue'];\n  /** Unit to display after the relative value. */\n  relativeValueUnit?: string;\n  /** Maximum number of lines for the series name. Default is 1. */\n  maxLines?: number;\n  /** Whether to enable multi-line mode when name is provided as an array. Default is false. */\n  multiLine?: boolean;\n  /** Actions to display for the series. */\n  actions?: () => SeriesActionsTemplate;\n  symbolAlignment?: 'left' | 'right';\n};\n\n/** @internal */\nexport type FormatStrategy = (value: HeaderData) => string | null;\n\n/** @internal */\nexport type TooltipAction =\n  | { type: 'RESET_TOOLTIP' }\n  | {\n      type: 'SET_PINNED';\n      payload:\n        | {\n            pinned: false;\n            relativeX?: undefined;\n            relativeY?: undefined;\n            data: NoData;\n          }\n        | {\n            pinned: true;\n            relativeX: number;\n            relativeY: number;\n            data: Data;\n          };\n    }\n  | { type: 'SET_OUT_BOUNDS' }\n  | { type: 'SET_POSITION'; payload?: Data }\n  | {\n      type: 'UPDATE_POSITION';\n      payload: { type: 'resize' | 'non-resize'; scroll?: boolean };\n    }\n  | {\n      type: 'SET_ACTIVE_SERIES';\n      payload: { activeSeries: SeriesName | null };\n    }\n  | { type: 'TOOLTIP_MOUSE_LEAVE' };\n\n/** @internal */\nexport type TooltipActions = TooltipAction['type'];\n"],
-  "mappings": "AAQO,IAAW,oBAAX,kBAAWA,uBAAX;AACL,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,cAAa;AACb,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,aAAY;AACZ,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,eAAc;AACd,EAAAA,mBAAA,eAAc;AACd,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,YAAW;AAdK,SAAAA;AAAA,GAAA;",
+  "sourcesContent": ["import type { JSX, ReactNode, RefObject } from 'react';\nimport type { MessageDescriptor } from 'react-intl';\n\nimport type { Store } from '../../../../core/store/store.js';\nimport type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\n\n/** @internal */\nexport const enum GeometryTypesEnum {\n  'dot' = 'dot',\n  'line' = 'line',\n  'area' = 'area',\n  'bar' = 'bar',\n  'pie' = 'pie',\n  'meterbar' = 'meterbar',\n  'multimeterbar' = 'multimeterbar',\n  'treemap' = 'treemap',\n  'rect' = 'rect',\n  'honeycomb' = 'honeycomb',\n  'geoBubble' = 'geoBubble',\n  'geoChoropleth' = 'geoChoropleth',\n  'geoConnection' = 'geoConnection',\n  'geoDot' = 'geoDot',\n}\n\n/** @internal */\nexport type GeometryTypes = keyof typeof GeometryTypesEnum;\n\n/** @internal */\nexport type Positions =\n  | {\n      absoluteX: number;\n      absoluteY: number;\n      relativeX: number;\n      relativeY: number;\n      percentX: number;\n      percentY: number;\n    }\n  | {\n      absoluteX: null;\n      absoluteY: null;\n      relativeX: null;\n      relativeY: null;\n      percentX: null;\n      percentY: null;\n    };\n/** @internal */\nexport type Overlay = {\n  overlayRef: RefObject<HTMLDivElement>;\n  getBounds: () => DOMRect | undefined;\n  getAdjustedPositionsFromRelative: (\n    relativeX: number,\n    relativeY: number,\n  ) => Positions;\n  getAdjustedPositionsFromAbsolute: (\n    absoluteX: number,\n    absoluteY: number,\n  ) => Positions;\n  getAdjustedPositionsFromPercent: (\n    percentX: number,\n    percentY: number,\n    relativeX?: number,\n    relativeY?: number,\n  ) => Positions;\n  clear: () => void;\n};\n\n/** @internal */\nexport type TooltipState = {\n  activeSeries: string | null;\n  pinned: boolean;\n  inBounds: boolean;\n  data: Data | NoData;\n} & Positions;\n\n/**  @internal  */\nexport type TooltipStore = Store<TooltipState>;\n\n/**\n * A primitive value that can appear in a tooltip header or series row.\n * @public\n */\nexport type TooltipValue = string | number | Date | undefined;\n/**\n * The display name for a data series.\n * Pass a `string[]` to enable multi-line rendering.\n * @public\n */\nexport type SeriesName = string | string[];\n/**\n * The value(s) displayed in a tooltip header row.\n * - `TooltipValue` \u2014 single value.\n * - `[TooltipValue]` \u2014 single value as a tuple.\n * - `[TooltipValue, TooltipValue]` \u2014 a from/to range pair.\n * - `[]` \u2014 explicitly empty (no header value).\n * @public\n */\nexport type HeaderData =\n  | []\n  | [TooltipValue]\n  | [TooltipValue, TooltipValue]\n  | TooltipValue;\n/**  @internal  */\nexport type Geometry = GeometryTypesEnum;\n/**  @internal  */\nexport type Data = {\n  metadata?: unknown;\n  geometry: GeometryTypes;\n  header1?: HeaderData;\n  subheader?: HeaderData;\n  series: {\n    name: SeriesName;\n    value: string | number | Date;\n    color: string;\n    valueUnit?: string;\n    relativeValue?: string | number;\n    relativeValueUnit?: string;\n  }[];\n};\n/** @internal */\nexport type NoData = {\n  metadata?: undefined;\n  header1: undefined;\n  series: undefined;\n  subheader: undefined;\n  geometry: 'none';\n};\n\n/** @internal */\nexport interface DefaultConfig {\n  headerLabel?: MessageDescriptor;\n  symbolPosition?: 'left' | 'right';\n  seriesLabel: MessageDescriptor;\n  valueLabel: MessageDescriptor;\n  headerShowRangeDuration?: boolean;\n  headerFormatStrategy?: FormatStrategy;\n  truncationMode?: TruncationMode;\n  sharedVariant?: boolean;\n  defaultActionsConfig: Map<\n    string,\n    {\n      field: 'seriesLabel' | 'valueLabel';\n      messageLabel?: MessageDescriptor;\n      customLabel?: string;\n    }\n  >;\n}\n\n/** @internal */\nexport type DefaultConfigByGeometry = Record<Geometry, DefaultConfig>;\n\n/** @internal */\nexport type GeoLayerTypes = 'bubble' | 'choropleth' | 'connection' | 'dot';\n\n/** @internal */\nexport type DefaultConfigByGeoLayer = Record<GeoLayerTypes, DefaultConfig>;\n\n/** @internal */\nexport type ExternalConfig = {\n  seriesHeader: JSX.Element | null;\n  displayHeaderDivider: boolean;\n  symbolPosition: 'left' | 'right' | undefined;\n  symbolVerticalAlignment?: 'center' | 'start';\n  truncationMode: TruncationMode;\n  defaultActionsConfig: DefaultConfig['defaultActionsConfig'];\n  variant: 'shared' | 'single';\n};\n\n/** @internal */\nexport type OverlayTooltipBaseProps = {\n  /** Overrides the horizontal alignment of series symbols. */\n  symbolAlignment?: 'left' | 'right';\n  legacyTemplate?: ReactNode;\n  /**\n   * The truncation mode to use when the text exceeds the available space.\n   * @defaultValue 'end'\n   */\n  truncation?: TruncationMode;\n};\n\n/** @internal */\nexport type OverlayTooltipUncontrolledProps = OverlayTooltipBaseProps & {\n  absoluteX?: never;\n  absoluteY?: never;\n  isInteractive?: never;\n};\n\n/** @internal */\nexport type OverlayTooltipControlledProps = OverlayTooltipBaseProps & {\n  /** Absolute X position (pixels) for static tooltip placement. */\n  absoluteX: number;\n  /** Absolute Y position (pixels) for static tooltip placement. */\n  absoluteY: number;\n  /** Whether the tooltip should be interactive (enables pointer events). */\n  isInteractive: boolean;\n};\n\n/** @internal */\nexport type OverlayTooltipProps =\n  | OverlayTooltipUncontrolledProps\n  | OverlayTooltipControlledProps;\n\n/**\n * Props for `OverlayTooltip.Header`, which renders the primary header text row.\n * @public\n */\nexport type HeaderProps = {\n  /** The header text to display. */\n  text?: string;\n  /** Maximum width in pixels before truncation. If not provided, uses container width. */\n  maxWidth?: number;\n};\n\n/**\n * Props for `OverlayTooltip.SeriesHeader`, which renders the column label row\n * above the series entries.\n * @public\n */\nexport type SeriesHeaderProps = {\n  /** The series label text. */\n  seriesLabel?: string;\n  /** The value label text. */\n  valueLabel?: string;\n  /** Whether to hide the series header. */\n  disabled?: boolean;\n};\n\n/** @internal */\nexport type FormatStrategy = (value: HeaderData) => string | null;\n\n/** @internal */\nexport type TooltipAction =\n  | { type: 'RESET_TOOLTIP' }\n  | {\n      type: 'SET_PINNED';\n      payload:\n        | {\n            pinned: false;\n            absoluteX?: undefined;\n            absoluteY?: undefined;\n            data: NoData;\n          }\n        | {\n            pinned: true;\n            absoluteX: number;\n            absoluteY: number;\n            data: Data;\n          };\n    }\n  | { type: 'SET_OUT_BOUNDS' }\n  | {\n      type: 'SET_POSITION';\n      payload: { absoluteX: number; absoluteY: number; data?: Data };\n    }\n  | {\n      type: 'UPDATE_POSITION';\n      payload: { type: 'resize' | 'non-resize'; scroll?: boolean };\n    }\n  | {\n      type: 'SET_ACTIVE_SERIES';\n      payload: { activeSeries: string | null };\n    }\n  | { type: 'TOOLTIP_MOUSE_LEAVE' };\n\n/** @internal */\nexport type TooltipActions = TooltipAction['type'];\n"],
+  "mappings": "AAOO,IAAW,oBAAX,kBAAWA,uBAAX;AACL,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,cAAa;AACb,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,aAAY;AACZ,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,eAAc;AACd,EAAAA,mBAAA,eAAc;AACd,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,YAAW;AAdK,SAAAA;AAAA,GAAA;",
   "names": ["GeometryTypesEnum"]
 }

package/esm/charts/core/components/overlay-tooltip/useTooltipActions.js

@@ -0,0 +1,67 @@
+import { useCallback } from "react";
+import { useTooltip } from "./contexts/TooltipContext.js";
+import { useTooltipReducer } from "./useTooltipReducer.js";
+import { emptyData } from "./utils.js";
+const useTooltipActions = () => {
+  const dispatch = useTooltipReducer();
+  const tooltipState = useTooltip();
+  const hover = useCallback(
+    (event, data) => {
+      dispatch({
+        type: "SET_POSITION",
+        payload: {
+          absoluteX: Math.round(event.clientX),
+          absoluteY: Math.round(event.clientY),
+          data
+        }
+      })();
+    },
+    [dispatch]
+  );
+  const pin = useCallback(
+    (event, data) => {
+      const { absoluteX, absoluteY } = tooltipState.getState();
+      const coords = absoluteX !== null && absoluteY !== null ? { clientX: absoluteX, clientY: absoluteY } : {
+        clientX: Math.round(event.clientX),
+        clientY: Math.round(event.clientY)
+      };
+      dispatch({
+        type: "SET_PINNED",
+        payload: {
+          pinned: true,
+          absoluteX: coords.clientX,
+          absoluteY: coords.clientY,
+          data
+        }
+      })();
+    },
+    [dispatch, tooltipState]
+  );
+  const unpin = useCallback(() => {
+    dispatch({
+      type: "SET_PINNED",
+      payload: { pinned: false, data: emptyData() }
+    })();
+  }, [dispatch]);
+  const togglePin = useCallback(
+    (event, data) => {
+      if (tooltipState.getState().pinned) {
+        unpin();
+      } else {
+        pin(event, data);
+      }
+    },
+    [pin, unpin, tooltipState]
+  );
+  const reset = useCallback(() => {
+    dispatch({ type: "RESET_TOOLTIP" })();
+  }, [dispatch]);
+  const outOfBounds = useCallback(() => {
+    dispatch({ type: "SET_OUT_BOUNDS" })();
+  }, [dispatch]);
+  return { hover, pin, togglePin, unpin, reset, outOfBounds };
+};
+export {
+  useTooltipActions
+};
+//# sourceMappingURL=useTooltipActions.js.map

package/esm/charts/core/components/overlay-tooltip/useTooltipActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/useTooltipActions.ts"],
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport { useTooltip } from './contexts/TooltipContext.js';\nimport type { Data } from './types.js';\nimport { useTooltipReducer } from './useTooltipReducer.js';\nimport { emptyData } from './utils.js';\n\n/** @internal */\nexport type EventCoords = { clientX: number; clientY: number };\n\n/**\n * Ergonomic wrapper around the low-level tooltip dispatch.\n * Encapsulates action types, coordinate rounding, and empty-data defaults so\n * callers only need to deal with intent (hover / pin / unpin / \u2026).\n *\n * @internal\n */\nexport const useTooltipActions = () => {\n  const dispatch = useTooltipReducer();\n  const tooltipState = useTooltip();\n\n  const hover = useCallback(\n    (event: EventCoords, data?: Data) => {\n      dispatch({\n        type: 'SET_POSITION',\n        payload: {\n          absoluteX: Math.round(event.clientX),\n          absoluteY: Math.round(event.clientY),\n          data,\n        },\n      })();\n    },\n    [dispatch],\n  );\n\n  const pin = useCallback(\n    (event: EventCoords, data: Data) => {\n      const { absoluteX, absoluteY } = tooltipState.getState();\n      const coords =\n        absoluteX !== null && absoluteY !== null\n          ? { clientX: absoluteX, clientY: absoluteY }\n          : {\n              clientX: Math.round(event.clientX),\n              clientY: Math.round(event.clientY),\n            };\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: true,\n          absoluteX: coords.clientX,\n          absoluteY: coords.clientY,\n          data,\n        },\n      })();\n    },\n    [dispatch, tooltipState],\n  );\n\n  const unpin = useCallback(() => {\n    dispatch({\n      type: 'SET_PINNED',\n      payload: { pinned: false, data: emptyData() },\n    })();\n  }, [dispatch]);\n\n  const togglePin = useCallback(\n    (event: EventCoords, data: Data) => {\n      if (tooltipState.getState().pinned) {\n        unpin();\n      } else {\n        pin(event, data);\n      }\n    },\n    [pin, unpin, tooltipState],\n  );\n\n  const reset = useCallback(() => {\n    dispatch({ type: 'RESET_TOOLTIP' })();\n  }, [dispatch]);\n\n  const outOfBounds = useCallback(() => {\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  }, [dispatch]);\n\n  return { hover, pin, togglePin, unpin, reset, outOfBounds };\n};\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAYnB,MAAM,oBAAoB,MAAM;AACrC,QAAM,WAAW,kBAAkB;AACnC,QAAM,eAAe,WAAW;AAEhC,QAAM,QAAQ;AAAA,IACZ,CAAC,OAAoB,SAAgB;AACnC,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,UACnC,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,UACnC;AAAA,QACF;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,MAAM;AAAA,IACV,CAAC,OAAoB,SAAe;AAClC,YAAM,EAAE,WAAW,UAAU,IAAI,aAAa,SAAS;AACvD,YAAM,SACJ,cAAc,QAAQ,cAAc,OAChC,EAAE,SAAS,WAAW,SAAS,UAAU,IACzC;AAAA,QACE,SAAS,KAAK,MAAM,MAAM,OAAO;AAAA,QACjC,SAAS,KAAK,MAAM,MAAM,OAAO;AAAA,MACnC;AACN,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,WAAW,OAAO;AAAA,UAClB,WAAW,OAAO;AAAA,UAClB;AAAA,QACF;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,IACA,CAAC,UAAU,YAAY;AAAA,EACzB;AAEA,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,EAAE,QAAQ,OAAO,MAAM,UAAU,EAAE;AAAA,IAC9C,CAAC,EAAE;AAAA,EACL,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,YAAY;AAAA,IAChB,CAAC,OAAoB,SAAe;AAClC,UAAI,aAAa,SAAS,EAAE,QAAQ;AAClC,cAAM;AAAA,MACR,OAAO;AACL,YAAI,OAAO,IAAI;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAC,KAAK,OAAO,YAAY;AAAA,EAC3B;AAEA,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,EACtC,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,cAAc,YAAY,MAAM;AACpC,aAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,EACvC,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO,EAAE,OAAO,KAAK,WAAW,OAAO,OAAO,YAAY;AAC5D;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/useTooltipReducer.js

@@ -7,7 +7,7 @@ const useTooltipReducer = () => {
   const store = useTooltip();
   const overlay = useOverlay();
   const dispatch = useCallback(
-    (action) => (event) => {
+    (action) => () => {
       switch (action.type) {
         case "RESET_TOOLTIP":
           overlay.clear();
@@ -27,9 +27,9 @@ const useTooltipReducer = () => {
         case "SET_PINNED":
           store.setState((prevState) => {
             prevState.inBounds || overlay.clear();
-            const { relativeX, relativeY, pinned, data } = action.payload;
+            const { pinned, data, absoluteX, absoluteY } = action.payload;
             const activeSeries = pinned ? prevState.activeSeries : null;
-            if (isNil(relativeX) || isNil(relativeY)) {
+            if (isNil(absoluteX) || isNil(absoluteY)) {
               return {
                 ...prevState,
                 inBounds: true,
@@ -38,13 +38,13 @@ const useTooltipReducer = () => {
                 activeSeries
               };
             }
-            const positions = overlay.getAdjustedPositionsFromRelative(
-              relativeX,
-              relativeY
+            const positions = overlay.getAdjustedPositionsFromAbsolute(
+              absoluteX,
+              absoluteY
             );
             return {
               ...prevState,
-              pinned: action.payload.pinned,
+              pinned,
               inBounds: true,
               data,
               activeSeries,
@@ -54,13 +54,11 @@ const useTooltipReducer = () => {
           break;
         case "SET_POSITION":
           store.setState((prevState) => {
-            const { payload: data } = action;
-            if (prevState.pinned || !event) {
+            if (prevState.pinned) {
               return prevState;
             }
             prevState.inBounds || overlay.clear();
-            const absoluteX = Math.round(event.clientX);
-            const absoluteY = Math.round(event.clientY);
+            const { absoluteX, absoluteY, data } = action.payload;
             const positions = overlay.getAdjustedPositionsFromAbsolute(
               absoluteX,
               absoluteY