@dynatrace/strato-components 3.8.0 → 3.9.0

package/esm/charts/pie/components/PieChartTooltip/PieChartTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartTooltip/PieChartTooltip.tsx"],
-  "sourcesContent": ["import { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { useSelector as useOverlayTooltipSelector } from '../../../core/components/overlay-tooltip/selectors.js';\nimport { isTooltipDataEmpty } from '../../../core/components/overlay-tooltip/utils.js';\nimport { useTooltipSeriesActions } from '../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport { type TooltipItem } from '../../../core/types/tooltip.js';\nimport { useVisibleSlicesState } from '../../hooks/store/selectors.js';\nimport { usePieChartTooltip } from '../../hooks/usePieChartTooltip.js';\nimport type { InternalSliceData } from '../../types/internal/pie-chart.js';\nimport type { PieChartTooltipPayload } from '../../types/pie-chart.config.js';\n\nexport const PieChartTooltip = () => {\n  const customTooltip = usePieChartTooltip();\n  const overlayTooltipPinned = useOverlayTooltipSelector(\n    (state) => state.pinned,\n  );\n  const overlayData = useOverlayTooltipSelector((state) => state.data);\n  const visibleSlices = useVisibleSlicesState();\n\n  const seriesActions = useTooltipSeriesActions<InternalSliceData>(\n    visibleSlices,\n    (slice) => slice.id,\n  );\n\n  if (customTooltip?.hidden || isTooltipDataEmpty(overlayData)) {\n    return null;\n  }\n\n  const metadata = overlayData.metadata as { sliceId?: string } | undefined;\n  const currentSeries = overlayData.series[0];\n  const fallbackSeriesId =\n    typeof currentSeries.name === 'string' ? currentSeries.name : '';\n\n  if (customTooltip?.template) {\n    const payload: PieChartTooltipPayload = {\n      category:\n        typeof currentSeries.name === 'string' ? currentSeries.name : '',\n      value: currentSeries.value as string | number,\n      percentage: currentSeries.relativeValue as number,\n      color: currentSeries.color,\n    };\n\n    return <OverlayTooltip legacyTemplate={customTooltip.template(payload)} />;\n  }\n\n  const tooltipItem: TooltipItem | undefined = currentSeries\n    ? {\n        id: metadata?.sliceId ?? fallbackSeriesId,\n        name: currentSeries.name,\n        color: { Default: currentSeries.color },\n        values: [\n          currentSeries.value?.toString() || '',\n          currentSeries.relativeValue?.toString() || '',\n        ] as string[],\n      }\n    : undefined;\n\n  const actions = (\n    overlayTooltipPinned && tooltipItem\n      ? () => seriesActions(tooltipItem)\n      : undefined\n  ) as (() => SeriesActionsTemplate) | undefined;\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.SeriesItem\n        name={currentSeries.name}\n        value={currentSeries.value as string | number}\n        color={currentSeries.color}\n        relativeValue={currentSeries.relativeValue}\n        relativeValueUnit={currentSeries.relativeValueUnit}\n        actions={actions}\n      />\n    </OverlayTooltip>\n  );\n};\n"],
-  "mappings": "AA0CW;AA1CX,SAAS,sBAAsB;AAC/B,SAAS,eAAe,iCAAiC;AACzD,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AAGxC,SAAS,6BAA6B;AACtC,SAAS,0BAA0B;AAI5B,MAAM,kBAAkB,MAAM;AACnC,QAAM,gBAAgB,mBAAmB;AACzC,QAAM,uBAAuB;AAAA,IAC3B,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,cAAc,0BAA0B,CAAC,UAAU,MAAM,IAAI;AACnE,QAAM,gBAAgB,sBAAsB;AAE5C,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,MAAI,eAAe,UAAU,mBAAmB,WAAW,GAAG;AAC5D,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,YAAY;AAC7B,QAAM,gBAAgB,YAAY,OAAO,CAAC;AAC1C,QAAM,mBACJ,OAAO,cAAc,SAAS,WAAW,cAAc,OAAO;AAEhE,MAAI,eAAe,UAAU;AAC3B,UAAM,UAAkC;AAAA,MACtC,UACE,OAAO,cAAc,SAAS,WAAW,cAAc,OAAO;AAAA,MAChE,OAAO,cAAc;AAAA,MACrB,YAAY,cAAc;AAAA,MAC1B,OAAO,cAAc;AAAA,IACvB;AAEA,WAAO,oBAAC,kBAAe,gBAAgB,cAAc,SAAS,OAAO,GAAG;AAAA,EAC1E;AAEA,QAAM,cAAuC,gBACzC;AAAA,IACE,IAAI,UAAU,WAAW;AAAA,IACzB,MAAM,cAAc;AAAA,IACpB,OAAO,EAAE,SAAS,cAAc,MAAM;AAAA,IACtC,QAAQ;AAAA,MACN,cAAc,OAAO,SAAS,KAAK;AAAA,MACnC,cAAc,eAAe,SAAS,KAAK;AAAA,IAC7C;AAAA,EACF,IACA;AAEJ,QAAM,UACJ,wBAAwB,cACpB,MAAM,cAAc,WAAW,IAC/B;AAGN,SACE,oBAAC,kBACC;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,MAAM,cAAc;AAAA,MACpB,OAAO,cAAc;AAAA,MACrB,OAAO,cAAc;AAAA,MACrB,eAAe,cAAc;AAAA,MAC7B,mBAAmB,cAAc;AAAA,MACjC;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "sourcesContent": ["import { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { useSelector as useOverlayTooltipSelector } from '../../../core/components/overlay-tooltip/selectors.js';\nimport { isTooltipDataEmpty } from '../../../core/components/overlay-tooltip/utils.js';\nimport { useTooltipSeriesActions } from '../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport { type TooltipItem } from '../../../core/types/tooltip.js';\nimport { useVisibleSlicesState } from '../../hooks/store/selectors.js';\nimport { usePieChartTooltip } from '../../hooks/usePieChartTooltip.js';\nimport type { InternalSliceData } from '../../types/internal/pie-chart.js';\nimport type { PieChartTooltipPayload } from '../../types/pie-chart.config.js';\n\nexport const PieChartTooltip = () => {\n  const customTooltip = usePieChartTooltip();\n  const overlayTooltipPinned = useOverlayTooltipSelector(\n    (state) => state.pinned,\n  );\n  const overlayData = useOverlayTooltipSelector((state) => state.data);\n  const visibleSlices = useVisibleSlicesState();\n\n  const seriesActions = useTooltipSeriesActions<InternalSliceData>(\n    visibleSlices,\n    (slice) => slice.id,\n  );\n\n  if (customTooltip?.hidden || isTooltipDataEmpty(overlayData)) {\n    return null;\n  }\n\n  const metadata = overlayData.metadata as { sliceId?: string } | undefined;\n  const currentSeries = overlayData.series[0];\n  const fallbackSeriesId =\n    typeof currentSeries.name === 'string' ? currentSeries.name : '';\n\n  if (customTooltip?.template) {\n    const payload: PieChartTooltipPayload = {\n      category:\n        typeof currentSeries.name === 'string' ? currentSeries.name : '',\n      value: currentSeries.value as string | number,\n      percentage: currentSeries.relativeValue as number,\n      color: currentSeries.color,\n    };\n\n    return <OverlayTooltip template={customTooltip.template(payload)} />;\n  }\n\n  const tooltipItem: TooltipItem | undefined = currentSeries\n    ? {\n        id: metadata?.sliceId ?? fallbackSeriesId,\n        name: currentSeries.name,\n        color: { Default: currentSeries.color },\n        values: [\n          currentSeries.value?.toString() || '',\n          currentSeries.relativeValue?.toString() || '',\n        ] as string[],\n      }\n    : undefined;\n\n  const actions = (\n    overlayTooltipPinned && tooltipItem\n      ? () => seriesActions(tooltipItem)\n      : undefined\n  ) as (() => SeriesActionsTemplate) | undefined;\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.SeriesItem\n        name={currentSeries.name}\n        value={currentSeries.value as string | number}\n        color={currentSeries.color}\n        relativeValue={currentSeries.relativeValue}\n        relativeValueUnit={currentSeries.relativeValueUnit}\n        actions={actions}\n      />\n    </OverlayTooltip>\n  );\n};\n"],
+  "mappings": "AA0CW;AA1CX,SAAS,sBAAsB;AAC/B,SAAS,eAAe,iCAAiC;AACzD,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AAGxC,SAAS,6BAA6B;AACtC,SAAS,0BAA0B;AAI5B,MAAM,kBAAkB,MAAM;AACnC,QAAM,gBAAgB,mBAAmB;AACzC,QAAM,uBAAuB;AAAA,IAC3B,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,cAAc,0BAA0B,CAAC,UAAU,MAAM,IAAI;AACnE,QAAM,gBAAgB,sBAAsB;AAE5C,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,MAAI,eAAe,UAAU,mBAAmB,WAAW,GAAG;AAC5D,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,YAAY;AAC7B,QAAM,gBAAgB,YAAY,OAAO,CAAC;AAC1C,QAAM,mBACJ,OAAO,cAAc,SAAS,WAAW,cAAc,OAAO;AAEhE,MAAI,eAAe,UAAU;AAC3B,UAAM,UAAkC;AAAA,MACtC,UACE,OAAO,cAAc,SAAS,WAAW,cAAc,OAAO;AAAA,MAChE,OAAO,cAAc;AAAA,MACrB,YAAY,cAAc;AAAA,MAC1B,OAAO,cAAc;AAAA,IACvB;AAEA,WAAO,oBAAC,kBAAe,UAAU,cAAc,SAAS,OAAO,GAAG;AAAA,EACpE;AAEA,QAAM,cAAuC,gBACzC;AAAA,IACE,IAAI,UAAU,WAAW;AAAA,IACzB,MAAM,cAAc;AAAA,IACpB,OAAO,EAAE,SAAS,cAAc,MAAM;AAAA,IACtC,QAAQ;AAAA,MACN,cAAc,OAAO,SAAS,KAAK;AAAA,MACnC,cAAc,eAAe,SAAS,KAAK;AAAA,IAC7C;AAAA,EACF,IACA;AAEJ,QAAM,UACJ,wBAAwB,cACpB,MAAM,cAAc,WAAW,IAC/B;AAGN,SACE,oBAAC,kBACC;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,MAAM,cAAc;AAAA,MACpB,OAAO,cAAc;AAAA,MACrB,OAAO,cAAc;AAAA,MACrB,eAAe,cAAc;AAAA,MAC7B,mBAAmB,cAAc;AAAA,MACjC;AAAA;AAAA,EACF,GACF;AAEJ;",
   "names": []
 }

