@dynatrace/strato-components 3.5.0 → 3.6.0

package/editors/dql-editor/dql/open-autocomplete.js

@@ -27,7 +27,7 @@ function isStartOfCommandOrParameter(context) {
   return context.matchBefore(/[,|]\s+$/) !== null;
 }
 function isTypingCommandPrefixAtCommandBoundary(context) {
-  return context.matchBefore(/(?:^|[|,]\s*)[A-Za-z][A-Za-z0-9]*$/) !== null;
+  return context.matchBefore(/(?:^|[|,]\s*|\*\/\s*)[A-Za-z][A-Za-z0-9]*$/) !== null;
 }
 function isTypingParameterPrefixAfterCommand(context) {
   const commandAndParameter = context.matchBefore(
@@ -49,20 +49,13 @@ async function isInvalidAtEnd(query) {
   return !valid && hasErrorNotificationAtEnd;
 }
 async function openAutocomplete(update, state) {
-  const { isTyping, isDeleting, isFocused, selectionChanged } = update;
+  const { isTyping, isDeleting, isFocused } = update;
   const context = new import_autocomplete.CompletionContext(state, state.selection.main.to, false);
   if (isTyping && (isTypingCommandPrefixAtCommandBoundary(context) || isTypingParameterPrefixAfterCommand(context)) && isBeforeCommentOrEndOfContent(state)) {
     return true;
   }
-  if (selectionChanged || isFocused) {
-    const fullContent = state.doc.toString();
-    const cursorAtTheEnd = fullContent.length === state.selection.ranges[0].to;
-    const cursorPosition = state.selection.main.to;
-    const textBeforeCursor = state.doc.slice(0, cursorPosition).toString();
-    const isOnFreshLine = context.matchBefore(/^\s*$/) !== null && textBeforeCursor.trim() !== "";
-    if (fullContent.trim() === "" || cursorAtTheEnd && isStartOfCommandOrParameter(context) || isOnFreshLine) {
-      return true;
-    }
+  if (isFocused && state.doc.toString().trim() === "") {
+    return true;
   }
   const hasWhitespaceBefore = context.matchBefore(/\s/);
   if ((isTyping || isDeleting) && context.tokenBefore(["keyword"]) && hasWhitespaceBefore) {

package/esm/buttons/button/Button.css

@@ -1,13 +1,13 @@
-._10kgnsa0-3-5-0 {
+._10kgnsa0-3-6-0 {
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-default-size, 14px);
   line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
   text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
   text-transform: none;
-  background: var(--_bx32h3-3-5-0);
-  box-shadow: var(--_bx32h4-3-5-0);
-  color: var(--_bx32h0-3-5-0);
+  background: var(--_bx32h3-3-6-0);
+  box-shadow: var(--_bx32h4-3-6-0);
+  color: var(--_bx32h0-3-6-0);
   display: inline-flex;
   position: relative;
   align-items: center;
@@ -24,38 +24,38 @@
   transition-duration: var(--dt-animations-hover-duration-base, 150ms);
   transition-property: color, background-color, box-shadow, transform;
 }
-._10kgnsa1-3-5-0 {
+._10kgnsa1-3-6-0 {
   text-align: start;
   justify-content: space-between;
 }
-._10kgnsa2-3-5-0 {
+._10kgnsa2-3-6-0 {
   text-align: center;
   justify-content: center;
 }
-._10kgnsa3-3-5-0 {
+._10kgnsa3-3-6-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
   gap: var(--dt-spacings-size-2, 2px);
 }
-._10kgnsa4-3-5-0 {
+._10kgnsa4-3-6-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-8, 8px);
   gap: var(--dt-spacings-size-4, 4px);
 }
-._10kgnsa5-3-5-0 {
+._10kgnsa5-3-6-0 {
   cursor: not-allowed;
 }
-._10kgnsa6-3-5-0 {
+._10kgnsa6-3-6-0 {
   width: 100%;
 }
-._10kgnsa7-3-5-0 {
+._10kgnsa7-3-6-0 {
   width: fit-content;
 }
-._10kgnsa8-3-5-0 {
+._10kgnsa8-3-6-0 {
   position: absolute;
   top: 0;
   left: 0;
@@ -67,19 +67,19 @@
   align-items: center;
   z-index: 1;
 }
-._10kgnsa3-3-5-0 ._10kgnsa9-3-5-0:not(:has(svg:only-child)) {
+._10kgnsa3-3-6-0 ._10kgnsa9-3-6-0:not(:has(svg:only-child)) {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 2px;
   padding-right: 2px;
 }
-._10kgnsa4-3-5-0 ._10kgnsa9-3-5-0:not(:has(svg:only-child)) {
+._10kgnsa4-3-6-0 ._10kgnsa9-3-6-0:not(:has(svg:only-child)) {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 4px;
   padding-right: 4px;
 }
-._10kgnsab-3-5-0 {
+._10kgnsab-3-6-0 {
   display: inline-flex;
   min-width: 0;
   max-width: 100%;

package/esm/buttons/button/Button.sty.js

@@ -3,10 +3,10 @@ import "../../core/components/app-root/AppRoot.css";
 import "../../styles/field.css";
 import "./Button.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var button = _7a468({ defaultClassName: "_10kgnsa0-3-5-0", variantClassNames: { textAlign: { start: "_10kgnsa1-3-5-0", center: "_10kgnsa2-3-5-0" }, size: { condensed: "_10kgnsa3-3-5-0", "default": "_10kgnsa4-3-5-0" }, disabled: { true: "_10kgnsa5-3-5-0" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
-var label = _7a468({ defaultClassName: "_10kgnsa9-3-5-0", variantClassNames: { textual: { true: "_oqqp1n0-3-5-0", false: "_10kgnsab-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
-var loading = "_10kgnsa8-3-5-0";
-var widths = { full: "_10kgnsa6-3-5-0", content: "_10kgnsa7-3-5-0" };
+var button = _7a468({ defaultClassName: "_10kgnsa0-3-6-0", variantClassNames: { textAlign: { start: "_10kgnsa1-3-6-0", center: "_10kgnsa2-3-6-0" }, size: { condensed: "_10kgnsa3-3-6-0", "default": "_10kgnsa4-3-6-0" }, disabled: { true: "_10kgnsa5-3-6-0" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
+var label = _7a468({ defaultClassName: "_10kgnsa9-3-6-0", variantClassNames: { textual: { true: "_oqqp1n0-3-6-0", false: "_10kgnsab-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var loading = "_10kgnsa8-3-6-0";
+var widths = { full: "_10kgnsa6-3-6-0", content: "_10kgnsa7-3-6-0" };
 export {
   button,
   label,

package/esm/buttons/button/Button.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/buttons/button/Button.css.ts"],
-  "sourcesContent": ["import '../../styles/ellipsis.css';\nimport '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Button.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var button = _7a468({defaultClassName:'_10kgnsa0-3-5-0',variantClassNames:{textAlign:{start:'_10kgnsa1-3-5-0',center:'_10kgnsa2-3-5-0'},size:{condensed:'_10kgnsa3-3-5-0','default':'_10kgnsa4-3-5-0'},disabled:{true:'_10kgnsa5-3-5-0'}},defaultVariants:{size:'default',textAlign:'center',disabled:false},compoundVariants:[]});\nexport var label = _7a468({defaultClassName:'_10kgnsa9-3-5-0',variantClassNames:{textual:{true:'_oqqp1n0-3-5-0',false:'_10kgnsab-3-5-0'}},defaultVariants:{},compoundVariants:[]});\nexport var loading = '_10kgnsa8-3-5-0';\nexport var widths = {full:'_10kgnsa6-3-5-0',content:'_10kgnsa7-3-5-0'};"],
+  "sourcesContent": ["import '../../styles/ellipsis.css';\nimport '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Button.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var button = _7a468({defaultClassName:'_10kgnsa0-3-6-0',variantClassNames:{textAlign:{start:'_10kgnsa1-3-6-0',center:'_10kgnsa2-3-6-0'},size:{condensed:'_10kgnsa3-3-6-0','default':'_10kgnsa4-3-6-0'},disabled:{true:'_10kgnsa5-3-6-0'}},defaultVariants:{size:'default',textAlign:'center',disabled:false},compoundVariants:[]});\nexport var label = _7a468({defaultClassName:'_10kgnsa9-3-6-0',variantClassNames:{textual:{true:'_oqqp1n0-3-6-0',false:'_10kgnsab-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var loading = '_10kgnsa8-3-6-0';\nexport var widths = {full:'_10kgnsa6-3-6-0',content:'_10kgnsa7-3-6-0'};"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,SAAS,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,OAAM,mBAAkB,QAAO,kBAAiB,GAAE,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,WAAU,WAAU,UAAS,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjU,IAAI,QAAQ,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1K,IAAI,UAAU;AACd,IAAI,SAAS,EAAC,MAAK,mBAAkB,SAAQ,kBAAiB;",
   "names": []
 }

package/esm/buttons/intent-button/IntentButton.css

@@ -1,3 +1,3 @@
-._1xe9ern0-3-5-0 {
+._1xe9ern0-3-6-0 {
   opacity: 0.5;
 }

package/esm/buttons/intent-button/IntentButton.sty.js

@@ -1,5 +1,5 @@
 import "./IntentButton.css";
-var disabledAppIconOpacity = "_1xe9ern0-3-5-0";
+var disabledAppIconOpacity = "_1xe9ern0-3-6-0";
 export {
   disabledAppIconOpacity
 };

package/esm/buttons/intent-button/IntentButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/buttons/intent-button/IntentButton.css.ts"],
-  "sourcesContent": ["import './IntentButton.css';\nexport var disabledAppIconOpacity = '_1xe9ern0-3-5-0';"],
+  "sourcesContent": ["import './IntentButton.css';\nexport var disabledAppIconOpacity = '_1xe9ern0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,yBAAyB;",
   "names": []
 }

package/esm/buttons/notify-button/NotifyButton.css

@@ -1,10 +1,10 @@
-._1j9pkom0-3-5-0 {
+._1j9pkom0-3-6-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-16, 16px);
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-16, 16px);
 }
-._1j9pkom1-3-5-0 {
+._1j9pkom1-3-6-0 {
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-6, 6px);

package/esm/buttons/notify-button/NotifyButton.sty.js

@@ -1,6 +1,6 @@
 import "./NotifyButton.css";
-var overlay = "_1j9pkom0-3-5-0";
-var toast = "_1j9pkom1-3-5-0";
+var overlay = "_1j9pkom0-3-6-0";
+var toast = "_1j9pkom1-3-6-0";
 export {
   overlay,
   toast

package/esm/buttons/notify-button/NotifyButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/buttons/notify-button/NotifyButton.css.ts"],
-  "sourcesContent": ["import './NotifyButton.css';\nexport var overlay = '_1j9pkom0-3-5-0';\nexport var toast = '_1j9pkom1-3-5-0';"],
+  "sourcesContent": ["import './NotifyButton.css';\nexport var overlay = '_1j9pkom0-3-6-0';\nexport var toast = '_1j9pkom1-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;AACd,IAAI,QAAQ;",
   "names": []
 }

package/esm/charts/annotations-chart/AnnotationsChart.js

@@ -62,7 +62,14 @@ const _AnnotationsChart = forwardRef((props, forwardedRef) => {
     tooltipProps,
     hasNumericalData
   );
-  const { showLabels, xAxisConfig, tooltipConfig, textOverflow, truncateMode } = config;
+  const {
+    showLabels,
+    xAxisConfig,
+    tooltipConfig,
+    textOverflow,
+    truncateMode,
+    maxLines
+  } = config;
   const shouldShowLabels = tracks.some(({ label }) => label) && showLabels;
   const labelsOffset = shouldShowLabels ? DEFAULT_LABELS_OFFSET + config.labelWidth : 0;
   const scale = buildScale(
@@ -138,6 +145,7 @@ const _AnnotationsChart = forwardRef((props, forwardedRef) => {
                     tooltipConfig,
                     textOverflow,
                     truncateMode,
+                    maxLines,
                     ...behaviorTrackingProps
                   }
                 )

package/esm/charts/annotations-chart/AnnotationsChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/annotations-chart/AnnotationsChart.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { isEmpty } from 'lodash-es';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { AnnotationsDisplay } from './components/AnnotationsDisplay.js';\nimport { AnnotationsAxis } from './components/axis/AnnotationsAxis.js';\nimport { ANNOTATIONS_CHART_ARIA_LABEL } from './constants.js';\nimport { useAnnotationsChartConfig } from './hooks/useAnnotationsChartConfig.js';\nimport { AnnotationsChartConfigProvider } from './providers/annotations-chart-config.provider.js';\nimport { Marker } from './slots/Marker.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Track } from './slots/Track.js';\nimport { XAxis } from './slots/XAxis.js';\nimport type { AnnotationsChartProps } from './types/annotations-chart-props.js';\nimport { AnnotationsChartRef } from './types/annotations-chart-ref.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildScale } from './utils/scales.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { AnnotationsScrollWrapper } from '../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  DEFAULT_LABELS_OFFSET,\n  TRACK_HEIGHT,\n  TRACK_SEPARATOR_STROKE_WIDTH,\n} from '../core/components/annotations/constants.js';\nimport { isNumericalData } from '../core/components/annotations/utils/is-numerical-marker.js';\nimport { ChartStateHandler } from '../core/components/chart-states/ChartStateHandler.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { DataDtrumContext } from '../core/context/DataDtrumContext.js';\nimport { useObserveContainerSize } from '../core/hooks/useObserveContainerSize.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ChartType } from '../core/types/chart-types.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\nconst AXIS_HEIGHT = 25;\nconst X_AXIS_LABEL_HEIGHT = 10;\nconst COMPONENT_NAME = 'AnnotationsChart';\n\nconst calculateXAxisHeight = (isHidden: boolean, label?: string) =>\n  isHidden ? 0 : label ? AXIS_HEIGHT + X_AXIS_LABEL_HEIGHT : AXIS_HEIGHT;\n\nexport const _AnnotationsChart = forwardRef<\n  AnnotationsChartRef,\n  PropsWithChildren<AnnotationsChartProps>\n>((props, forwardedRef) => {\n  const {\n    annotationsActions,\n    children,\n    loading = false,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    style: consumerStyle,\n    className: consumerClassName,\n    width: propsWidth,\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const [containerDimension, sizeObserverRef] = useObserveContainerSize();\n\n  const { aggregatedMarkers, tracks, xAxisProps, tooltipProps } =\n    iterateSlots(children);\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const hasNumericalData =\n    aggregatedMarkers.length > 0 && isNumericalData(aggregatedMarkers);\n\n  const config = useAnnotationsChartConfig(\n    props,\n    xAxisProps,\n    tooltipProps,\n    hasNumericalData,\n  );\n\n  const { showLabels, xAxisConfig, tooltipConfig, textOverflow, truncateMode } =\n    config;\n\n  const shouldShowLabels = tracks.some(({ label }) => label) && showLabels;\n\n  const labelsOffset = shouldShowLabels\n    ? DEFAULT_LABELS_OFFSET + config.labelWidth\n    : 0;\n\n  const scale = buildScale(\n    aggregatedMarkers,\n    containerDimension.width - labelsOffset,\n    xAxisConfig,\n  );\n\n  const shownTracks = tracks.filter(({ hidden }) => !hidden);\n\n  const tracksHeight =\n    shownTracks.length * TRACK_HEIGHT + TRACK_SEPARATOR_STROKE_WIDTH;\n\n  const axisHeight = calculateXAxisHeight(\n    xAxisConfig.hidden,\n    config.xAxisConfig.label,\n  );\n  const coercedHeight = coerceSizeValue(config.height);\n  const coercedWidth = coerceSizeValue(propsWidth);\n\n  const height = coercedHeight ?? tracksHeight + axisHeight;\n  const width = coercedWidth ?? '100%';\n\n  const scrollWrapperHeight = Math.min(\n    tracksHeight,\n    Math.max(0, containerDimension.height - axisHeight),\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<AnnotationsChartRef | HTMLDivElement>([\n    forwardedRef,\n    containerRef,\n    sizeObserverRef,\n  ]);\n\n  useImperativeHandle(forwardedRef, () => ({\n    element: containerRef.current,\n    getConfig: () => {\n      return JSON.stringify({\n        type: ChartType.AnnotationsChart,\n        ...config,\n      });\n    },\n  }));\n\n  return (\n    <ChartStateHandler\n      empty={isEmpty(tracks)}\n      height=\"100%\"\n      emptyState={emptyState}\n      errorState={errorState}\n      isLoading={loading}\n      className={clsx(defaultChartSize, consumerClassName)}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-testid={dataTestId}\n      data-dt-component={COMPONENT_NAME}\n      style={consumerStyle}\n    >\n      <div\n        style={{ height, width }}\n        ref={rootRef}\n        aria-label={ANNOTATIONS_CHART_ARIA_LABEL}\n        role=\"img\"\n      >\n        <AnnotationsChartConfigProvider config={config}>\n          <DataDtrumContext.Provider value={{ dataDtrumAllow, dataDtrumMask }}>\n            <AnnotationsScrollWrapper\n              height={scrollWrapperHeight}\n              width={containerDimension.width}\n            >\n              <AnnotationsDisplay\n                tracks={tracks}\n                scale={scale}\n                annotationsActions={annotationsActions}\n                showLabels={shouldShowLabels}\n                labelsOffset={labelsOffset}\n                width={containerDimension.width}\n                tooltipConfig={tooltipConfig}\n                textOverflow={textOverflow}\n                truncateMode={truncateMode}\n                {...behaviorTrackingProps}\n              />\n            </AnnotationsScrollWrapper>\n          </DataDtrumContext.Provider>\n          <AnnotationsAxis\n            height={axisHeight}\n            scale={scale}\n            width={containerDimension.width}\n            labelsOffset={labelsOffset}\n          />\n        </AnnotationsChartConfigProvider>\n      </div>\n    </ChartStateHandler>\n  );\n});\n\n/**\n * The `AnnotationsChart` is a visualization tool designed to highlight significant events or data points\n * on a timeline or other graph types. It allows you to annotate specific moments with labels or markers,\n * providing additional context or insights directly within the chart. This chart can be used standalone\n * or integrated with other chart types, such `HistogramChart` or  `TimeseriesChart`, to enrich the data presentation\n * by drawing attention to each event.\n * @public\n */\nexport const AnnotationsChart = Object.assign(_AnnotationsChart, {\n  Track,\n  Marker,\n  XAxis,\n  Tooltip,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { isEmpty } from 'lodash-es';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { AnnotationsDisplay } from './components/AnnotationsDisplay.js';\nimport { AnnotationsAxis } from './components/axis/AnnotationsAxis.js';\nimport { ANNOTATIONS_CHART_ARIA_LABEL } from './constants.js';\nimport { useAnnotationsChartConfig } from './hooks/useAnnotationsChartConfig.js';\nimport { AnnotationsChartConfigProvider } from './providers/annotations-chart-config.provider.js';\nimport { Marker } from './slots/Marker.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Track } from './slots/Track.js';\nimport { XAxis } from './slots/XAxis.js';\nimport type { AnnotationsChartProps } from './types/annotations-chart-props.js';\nimport { AnnotationsChartRef } from './types/annotations-chart-ref.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildScale } from './utils/scales.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { AnnotationsScrollWrapper } from '../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  DEFAULT_LABELS_OFFSET,\n  TRACK_HEIGHT,\n  TRACK_SEPARATOR_STROKE_WIDTH,\n} from '../core/components/annotations/constants.js';\nimport { isNumericalData } from '../core/components/annotations/utils/is-numerical-marker.js';\nimport { ChartStateHandler } from '../core/components/chart-states/ChartStateHandler.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { DataDtrumContext } from '../core/context/DataDtrumContext.js';\nimport { useObserveContainerSize } from '../core/hooks/useObserveContainerSize.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ChartType } from '../core/types/chart-types.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\nconst AXIS_HEIGHT = 25;\nconst X_AXIS_LABEL_HEIGHT = 10;\nconst COMPONENT_NAME = 'AnnotationsChart';\n\nconst calculateXAxisHeight = (isHidden: boolean, label?: string) =>\n  isHidden ? 0 : label ? AXIS_HEIGHT + X_AXIS_LABEL_HEIGHT : AXIS_HEIGHT;\n\nexport const _AnnotationsChart = forwardRef<\n  AnnotationsChartRef,\n  PropsWithChildren<AnnotationsChartProps>\n>((props, forwardedRef) => {\n  const {\n    annotationsActions,\n    children,\n    loading = false,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    style: consumerStyle,\n    className: consumerClassName,\n    width: propsWidth,\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const [containerDimension, sizeObserverRef] = useObserveContainerSize();\n\n  const { aggregatedMarkers, tracks, xAxisProps, tooltipProps } =\n    iterateSlots(children);\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const hasNumericalData =\n    aggregatedMarkers.length > 0 && isNumericalData(aggregatedMarkers);\n\n  const config = useAnnotationsChartConfig(\n    props,\n    xAxisProps,\n    tooltipProps,\n    hasNumericalData,\n  );\n\n  const {\n    showLabels,\n    xAxisConfig,\n    tooltipConfig,\n    textOverflow,\n    truncateMode,\n    maxLines,\n  } = config;\n\n  const shouldShowLabels = tracks.some(({ label }) => label) && showLabels;\n\n  const labelsOffset = shouldShowLabels\n    ? DEFAULT_LABELS_OFFSET + config.labelWidth\n    : 0;\n\n  const scale = buildScale(\n    aggregatedMarkers,\n    containerDimension.width - labelsOffset,\n    xAxisConfig,\n  );\n\n  const shownTracks = tracks.filter(({ hidden }) => !hidden);\n\n  const tracksHeight =\n    shownTracks.length * TRACK_HEIGHT + TRACK_SEPARATOR_STROKE_WIDTH;\n\n  const axisHeight = calculateXAxisHeight(\n    xAxisConfig.hidden,\n    config.xAxisConfig.label,\n  );\n  const coercedHeight = coerceSizeValue(config.height);\n  const coercedWidth = coerceSizeValue(propsWidth);\n\n  const height = coercedHeight ?? tracksHeight + axisHeight;\n  const width = coercedWidth ?? '100%';\n\n  const scrollWrapperHeight = Math.min(\n    tracksHeight,\n    Math.max(0, containerDimension.height - axisHeight),\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<AnnotationsChartRef | HTMLDivElement>([\n    forwardedRef,\n    containerRef,\n    sizeObserverRef,\n  ]);\n\n  useImperativeHandle(forwardedRef, () => ({\n    element: containerRef.current,\n    getConfig: () => {\n      return JSON.stringify({\n        type: ChartType.AnnotationsChart,\n        ...config,\n      });\n    },\n  }));\n\n  return (\n    <ChartStateHandler\n      empty={isEmpty(tracks)}\n      height=\"100%\"\n      emptyState={emptyState}\n      errorState={errorState}\n      isLoading={loading}\n      className={clsx(defaultChartSize, consumerClassName)}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-testid={dataTestId}\n      data-dt-component={COMPONENT_NAME}\n      style={consumerStyle}\n    >\n      <div\n        style={{ height, width }}\n        ref={rootRef}\n        aria-label={ANNOTATIONS_CHART_ARIA_LABEL}\n        role=\"img\"\n      >\n        <AnnotationsChartConfigProvider config={config}>\n          <DataDtrumContext.Provider value={{ dataDtrumAllow, dataDtrumMask }}>\n            <AnnotationsScrollWrapper\n              height={scrollWrapperHeight}\n              width={containerDimension.width}\n            >\n              <AnnotationsDisplay\n                tracks={tracks}\n                scale={scale}\n                annotationsActions={annotationsActions}\n                showLabels={shouldShowLabels}\n                labelsOffset={labelsOffset}\n                width={containerDimension.width}\n                tooltipConfig={tooltipConfig}\n                textOverflow={textOverflow}\n                truncateMode={truncateMode}\n                maxLines={maxLines}\n                {...behaviorTrackingProps}\n              />\n            </AnnotationsScrollWrapper>\n          </DataDtrumContext.Provider>\n          <AnnotationsAxis\n            height={axisHeight}\n            scale={scale}\n            width={containerDimension.width}\n            labelsOffset={labelsOffset}\n          />\n        </AnnotationsChartConfigProvider>\n      </div>\n    </ChartStateHandler>\n  );\n});\n\n/**\n * The `AnnotationsChart` is a visualization tool designed to highlight significant events or data points\n * on a timeline or other graph types. It allows you to annotate specific moments with labels or markers,\n * providing additional context or insights directly within the chart. This chart can be used standalone\n * or integrated with other chart types, such `HistogramChart` or  `TimeseriesChart`, to enrich the data presentation\n * by drawing attention to each event.\n * @public\n */\nexport const AnnotationsChart = Object.assign(_AnnotationsChart, {\n  Track,\n  Marker,\n  XAxis,\n  Tooltip,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/annotations-chart/components/AnnotationsDisplay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/annotations-chart/components/AnnotationsDisplay.tsx"],
-  "sourcesContent": ["import type { ScaleLinear, ScaleTime } from 'd3-scale';\n\nimport { useAxisFormatter } from './axis/hooks/useAxisFormatter.js';\nimport { isNumericalScale } from './axis/types/annotations-x-axis-props.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { AnnotationsNumericalDisplay } from '../../core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsTimeDisplay } from '../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport type { AnnotationsTooltipConfig } from '../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport type { AnnotationsTrackConfig } from '../../core/components/annotations/types/annotations-track-props.js';\nimport type { AnnotationsActionsHandler } from '../../core/components/annotations/types/annotations.js';\nimport type { TextOverflowOptions } from '../../core/components/annotations/types/marker.js';\n\ntype AnnotationsDisplayProps = BehaviorTrackingProps & {\n  scale: ScaleTime<number, number> | ScaleLinear<number, number>;\n  tracks: AnnotationsTrackConfig[];\n  annotationsActions?: AnnotationsActionsHandler;\n  showLabels: boolean;\n  labelsOffset: number;\n  width: number;\n  tooltipConfig: AnnotationsTooltipConfig;\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n};\n\nexport const AnnotationsDisplay = (props: AnnotationsDisplayProps) => {\n  const { scale, ...remaining } = props;\n\n  const formatter = useAxisFormatter();\n\n  return isNumericalScale(scale) ? (\n    <AnnotationsNumericalDisplay\n      scale={scale}\n      {...remaining}\n      formatter={formatter}\n    />\n  ) : (\n    <AnnotationsTimeDisplay scale={scale} {...remaining} />\n  );\n};\n"],
-  "mappings": "AA+BI;AA7BJ,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAGjC,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AAkBhC,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM,EAAE,OAAO,GAAG,UAAU,IAAI;AAEhC,QAAM,YAAY,iBAAiB;AAEnC,SAAO,iBAAiB,KAAK,IAC3B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ;AAAA;AAAA,EACF,IAEA,oBAAC,0BAAuB,OAAe,GAAG,WAAW;AAEzD;",
+  "sourcesContent": ["import type { ScaleLinear, ScaleTime } from 'd3-scale';\n\nimport { useAxisFormatter } from './axis/hooks/useAxisFormatter.js';\nimport { isNumericalScale } from './axis/types/annotations-x-axis-props.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { AnnotationsNumericalDisplay } from '../../core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsTimeDisplay } from '../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport type { AnnotationsTooltipConfig } from '../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport type { AnnotationsTrackConfig } from '../../core/components/annotations/types/annotations-track-props.js';\nimport type { AnnotationsActionsHandler } from '../../core/components/annotations/types/annotations.js';\nimport type { TextOverflowOptions } from '../../core/components/annotations/types/marker.js';\n\ntype AnnotationsDisplayProps = BehaviorTrackingProps & {\n  scale: ScaleTime<number, number> | ScaleLinear<number, number>;\n  tracks: AnnotationsTrackConfig[];\n  annotationsActions?: AnnotationsActionsHandler;\n  showLabels: boolean;\n  labelsOffset: number;\n  width: number;\n  tooltipConfig: AnnotationsTooltipConfig;\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  maxLines?: number;\n};\n\nexport const AnnotationsDisplay = (props: AnnotationsDisplayProps) => {\n  const { scale, ...remaining } = props;\n\n  const formatter = useAxisFormatter();\n\n  return isNumericalScale(scale) ? (\n    <AnnotationsNumericalDisplay\n      scale={scale}\n      {...remaining}\n      formatter={formatter}\n    />\n  ) : (\n    <AnnotationsTimeDisplay scale={scale} {...remaining} />\n  );\n};\n"],
+  "mappings": "AAgCI;AA9BJ,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAGjC,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AAmBhC,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM,EAAE,OAAO,GAAG,UAAU,IAAI;AAEhC,QAAM,YAAY,iBAAiB;AAEnC,SAAO,iBAAiB,KAAK,IAC3B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ;AAAA;AAAA,EACF,IAEA,oBAAC,0BAAuB,OAAe,GAAG,WAAW;AAEzD;",
   "names": []
 }

package/esm/charts/annotations-chart/constants.js

@@ -2,6 +2,7 @@ import {
   DEFAULT_LABELS_WIDTH,
   DEFAULT_SHOW_LABELS,
   DEFAULT_TEXT_OVERFLOW,
+  DEFAULT_TOOLTIP_MAX_LINES,
   DEFAULT_TRUNCATION_MODE
 } from "../core/components/annotations/constants.js";
 const DEFAULT_AXIS_HIDDEN = false;
@@ -19,7 +20,8 @@ const DEFAULT_ANNOTATIONS_CHART_CONFIG = {
     template: void 0
   },
   textOverflow: DEFAULT_TEXT_OVERFLOW,
-  truncateMode: DEFAULT_TRUNCATION_MODE
+  truncateMode: DEFAULT_TRUNCATION_MODE,
+  maxLines: DEFAULT_TOOLTIP_MAX_LINES
 };
 const ANNOTATIONS_CHART_ARIA_LABEL = "Annotations Chart";
 export {

package/esm/charts/annotations-chart/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/annotations-chart/constants.ts"],
-  "sourcesContent": ["import { AnnotationsChartConfigRequiredProps } from './types/annotations-chart-config-props.js';\nimport {\n  DEFAULT_LABELS_WIDTH,\n  DEFAULT_SHOW_LABELS,\n  DEFAULT_TEXT_OVERFLOW,\n  DEFAULT_TRUNCATION_MODE,\n} from '../core/components/annotations/constants.js';\n\nexport const DEFAULT_AXIS_HIDDEN = false;\n\nexport const DEFAULT_NUMERICAL_AXIS_TYPE = 'linear';\n\nexport const DEFAULT_TOOLTIP_HIDDEN = false;\n\nexport const DEFAULT_ANNOTATIONS_CHART_CONFIG: AnnotationsChartConfigRequiredProps =\n  {\n    showLabels: DEFAULT_SHOW_LABELS,\n    height: undefined,\n    labelWidth: DEFAULT_LABELS_WIDTH,\n    xAxisConfig: {\n      hidden: DEFAULT_AXIS_HIDDEN,\n    },\n    tooltipConfig: {\n      hidden: DEFAULT_TOOLTIP_HIDDEN,\n      template: undefined,\n    },\n    textOverflow: DEFAULT_TEXT_OVERFLOW,\n    truncateMode: DEFAULT_TRUNCATION_MODE,\n  };\n\nexport const ANNOTATIONS_CHART_ARIA_LABEL = 'Annotations Chart';\n"],
-  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,sBAAsB;AAE5B,MAAM,8BAA8B;AAEpC,MAAM,yBAAyB;AAE/B,MAAM,mCACX;AAAA,EACE,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,aAAa;AAAA,IACX,QAAQ;AAAA,EACV;AAAA,EACA,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAChB;AAEK,MAAM,+BAA+B;",
+  "sourcesContent": ["import { AnnotationsChartConfigRequiredProps } from './types/annotations-chart-config-props.js';\nimport {\n  DEFAULT_LABELS_WIDTH,\n  DEFAULT_SHOW_LABELS,\n  DEFAULT_TEXT_OVERFLOW,\n  DEFAULT_TOOLTIP_MAX_LINES,\n  DEFAULT_TRUNCATION_MODE,\n} from '../core/components/annotations/constants.js';\n\nexport const DEFAULT_AXIS_HIDDEN = false;\n\nexport const DEFAULT_NUMERICAL_AXIS_TYPE = 'linear';\n\nexport const DEFAULT_TOOLTIP_HIDDEN = false;\n\nexport const DEFAULT_ANNOTATIONS_CHART_CONFIG: AnnotationsChartConfigRequiredProps =\n  {\n    showLabels: DEFAULT_SHOW_LABELS,\n    height: undefined,\n    labelWidth: DEFAULT_LABELS_WIDTH,\n    xAxisConfig: {\n      hidden: DEFAULT_AXIS_HIDDEN,\n    },\n    tooltipConfig: {\n      hidden: DEFAULT_TOOLTIP_HIDDEN,\n      template: undefined,\n    },\n    textOverflow: DEFAULT_TEXT_OVERFLOW,\n    truncateMode: DEFAULT_TRUNCATION_MODE,\n    maxLines: DEFAULT_TOOLTIP_MAX_LINES,\n  };\n\nexport const ANNOTATIONS_CHART_ARIA_LABEL = 'Annotations Chart';\n"],
+  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,sBAAsB;AAE5B,MAAM,8BAA8B;AAEpC,MAAM,yBAAyB;AAE/B,MAAM,mCACX;AAAA,EACE,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,aAAa;AAAA,IACX,QAAQ;AAAA,EACV;AAAA,EACA,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd,UAAU;AACZ;AAEK,MAAM,+BAA+B;",
   "names": []
 }

package/esm/charts/annotations-chart/utils/annotations-chart-config.js

@@ -3,6 +3,7 @@ import { populateMissingTooltipProps } from "./populate-missing-tooltip-props.js
 import {
   DEFAULT_LABELS_WIDTH,
   DEFAULT_TEXT_OVERFLOW,
+  DEFAULT_TOOLTIP_MAX_LINES,
   DEFAULT_TRUNCATION_MODE
 } from "../../core/components/annotations/constants.js";
 import { populateMissingAxisProps } from "../components/axis/utils/populate-missing-axis-props.js";
@@ -28,6 +29,7 @@ function buildAnnotationsChartConfig(props, contextConfig, xAxis, tooltip, hasNu
     height: props.height ?? contextConfig.height,
     textOverflow: props.textOverflow ?? contextConfig?.textOverflow ?? DEFAULT_TEXT_OVERFLOW,
     truncateMode: props.truncateMode ?? contextConfig?.truncateMode ?? DEFAULT_TRUNCATION_MODE,
+    maxLines: props.maxLines ?? contextConfig?.maxLines ?? DEFAULT_TOOLTIP_MAX_LINES,
     xAxisConfig: populateMissingAxisProps(
       xAxis,
       hasNumericalData,

package/esm/charts/annotations-chart/utils/annotations-chart-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/annotations-chart/utils/annotations-chart-config.ts"],
-  "sourcesContent": ["import { merge } from 'lodash-es';\n\nimport { populateMissingTooltipProps } from './populate-missing-tooltip-props.js';\nimport type { AnnotationsTooltipProps } from '../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport {\n  DEFAULT_LABELS_WIDTH,\n  DEFAULT_TEXT_OVERFLOW,\n  DEFAULT_TRUNCATION_MODE,\n} from '../../core/components/annotations/constants.js';\nimport type { XAxisProps } from '../components/axis/types/annotations-x-axis-props.js';\nimport { populateMissingAxisProps } from '../components/axis/utils/populate-missing-axis-props.js';\nimport { DEFAULT_ANNOTATIONS_CHART_CONFIG } from '../constants.js';\nimport type {\n  AnnotationsChartConfigProperties,\n  AnnotationsChartConfigRequiredProps,\n} from '../types/annotations-chart-config-props.js';\nimport type { AnnotationsChartProps } from '../types/annotations-chart-props.js';\n\n/**\n * Deserializes an AnnotationsChart string config\n *\n * @param serializedConfig - string\n * @returns AnnotationsChartConfigProperties\n */\nexport function deserializeConfig(\n  serializedConfig: string,\n): AnnotationsChartConfigProperties {\n  try {\n    return merge(\n      {},\n      DEFAULT_ANNOTATIONS_CHART_CONFIG,\n      JSON.parse(serializedConfig),\n    );\n  } catch {\n    return DEFAULT_ANNOTATIONS_CHART_CONFIG;\n  }\n}\n\n/**\n * Checks if the contextConfig is a serialized-string configuration\n * @param contextConfig - context configuration.\n * @returns true if the received contextConfig is a string.\n */\nexport function isSerializedConfig(\n  contextConfig: AnnotationsChartConfigProperties | string,\n): contextConfig is string {\n  return typeof contextConfig === 'string';\n}\n\n/**\n * Build AnnotationsChart configuration.\n *\n * @param props - config from props\n * @param contextConfig - config from the context\n * @param xAxis - config from xAxis slot\n * @param tooltip - config from Tooltip slot\n * @param hasNumericalData - boolean if data contains numeric values\n * @returns AnnotationsChartConfigProperties\n */\nexport function buildAnnotationsChartConfig(\n  props: AnnotationsChartProps,\n  contextConfig: AnnotationsChartConfigProperties,\n  xAxis: XAxisProps,\n  tooltip: AnnotationsTooltipProps,\n  hasNumericalData: boolean,\n): AnnotationsChartConfigRequiredProps {\n  return {\n    showLabels:\n      props.showLabels ??\n      contextConfig.showLabels ??\n      DEFAULT_ANNOTATIONS_CHART_CONFIG.showLabels,\n    labelWidth:\n      props.labelWidth ?? contextConfig.labelWidth ?? DEFAULT_LABELS_WIDTH,\n    height: props.height ?? contextConfig.height,\n    textOverflow:\n      props.textOverflow ??\n      contextConfig?.textOverflow ??\n      DEFAULT_TEXT_OVERFLOW,\n    truncateMode:\n      props.truncateMode ??\n      contextConfig?.truncateMode ??\n      DEFAULT_TRUNCATION_MODE,\n    xAxisConfig: populateMissingAxisProps(\n      xAxis,\n      hasNumericalData,\n      contextConfig.xAxisConfig,\n    ),\n    tooltipConfig: populateMissingTooltipProps(\n      tooltip,\n      contextConfig.tooltipConfig,\n    ),\n  };\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,mCAAmC;AAE5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,gCAAgC;AACzC,SAAS,wCAAwC;AAa1C,SAAS,kBACd,kBACkC;AAClC,MAAI;AACF,WAAO;AAAA,MACL,CAAC;AAAA,MACD;AAAA,MACA,KAAK,MAAM,gBAAgB;AAAA,IAC7B;AAAA,EACF,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAOO,SAAS,mBACd,eACyB;AACzB,SAAO,OAAO,kBAAkB;AAClC;AAYO,SAAS,4BACd,OACA,eACA,OACA,SACA,kBACqC;AACrC,SAAO;AAAA,IACL,YACE,MAAM,cACN,cAAc,cACd,iCAAiC;AAAA,IACnC,YACE,MAAM,cAAc,cAAc,cAAc;AAAA,IAClD,QAAQ,MAAM,UAAU,cAAc;AAAA,IACtC,cACE,MAAM,gBACN,eAAe,gBACf;AAAA,IACF,cACE,MAAM,gBACN,eAAe,gBACf;AAAA,IACF,aAAa;AAAA,MACX;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,IACA,eAAe;AAAA,MACb;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { merge } from 'lodash-es';\n\nimport { populateMissingTooltipProps } from './populate-missing-tooltip-props.js';\nimport type { AnnotationsTooltipProps } from '../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport {\n  DEFAULT_LABELS_WIDTH,\n  DEFAULT_TEXT_OVERFLOW,\n  DEFAULT_TOOLTIP_MAX_LINES,\n  DEFAULT_TRUNCATION_MODE,\n} from '../../core/components/annotations/constants.js';\nimport type { XAxisProps } from '../components/axis/types/annotations-x-axis-props.js';\nimport { populateMissingAxisProps } from '../components/axis/utils/populate-missing-axis-props.js';\nimport { DEFAULT_ANNOTATIONS_CHART_CONFIG } from '../constants.js';\nimport type {\n  AnnotationsChartConfigProperties,\n  AnnotationsChartConfigRequiredProps,\n} from '../types/annotations-chart-config-props.js';\nimport type { AnnotationsChartProps } from '../types/annotations-chart-props.js';\n\n/**\n * Deserializes an AnnotationsChart string config\n *\n * @param serializedConfig - string\n * @returns AnnotationsChartConfigProperties\n */\nexport function deserializeConfig(\n  serializedConfig: string,\n): AnnotationsChartConfigProperties {\n  try {\n    return merge(\n      {},\n      DEFAULT_ANNOTATIONS_CHART_CONFIG,\n      JSON.parse(serializedConfig),\n    );\n  } catch {\n    return DEFAULT_ANNOTATIONS_CHART_CONFIG;\n  }\n}\n\n/**\n * Checks if the contextConfig is a serialized-string configuration\n * @param contextConfig - context configuration.\n * @returns true if the received contextConfig is a string.\n */\nexport function isSerializedConfig(\n  contextConfig: AnnotationsChartConfigProperties | string,\n): contextConfig is string {\n  return typeof contextConfig === 'string';\n}\n\n/**\n * Build AnnotationsChart configuration.\n *\n * @param props - config from props\n * @param contextConfig - config from the context\n * @param xAxis - config from xAxis slot\n * @param tooltip - config from Tooltip slot\n * @param hasNumericalData - boolean if data contains numeric values\n * @returns AnnotationsChartConfigProperties\n */\nexport function buildAnnotationsChartConfig(\n  props: AnnotationsChartProps,\n  contextConfig: AnnotationsChartConfigProperties,\n  xAxis: XAxisProps,\n  tooltip: AnnotationsTooltipProps,\n  hasNumericalData: boolean,\n): AnnotationsChartConfigRequiredProps {\n  return {\n    showLabels:\n      props.showLabels ??\n      contextConfig.showLabels ??\n      DEFAULT_ANNOTATIONS_CHART_CONFIG.showLabels,\n    labelWidth:\n      props.labelWidth ?? contextConfig.labelWidth ?? DEFAULT_LABELS_WIDTH,\n    height: props.height ?? contextConfig.height,\n    textOverflow:\n      props.textOverflow ??\n      contextConfig?.textOverflow ??\n      DEFAULT_TEXT_OVERFLOW,\n    truncateMode:\n      props.truncateMode ??\n      contextConfig?.truncateMode ??\n      DEFAULT_TRUNCATION_MODE,\n    maxLines:\n      props.maxLines ?? contextConfig?.maxLines ?? DEFAULT_TOOLTIP_MAX_LINES,\n    xAxisConfig: populateMissingAxisProps(\n      xAxis,\n      hasNumericalData,\n      contextConfig.xAxisConfig,\n    ),\n    tooltipConfig: populateMissingTooltipProps(\n      tooltip,\n      contextConfig.tooltipConfig,\n    ),\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,mCAAmC;AAE5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,gCAAgC;AACzC,SAAS,wCAAwC;AAa1C,SAAS,kBACd,kBACkC;AAClC,MAAI;AACF,WAAO;AAAA,MACL,CAAC;AAAA,MACD;AAAA,MACA,KAAK,MAAM,gBAAgB;AAAA,IAC7B;AAAA,EACF,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAOO,SAAS,mBACd,eACyB;AACzB,SAAO,OAAO,kBAAkB;AAClC;AAYO,SAAS,4BACd,OACA,eACA,OACA,SACA,kBACqC;AACrC,SAAO;AAAA,IACL,YACE,MAAM,cACN,cAAc,cACd,iCAAiC;AAAA,IACnC,YACE,MAAM,cAAc,cAAc,cAAc;AAAA,IAClD,QAAQ,MAAM,UAAU,cAAc;AAAA,IACtC,cACE,MAAM,gBACN,eAAe,gBACf;AAAA,IACF,cACE,MAAM,gBACN,eAAe,gBACf;AAAA,IACF,UACE,MAAM,YAAY,eAAe,YAAY;AAAA,IAC/C,aAAa;AAAA,MACX;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,IACA,eAAe;AAAA,MACb;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/annotations-chart/utils/populate-missing-tooltip-props.js

@@ -1,10 +1,15 @@
 import { DEFAULT_TOOLTIP_HIDDEN } from "../constants.js";
-const populateMissingTooltipProps = (tooltipProps, tooltipConfig) => {
+const populateMissingTooltipProps = (tooltipProps, contextConfig) => {
   const { children, ...restProps } = tooltipProps;
+  const contextTemplate = contextConfig?.template ?? contextConfig?.children;
   const config = {
-    hidden: tooltipConfig?.hidden ?? DEFAULT_TOOLTIP_HIDDEN
+    hidden: contextConfig?.hidden ?? DEFAULT_TOOLTIP_HIDDEN
+  };
+  return {
+    ...config,
+    ...restProps,
+    template: children ?? contextTemplate
   };
-  return { ...config, ...restProps, template: children };
 };
 export {
   populateMissingTooltipProps

package/esm/charts/annotations-chart/utils/populate-missing-tooltip-props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/annotations-chart/utils/populate-missing-tooltip-props.ts"],
-  "sourcesContent": ["import {\n  AnnotationsTooltipConfig,\n  AnnotationsTooltipProps,\n} from '../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport { DEFAULT_TOOLTIP_HIDDEN } from '../constants.js';\n\n/**\n * Populates missing tooltip props with defaults\n *\n * @param tooltipProps -\n * @param tooltipConfig -\n */\nexport const populateMissingTooltipProps = (\n  tooltipProps: AnnotationsTooltipProps,\n  tooltipConfig?: AnnotationsTooltipProps,\n): AnnotationsTooltipConfig => {\n  const { children, ...restProps } = tooltipProps;\n\n  const config = {\n    hidden: tooltipConfig?.hidden ?? DEFAULT_TOOLTIP_HIDDEN,\n  };\n\n  return { ...config, ...restProps, template: children };\n};\n"],
-  "mappings": "AAIA,SAAS,8BAA8B;AAQhC,MAAM,8BAA8B,CACzC,cACA,kBAC6B;AAC7B,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AAEnC,QAAM,SAAS;AAAA,IACb,QAAQ,eAAe,UAAU;AAAA,EACnC;AAEA,SAAO,EAAE,GAAG,QAAQ,GAAG,WAAW,UAAU,SAAS;AACvD;",
+  "sourcesContent": ["import {\n  AnnotationsTooltipConfig,\n  AnnotationsTooltipProps,\n} from '../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport { DEFAULT_TOOLTIP_HIDDEN } from '../constants.js';\n\n/**\n * Populates missing tooltip props with defaults and remaps the slot-level\n * `children` render function to `template` so the rest of the pipeline only\n * deals with one shape. Falls back to the context-supplied template when no\n * slot `children` is provided.\n */\nexport const populateMissingTooltipProps = (\n  tooltipProps: AnnotationsTooltipProps,\n  contextConfig?: AnnotationsTooltipProps | AnnotationsTooltipConfig,\n): AnnotationsTooltipConfig => {\n  const { children, ...restProps } = tooltipProps;\n\n  const contextTemplate =\n    (contextConfig as AnnotationsTooltipConfig | undefined)?.template ??\n    (contextConfig as AnnotationsTooltipProps | undefined)?.children;\n\n  const config = {\n    hidden: contextConfig?.hidden ?? DEFAULT_TOOLTIP_HIDDEN,\n  };\n\n  return {\n    ...config,\n    ...restProps,\n    template: children ?? contextTemplate,\n  };\n};\n"],
+  "mappings": "AAIA,SAAS,8BAA8B;AAQhC,MAAM,8BAA8B,CACzC,cACA,kBAC6B;AAC7B,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AAEnC,QAAM,kBACH,eAAwD,YACxD,eAAuD;AAE1D,QAAM,SAAS;AAAA,IACb,QAAQ,eAAe,UAAU;AAAA,EACnC;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,UAAU,YAAY;AAAA,EACxB;AACF;",
   "names": []
 }

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.css

@@ -1,9 +1,9 @@
-._1wi8enr0-3-5-0 {
+._1wi8enr0-3-6-0 {
   cursor: crosshair;
   overflow: visible;
   z-index: 1;
 }
-._1wi8enr1-3-5-0 {
+._1wi8enr1-3-6-0 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.sty.js

@@ -1,7 +1,7 @@
 import "../../../../core/components/chart-grid/ChartGrid.css";
 import "./CategoricalBarChartInspectOverlay.css";
-var crosshairLayout = "_1wi8enr0-3-5-0 _13lzg4k0-3-5-0";
-var dataPointLayout = "_1wi8enr1-3-5-0 _13lzg4k0-3-5-0";
+var crosshairLayout = "_1wi8enr0-3-6-0 _13lzg4k0-3-6-0";
+var dataPointLayout = "_1wi8enr1-3-6-0 _13lzg4k0-3-6-0";
 export {
   crosshairLayout,
   dataPointLayout

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './CategoricalBarChartInspectOverlay.css';\nexport var crosshairLayout = '_1wi8enr0-3-5-0 _13lzg4k0-3-5-0';\nexport var dataPointLayout = '_1wi8enr1-3-5-0 _13lzg4k0-3-5-0';"],
+  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './CategoricalBarChartInspectOverlay.css';\nexport var crosshairLayout = '_1wi8enr0-3-6-0 _13lzg4k0-3-6-0';\nexport var dataPointLayout = '_1wi8enr1-3-6-0 _13lzg4k0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/core/components/annotations/AnnotationsAtom.css

@@ -1,3 +1,3 @@
-._145zb630-3-5-0 {
+._145zb630-3-6-0 {
   position: relative;
 }

package/esm/charts/core/components/annotations/AnnotationsAtom.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsAtom.css";
-var wrapper = "_145zb630-3-5-0";
+var wrapper = "_145zb630-3-6-0";
 export {
   wrapper
 };

package/esm/charts/core/components/annotations/AnnotationsAtom.sty.js.map

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

package/esm/charts/core/components/annotations/components/AnnotationsRenderer.js

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { useOverlay } from "../../overlay-tooltip/contexts/OverlayContext.js";
 import { AnnotationsAtom } from "../AnnotationsAtom.js";
 import { useAnnotationsSelectionState } from "../hooks/store/selectors.js";
 import { useGroupedAnnotationsData } from "../hooks/useGroupedAnnotationsData.js";
@@ -17,12 +18,12 @@ const AnnotationsRenderer = (props) => {
     showLabels,
     tracks,
     textOverflow,
-    truncateMode,
-    annotationsContainerRef
+    truncateMode
   } = props;
+  const overlay = useOverlay();
   const groupedData = useGroupedAnnotationsData(tracks, scale.domain());
   const selection = useAnnotationsSelectionState();
-  const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleClick } = useMarkerEventHandlers(annotationsContainerRef);
+  const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleClick } = useMarkerEventHandlers(overlay.overlayRef);
   return /* @__PURE__ */ jsx(
     AnnotationsAtom,
     {

package/esm/charts/core/components/annotations/components/AnnotationsRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/components/AnnotationsRenderer.tsx"],
-  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\nimport type { RefObject } from 'react';\n\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { AnnotationsAtom } from '../AnnotationsAtom.js';\nimport { useAnnotationsSelectionState } from '../hooks/store/selectors.js';\nimport { useGroupedAnnotationsData } from '../hooks/useGroupedAnnotationsData.js';\nimport { useMarkerEventHandlers } from '../hooks/useMarkerEventHandlers.js';\nimport { MarkerAtom } from '../slots/MarkerAtom.js';\nimport { TrackAtom } from '../slots/TrackAtom.js';\nimport type { AnnotationsTrackConfig } from '../types/annotations-track-props.js';\nimport type { TextOverflowOptions } from '../types/marker.js';\nimport { calculateMarkerDimension } from '../utils/calculate-marker-dimension.js';\nimport { defineMarkerBrightnessState } from '../utils/define-marker-brightness-state.js';\nimport { defineMarkerColor } from '../utils/define-marker-color.js';\nimport { defineMarkerContent } from '../utils/define-marker-content.js';\n\ntype AnnotationsRendererProps = {\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>;\n  width: number;\n  labelsOffset: number;\n  showLabels: boolean;\n  tracks: AnnotationsTrackConfig[];\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  annotationsContainerRef?: RefObject<HTMLDivElement>;\n};\n\nexport const AnnotationsRenderer = (props: AnnotationsRendererProps) => {\n  const {\n    scale,\n    width,\n    labelsOffset,\n    showLabels,\n    tracks,\n    textOverflow,\n    truncateMode,\n    annotationsContainerRef,\n  } = props;\n  const groupedData = useGroupedAnnotationsData(tracks, scale.domain());\n\n  const selection = useAnnotationsSelectionState();\n  const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleClick } =\n    useMarkerEventHandlers(annotationsContainerRef);\n\n  return (\n    <AnnotationsAtom\n      width={width}\n      labelsWidth={labelsOffset}\n      showLabels={showLabels}\n    >\n      {groupedData.map((track, trackNumber) => {\n        const currentTrack = Array.from(track.markers.entries());\n\n        return (\n          <TrackAtom\n            label={track.label}\n            hidden={track.hidden}\n            key={trackNumber}\n          >\n            {currentTrack.map(([groupId, annotationsGroup]) => {\n              return [...annotationsGroup] // this is needed because sort method mutates the original array, and affects the order of the tooltip items\n                .sort((a, b) => a.priority - b.priority)\n                .map(({ key: markerId, markers }) => {\n                  const [marker] = markers;\n\n                  const color = defineMarkerColor(markers);\n\n                  const state = defineMarkerBrightnessState(\n                    markerId,\n                    selection,\n                  );\n\n                  const { x, width } = calculateMarkerDimension(marker, scale);\n\n                  const markerContent = defineMarkerContent(markers);\n\n                  return (\n                    <MarkerAtom\n                      key={markerId}\n                      x={x}\n                      width={width}\n                      color={color}\n                      onMouseEnter={handleMouseEnter(\n                        markerId,\n                        groupId,\n                        annotationsGroup,\n                      )}\n                      onMouseMove={handleMouseMove}\n                      onMouseLeave={handleMouseLeave}\n                      onClick={handleClick(groupId, annotationsGroup)}\n                      content={markerContent}\n                      interactionState={state}\n                      textOverflow={textOverflow}\n                      truncateMode={truncateMode}\n                    />\n                  );\n                });\n            })}\n          </TrackAtom>\n        );\n      })}\n    </AnnotationsAtom>\n  );\n};\n\n(\n  AnnotationsRenderer as typeof AnnotationsRenderer & {\n    displayName: string;\n  }\n).displayName = 'AnnotationsContent';\n"],
-  "mappings": "AAuFoB;AA9EpB,SAAS,uBAAuB;AAChC,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAG1B,SAAS,gCAAgC;AACzC,SAAS,mCAAmC;AAC5C,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AAiB7B,MAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,cAAc,0BAA0B,QAAQ,MAAM,OAAO,CAAC;AAEpE,QAAM,YAAY,6BAA6B;AAC/C,QAAM,EAAE,kBAAkB,iBAAiB,kBAAkB,YAAY,IACvE,uBAAuB,uBAAuB;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,sBAAY,IAAI,CAAC,OAAO,gBAAgB;AACvC,cAAM,eAAe,MAAM,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAEvD,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM;AAAA,YACb,QAAQ,MAAM;AAAA,YAGb,uBAAa,IAAI,CAAC,CAAC,SAAS,gBAAgB,MAAM;AACjD,qBAAO,CAAC,GAAG,gBAAgB,EACxB,KAAK,CAAC,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,EACtC,IAAI,CAAC,EAAE,KAAK,UAAU,QAAQ,MAAM;AACnC,sBAAM,CAAC,MAAM,IAAI;AAEjB,sBAAM,QAAQ,kBAAkB,OAAO;AAEvC,sBAAM,QAAQ;AAAA,kBACZ;AAAA,kBACA;AAAA,gBACF;AAEA,sBAAM,EAAE,GAAG,OAAAA,OAAM,IAAI,yBAAyB,QAAQ,KAAK;AAE3D,sBAAM,gBAAgB,oBAAoB,OAAO;AAEjD,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC;AAAA,oBACA,OAAOA;AAAA,oBACP;AAAA,oBACA,cAAc;AAAA,sBACZ;AAAA,sBACA;AAAA,sBACA;AAAA,oBACF;AAAA,oBACA,aAAa;AAAA,oBACb,cAAc;AAAA,oBACd,SAAS,YAAY,SAAS,gBAAgB;AAAA,oBAC9C,SAAS;AAAA,oBACT,kBAAkB;AAAA,oBAClB;AAAA,oBACA;AAAA;AAAA,kBAfK;AAAA,gBAgBP;AAAA,cAEJ,CAAC;AAAA,YACL,CAAC;AAAA;AAAA,UAxCI;AAAA,QAyCP;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AAGE,oBAGA,cAAc;",
+  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\n\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { useOverlay } from '../../overlay-tooltip/contexts/OverlayContext.js';\nimport { AnnotationsAtom } from '../AnnotationsAtom.js';\nimport { useAnnotationsSelectionState } from '../hooks/store/selectors.js';\nimport { useGroupedAnnotationsData } from '../hooks/useGroupedAnnotationsData.js';\nimport { useMarkerEventHandlers } from '../hooks/useMarkerEventHandlers.js';\nimport { MarkerAtom } from '../slots/MarkerAtom.js';\nimport { TrackAtom } from '../slots/TrackAtom.js';\nimport type { AnnotationsTrackConfig } from '../types/annotations-track-props.js';\nimport type { TextOverflowOptions } from '../types/marker.js';\nimport { calculateMarkerDimension } from '../utils/calculate-marker-dimension.js';\nimport { defineMarkerBrightnessState } from '../utils/define-marker-brightness-state.js';\nimport { defineMarkerColor } from '../utils/define-marker-color.js';\nimport { defineMarkerContent } from '../utils/define-marker-content.js';\n\ntype AnnotationsRendererProps = {\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>;\n  width: number;\n  labelsOffset: number;\n  showLabels: boolean;\n  tracks: AnnotationsTrackConfig[];\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n};\n\nexport const AnnotationsRenderer = (props: AnnotationsRendererProps) => {\n  const {\n    scale,\n    width,\n    labelsOffset,\n    showLabels,\n    tracks,\n    textOverflow,\n    truncateMode,\n  } = props;\n  const overlay = useOverlay();\n  const groupedData = useGroupedAnnotationsData(tracks, scale.domain());\n\n  const selection = useAnnotationsSelectionState();\n  const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleClick } =\n    useMarkerEventHandlers(overlay.overlayRef);\n\n  return (\n    <AnnotationsAtom\n      width={width}\n      labelsWidth={labelsOffset}\n      showLabels={showLabels}\n    >\n      {groupedData.map((track, trackNumber) => {\n        const currentTrack = Array.from(track.markers.entries());\n\n        return (\n          <TrackAtom\n            label={track.label}\n            hidden={track.hidden}\n            key={trackNumber}\n          >\n            {currentTrack.map(([groupId, annotationsGroup]) => {\n              return [...annotationsGroup] // this is needed because sort method mutates the original array, and affects the order of the tooltip items\n                .sort((a, b) => a.priority - b.priority)\n                .map(({ key: markerId, markers }) => {\n                  const [marker] = markers;\n\n                  const color = defineMarkerColor(markers);\n\n                  const state = defineMarkerBrightnessState(\n                    markerId,\n                    selection,\n                  );\n\n                  const { x, width } = calculateMarkerDimension(marker, scale);\n\n                  const markerContent = defineMarkerContent(markers);\n\n                  return (\n                    <MarkerAtom\n                      key={markerId}\n                      x={x}\n                      width={width}\n                      color={color}\n                      onMouseEnter={handleMouseEnter(\n                        markerId,\n                        groupId,\n                        annotationsGroup,\n                      )}\n                      onMouseMove={handleMouseMove}\n                      onMouseLeave={handleMouseLeave}\n                      onClick={handleClick(groupId, annotationsGroup)}\n                      content={markerContent}\n                      interactionState={state}\n                      textOverflow={textOverflow}\n                      truncateMode={truncateMode}\n                    />\n                  );\n                });\n            })}\n          </TrackAtom>\n        );\n      })}\n    </AnnotationsAtom>\n  );\n};\n\n(\n  AnnotationsRenderer as typeof AnnotationsRenderer & {\n    displayName: string;\n  }\n).displayName = 'AnnotationsContent';\n"],
+  "mappings": "AAsFoB;AA9EpB,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAG1B,SAAS,gCAAgC;AACzC,SAAS,mCAAmC;AAC5C,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AAgB7B,MAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,UAAU,WAAW;AAC3B,QAAM,cAAc,0BAA0B,QAAQ,MAAM,OAAO,CAAC;AAEpE,QAAM,YAAY,6BAA6B;AAC/C,QAAM,EAAE,kBAAkB,iBAAiB,kBAAkB,YAAY,IACvE,uBAAuB,QAAQ,UAAU;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,sBAAY,IAAI,CAAC,OAAO,gBAAgB;AACvC,cAAM,eAAe,MAAM,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAEvD,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM;AAAA,YACb,QAAQ,MAAM;AAAA,YAGb,uBAAa,IAAI,CAAC,CAAC,SAAS,gBAAgB,MAAM;AACjD,qBAAO,CAAC,GAAG,gBAAgB,EACxB,KAAK,CAAC,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,EACtC,IAAI,CAAC,EAAE,KAAK,UAAU,QAAQ,MAAM;AACnC,sBAAM,CAAC,MAAM,IAAI;AAEjB,sBAAM,QAAQ,kBAAkB,OAAO;AAEvC,sBAAM,QAAQ;AAAA,kBACZ;AAAA,kBACA;AAAA,gBACF;AAEA,sBAAM,EAAE,GAAG,OAAAA,OAAM,IAAI,yBAAyB,QAAQ,KAAK;AAE3D,sBAAM,gBAAgB,oBAAoB,OAAO;AAEjD,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC;AAAA,oBACA,OAAOA;AAAA,oBACP;AAAA,oBACA,cAAc;AAAA,sBACZ;AAAA,sBACA;AAAA,sBACA;AAAA,oBACF;AAAA,oBACA,aAAa;AAAA,oBACb,cAAc;AAAA,oBACd,SAAS,YAAY,SAAS,gBAAgB;AAAA,oBAC9C,SAAS;AAAA,oBACT,kBAAkB;AAAA,oBAClB;AAAA,oBACA;AAAA;AAAA,kBAfK;AAAA,gBAgBP;AAAA,cAEJ,CAAC;AAAA,YACL,CAAC;AAAA;AAAA,UAxCI;AAAA,QAyCP;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AAGE,oBAGA,cAAc;",
   "names": ["width"]
 }

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.css

@@ -1,4 +1,4 @@
-._1yc349j0-3-5-0 {
+._1yc349j0-3-6-0 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsCanvasLayout.css";
-var canvasContainer = "_1yc349j0-3-5-0";
+var canvasContainer = "_1yc349j0-3-6-0";
 export {
   canvasContainer
 };

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.css.ts"],
-  "sourcesContent": ["import './AnnotationsCanvasLayout.css';\nexport var canvasContainer = '_1yc349j0-3-5-0';"],
+  "sourcesContent": ["import './AnnotationsCanvasLayout.css';\nexport var canvasContainer = '_1yc349j0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

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

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { useOverlay } from "../../../overlay-tooltip/contexts/OverlayContext.js";
+const AnnotationsContainer = (props) => {
+  const { children, ...divProps } = props;
+  const overlay = useOverlay();
+  return /* @__PURE__ */ jsx("div", { ref: overlay.overlayRef, ...divProps, children });
+};
+AnnotationsContainer.displayName = "AnnotationsContainer";
+export {
+  AnnotationsContainer
+};
+//# sourceMappingURL=AnnotationsContainer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/annotations/components/displays/AnnotationsContainer.tsx"],
+  "sourcesContent": ["import type { HTMLAttributes, PropsWithChildren } from 'react';\n\nimport { useOverlay } from '../../../overlay-tooltip/contexts/OverlayContext.js';\n\n/**\n * Wrapping container for the AnnotationsChart displays. Sits inside the\n * `OverlayProvider` so it can attach `overlay.overlayRef` declaratively to\n * the DOM node that defines the chart's bounds. This mirrors the pattern\n * used by other charts (PieChart, XYChart, MeterBarChart, etc.) and avoids\n * mutating the context-derived ref from a child component.\n *\n * @internal\n */\nexport const AnnotationsContainer = (\n  props: PropsWithChildren<HTMLAttributes<HTMLDivElement>>,\n) => {\n  const { children, ...divProps } = props;\n  const overlay = useOverlay();\n\n  return (\n    <div ref={overlay.overlayRef} {...divProps}>\n      {children}\n    </div>\n  );\n};\n\nAnnotationsContainer.displayName = 'AnnotationsContainer';\n"],
+  "mappings": "AAoBI;AAlBJ,SAAS,kBAAkB;AAWpB,MAAM,uBAAuB,CAClC,UACG;AACH,QAAM,EAAE,UAAU,GAAG,SAAS,IAAI;AAClC,QAAM,UAAU,WAAW;AAE3B,SACE,oBAAC,SAAI,KAAK,QAAQ,YAAa,GAAG,UAC/B,UACH;AAEJ;AAEA,qBAAqB,cAAc;",
+  "names": []
+}