package/esm/charts/single-value/SingleValue.css

@@ -1,4 +1,4 @@
-._1sfgzlg0-3-8-0 {
+._1sfgzlg0-3-9-0 {
   height: inherit;
   width: inherit;
 }

package/esm/charts/single-value/SingleValue.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValue.css";
-var container = "_1sfgzlg0-3-8-0";
+var container = "_1sfgzlg0-3-9-0";
 export {
   container
 };

package/esm/charts/single-value/SingleValue.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value/SingleValue.css.ts"],
-  "sourcesContent": ["import './SingleValue.css';\nexport var container = '_1sfgzlg0-3-8-0';"],
+  "sourcesContent": ["import './SingleValue.css';\nexport var container = '_1sfgzlg0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/single-value-grid/SingleValueGrid.css

@@ -1,7 +1,7 @@
-._1mx9zjb0-3-8-0 {
+._1mx9zjb0-3-9-0 {
   height: 100%;
   width: 100%;
 }
-._1mx9zjb0-3-8-0 > div {
+._1mx9zjb0-3-9-0 > div {
   overflow: hidden;
 }

package/esm/charts/single-value-grid/SingleValueGrid.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValueGrid.css";
-var gridRows = "_1mx9zjb0-3-8-0";
+var gridRows = "_1mx9zjb0-3-9-0";
 export {
   gridRows
 };

package/esm/charts/single-value-grid/SingleValueGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value-grid/SingleValueGrid.css.ts"],
-  "sourcesContent": ["import './SingleValueGrid.css';\nexport var gridRows = '_1mx9zjb0-3-8-0';"],
+  "sourcesContent": ["import './SingleValueGrid.css';\nexport var gridRows = '_1mx9zjb0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

package/esm/charts/single-value-grid/components/GlobalFontSizeVariables.css

@@ -1,4 +1,4 @@
-._eom86z0-3-8-0 {
+._eom86z0-3-9-0 {
   position: relative;
   width: 100%;
   height: 100%;

package/esm/charts/single-value-grid/components/GlobalFontSizeVariables.sty.js

@@ -1,5 +1,5 @@
 import "./GlobalFontSizeVariables.css";
-var fontSizeWrapper = "_eom86z0-3-8-0";
+var fontSizeWrapper = "_eom86z0-3-9-0";
 export {
   fontSizeWrapper
 };

package/esm/charts/single-value-grid/components/GlobalFontSizeVariables.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/single-value-grid/components/GlobalFontSizeVariables.css.ts"],
-  "sourcesContent": ["import './GlobalFontSizeVariables.css';\nexport var fontSizeWrapper = '_eom86z0-3-8-0';"],
+  "sourcesContent": ["import './GlobalFontSizeVariables.css';\nexport var fontSizeWrapper = '_eom86z0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/timeseries/TimeseriesChartInternal.js

@@ -1,6 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef } from "react";
-import { ANNOTATIONS_PADDING_BOTTOM } from "./components/annotations-timeseries/constants.js";
 import { TimeseriesAnnotationsIndicators } from "./components/annotations-timeseries/TimeseriesAnnotationsIndicators.js";
 import { TimeseriesChartAnnotationsArea } from "./components/annotations-timeseries/TimeseriesChartAnnotationsArea.js";
 import { TimeseriesTimeBottomAxisArea } from "./components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.js";
@@ -91,8 +90,7 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
   );
   const showAxes = shouldShowAxes(chartGridHeight);
   const chartGridRenderHeight = tracksQuantity && !isLegendHiddenOrRight && !showAnnotations ? chartGridHeight - OVERLAY_PADDING : chartGridHeight;
-  const annotationsPadding = tracksQuantity - numHiddenTracks > 0 ? ANNOTATIONS_PADDING_BOTTOM : 0;
-  const annotationsRowHeight = showAnnotations ? annotationsVisibleArea + annotationsPadding : 0;
+  const annotationsRowHeight = showAnnotations ? annotationsVisibleArea : 0;
   const timeseriesGridTemplateRows = showAxes ? `minmax(0, ${annotationsRowHeight}px) minmax(60%, 1fr) minmax(0, auto)` : "0px 1fr 1px";
   useChartInteractions();
   if (!height || !width) {

package/esm/charts/timeseries/TimeseriesChartInternal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/timeseries/TimeseriesChartInternal.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { ANNOTATIONS_PADDING_BOTTOM } from './components/annotations-timeseries/constants.js';\nimport { TimeseriesAnnotationsIndicators } from './components/annotations-timeseries/TimeseriesAnnotationsIndicators.js';\nimport { TimeseriesChartAnnotationsArea } from './components/annotations-timeseries/TimeseriesChartAnnotationsArea.js';\nimport { TimeseriesTimeBottomAxisArea } from './components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.js';\nimport { TimeseriesValueLeftAxisArea } from './components/axes/TimeseriesValueLeftAxisArea.js';\nimport { TimeseriesValueRightAxisArea } from './components/axes/TimeseriesValueRightAxisArea.js';\nimport { TimeseriesChartOverlays } from './components/overlays/TimeseriesChartOverlays.js';\nimport { ThresholdIndicators } from './components/thresholds/ThresholdIndicators.js';\nimport { TimeseriesThresholdArea } from './components/thresholds/TimeseriesThresholdArea.js';\nimport { DISPLAY_NAME, TIMESERIES_ARIA_LABEL } from './constants.js';\nimport { useAnnotationsConfig } from './hooks/useAnnotationsConfig.js';\nimport { useChartInteractions } from './hooks/useChartInteractions.js';\nimport { useTimeseriesFilteredData } from './hooks/useTimeseriesFilteredData.js';\nimport { useTimeseriesFilteredYAxis } from './hooks/useTimeseriesFilteredYAxis.js';\nimport { useTimeseriesLegend } from './hooks/useTimeseriesLegend.js';\nimport { TimeseriesChartPlot } from './layout/TimeseriesChartPlot.js';\nimport { TimeseriesChartImperativeHandler } from './providers/TimeseriesChartImperativeHandler.js';\nimport { TimeseriesChartProviders } from './providers/TimeseriesChartProviders.js';\nimport type { TimeseriesChartConfiguration } from './types/timeseries-config.js';\nimport { AREAS } from './types/timeseries-grid-area-rules.js';\nimport type { TimeseriesChartRef } from './types/timeseries-ref.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { SCROLLBAR_WIDTH } from '../core/components/annotations/constants.js';\nimport { getAnnotationsVisibleArea } from '../core/components/annotations/utils/get-annotations-visible-area.js';\nimport { ChartGrid } from '../core/components/chart-grid/ChartGridRoot.js';\nimport {\n  shouldShowAnnotations,\n  shouldShowAxes,\n} from '../core/components/chart-grid/constants.js';\nimport { useChartLayoutLoading } from '../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { useGraphSize } from '../core/components/chart-layout/hooks/useGraphSize.js';\nimport { ChartLoaderOverlay } from '../core/components/chart-loader-overlay/ChartLoaderOverlay.js';\nimport {\n  BOTTOM_PADDING_ADJUSTMENT,\n  OVERLAY_PADDING,\n} from '../core/components/data-point/constants.js';\n\nexport function computeChartPadding(\n  axisLeftConfig: unknown,\n  axisRightConfig: unknown,\n  unitsCount: number,\n  isLegendHiddenOrVertical: boolean,\n): { hasLeftPadding: boolean; hasRightPadding: boolean } {\n  const singleUnit = unitsCount === 1 && isLegendHiddenOrVertical;\n  const paddingRight = Boolean(\n    (!axisLeftConfig && !axisRightConfig && singleUnit) ||\n      (axisLeftConfig && axisRightConfig && singleUnit) ||\n      (axisLeftConfig && isLegendHiddenOrVertical),\n  );\n  const onlyRightAxis = !axisLeftConfig && Boolean(axisRightConfig);\n  return {\n    hasLeftPadding: onlyRightAxis,\n    hasRightPadding: onlyRightAxis || paddingRight,\n  };\n}\n\nconst timeseriesGridTemplateAreas = `\n  \"${AREAS.annotations} ${AREAS.annotations} ${AREAS.annotations} . .\"\n  \"${AREAS.leftAxis} ${AREAS.leftThreshold} plot ${AREAS.rightThreshold} ${AREAS.rightAxis}\"\n  \". . ${AREAS.bottomAxis} . .\"\n`;\nconst timeseriesGridTemplateColumns =\n  'minmax(0, auto) auto minmax(60%, 1fr) auto minmax(0, auto)';\n\nexport interface _TimeseriesChartProps {\n  config: TimeseriesChartConfiguration;\n}\n\nexport const TimeseriesChartInternal = /* @__PURE__ */ forwardRef<\n  TimeseriesChartRef,\n  PropsWithChildren<_TimeseriesChartProps>\n>(({ config }, forwardedRef) => {\n  const loading = useChartLayoutLoading();\n  const annotations = useAnnotationsConfig();\n  const tracksQuantity = annotations.tracks.length;\n  const numHiddenTracks = annotations.tracks.filter(\n    (value) => value.hidden,\n  ).length;\n\n  const chartRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs<TimeseriesChartRef | HTMLDivElement>([\n    forwardedRef,\n    chartRef,\n  ]);\n\n  const { width, height } = useGraphSize();\n  const { orientation } = useChartLayoutOrientation();\n  const { right: axisRightConfig, left: axisLeftConfig } =\n    useTimeseriesFilteredYAxis();\n  const { units } = useTimeseriesFilteredData();\n  const { hidden: legendHidden } = useTimeseriesLegend();\n\n  const annotationsVisibleArea = getAnnotationsVisibleArea(\n    tracksQuantity,\n    annotations.visibleTracksLimit,\n    numHiddenTracks,\n  );\n\n  const availableWidth =\n    tracksQuantity && orientation === 'vertical'\n      ? width - SCROLLBAR_WIDTH\n      : width;\n\n  const isLegendHiddenOrVertical = orientation === 'vertical' || legendHidden;\n  const isLegendHiddenOrRight = orientation === 'horizontal' || legendHidden;\n\n  const { hasLeftPadding, hasRightPadding } = computeChartPadding(\n    axisLeftConfig,\n    axisRightConfig,\n    units.length,\n    isLegendHiddenOrVertical,\n  );\n\n  const chartGridHeight =\n    height -\n    (!tracksQuantity || isLegendHiddenOrRight\n      ? OVERLAY_PADDING + BOTTOM_PADDING_ADJUSTMENT\n      : 0);\n\n  const showAnnotations = shouldShowAnnotations(\n    chartGridHeight,\n    tracksQuantity,\n  );\n\n  const showAxes = shouldShowAxes(chartGridHeight);\n  const chartGridRenderHeight =\n    tracksQuantity && !isLegendHiddenOrRight && !showAnnotations\n      ? chartGridHeight - OVERLAY_PADDING\n      : chartGridHeight;\n\n  const annotationsPadding =\n    tracksQuantity - numHiddenTracks > 0 ? ANNOTATIONS_PADDING_BOTTOM : 0;\n  const annotationsRowHeight = showAnnotations\n    ? annotationsVisibleArea + annotationsPadding\n    : 0;\n\n  const timeseriesGridTemplateRows = showAxes\n    ? `minmax(0, ${annotationsRowHeight}px) minmax(60%, 1fr) minmax(0, auto)`\n    : '0px 1fr 1px';\n\n  useChartInteractions();\n\n  if (!height || !width) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        paddingTop: showAnnotations ? 0 : OVERLAY_PADDING,\n        paddingLeft: hasLeftPadding ? OVERLAY_PADDING : 0,\n      }}\n      className={defaultChartSize}\n      aria-label={TIMESERIES_ARIA_LABEL}\n      role=\"img\"\n    >\n      <ChartGrid\n        width={availableWidth - (hasRightPadding ? OVERLAY_PADDING : 0)}\n        height={chartGridRenderHeight}\n        gridTemplateAreas={timeseriesGridTemplateAreas}\n        gridTemplateColumns={timeseriesGridTemplateColumns}\n        gridTemplateRows={timeseriesGridTemplateRows}\n        ref={mergedRef}\n      >\n        <TimeseriesChartProviders>\n          <TimeseriesChartImperativeHandler\n            config={config}\n            forwardedRef={forwardedRef}\n            chartRef={chartRef}\n          >\n            {showAxes && <TimeseriesValueLeftAxisArea />}\n            {showAxes && <TimeseriesTimeBottomAxisArea />}\n\n            <ChartGrid.PlotArea>\n              <TimeseriesChartPlot />\n              {showAnnotations && <TimeseriesAnnotationsIndicators />}\n              <ChartLoaderOverlay\n                loading={!!loading}\n                zoomEnabled={!!config.interactions?.zoom?.enabled}\n              >\n                <TimeseriesChartOverlays />\n              </ChartLoaderOverlay>\n\n              <ThresholdIndicators indicatorType=\"line\" />\n            </ChartGrid.PlotArea>\n\n            {showAxes && <TimeseriesValueRightAxisArea />}\n            <TimeseriesThresholdArea />\n\n            {showAnnotations && <TimeseriesChartAnnotationsArea />}\n          </TimeseriesChartImperativeHandler>\n        </TimeseriesChartProviders>\n      </ChartGrid>\n    </div>\n  );\n});\n\n(\n  TimeseriesChartInternal as typeof TimeseriesChartInternal & {\n    displayName: string;\n  }\n).displayName = DISPLAY_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { TimeseriesAnnotationsIndicators } from './components/annotations-timeseries/TimeseriesAnnotationsIndicators.js';\nimport { TimeseriesChartAnnotationsArea } from './components/annotations-timeseries/TimeseriesChartAnnotationsArea.js';\nimport { TimeseriesTimeBottomAxisArea } from './components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.js';\nimport { TimeseriesValueLeftAxisArea } from './components/axes/TimeseriesValueLeftAxisArea.js';\nimport { TimeseriesValueRightAxisArea } from './components/axes/TimeseriesValueRightAxisArea.js';\nimport { TimeseriesChartOverlays } from './components/overlays/TimeseriesChartOverlays.js';\nimport { ThresholdIndicators } from './components/thresholds/ThresholdIndicators.js';\nimport { TimeseriesThresholdArea } from './components/thresholds/TimeseriesThresholdArea.js';\nimport { DISPLAY_NAME, TIMESERIES_ARIA_LABEL } from './constants.js';\nimport { useAnnotationsConfig } from './hooks/useAnnotationsConfig.js';\nimport { useChartInteractions } from './hooks/useChartInteractions.js';\nimport { useTimeseriesFilteredData } from './hooks/useTimeseriesFilteredData.js';\nimport { useTimeseriesFilteredYAxis } from './hooks/useTimeseriesFilteredYAxis.js';\nimport { useTimeseriesLegend } from './hooks/useTimeseriesLegend.js';\nimport { TimeseriesChartPlot } from './layout/TimeseriesChartPlot.js';\nimport { TimeseriesChartImperativeHandler } from './providers/TimeseriesChartImperativeHandler.js';\nimport { TimeseriesChartProviders } from './providers/TimeseriesChartProviders.js';\nimport type { TimeseriesChartConfiguration } from './types/timeseries-config.js';\nimport { AREAS } from './types/timeseries-grid-area-rules.js';\nimport type { TimeseriesChartRef } from './types/timeseries-ref.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { SCROLLBAR_WIDTH } from '../core/components/annotations/constants.js';\nimport { getAnnotationsVisibleArea } from '../core/components/annotations/utils/get-annotations-visible-area.js';\nimport { ChartGrid } from '../core/components/chart-grid/ChartGridRoot.js';\nimport {\n  shouldShowAnnotations,\n  shouldShowAxes,\n} from '../core/components/chart-grid/constants.js';\nimport { useChartLayoutLoading } from '../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { useGraphSize } from '../core/components/chart-layout/hooks/useGraphSize.js';\nimport { ChartLoaderOverlay } from '../core/components/chart-loader-overlay/ChartLoaderOverlay.js';\nimport {\n  BOTTOM_PADDING_ADJUSTMENT,\n  OVERLAY_PADDING,\n} from '../core/components/data-point/constants.js';\n\nexport function computeChartPadding(\n  axisLeftConfig: unknown,\n  axisRightConfig: unknown,\n  unitsCount: number,\n  isLegendHiddenOrVertical: boolean,\n): { hasLeftPadding: boolean; hasRightPadding: boolean } {\n  const singleUnit = unitsCount === 1 && isLegendHiddenOrVertical;\n  const paddingRight = Boolean(\n    (!axisLeftConfig && !axisRightConfig && singleUnit) ||\n      (axisLeftConfig && axisRightConfig && singleUnit) ||\n      (axisLeftConfig && isLegendHiddenOrVertical),\n  );\n  const onlyRightAxis = !axisLeftConfig && Boolean(axisRightConfig);\n  return {\n    hasLeftPadding: onlyRightAxis,\n    hasRightPadding: onlyRightAxis || paddingRight,\n  };\n}\n\nconst timeseriesGridTemplateAreas = `\n  \"${AREAS.annotations} ${AREAS.annotations} ${AREAS.annotations} . .\"\n  \"${AREAS.leftAxis} ${AREAS.leftThreshold} plot ${AREAS.rightThreshold} ${AREAS.rightAxis}\"\n  \". . ${AREAS.bottomAxis} . .\"\n`;\nconst timeseriesGridTemplateColumns =\n  'minmax(0, auto) auto minmax(60%, 1fr) auto minmax(0, auto)';\n\nexport interface _TimeseriesChartProps {\n  config: TimeseriesChartConfiguration;\n}\n\nexport const TimeseriesChartInternal = /* @__PURE__ */ forwardRef<\n  TimeseriesChartRef,\n  PropsWithChildren<_TimeseriesChartProps>\n>(({ config }, forwardedRef) => {\n  const loading = useChartLayoutLoading();\n  const annotations = useAnnotationsConfig();\n  const tracksQuantity = annotations.tracks.length;\n  const numHiddenTracks = annotations.tracks.filter(\n    (value) => value.hidden,\n  ).length;\n\n  const chartRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs<TimeseriesChartRef | HTMLDivElement>([\n    forwardedRef,\n    chartRef,\n  ]);\n\n  const { width, height } = useGraphSize();\n  const { orientation } = useChartLayoutOrientation();\n  const { right: axisRightConfig, left: axisLeftConfig } =\n    useTimeseriesFilteredYAxis();\n  const { units } = useTimeseriesFilteredData();\n  const { hidden: legendHidden } = useTimeseriesLegend();\n\n  const annotationsVisibleArea = getAnnotationsVisibleArea(\n    tracksQuantity,\n    annotations.visibleTracksLimit,\n    numHiddenTracks,\n  );\n\n  const availableWidth =\n    tracksQuantity && orientation === 'vertical'\n      ? width - SCROLLBAR_WIDTH\n      : width;\n\n  const isLegendHiddenOrVertical = orientation === 'vertical' || legendHidden;\n  const isLegendHiddenOrRight = orientation === 'horizontal' || legendHidden;\n\n  const { hasLeftPadding, hasRightPadding } = computeChartPadding(\n    axisLeftConfig,\n    axisRightConfig,\n    units.length,\n    isLegendHiddenOrVertical,\n  );\n\n  const chartGridHeight =\n    height -\n    (!tracksQuantity || isLegendHiddenOrRight\n      ? OVERLAY_PADDING + BOTTOM_PADDING_ADJUSTMENT\n      : 0);\n\n  const showAnnotations = shouldShowAnnotations(\n    chartGridHeight,\n    tracksQuantity,\n  );\n\n  const showAxes = shouldShowAxes(chartGridHeight);\n  const chartGridRenderHeight =\n    tracksQuantity && !isLegendHiddenOrRight && !showAnnotations\n      ? chartGridHeight - OVERLAY_PADDING\n      : chartGridHeight;\n\n  const annotationsRowHeight = showAnnotations ? annotationsVisibleArea : 0;\n\n  const timeseriesGridTemplateRows = showAxes\n    ? `minmax(0, ${annotationsRowHeight}px) minmax(60%, 1fr) minmax(0, auto)`\n    : '0px 1fr 1px';\n\n  useChartInteractions();\n\n  if (!height || !width) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        paddingTop: showAnnotations ? 0 : OVERLAY_PADDING,\n        paddingLeft: hasLeftPadding ? OVERLAY_PADDING : 0,\n      }}\n      className={defaultChartSize}\n      aria-label={TIMESERIES_ARIA_LABEL}\n      role=\"img\"\n    >\n      <ChartGrid\n        width={availableWidth - (hasRightPadding ? OVERLAY_PADDING : 0)}\n        height={chartGridRenderHeight}\n        gridTemplateAreas={timeseriesGridTemplateAreas}\n        gridTemplateColumns={timeseriesGridTemplateColumns}\n        gridTemplateRows={timeseriesGridTemplateRows}\n        ref={mergedRef}\n      >\n        <TimeseriesChartProviders>\n          <TimeseriesChartImperativeHandler\n            config={config}\n            forwardedRef={forwardedRef}\n            chartRef={chartRef}\n          >\n            {showAxes && <TimeseriesValueLeftAxisArea />}\n            {showAxes && <TimeseriesTimeBottomAxisArea />}\n\n            <ChartGrid.PlotArea>\n              <TimeseriesChartPlot />\n              {showAnnotations && <TimeseriesAnnotationsIndicators />}\n              <ChartLoaderOverlay\n                loading={!!loading}\n                zoomEnabled={!!config.interactions?.zoom?.enabled}\n              >\n                <TimeseriesChartOverlays />\n              </ChartLoaderOverlay>\n\n              <ThresholdIndicators indicatorType=\"line\" />\n            </ChartGrid.PlotArea>\n\n            {showAxes && <TimeseriesValueRightAxisArea />}\n            <TimeseriesThresholdArea />\n\n            {showAnnotations && <TimeseriesChartAnnotationsArea />}\n          </TimeseriesChartImperativeHandler>\n        </TimeseriesChartProviders>\n      </ChartGrid>\n    </div>\n  );\n});\n\n(\n  TimeseriesChartInternal as typeof TimeseriesChartInternal & {\n    displayName: string;\n  }\n).displayName = DISPLAY_NAME;\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/timeseries/components/annotations-timeseries/TimeseriesChartAnnotationsArea.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { ANNOTATIONS_PADDING_BOTTOM } from "./constants.js";
 import { useBehavioralTrackingProps } from "../../../../core/hooks/useBehavioralTrackingProps.js";
 import { AnnotationsTimeDisplay } from "../../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js";
 import { AnnotationsScrollWrapper } from "../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js";
 import {
-  DEFAULT_INTEGRATION_TEXT_OVERFLOW,
+  DEFAULT_TEXT_OVERFLOW,
   DEFAULT_SHOW_LABELS,
   SCROLLBAR_THRESHOLD
 } from "../../../core/components/annotations/constants.js";
@@ -37,39 +36,32 @@ const TimeseriesChartAnnotationsArea = () => {
       }
     }));
   };
-  return /* @__PURE__ */ jsx(
-    ChartGrid.GridArea,
-    {
-      paddingBottom: ANNOTATIONS_PADDING_BOTTOM,
-      gridArea: AREAS.annotations,
-      children: ({ availableWidth, availableHeight }) => {
-        const labelOffset = availableWidth - width;
-        return /* @__PURE__ */ jsx(
-          AnnotationsScrollWrapper,
+  return /* @__PURE__ */ jsx(ChartGrid.GridArea, { gridArea: AREAS.annotations, children: ({ availableWidth, availableHeight }) => {
+    const labelOffset = availableWidth - width;
+    return /* @__PURE__ */ jsx(
+      AnnotationsScrollWrapper,
+      {
+        height: availableHeight,
+        width: availableWidth + SCROLLBAR_THRESHOLD,
+        children: /* @__PURE__ */ jsx(
+          AnnotationsTimeDisplay,
           {
-            height: availableHeight,
-            width: availableWidth + SCROLLBAR_THRESHOLD,
-            children: /* @__PURE__ */ jsx(
-              AnnotationsTimeDisplay,
-              {
-                tracks,
-                width: availableWidth,
-                scale,
-                showLabels: showLabels ?? DEFAULT_SHOW_LABELS,
-                labelsOffset: labelOffset,
-                annotationsActions: (annotation) => annotation && annotationsActions?.(annotation),
-                markerGroupHover: handleUpdateIndicators,
-                textOverflow: DEFAULT_INTEGRATION_TEXT_OVERFLOW,
-                tooltipConfig: tooltip,
-                ...behaviorTrackingProps,
-                "data-dt-component": COMPONENT_NAME
-              }
-            )
+            tracks,
+            width: availableWidth,
+            scale,
+            showLabels: showLabels ?? DEFAULT_SHOW_LABELS,
+            labelsOffset: labelOffset,
+            annotationsActions: (annotation) => annotation && annotationsActions?.(annotation),
+            markerGroupHover: handleUpdateIndicators,
+            textOverflow: DEFAULT_TEXT_OVERFLOW,
+            tooltipConfig: tooltip,
+            ...behaviorTrackingProps,
+            "data-dt-component": COMPONENT_NAME
           }
-        );
+        )
       }
-    }
-  );
+    );
+  } });
 };
 export {
   TimeseriesChartAnnotationsArea

package/esm/charts/timeseries/components/annotations-timeseries/TimeseriesChartAnnotationsArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/timeseries/components/annotations-timeseries/TimeseriesChartAnnotationsArea.tsx"],
-  "sourcesContent": ["import { ScaleTime } from 'd3-scale';\n\nimport { ANNOTATIONS_PADDING_BOTTOM } from './constants.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AnnotationsTimeDisplay } from '../../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  DEFAULT_INTEGRATION_TEXT_OVERFLOW,\n  DEFAULT_SHOW_LABELS,\n  SCROLLBAR_THRESHOLD,\n} from '../../../core/components/annotations/constants.js';\nimport type { AnnotationsActionsPayload } from '../../../core/components/annotations/types/annotations.js';\nimport type { SelectionState } from '../../../core/components/annotations/types/state.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { useSetState } from '../../hooks/store/selectors.js';\nimport { useAnnotationsConfig } from '../../hooks/useAnnotationsConfig.js';\nimport { useXScales } from '../../hooks/useXScale.js';\nimport { AREAS } from '../../types/timeseries-grid-area-rules.js';\n\nconst COMPONENT_NAME = 'AnnotationsChart';\n\nexport const TimeseriesChartAnnotationsArea = () => {\n  const config = useAnnotationsConfig();\n  const {\n    tracks,\n    showLabels = DEFAULT_SHOW_LABELS,\n    annotationsActions,\n    tooltip,\n  } = config;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(config);\n  const setState = useSetState();\n  const { currentScale } = useXScales();\n\n  // TODO: TimeseriesChart needs to use d3-scale types instead of visx\n  const scale = currentScale as ScaleTime<number, number>;\n\n  const { width } = useGridPlotSize();\n\n  const handleUpdateIndicators = (event: Partial<SelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      annotations: {\n        ...prev.annotations,\n        ...event,\n      },\n    }));\n  };\n\n  return (\n    <ChartGrid.GridArea\n      paddingBottom={ANNOTATIONS_PADDING_BOTTOM}\n      gridArea={AREAS.annotations}\n    >\n      {({ availableWidth, availableHeight }) => {\n        const labelOffset = availableWidth - width;\n\n        return (\n          <AnnotationsScrollWrapper\n            height={availableHeight}\n            width={availableWidth + SCROLLBAR_THRESHOLD}\n          >\n            <AnnotationsTimeDisplay\n              tracks={tracks}\n              width={availableWidth}\n              scale={scale}\n              showLabels={showLabels ?? DEFAULT_SHOW_LABELS}\n              labelsOffset={labelOffset}\n              annotationsActions={(\n                annotation: AnnotationsActionsPayload | undefined,\n              ) => annotation && annotationsActions?.(annotation)}\n              markerGroupHover={handleUpdateIndicators}\n              textOverflow={DEFAULT_INTEGRATION_TEXT_OVERFLOW}\n              tooltipConfig={tooltip}\n              {...behaviorTrackingProps}\n              data-dt-component={COMPONENT_NAME}\n            />\n          </AnnotationsScrollWrapper>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n};\n"],
-  "mappings": "AA8DY;AA5DZ,SAAS,kCAAkC;AAC3C,SAAS,kCAAkC;AAC3C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AAEtB,MAAM,iBAAiB;AAEhB,MAAM,iCAAiC,MAAM;AAClD,QAAM,SAAS,qBAAqB;AACpC,QAAM;AAAA,IACJ;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,MAAM;AACjE,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,aAAa,IAAI,WAAW;AAGpC,QAAM,QAAQ;AAEd,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAElC,QAAM,yBAAyB,CAAC,UAAmC;AACjE,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,aAAa;AAAA,QACX,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,eAAe;AAAA,MACf,UAAU,MAAM;AAAA,MAEf,WAAC,EAAE,gBAAgB,gBAAgB,MAAM;AACxC,cAAM,cAAc,iBAAiB;AAErC,eACE;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,YACR,OAAO,iBAAiB;AAAA,YAExB;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,OAAO;AAAA,gBACP;AAAA,gBACA,YAAY,cAAc;AAAA,gBAC1B,cAAc;AAAA,gBACd,oBAAoB,CAClB,eACG,cAAc,qBAAqB,UAAU;AAAA,gBAClD,kBAAkB;AAAA,gBAClB,cAAc;AAAA,gBACd,eAAe;AAAA,gBACd,GAAG;AAAA,gBACJ,qBAAmB;AAAA;AAAA,YACrB;AAAA;AAAA,QACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import { ScaleTime } from 'd3-scale';\n\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AnnotationsTimeDisplay } from '../../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  DEFAULT_TEXT_OVERFLOW,\n  DEFAULT_SHOW_LABELS,\n  SCROLLBAR_THRESHOLD,\n} from '../../../core/components/annotations/constants.js';\nimport type { AnnotationsActionsPayload } from '../../../core/components/annotations/types/annotations.js';\nimport type { SelectionState } from '../../../core/components/annotations/types/state.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { useSetState } from '../../hooks/store/selectors.js';\nimport { useAnnotationsConfig } from '../../hooks/useAnnotationsConfig.js';\nimport { useXScales } from '../../hooks/useXScale.js';\nimport { AREAS } from '../../types/timeseries-grid-area-rules.js';\n\nconst COMPONENT_NAME = 'AnnotationsChart';\n\nexport const TimeseriesChartAnnotationsArea = () => {\n  const config = useAnnotationsConfig();\n  const {\n    tracks,\n    showLabels = DEFAULT_SHOW_LABELS,\n    annotationsActions,\n    tooltip,\n  } = config;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(config);\n  const setState = useSetState();\n  const { currentScale } = useXScales();\n\n  // TODO: TimeseriesChart needs to use d3-scale types instead of visx\n  const scale = currentScale as ScaleTime<number, number>;\n\n  const { width } = useGridPlotSize();\n\n  const handleUpdateIndicators = (event: Partial<SelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      annotations: {\n        ...prev.annotations,\n        ...event,\n      },\n    }));\n  };\n\n  return (\n    <ChartGrid.GridArea gridArea={AREAS.annotations}>\n      {({ availableWidth, availableHeight }) => {\n        const labelOffset = availableWidth - width;\n\n        return (\n          <AnnotationsScrollWrapper\n            height={availableHeight}\n            width={availableWidth + SCROLLBAR_THRESHOLD}\n          >\n            <AnnotationsTimeDisplay\n              tracks={tracks}\n              width={availableWidth}\n              scale={scale}\n              showLabels={showLabels ?? DEFAULT_SHOW_LABELS}\n              labelsOffset={labelOffset}\n              annotationsActions={(\n                annotation: AnnotationsActionsPayload | undefined,\n              ) => annotation && annotationsActions?.(annotation)}\n              markerGroupHover={handleUpdateIndicators}\n              textOverflow={DEFAULT_TEXT_OVERFLOW}\n              tooltipConfig={tooltip}\n              {...behaviorTrackingProps}\n              data-dt-component={COMPONENT_NAME}\n            />\n          </AnnotationsScrollWrapper>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n};\n"],
+  "mappings": "AA0DY;AAxDZ,SAAS,kCAAkC;AAC3C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AAEtB,MAAM,iBAAiB;AAEhB,MAAM,iCAAiC,MAAM;AAClD,QAAM,SAAS,qBAAqB;AACpC,QAAM;AAAA,IACJ;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,MAAM;AACjE,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,aAAa,IAAI,WAAW;AAGpC,QAAM,QAAQ;AAEd,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAElC,QAAM,yBAAyB,CAAC,UAAmC;AACjE,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,aAAa;AAAA,QACX,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,SACE,oBAAC,UAAU,UAAV,EAAmB,UAAU,MAAM,aACjC,WAAC,EAAE,gBAAgB,gBAAgB,MAAM;AACxC,UAAM,cAAc,iBAAiB;AAErC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO,iBAAiB;AAAA,QAExB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO;AAAA,YACP;AAAA,YACA,YAAY,cAAc;AAAA,YAC1B,cAAc;AAAA,YACd,oBAAoB,CAClB,eACG,cAAc,qBAAqB,UAAU;AAAA,YAClD,kBAAkB;AAAA,YAClB,cAAc;AAAA,YACd,eAAe;AAAA,YACd,GAAG;AAAA,YACJ,qBAAmB;AAAA;AAAA,QACrB;AAAA;AAAA,IACF;AAAA,EAEJ,GACF;AAEJ;",
   "names": []
 }

package/esm/charts/timeseries/components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.css

@@ -1,6 +1,6 @@
-._19z0vdp0-3-8-0 {
+._19z0vdp0-3-9-0 {
   position: relative;
 }
-._19z0vdp1-3-8-0 {
+._19z0vdp1-3-9-0 {
   touch-action: none;
 }

package/esm/charts/timeseries/components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.sty.js

@@ -1,6 +1,6 @@
 import "./TimeseriesTimeBottomAxisArea.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var timeBottomAxisContainer = _7a468({ defaultClassName: "_19z0vdp0-3-8-0", variantClassNames: { isTouchableDevice: { true: "_19z0vdp1-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var timeBottomAxisContainer = _7a468({ defaultClassName: "_19z0vdp0-3-9-0", variantClassNames: { isTouchableDevice: { true: "_19z0vdp1-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   timeBottomAxisContainer
 };

package/esm/charts/timeseries/components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/timeseries/components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.css.ts"],
-  "sourcesContent": ["import './TimeseriesTimeBottomAxisArea.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var timeBottomAxisContainer = _7a468({defaultClassName:'_19z0vdp0-3-8-0',variantClassNames:{isTouchableDevice:{true:'_19z0vdp1-3-8-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './TimeseriesTimeBottomAxisArea.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var timeBottomAxisContainer = _7a468({defaultClassName:'_19z0vdp0-3-9-0',variantClassNames:{isTouchableDevice:{true:'_19z0vdp1-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,mBAAkB,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/timeseries/components/overlays/TimeseriesChartOverlaysBorder.js

@@ -1,15 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import { isUndefined } from "lodash-es";
 import { ChartOverlaysBorder } from "../../../core/components/overlays/ChartOverlaysBorder.js";
+import { useAnnotationsConfig } from "../../hooks/useAnnotationsConfig.js";
 import { useYScales } from "../../hooks/useYScales.js";
 const TimeseriesChartOverlaysBorder = () => {
   const { left, right } = useYScales();
+  const { tracks } = useAnnotationsConfig();
+  const visibleTracksCount = tracks.filter((track) => !track.hidden).length;
   return /* @__PURE__ */ jsx(
     ChartOverlaysBorder,
     {
       left: !isUndefined(left),
       right: !isUndefined(right),
-      bottom: true
+      bottom: true,
+      topSeparator: visibleTracksCount > 1
     }
   );
 };

package/esm/charts/timeseries/components/overlays/TimeseriesChartOverlaysBorder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/timeseries/components/overlays/TimeseriesChartOverlaysBorder.tsx"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { ChartOverlaysBorder } from '../../../core/components/overlays/ChartOverlaysBorder.js';\nimport { useYScales } from '../../hooks/useYScales.js';\n\nexport const TimeseriesChartOverlaysBorder = () => {\n  const { left, right } = useYScales();\n\n  return (\n    <ChartOverlaysBorder\n      left={!isUndefined(left)}\n      right={!isUndefined(right)}\n      bottom\n    />\n  );\n};\n"],
-  "mappings": "AASI;AATJ,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAEpB,MAAM,gCAAgC,MAAM;AACjD,QAAM,EAAE,MAAM,MAAM,IAAI,WAAW;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,YAAY,IAAI;AAAA,MACvB,OAAO,CAAC,YAAY,KAAK;AAAA,MACzB,QAAM;AAAA;AAAA,EACR;AAEJ;",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { ChartOverlaysBorder } from '../../../core/components/overlays/ChartOverlaysBorder.js';\nimport { useAnnotationsConfig } from '../../hooks/useAnnotationsConfig.js';\nimport { useYScales } from '../../hooks/useYScales.js';\n\nexport const TimeseriesChartOverlaysBorder = () => {\n  const { left, right } = useYScales();\n  const { tracks } = useAnnotationsConfig();\n  const visibleTracksCount = tracks.filter((track) => !track.hidden).length;\n\n  return (\n    <ChartOverlaysBorder\n      left={!isUndefined(left)}\n      right={!isUndefined(right)}\n      bottom\n      topSeparator={visibleTracksCount > 1}\n    />\n  );\n};\n"],
+  "mappings": "AAYI;AAZJ,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAEpB,MAAM,gCAAgC,MAAM;AACjD,QAAM,EAAE,MAAM,MAAM,IAAI,WAAW;AACnC,QAAM,EAAE,OAAO,IAAI,qBAAqB;AACxC,QAAM,qBAAqB,OAAO,OAAO,CAAC,UAAU,CAAC,MAAM,MAAM,EAAE;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,YAAY,IAAI;AAAA,MACvB,OAAO,CAAC,YAAY,KAAK;AAAA,MACzB,QAAM;AAAA,MACN,cAAc,qBAAqB;AAAA;AAAA,EACrC;AAEJ;",
   "names": []
 }

package/esm/charts/timeseries/components/overlays/TimeseriesOverlays.css

@@ -1,8 +1,8 @@
-._17fdb110-3-8-0 {
+._17fdb110-3-9-0 {
   z-index: 1;
   pointer-events: none;
 }
-._17fdb111-3-8-0 {
+._17fdb111-3-9-0 {
   top: -3.5px;
   left: -3.5px;
   width: calc(100% + 7px);
@@ -10,7 +10,7 @@
   z-index: 1;
   pointer-events: none;
 }
-._17fdb112-3-8-0 {
+._17fdb112-3-9-0 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -18,7 +18,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._17fdb113-3-8-0 {
+._17fdb113-3-9-0 {
   cursor: crosshair;
   overflow: visible;
   pointer-events: none;

package/esm/charts/timeseries/components/overlays/TimeseriesOverlays.sty.js

@@ -1,9 +1,9 @@
 import "../../../core/components/chart-grid/ChartGrid.css";
 import "./TimeseriesOverlays.css";
-var canvasPlot = "_17fdb110-3-8-0 _13lzg4k0-3-8-0";
-var crosshairLayout = "_17fdb113-3-8-0 _13lzg4k0-3-8-0";
-var datapointCanvasPlot = "_17fdb111-3-8-0 _13lzg4k0-3-8-0";
-var datapointIndicatorLayout = "_17fdb112-3-8-0 _13lzg4k0-3-8-0";
+var canvasPlot = "_17fdb110-3-9-0 _13lzg4k0-3-9-0";
+var crosshairLayout = "_17fdb113-3-9-0 _13lzg4k0-3-9-0";
+var datapointCanvasPlot = "_17fdb111-3-9-0 _13lzg4k0-3-9-0";
+var datapointIndicatorLayout = "_17fdb112-3-9-0 _13lzg4k0-3-9-0";
 export {
   canvasPlot,
   crosshairLayout,

package/esm/charts/timeseries/components/overlays/TimeseriesOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/timeseries/components/overlays/TimeseriesOverlays.css.ts"],
-  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './TimeseriesOverlays.css';\nexport var canvasPlot = '_17fdb110-3-8-0 _13lzg4k0-3-8-0';\nexport var crosshairLayout = '_17fdb113-3-8-0 _13lzg4k0-3-8-0';\nexport var datapointCanvasPlot = '_17fdb111-3-8-0 _13lzg4k0-3-8-0';\nexport var datapointIndicatorLayout = '_17fdb112-3-8-0 _13lzg4k0-3-8-0';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './TimeseriesOverlays.css';\nexport var canvasPlot = '_17fdb110-3-9-0 _13lzg4k0-3-9-0';\nexport var crosshairLayout = '_17fdb113-3-9-0 _13lzg4k0-3-9-0';\nexport var datapointCanvasPlot = '_17fdb111-3-9-0 _13lzg4k0-3-9-0';\nexport var datapointIndicatorLayout = '_17fdb112-3-9-0 _13lzg4k0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,kBAAkB;AACtB,IAAI,sBAAsB;AAC1B,IAAI,2BAA2B;",
   "names": []
 }

package/esm/charts/timeseries/components/thresholds/ThresholdIndicators.css

@@ -1,6 +1,6 @@
-._9p8qi20-3-8-0 {
+._9p8qi20-3-9-0 {
   z-index: 2;
 }
-._9p8qi21-3-8-0 {
+._9p8qi21-3-9-0 {
   z-index: 0;
 }

package/esm/charts/timeseries/components/thresholds/ThresholdIndicators.sty.js

@@ -1,7 +1,7 @@
 import "../../../core/components/chart-grid/ChartGrid.css";
 import "./ThresholdIndicators.css";
-var thresholdPlotLine = "_9p8qi20-3-8-0 _13lzg4k0-3-8-0";
-var thresholdPlotRange = "_9p8qi21-3-8-0 _13lzg4k0-3-8-0";
+var thresholdPlotLine = "_9p8qi20-3-9-0 _13lzg4k0-3-9-0";
+var thresholdPlotRange = "_9p8qi21-3-9-0 _13lzg4k0-3-9-0";
 export {
   thresholdPlotLine,
   thresholdPlotRange

package/esm/charts/timeseries/components/thresholds/ThresholdIndicators.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/timeseries/components/thresholds/ThresholdIndicators.css.ts"],
-  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './ThresholdIndicators.css';\nexport var thresholdPlotLine = '_9p8qi20-3-8-0 _13lzg4k0-3-8-0';\nexport var thresholdPlotRange = '_9p8qi21-3-8-0 _13lzg4k0-3-8-0';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './ThresholdIndicators.css';\nexport var thresholdPlotLine = '_9p8qi20-3-9-0 _13lzg4k0-3-9-0';\nexport var thresholdPlotRange = '_9p8qi21-3-9-0 _13lzg4k0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/timeseries/components/toolbar/TimeseriesChartToolbar.js

@@ -52,7 +52,6 @@ const TimeseriesChartToolbar = ({
   return !isUndefined(config) && anyInteractionEnabled ? /* @__PURE__ */ jsxs(
     ChartToolbarRenderer,
     {
-      visible: false,
       handlerRef,
       visibleWhenMouseInBounds: true,
       collapsed: config.collapsed,

package/esm/charts/timeseries/components/toolbar/TimeseriesChartToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/timeseries/components/toolbar/TimeseriesChartToolbar.tsx"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport type { MouseEvent as ReactMouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DownloadDataButton } from './DownloadDataButton.js';\nimport { ExploreButton } from './ExploreButton.js';\nimport { PanButton } from './PanButton.js';\nimport { ResetButton } from './ResetButton.js';\nimport { ZoomInOutButtons } from './ZoomInOutButtons.js';\nimport { ZoomModeButton } from './ZoomModeButton.js';\nimport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport { getMenuTriggerDisplayMode } from '../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js';\nimport { getMenuTriggerIcon } from '../../../core/components/toolbar/utils/get-menu-trigger-icon.js';\nimport { ChartOverlaysElevation } from '../../../core/constants.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { useInteractionModeState } from '../../hooks/store/selectors.js';\nimport { useChartInteractions } from '../../hooks/useChartInteractions.js';\nimport { useChartToolbar } from '../../hooks/useChartToolbar.js';\nimport { useTimeseriesRawData } from '../../hooks/useTimeseriesRawData.js';\nimport { useTimeseriesSelectionAreaRef } from '../../hooks/useTimeseriesSelectionAreaRef.js';\nimport { TIMESERIES_MESSAGES } from '../../messages/tooltips-text.js';\nimport { buildAndDownloadCsv } from '../../utils/download/build-and-download-csv.js';\n\nconst defaultToolbarPlacement = 'top-right';\n\ntype TimeseriesChartToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const TimeseriesChartToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: TimeseriesChartToolbarProps) => {\n  const selectionAreaRef = useTimeseriesSelectionAreaRef();\n\n  const config = useChartToolbar();\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { zoom, zoomX, pan } = useChartInteractions();\n  const intl = useIntl();\n  const isDownloadEnabled = config?.downloadData?.enabled ?? false;\n  const isPanEnabled = pan?.enabled;\n  const isZoomEnabled = zoom?.enabled;\n  const isZoomXEnabled = zoomX?.enabled;\n  const anyInteractionEnabled =\n    isZoomEnabled ||\n    isZoomXEnabled ||\n    isPanEnabled ||\n    isDownloadEnabled ||\n    config?.intents;\n\n  const mode = useInteractionModeState();\n  const menuIcon = getMenuTriggerIcon(mode, isZoomEnabled);\n\n  const menuLabel =\n    !isPanEnabled && !isZoomEnabled\n      ? intl.formatMessage(TIMESERIES_MESSAGES.zoomModeExplore)\n      : undefined;\n\n  const rawData = useTimeseriesRawData();\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => buildAndDownloadCsv(rawData);\n\n  const menuDisplayMode = getMenuTriggerDisplayMode({\n    isPanEnabled,\n    isZoomEnabled,\n    isDownloadEnabled,\n  });\n\n  const onClose = () =>\n    selectionAreaRef ? selectionAreaRef.current?.focus() : undefined;\n\n  const showDefaultToolbarDownloadButton =\n    isDownloadEnabled && !config?.intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!config?.intents?.length;\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(config ?? {})[0];\n\n  return !isUndefined(config) && anyInteractionEnabled ? (\n    <ChartToolbarRenderer\n      visible={false}\n      handlerRef={handlerRef}\n      visibleWhenMouseInBounds\n      collapsed={config.collapsed}\n      draggable={true}\n      placement={config.placement || defaultToolbarPlacement}\n      initialA11yState={getA11yToolbarConfig({\n        zoomX,\n        pan,\n        zoom,\n        download: config.downloadData,\n        intent: !!config.intents,\n      })}\n      zIndex={ChartOverlaysElevation.toolbar}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      menuIcon={menuIcon}\n      menuTriggerLabel={menuLabel}\n      menuDisplayMode={menuDisplayMode}\n      onClose={onClose}\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={config?.intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      {...behaviorTrackingProps}\n    >\n      <>\n        <ExploreButton />\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      {isZoomEnabled && <ResetButton />}\n      {showDefaultToolbarDownloadButton && <DownloadDataButton />}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n\nTimeseriesChartToolbar['displayName'] = 'ToolbarChartToolbar';\n"],
-  "mappings": "AA8GM,mBACE,KADF;AA9GN,SAAS,mBAAmB;AAE5B,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B,mCAAmC;AAC1E,SAAS,4BAA4B;AAErC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,qCAAqC;AAC9C,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AAEpC,MAAM,0BAA0B;AAQzB,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,mBAAmB,8BAA8B;AAEvD,QAAM,SAAS,gBAAgB;AAE/B,QAAM,EAAE,MAAM,OAAO,IAAI,IAAI,qBAAqB;AAClD,QAAM,OAAO,QAAQ;AACrB,QAAM,oBAAoB,QAAQ,cAAc,WAAW;AAC3D,QAAM,eAAe,KAAK;AAC1B,QAAM,gBAAgB,MAAM;AAC5B,QAAM,iBAAiB,OAAO;AAC9B,QAAM,wBACJ,iBACA,kBACA,gBACA,qBACA,QAAQ;AAEV,QAAM,OAAO,wBAAwB;AACrC,QAAM,WAAW,mBAAmB,MAAM,aAAa;AAEvD,QAAM,YACJ,CAAC,gBAAgB,CAAC,gBACd,KAAK,cAAc,oBAAoB,eAAe,IACtD;AAEN,QAAM,UAAU,qBAAqB;AAGrC,QAAM,4BAA4B,MAAM,oBAAoB,OAAO;AAEnE,QAAM,kBAAkB,0BAA0B;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,UAAU,MACd,mBAAmB,iBAAiB,SAAS,MAAM,IAAI;AAEzD,QAAM,mCACJ,qBAAqB,CAAC,QAAQ;AAChC,QAAM,wBAAwB,qBAAqB,CAAC,CAAC,QAAQ,SAAS;AAEtE,QAAM,wBAAwB,4BAA4B,UAAU,CAAC,CAAC,EAAE,CAAC;AAEzE,SAAO,CAAC,YAAY,MAAM,KAAK,wBAC7B;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA,0BAAwB;AAAA,MACxB,WAAW,OAAO;AAAA,MAClB,WAAW;AAAA,MACX,WAAW,OAAO,aAAa;AAAA,MAC/B,kBAAkB,qBAAqB;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,OAAO;AAAA,QACjB,QAAQ,CAAC,CAAC,OAAO;AAAA,MACnB,CAAC;AAAA,MACD,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB,SAAS,QAAQ;AAAA,MACjB;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,yCACE;AAAA,8BAAC,iBAAc;AAAA,UACd,iBAAiB,oBAAC,kBAAe;AAAA,UACjC,gBAAgB,oBAAC,aAAU;AAAA,WAC9B;AAAA,QACC,iBAAiB,oBAAC,oBAAiB;AAAA,QACnC,iBAAiB,oBAAC,eAAY;AAAA,QAC9B,oCAAoC,oBAAC,sBAAmB;AAAA;AAAA;AAAA,EAC3D,IACE;AACN;AAEA,uBAAuB,aAAa,IAAI;",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport type { MouseEvent as ReactMouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DownloadDataButton } from './DownloadDataButton.js';\nimport { ExploreButton } from './ExploreButton.js';\nimport { PanButton } from './PanButton.js';\nimport { ResetButton } from './ResetButton.js';\nimport { ZoomInOutButtons } from './ZoomInOutButtons.js';\nimport { ZoomModeButton } from './ZoomModeButton.js';\nimport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport { getMenuTriggerDisplayMode } from '../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js';\nimport { getMenuTriggerIcon } from '../../../core/components/toolbar/utils/get-menu-trigger-icon.js';\nimport { ChartOverlaysElevation } from '../../../core/constants.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { useInteractionModeState } from '../../hooks/store/selectors.js';\nimport { useChartInteractions } from '../../hooks/useChartInteractions.js';\nimport { useChartToolbar } from '../../hooks/useChartToolbar.js';\nimport { useTimeseriesRawData } from '../../hooks/useTimeseriesRawData.js';\nimport { useTimeseriesSelectionAreaRef } from '../../hooks/useTimeseriesSelectionAreaRef.js';\nimport { TIMESERIES_MESSAGES } from '../../messages/tooltips-text.js';\nimport { buildAndDownloadCsv } from '../../utils/download/build-and-download-csv.js';\n\nconst defaultToolbarPlacement = 'top-right';\n\ntype TimeseriesChartToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const TimeseriesChartToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: TimeseriesChartToolbarProps) => {\n  const selectionAreaRef = useTimeseriesSelectionAreaRef();\n\n  const config = useChartToolbar();\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { zoom, zoomX, pan } = useChartInteractions();\n  const intl = useIntl();\n  const isDownloadEnabled = config?.downloadData?.enabled ?? false;\n  const isPanEnabled = pan?.enabled;\n  const isZoomEnabled = zoom?.enabled;\n  const isZoomXEnabled = zoomX?.enabled;\n  const anyInteractionEnabled =\n    isZoomEnabled ||\n    isZoomXEnabled ||\n    isPanEnabled ||\n    isDownloadEnabled ||\n    config?.intents;\n\n  const mode = useInteractionModeState();\n  const menuIcon = getMenuTriggerIcon(mode, isZoomEnabled);\n\n  const menuLabel =\n    !isPanEnabled && !isZoomEnabled\n      ? intl.formatMessage(TIMESERIES_MESSAGES.zoomModeExplore)\n      : undefined;\n\n  const rawData = useTimeseriesRawData();\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => buildAndDownloadCsv(rawData);\n\n  const menuDisplayMode = getMenuTriggerDisplayMode({\n    isPanEnabled,\n    isZoomEnabled,\n    isDownloadEnabled,\n  });\n\n  const onClose = () =>\n    selectionAreaRef ? selectionAreaRef.current?.focus() : undefined;\n\n  const showDefaultToolbarDownloadButton =\n    isDownloadEnabled && !config?.intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!config?.intents?.length;\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(config ?? {})[0];\n\n  return !isUndefined(config) && anyInteractionEnabled ? (\n    <ChartToolbarRenderer\n      handlerRef={handlerRef}\n      visibleWhenMouseInBounds\n      collapsed={config.collapsed}\n      draggable={true}\n      placement={config.placement || defaultToolbarPlacement}\n      initialA11yState={getA11yToolbarConfig({\n        zoomX,\n        pan,\n        zoom,\n        download: config.downloadData,\n        intent: !!config.intents,\n      })}\n      zIndex={ChartOverlaysElevation.toolbar}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      menuIcon={menuIcon}\n      menuTriggerLabel={menuLabel}\n      menuDisplayMode={menuDisplayMode}\n      onClose={onClose}\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={config?.intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      {...behaviorTrackingProps}\n    >\n      <>\n        <ExploreButton />\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      {isZoomEnabled && <ResetButton />}\n      {showDefaultToolbarDownloadButton && <DownloadDataButton />}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n\nTimeseriesChartToolbar['displayName'] = 'ToolbarChartToolbar';\n"],
+  "mappings": "AA6GM,mBACE,KADF;AA7GN,SAAS,mBAAmB;AAE5B,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B,mCAAmC;AAC1E,SAAS,4BAA4B;AAErC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,qCAAqC;AAC9C,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AAEpC,MAAM,0BAA0B;AAQzB,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,mBAAmB,8BAA8B;AAEvD,QAAM,SAAS,gBAAgB;AAE/B,QAAM,EAAE,MAAM,OAAO,IAAI,IAAI,qBAAqB;AAClD,QAAM,OAAO,QAAQ;AACrB,QAAM,oBAAoB,QAAQ,cAAc,WAAW;AAC3D,QAAM,eAAe,KAAK;AAC1B,QAAM,gBAAgB,MAAM;AAC5B,QAAM,iBAAiB,OAAO;AAC9B,QAAM,wBACJ,iBACA,kBACA,gBACA,qBACA,QAAQ;AAEV,QAAM,OAAO,wBAAwB;AACrC,QAAM,WAAW,mBAAmB,MAAM,aAAa;AAEvD,QAAM,YACJ,CAAC,gBAAgB,CAAC,gBACd,KAAK,cAAc,oBAAoB,eAAe,IACtD;AAEN,QAAM,UAAU,qBAAqB;AAGrC,QAAM,4BAA4B,MAAM,oBAAoB,OAAO;AAEnE,QAAM,kBAAkB,0BAA0B;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,UAAU,MACd,mBAAmB,iBAAiB,SAAS,MAAM,IAAI;AAEzD,QAAM,mCACJ,qBAAqB,CAAC,QAAQ;AAChC,QAAM,wBAAwB,qBAAqB,CAAC,CAAC,QAAQ,SAAS;AAEtE,QAAM,wBAAwB,4BAA4B,UAAU,CAAC,CAAC,EAAE,CAAC;AAEzE,SAAO,CAAC,YAAY,MAAM,KAAK,wBAC7B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,0BAAwB;AAAA,MACxB,WAAW,OAAO;AAAA,MAClB,WAAW;AAAA,MACX,WAAW,OAAO,aAAa;AAAA,MAC/B,kBAAkB,qBAAqB;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,OAAO;AAAA,QACjB,QAAQ,CAAC,CAAC,OAAO;AAAA,MACnB,CAAC;AAAA,MACD,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB,SAAS,QAAQ;AAAA,MACjB;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,yCACE;AAAA,8BAAC,iBAAc;AAAA,UACd,iBAAiB,oBAAC,kBAAe;AAAA,UACjC,gBAAgB,oBAAC,aAAU;AAAA,WAC9B;AAAA,QACC,iBAAiB,oBAAC,oBAAiB;AAAA,QACnC,iBAAiB,oBAAC,eAAY;AAAA,QAC9B,oCAAoC,oBAAC,sBAAmB;AAAA;AAAA;AAAA,EAC3D,IACE;AACN;AAEA,uBAAuB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/timeseries/slots/Tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/timeseries/slots/Tooltip.tsx"],
-  "sourcesContent": ["import type {\n  SeriesDisplayMode,\n  TooltipVariant,\n} from '../../core/types/tooltip.js';\n\n/**\n * Props for the TimeseriesChart.Tooltip slot component\n * @public\n */\nexport interface TimeseriesChartTooltipProps {\n  /** Whether the tooltip should contain datapoints from all series for the selected timestamp, or just the closest one. */\n  variant?: TooltipVariant;\n  /** The tooltip items display mode. When it's undefined and variant is 'shared', then set to 'single-line', if variant is 'single', then set to 'multi-line'. */\n  seriesDisplayMode?: SeriesDisplayMode;\n}\n\n/**\n * @public\n */\nexport const Tooltip = (props: TimeseriesChartTooltipProps) => null;\n\nTooltip['displayName'] = 'TimeseriesChart.Tooltip';\n"],
-  "mappings": "AAmBO,MAAM,UAAU,CAAC,UAAuC;AAE/D,QAAQ,aAAa,IAAI;",
+  "sourcesContent": ["import type {\n  SeriesDisplayMode,\n  TooltipVariant,\n} from '../../core/types/tooltip.js';\n\n/**\n * Props for the TimeseriesChart.Tooltip slot component\n * @public\n */\nexport interface TimeseriesChartTooltipProps {\n  /**\n   * Whether the tooltip should contain datapoints from all series for the selected timestamp, or just the closest one.\n   * @defaultValue 'single'\n   */\n  variant?: TooltipVariant;\n  /** The tooltip items display mode. When it's undefined and variant is 'shared', then set to 'single-line', if variant is 'single', then set to 'multi-line'. */\n  seriesDisplayMode?: SeriesDisplayMode;\n}\n\n/**\n * @public\n */\nexport const Tooltip = (props: TimeseriesChartTooltipProps) => null;\n\nTooltip['displayName'] = 'TimeseriesChart.Tooltip';\n"],
+  "mappings": "AAsBO,MAAM,UAAU,CAAC,UAAuC;AAE/D,QAAQ,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/top-list/TopList.css

@@ -1,4 +1,4 @@
-._jwlby60-3-8-0 {
+._jwlby60-3-9-0 {
   width: 100%;
   overflow-y: auto;
 }

package/esm/charts/top-list/TopList.js

@@ -14,6 +14,7 @@ import {
 } from "./constants.js";
 import { scrollContainer } from "./TopList.sty.js";
 import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
+import { ColorRule } from "../core/slots/ColorRule.js";
 import {
   coerceSizeValue,
   coerceSizeValueToPixels
@@ -21,7 +22,7 @@ import {
 import { DEFAULT_CHART_HEIGHT } from "../xy-chart/constants/defaults.js";
 import { XYChart } from "../xy-chart/XYChartRoot.js";
 const COMPONENT_NAME_BEHAVIOURAL_TRACKING = "TopList";
-const TopList = forwardRef(function TopList2({
+const TopListRoot = forwardRef(function TopList({
   data,
   labelAccessor,
   valueAccessor,
@@ -31,6 +32,7 @@ const TopList = forwardRef(function TopList2({
   seriesIdAccessor,
   seriesNameAccessor,
   comparator,
+  children,
   height = DEFAULT_CHART_HEIGHT,
   // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.
   "data-dt-component": componentName = COMPONENT_NAME_BEHAVIOURAL_TRACKING,
@@ -100,14 +102,23 @@ const TopList = forwardRef(function TopList2({
                 formatter: categoryFormatter
               }
             ),
-            legend
+            legend,
+            children
           ]
         }
       )
     }
   );
 });
+const TopList2 = Object.assign(TopListRoot, {
+  /**
+   * Apply a conditional color override to bars matching the rule. Same
+   * component reference as `XYChart.ColorRule` and `TimeseriesChart.ColorRule`.
+   */
+  ColorRule
+});
+TopList2.displayName = "TopList";
 export {
-  TopList
+  TopList2 as TopList
 };
 //# sourceMappingURL=TopList.js.map