@dynatrace/strato-components 3.4.0 → 3.5.0

package/esm/charts/timeseries/components/overlays/TimeseriesSelection/TimeseriesSelectionAreaTooltip.js

@@ -6,11 +6,10 @@ import { getSelectedDatapoints } from "./utils/get-selected-datapoints.js";
 import { isDatapointWithinSelection } from "./utils/is-datapoint-within-selection.js";
 import { useGridPlotSize } from "../../../../core/components/chart-grid/hooks/useGridPlotSize.js";
 import { getCustomContextMenuItems } from "../../../../core/components/interactions-overlay/utils/get-custom-context-menu-items.js";
-import { tooltipHeader } from "../../../../core/components/selection-area/SelectionArea.sty.js";
+import { OverlayTooltip } from "../../../../core/components/overlay-tooltip/OverlayTooltip.js";
 import { SelectionTooltipWithAsyncActions } from "../../../../core/components/selection-area/SelectionTooltipWithAsyncActions.js";
 import { getSelectionTooltipPosition } from "../../../../core/components/selection-area/tooltip/get-selection-tooltip-position.js";
-import { ChartTooltip } from "../../../../core/components/tooltip/ChartTooltip/ChartTooltip.js";
-import { useScrollResponsiveChartBounds } from "../../../../core/hooks/useScrollResponsiveChartBounds.js";
+import { usePointerAndScrollResponsiveChartBounds } from "../../../../core/hooks/usePointerAndScrollResponsiveChartBounds.js";
 import { useSelectState } from "../../../hooks/store/selectors.js";
 import { useZoomToSelection } from "../../../hooks/store/state-setters.js";
 import { useChartInteractions } from "../../../hooks/useChartInteractions.js";
@@ -21,7 +20,6 @@ import { useXScales } from "../../../hooks/useXScale.js";
 import { TIMESERIES_MESSAGES } from "../../../messages/tooltips-text.js";
 import { getDatapointsMessage } from "../../../utils/get-datapoints-message.js";
 import { getDatapointTime } from "../../../utils/timeseries.js";
-import { DISPLAY_UNITS_LIMIT } from "../constants.js";
 const TimeseriesSelectionAreaTooltip = () => {
   const selectState = useSelectState();
   const { zoomX } = useChartInteractions();
@@ -32,7 +30,10 @@ const TimeseriesSelectionAreaTooltip = () => {
   const { width } = useGridPlotSize();
   const intl = useIntl();
   const chartRef = useTimeseriesOverlayRef();
-  const chartBounds = useScrollResponsiveChartBounds(chartRef, true)();
+  const chartBounds = usePointerAndScrollResponsiveChartBounds(
+    chartRef,
+    true
+  )();
   if (!selectState || !chartBounds) {
     return null;
   }
@@ -79,32 +80,26 @@ const TimeseriesSelectionAreaTooltip = () => {
       },
       selectFinished: selectState.finished,
       header: /* @__PURE__ */ jsx(
-        ChartTooltip.TimeFrameHeader,
+        OverlayTooltip.Header,
         {
-          from,
-          to,
-          limit: DISPLAY_UNITS_LIMIT,
-          showDuration: true,
-          className: tooltipHeader
+          header1: [from, to],
+          showRangeDuration1: true,
+          subheader: intl.formatMessage(datapointsMessage, {
+            count: totalDatapoints,
+            seriesCount: totalSeries
+          })
         }
       ),
-      headerSubtext: intl.formatMessage(datapointsMessage, {
-        count: totalDatapoints,
-        seriesCount: totalSeries
-      }),
       position: tooltipPosition,
       zoomEnabled: !!zoomX?.enabled,
       range: selectState.selectionPercentage || [0, 0],
       children: zoomX?.enabled ? /* @__PURE__ */ jsx(
-        ChartTooltip.ActionItem,
+        OverlayTooltip.Action,
         {
-          text: intl.formatMessage(TIMESERIES_MESSAGES.zoomToSelection),
+          label: intl.formatMessage(TIMESERIES_MESSAGES.zoomToSelection),
           icon: /* @__PURE__ */ jsx(ZoomToSelectionIcon, {}),
-          onMouseUp: (event) => {
-            event.stopPropagation();
-            zoomToSelection();
-          },
-          shortcut: "\u23CE"
+          onSelect: zoomToSelection,
+          trailingIcon: "\u23CE"
         }
       ) : null
     }

package/esm/charts/timeseries/components/overlays/TimeseriesSelection/TimeseriesSelectionAreaTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/timeseries/components/overlays/TimeseriesSelection/TimeseriesSelectionAreaTooltip.tsx"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { ZoomToSelectionIcon } from '@dynatrace/strato-icons';\n\nimport { convertToTimeseriesArray } from './utils/convert-to-timeseries-array.js';\nimport { getSelectedDatapoints } from './utils/get-selected-datapoints.js';\nimport { isDatapointWithinSelection } from './utils/is-datapoint-within-selection.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { getCustomContextMenuItems } from '../../../../core/components/interactions-overlay/utils/get-custom-context-menu-items.js';\nimport { tooltipHeader } from '../../../../core/components/selection-area/SelectionArea.sty.js';\nimport { SelectionTooltipWithAsyncActions } from '../../../../core/components/selection-area/SelectionTooltipWithAsyncActions.js';\nimport { getSelectionTooltipPosition } from '../../../../core/components/selection-area/tooltip/get-selection-tooltip-position.js';\nimport { ChartTooltip } from '../../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { useScrollResponsiveChartBounds } from '../../../../core/hooks/useScrollResponsiveChartBounds.js';\nimport { useSelectState } from '../../../hooks/store/selectors.js';\nimport { useZoomToSelection } from '../../../hooks/store/state-setters.js';\nimport { useChartInteractions } from '../../../hooks/useChartInteractions.js';\nimport { useTimeseriesFilteredData } from '../../../hooks/useTimeseriesFilteredData.js';\nimport { useTimeseriesOverlayRef } from '../../../hooks/useTimeseriesOverlayRef.js';\nimport { useTimeseriesSelect } from '../../../hooks/useTimeseriesSelect.js';\nimport { useXScales } from '../../../hooks/useXScale.js';\nimport { TIMESERIES_MESSAGES } from '../../../messages/tooltips-text.js';\nimport { getDatapointsMessage } from '../../../utils/get-datapoints-message.js';\nimport { getDatapointTime } from '../../../utils/timeseries.js';\nimport { DISPLAY_UNITS_LIMIT } from '../constants.js';\n\nexport const TimeseriesSelectionAreaTooltip = () => {\n  const selectState = useSelectState();\n  /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n  const { zoomX } = useChartInteractions();\n  const timeseriesSelect = useTimeseriesSelect();\n  const { currentScale: xScale } = useXScales();\n  const zoomToSelection = useZoomToSelection();\n  const { data, allDatapoints, datapointsMap } = useTimeseriesFilteredData();\n  const { width } = useGridPlotSize();\n  const intl = useIntl();\n  const chartRef = useTimeseriesOverlayRef();\n  const chartBounds = useScrollResponsiveChartBounds(chartRef, true)();\n\n  if (!selectState || !chartBounds) {\n    return null;\n  }\n\n  const selectionStart = selectState.selectionPercentage\n    ? (width * selectState.selectionPercentage[0]) / 100\n    : selectState.start.relative.x;\n  const selectionEnd = selectState.selectionPercentage\n    ? (width * selectState.selectionPercentage[1]) / 100\n    : selectState.end.relative.x;\n\n  const range: [Date, Date] = [\n    xScale.invert(selectionStart),\n    xScale.invert(selectionEnd),\n  ];\n\n  const selectedDatapoints = getSelectedDatapoints(\n    allDatapoints,\n    datapointsMap,\n    range,\n  );\n\n  let totalSeries = 0;\n  let totalDatapoints = 0;\n\n  const [from, to] = range;\n\n  for (const series of data) {\n    let isSeriesPresent = false;\n\n    for (const datapoint of series.datapoints) {\n      const datapointDate = new Date(\n        getDatapointTime(datapoint.start, datapoint.end),\n      );\n      if (isDatapointWithinSelection(datapointDate, from, to)) {\n        totalDatapoints++;\n\n        isSeriesPresent = true;\n      }\n    }\n\n    if (isSeriesPresent) {\n      totalSeries++;\n    }\n  }\n\n  const datapointsMessage = getDatapointsMessage(totalDatapoints, data.length);\n\n  const tooltipPosition = getSelectionTooltipPosition(selectState, chartBounds);\n\n  return (\n    <SelectionTooltipWithAsyncActions\n      actions={() => {\n        const actions = timeseriesSelect?.actions;\n        return (\n          actions &&\n          (async () =>\n            actions(\n              convertToTimeseriesArray(selectedDatapoints),\n              range,\n            ))().then(getCustomContextMenuItems)\n        );\n      }}\n      selectFinished={selectState.finished}\n      header={\n        <ChartTooltip.TimeFrameHeader\n          from={from}\n          to={to}\n          limit={DISPLAY_UNITS_LIMIT}\n          showDuration\n          className={tooltipHeader}\n        />\n      }\n      headerSubtext={intl.formatMessage(datapointsMessage, {\n        count: totalDatapoints,\n        seriesCount: totalSeries,\n      })}\n      position={tooltipPosition}\n      zoomEnabled={!!zoomX?.enabled}\n      range={selectState.selectionPercentage || [0, 0]}\n    >\n      {zoomX?.enabled ? (\n        <ChartTooltip.ActionItem\n          text={intl.formatMessage(TIMESERIES_MESSAGES.zoomToSelection)}\n          icon={<ZoomToSelectionIcon />}\n          onMouseUp={(event) => {\n            event.stopPropagation();\n            zoomToSelection();\n          }}\n          shortcut=\"\u23CE\"\n        />\n      ) : null}\n    </SelectionTooltipWithAsyncActions>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { ZoomToSelectionIcon } from '@dynatrace/strato-icons';\n\nimport { convertToTimeseriesArray } from './utils/convert-to-timeseries-array.js';\nimport { getSelectedDatapoints } from './utils/get-selected-datapoints.js';\nimport { isDatapointWithinSelection } from './utils/is-datapoint-within-selection.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { getCustomContextMenuItems } from '../../../../core/components/interactions-overlay/utils/get-custom-context-menu-items.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { SelectionTooltipWithAsyncActions } from '../../../../core/components/selection-area/SelectionTooltipWithAsyncActions.js';\nimport { getSelectionTooltipPosition } from '../../../../core/components/selection-area/tooltip/get-selection-tooltip-position.js';\nimport { usePointerAndScrollResponsiveChartBounds } from '../../../../core/hooks/usePointerAndScrollResponsiveChartBounds.js';\nimport { useSelectState } from '../../../hooks/store/selectors.js';\nimport { useZoomToSelection } from '../../../hooks/store/state-setters.js';\nimport { useChartInteractions } from '../../../hooks/useChartInteractions.js';\nimport { useTimeseriesFilteredData } from '../../../hooks/useTimeseriesFilteredData.js';\nimport { useTimeseriesOverlayRef } from '../../../hooks/useTimeseriesOverlayRef.js';\nimport { useTimeseriesSelect } from '../../../hooks/useTimeseriesSelect.js';\nimport { useXScales } from '../../../hooks/useXScale.js';\nimport { TIMESERIES_MESSAGES } from '../../../messages/tooltips-text.js';\nimport { getDatapointsMessage } from '../../../utils/get-datapoints-message.js';\nimport { getDatapointTime } from '../../../utils/timeseries.js';\n\nexport const TimeseriesSelectionAreaTooltip = () => {\n  const selectState = useSelectState();\n  /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n  const { zoomX } = useChartInteractions();\n  const timeseriesSelect = useTimeseriesSelect();\n  const { currentScale: xScale } = useXScales();\n  const zoomToSelection = useZoomToSelection();\n  const { data, allDatapoints, datapointsMap } = useTimeseriesFilteredData();\n  const { width } = useGridPlotSize();\n  const intl = useIntl();\n  const chartRef = useTimeseriesOverlayRef();\n  const chartBounds = usePointerAndScrollResponsiveChartBounds(\n    chartRef,\n    true,\n  )();\n\n  if (!selectState || !chartBounds) {\n    return null;\n  }\n\n  const selectionStart = selectState.selectionPercentage\n    ? (width * selectState.selectionPercentage[0]) / 100\n    : selectState.start.relative.x;\n  const selectionEnd = selectState.selectionPercentage\n    ? (width * selectState.selectionPercentage[1]) / 100\n    : selectState.end.relative.x;\n\n  const range: [Date, Date] = [\n    xScale.invert(selectionStart),\n    xScale.invert(selectionEnd),\n  ];\n\n  const selectedDatapoints = getSelectedDatapoints(\n    allDatapoints,\n    datapointsMap,\n    range,\n  );\n\n  let totalSeries = 0;\n  let totalDatapoints = 0;\n\n  const [from, to] = range;\n\n  for (const series of data) {\n    let isSeriesPresent = false;\n\n    for (const datapoint of series.datapoints) {\n      const datapointDate = new Date(\n        getDatapointTime(datapoint.start, datapoint.end),\n      );\n      if (isDatapointWithinSelection(datapointDate, from, to)) {\n        totalDatapoints++;\n\n        isSeriesPresent = true;\n      }\n    }\n\n    if (isSeriesPresent) {\n      totalSeries++;\n    }\n  }\n\n  const datapointsMessage = getDatapointsMessage(totalDatapoints, data.length);\n\n  const tooltipPosition = getSelectionTooltipPosition(selectState, chartBounds);\n\n  return (\n    <SelectionTooltipWithAsyncActions\n      actions={() => {\n        const actions = timeseriesSelect?.actions;\n        return (\n          actions &&\n          (async () =>\n            actions(\n              convertToTimeseriesArray(selectedDatapoints),\n              range,\n            ))().then(getCustomContextMenuItems)\n        );\n      }}\n      selectFinished={selectState.finished}\n      header={\n        <OverlayTooltip.Header\n          header1={[from, to]}\n          showRangeDuration1\n          subheader={intl.formatMessage(datapointsMessage, {\n            count: totalDatapoints,\n            seriesCount: totalSeries,\n          })}\n        />\n      }\n      position={tooltipPosition}\n      zoomEnabled={!!zoomX?.enabled}\n      range={selectState.selectionPercentage || [0, 0]}\n    >\n      {zoomX?.enabled ? (\n        <OverlayTooltip.Action\n          label={intl.formatMessage(TIMESERIES_MESSAGES.zoomToSelection)}\n          icon={<ZoomToSelectionIcon />}\n          onSelect={zoomToSelection}\n          trailingIcon=\"\u23CE\"\n        />\n      ) : null}\n    </SelectionTooltipWithAsyncActions>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-._9p8qi20-3-4-0 {
+._9p8qi20-3-5-0 {
   z-index: 2;
 }
-._9p8qi21-3-4-0 {
+._9p8qi21-3-5-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-4-0 _13lzg4k0-3-4-0";
-var thresholdPlotRange = "_9p8qi21-3-4-0 _13lzg4k0-3-4-0";
+var thresholdPlotLine = "_9p8qi20-3-5-0 _13lzg4k0-3-5-0";
+var thresholdPlotRange = "_9p8qi21-3-5-0 _13lzg4k0-3-5-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-4-0 _13lzg4k0-3-4-0';\nexport var thresholdPlotRange = '_9p8qi21-3-4-0 _13lzg4k0-3-4-0';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './ThresholdIndicators.css';\nexport var thresholdPlotLine = '_9p8qi20-3-5-0 _13lzg4k0-3-5-0';\nexport var thresholdPlotRange = '_9p8qi21-3-5-0 _13lzg4k0-3-5-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.css

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

package/esm/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.sty.js

@@ -1,5 +1,5 @@
 import "./TreeMapOverlay.css";
-var container = "_1iqz50a0-3-4-0";
+var container = "_1iqz50a0-3-5-0";
 export {
   container
 };

package/esm/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.css.ts"],
-  "sourcesContent": ["import './TreeMapOverlay.css';\nexport var container = '_1iqz50a0-3-4-0';"],
+  "sourcesContent": ["import './TreeMapOverlay.css';\nexport var container = '_1iqz50a0-3-5-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/xy-chart/XYChart.js

@@ -91,7 +91,7 @@ const XYChart = forwardRef(
               annotationsAreaHeight
             ),
             ref: chartAndForwardedRef,
-            children: /* @__PURE__ */ jsx(XYChartCustomTooltipContext.Provider, { value: config.customTooltip, children: /* @__PURE__ */ jsx(XYChartSelectConfigContext.Provider, { value: config.select, children: /* @__PURE__ */ jsx(XYChartProviders, { children: /* @__PURE__ */ jsxs(
+            children: /* @__PURE__ */ jsx(XYChartCustomTooltipContext.Provider, { value: config.tooltip, children: /* @__PURE__ */ jsx(XYChartSelectConfigContext.Provider, { value: config.select, children: /* @__PURE__ */ jsx(XYChartProviders, { children: /* @__PURE__ */ jsxs(
               XYChartImperativeHandlerBuilder,
               {
                 chartRef: forwardedRef,

package/esm/charts/xy-chart/XYChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/xy-chart/XYChart.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartImperativeHandlerBuilder } from './builders/XYChartImperativeHandlerBuilder.js';\nimport { XYChartAnnotationsArea } from './components/annotations/XYChartAnnotationsArea.js';\nimport { XYChartAnnotationsIndicators } from './components/annotations/XYChartAnnotationsIndicators.js';\nimport { XYChartBottomAxisArea } from './components/axes/XYChartBottomAxisArea.js';\nimport { XYChartLeftAxisArea } from './components/axes/XYChartLeftAxisArea.js';\nimport { XYChartRightAxisArea } from './components/axes/XYChartRightAxisArea.js';\nimport { XYChartTopAxisArea } from './components/axes/XYChartTopAxisArea.js';\nimport { XYChartGridLayout } from './components/layout/XYChartGridLayout.js';\nimport { XYChartOverlay } from './components/overlay/XYChartOverlay.js';\nimport { XYChartThresholdArea } from './components/thresholds/XYChartThresholdArea.js';\nimport {\n  ANNOTATIONS_PADDING_BOTTOM,\n  XY_CHART_ARIA_LABEL,\n} from './constants/defaults.js';\nimport { XYChartCustomTooltipContext } from './context/XYChartCustomTooltip.context.js';\nimport { XYChartSelectConfigContext } from './context/XYChartSelectConfig.context.js';\nimport { useVisibleAxesConfig } from './hooks/useVisibleAxesConfig.js';\nimport { useXYChartAnnotationsConfig } from './hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from './hooks/useXYChartAnnotationsData.js';\nimport { useXYChartAnnotationsHiddenTracks } from './hooks/useXYChartAnnotationsHiddenTracks.js';\nimport { useXYChartData } from './hooks/useXYChartData.js';\nimport { XYChartAxisBorder } from './layout/XYChartAxisBorder.js';\nimport { XYChartLayout } from './layout/XYChartLayout.js';\nimport { XYChartProviders } from './providers/XYChartProviders.js';\nimport { XYChartConfigProperties } from './types/xy-chart-props.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { getPaddingByAxes } from './utils/get-padding-by-axes.js';\nimport {\n  gridTemplateAreas,\n  gridTemplateColumns,\n  gridTemplateRows,\n} from './utils/grid-templates.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { getAnnotationsVisibleArea } from '../core/components/annotations/utils/get-annotations-visible-area.js';\nimport { ChartGrid } from '../core/components/chart-grid/ChartGridRoot.js';\nimport { useChartLayoutLoading } from '../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useGraphSize } from '../core/components/chart-layout/hooks/useGraphSize.js';\nimport { ChartLoaderOverlay } from '../core/components/chart-loader-overlay/ChartLoaderOverlay.js';\n\ninterface XYChartProps {\n  config: XYChartConfigProperties;\n}\n\nexport const XYChart = forwardRef<XYChartRef, PropsWithChildren<XYChartProps>>(\n  ({ config }, forwardedRef) => {\n    const loading = useChartLayoutLoading();\n    const { width, height } = useGraphSize();\n    const chartRef = useRef<HTMLDivElement>(null);\n    const chartAndForwardedRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n      forwardedRef,\n      chartRef,\n    ]);\n    const { top, bottom, left, right } = useVisibleAxesConfig();\n    const { axesMetadata } = useXYChartData();\n\n    const topAxisMaxSize = top?.tickLabelMaxSize;\n    const bottomAxisMaxSize = bottom?.tickLabelMaxSize;\n    const leftAxisMaxSize = left?.tickLabelMaxSize;\n    const rightAxisMaxSize = right?.tickLabelMaxSize;\n    const paddings = getPaddingByAxes({ top, bottom, left, right });\n    const chartGridHeight = height - paddings.vertical();\n    const chartGridWidth = width - paddings.horizontal();\n\n    const annotationsData = useXYChartAnnotationsData();\n    const annotationsConfig = useXYChartAnnotationsConfig();\n    const tracksQuantity = annotationsData?.size ?? 0;\n    const hiddenTracks = useXYChartAnnotationsHiddenTracks();\n\n    const annotationsVisibleArea = getAnnotationsVisibleArea(\n      tracksQuantity,\n      annotationsConfig?.fixedTracks,\n      hiddenTracks.length,\n    );\n\n    const annotationsAreaHeight =\n      annotationsVisibleArea +\n      (tracksQuantity - hiddenTracks.length > 0\n        ? ANNOTATIONS_PADDING_BOTTOM\n        : 0);\n\n    return (\n      <div\n        className={defaultChartSize}\n        style={{\n          paddingTop: paddings.top,\n          paddingLeft: paddings.left,\n        }}\n        aria-label={XY_CHART_ARIA_LABEL}\n        role=\"img\"\n      >\n        <ChartGrid\n          width={chartGridWidth}\n          height={chartGridHeight}\n          gridTemplateAreas={gridTemplateAreas}\n          gridTemplateColumns={gridTemplateColumns(\n            leftAxisMaxSize,\n            rightAxisMaxSize,\n          )}\n          gridTemplateRows={gridTemplateRows(\n            bottomAxisMaxSize,\n            topAxisMaxSize,\n            annotationsAreaHeight,\n          )}\n          ref={chartAndForwardedRef}\n        >\n          <XYChartCustomTooltipContext.Provider value={config.customTooltip}>\n            <XYChartSelectConfigContext.Provider value={config.select}>\n              <XYChartProviders>\n                <XYChartImperativeHandlerBuilder\n                  chartRef={forwardedRef}\n                  containerRef={chartRef}\n                  config={config}\n                >\n                  <XYChartTopAxisArea />\n                  <XYChartBottomAxisArea />\n                  <XYChartLeftAxisArea />\n                  <XYChartRightAxisArea />\n\n                  {!!tracksQuantity && <XYChartAnnotationsArea />}\n                  <ChartGrid.PlotArea>\n                    <XYChartGridLayout />\n                    <XYChartLayout />\n                    <XYChartAxisBorder />\n                    <XYChartAnnotationsIndicators />\n                    <ChartLoaderOverlay\n                      loading={loading}\n                      zoomEnabled={axesMetadata.isZoomEnabled}\n                    >\n                      <XYChartOverlay />\n                    </ChartLoaderOverlay>\n                  </ChartGrid.PlotArea>\n                  <XYChartThresholdArea />\n                </XYChartImperativeHandlerBuilder>\n              </XYChartProviders>\n            </XYChartSelectConfigContext.Provider>\n          </XYChartCustomTooltipContext.Provider>\n        </ChartGrid>\n      </div>\n    );\n  },\n);\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartImperativeHandlerBuilder } from './builders/XYChartImperativeHandlerBuilder.js';\nimport { XYChartAnnotationsArea } from './components/annotations/XYChartAnnotationsArea.js';\nimport { XYChartAnnotationsIndicators } from './components/annotations/XYChartAnnotationsIndicators.js';\nimport { XYChartBottomAxisArea } from './components/axes/XYChartBottomAxisArea.js';\nimport { XYChartLeftAxisArea } from './components/axes/XYChartLeftAxisArea.js';\nimport { XYChartRightAxisArea } from './components/axes/XYChartRightAxisArea.js';\nimport { XYChartTopAxisArea } from './components/axes/XYChartTopAxisArea.js';\nimport { XYChartGridLayout } from './components/layout/XYChartGridLayout.js';\nimport { XYChartOverlay } from './components/overlay/XYChartOverlay.js';\nimport { XYChartThresholdArea } from './components/thresholds/XYChartThresholdArea.js';\nimport {\n  ANNOTATIONS_PADDING_BOTTOM,\n  XY_CHART_ARIA_LABEL,\n} from './constants/defaults.js';\nimport { XYChartCustomTooltipContext } from './context/XYChartCustomTooltip.context.js';\nimport { XYChartSelectConfigContext } from './context/XYChartSelectConfig.context.js';\nimport { useVisibleAxesConfig } from './hooks/useVisibleAxesConfig.js';\nimport { useXYChartAnnotationsConfig } from './hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from './hooks/useXYChartAnnotationsData.js';\nimport { useXYChartAnnotationsHiddenTracks } from './hooks/useXYChartAnnotationsHiddenTracks.js';\nimport { useXYChartData } from './hooks/useXYChartData.js';\nimport { XYChartAxisBorder } from './layout/XYChartAxisBorder.js';\nimport { XYChartLayout } from './layout/XYChartLayout.js';\nimport { XYChartProviders } from './providers/XYChartProviders.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { getPaddingByAxes } from './utils/get-padding-by-axes.js';\nimport {\n  gridTemplateAreas,\n  gridTemplateColumns,\n  gridTemplateRows,\n} from './utils/grid-templates.js';\nimport type { XYChartConfig } from './utils/xy-chart-configuration.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { getAnnotationsVisibleArea } from '../core/components/annotations/utils/get-annotations-visible-area.js';\nimport { ChartGrid } from '../core/components/chart-grid/ChartGridRoot.js';\nimport { useChartLayoutLoading } from '../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useGraphSize } from '../core/components/chart-layout/hooks/useGraphSize.js';\nimport { ChartLoaderOverlay } from '../core/components/chart-loader-overlay/ChartLoaderOverlay.js';\n\ninterface XYChartProps {\n  config: XYChartConfig;\n}\n\nexport const XYChart = forwardRef<XYChartRef, PropsWithChildren<XYChartProps>>(\n  ({ config }, forwardedRef) => {\n    const loading = useChartLayoutLoading();\n    const { width, height } = useGraphSize();\n    const chartRef = useRef<HTMLDivElement>(null);\n    const chartAndForwardedRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n      forwardedRef,\n      chartRef,\n    ]);\n    const { top, bottom, left, right } = useVisibleAxesConfig();\n    const { axesMetadata } = useXYChartData();\n\n    const topAxisMaxSize = top?.tickLabelMaxSize;\n    const bottomAxisMaxSize = bottom?.tickLabelMaxSize;\n    const leftAxisMaxSize = left?.tickLabelMaxSize;\n    const rightAxisMaxSize = right?.tickLabelMaxSize;\n    const paddings = getPaddingByAxes({ top, bottom, left, right });\n    const chartGridHeight = height - paddings.vertical();\n    const chartGridWidth = width - paddings.horizontal();\n\n    const annotationsData = useXYChartAnnotationsData();\n    const annotationsConfig = useXYChartAnnotationsConfig();\n    const tracksQuantity = annotationsData?.size ?? 0;\n    const hiddenTracks = useXYChartAnnotationsHiddenTracks();\n\n    const annotationsVisibleArea = getAnnotationsVisibleArea(\n      tracksQuantity,\n      annotationsConfig?.fixedTracks,\n      hiddenTracks.length,\n    );\n\n    const annotationsAreaHeight =\n      annotationsVisibleArea +\n      (tracksQuantity - hiddenTracks.length > 0\n        ? ANNOTATIONS_PADDING_BOTTOM\n        : 0);\n\n    return (\n      <div\n        className={defaultChartSize}\n        style={{\n          paddingTop: paddings.top,\n          paddingLeft: paddings.left,\n        }}\n        aria-label={XY_CHART_ARIA_LABEL}\n        role=\"img\"\n      >\n        <ChartGrid\n          width={chartGridWidth}\n          height={chartGridHeight}\n          gridTemplateAreas={gridTemplateAreas}\n          gridTemplateColumns={gridTemplateColumns(\n            leftAxisMaxSize,\n            rightAxisMaxSize,\n          )}\n          gridTemplateRows={gridTemplateRows(\n            bottomAxisMaxSize,\n            topAxisMaxSize,\n            annotationsAreaHeight,\n          )}\n          ref={chartAndForwardedRef}\n        >\n          <XYChartCustomTooltipContext.Provider value={config.tooltip}>\n            <XYChartSelectConfigContext.Provider value={config.select}>\n              <XYChartProviders>\n                <XYChartImperativeHandlerBuilder\n                  chartRef={forwardedRef}\n                  containerRef={chartRef}\n                  config={config}\n                >\n                  <XYChartTopAxisArea />\n                  <XYChartBottomAxisArea />\n                  <XYChartLeftAxisArea />\n                  <XYChartRightAxisArea />\n\n                  {!!tracksQuantity && <XYChartAnnotationsArea />}\n                  <ChartGrid.PlotArea>\n                    <XYChartGridLayout />\n                    <XYChartLayout />\n                    <XYChartAxisBorder />\n                    <XYChartAnnotationsIndicators />\n                    <ChartLoaderOverlay\n                      loading={loading}\n                      zoomEnabled={axesMetadata.isZoomEnabled}\n                    >\n                      <XYChartOverlay />\n                    </ChartLoaderOverlay>\n                  </ChartGrid.PlotArea>\n                  <XYChartThresholdArea />\n                </XYChartImperativeHandlerBuilder>\n              </XYChartProviders>\n            </XYChartSelectConfigContext.Provider>\n          </XYChartCustomTooltipContext.Provider>\n        </ChartGrid>\n      </div>\n    );\n  },\n);\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/XYChartRoot.js

@@ -35,6 +35,7 @@ import { RectSeries } from "./slots/RectSeries.js";
 import { Select } from "./slots/Select.js";
 import { ThresholdIndicator } from "./slots/ThresholdIndicator.js";
 import { Toolbar } from "./slots/Toolbar.js";
+import { XYChartTooltipSlot as Tooltip } from "./slots/Tooltip.js";
 import { XAxis } from "./slots/XAxis.js";
 import { YAxis } from "./slots/YAxis.js";
 import { isEmptyData } from "./utils/is-empty-data.js";
@@ -156,7 +157,10 @@ const XYChart = Object.assign(XYChartRoot, {
   YAxis,
   Legend,
   Toolbar,
+  /** @deprecated Use `XYChart.Tooltip` instead. */
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
   CustomTooltip,
+  Tooltip,
   Intent,
   Select,
   ThresholdIndicator,

package/esm/charts/xy-chart/XYChartRoot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/xy-chart/XYChartRoot.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartLegend } from './components/legend/XYChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { XYChartAxesConfigContext } from './context/axes/XYChartAxesConfig.context.js';\nimport { XYChartAnnotationsConfig } from './context/XYChartAnnotationsConfig.context.js';\nimport { XYChartColorPaletteContext } from './context/XYChartColorPalette.context.js';\nimport { XYChartThresholdsContext } from './context/XYChartThresholds.context.js';\nimport { XYChartToolbarContext } from './context/XYChartToolbar.context.js';\nimport { XYChartTruncationModeContext } from './context/XYChartTruncationMode.context.js';\nimport { useXYChartConfig } from './hooks/useXYChartConfig.js';\nimport { XYChartAnnotationsDataProvider } from './providers/XYChartAnnotationsDataProvider.js';\nimport { XYChartAnnotationsShownIndicatorsProvider } from './providers/XYChartAnnotationsShownIndicatorsProvider.js';\nimport { XYChartColorScalesProvider } from './providers/XYChartColorScalesProvider.js';\nimport { XYChartChartDataProvider } from './providers/XYChartDataProvider.js';\nimport { XYChartDownloadProvider } from './providers/XYChartDownloadProvider.js';\nimport { XYChartIdProvider } from './providers/XYChartIdProvider.js';\nimport { XYChartStoreDomainSync } from './providers/XYChartStoreDomainSync.js';\nimport { XYChartStoreProvider } from './providers/XYChartStoreProvider.js';\nimport { XYChartVisibleAxesProvider } from './providers/XYChartVisibleAxesProvider.js';\nimport { Annotations } from './slots/Annotations/Annotations.js';\nimport { Marker } from './slots/Annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/Annotations/Tooltip.js';\nimport { Track } from './slots/Annotations/Track.js';\nimport { AreaSeries } from './slots/AreaSeries.js';\nimport { BarSeries } from './slots/BarSeries.js';\nimport { CustomTooltip } from './slots/CustomTooltip.js';\nimport { DotSeries } from './slots/DotSeries.js';\nimport { Legend } from './slots/Legend.js';\nimport { LineSeries } from './slots/LineSeries.js';\nimport { RectSeries } from './slots/RectSeries.js';\nimport { Select } from './slots/Select.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport type { XYChartProps } from './types/xy-chart-props.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { isEmptyData } from './utils/is-empty-data.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildInternalConfig } from './utils/xy-chart-configuration.js';\nimport { XYChart as XYChartInternal } from './XYChart.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { OverlayProvider } from '../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    __downloadDataCallback: downloadDataCallback,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const slots = iterateSlots(props.children);\n  const config = useXYChartConfig(props, slots);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n    ref,\n    containerRef,\n  ]);\n\n  const {\n    hidden: legendHidden,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n    position: legendPosition,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n\n  const internalConfig = buildInternalConfig(config, slots);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <XYChartIdProvider>\n      <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n        <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n          <XYChartColorPaletteContext.Provider value={config.colorPalette}>\n            <XYChartDownloadProvider\n              downloadDataCallback={downloadDataCallback}\n            >\n              <XYChartToolbarContext.Provider value={config.toolbar}>\n                <XYChartTruncationModeContext.Provider\n                  value={{ truncationMode: config.truncationMode }}\n                >\n                  <XYChartAnnotationsConfig.Provider value={config.annotations}>\n                    <ColorRuleContext.Provider value={config.colorRules}>\n                      <XYChartStoreProvider>\n                        <XYChartChartDataProvider\n                          data={data}\n                          seriesVariantsProps={internalConfig.series}\n                        >\n                          <XYChartStoreDomainSync>\n                            <XYChartAnnotationsDataProvider>\n                              <XYChartVisibleAxesProvider>\n                                <XYChartColorScalesProvider>\n                                  <XYChartAnnotationsShownIndicatorsProvider>\n                                    <OverlayProvider>\n                                      <TooltipProvider>\n                                        <ChartLayout\n                                          ref={chartLayoutRef}\n                                          chartHeight={chartHeight}\n                                          chartWidth={width}\n                                          className={className}\n                                          emptyState={emptyState}\n                                          errorState={errorState}\n                                          isEmpty={isEmptyData(children, data)}\n                                          showLoader={loading}\n                                          style={style}\n                                          data-dtrum-mask={dataDtrumMask}\n                                          data-dtrum-allow={dataDtrumAllow}\n                                          {...behaviorTrackingProps}\n                                          data-dt-component={\n                                            COMPONENT_NAME_BEHAVIOURAL_TRACKING\n                                          }\n                                        >\n                                          <ChartLayout.Graph>\n                                            <XYChartInternal\n                                              config={config}\n                                              ref={rootRef}\n                                            />\n                                          </ChartLayout.Graph>\n                                          {!legendHidden && (\n                                            <ChartLayout.Legend\n                                              position={legendPosition}\n                                              initialRatio={legendRatio}\n                                              onResize={onRatioChange}\n                                            >\n                                              <XYChartLegend />\n                                            </ChartLayout.Legend>\n                                          )}\n                                        </ChartLayout>\n                                      </TooltipProvider>\n                                    </OverlayProvider>\n                                  </XYChartAnnotationsShownIndicatorsProvider>\n                                </XYChartColorScalesProvider>\n                              </XYChartVisibleAxesProvider>\n                            </XYChartAnnotationsDataProvider>\n                          </XYChartStoreDomainSync>\n                        </XYChartChartDataProvider>\n                      </XYChartStoreProvider>\n                    </ColorRuleContext.Provider>\n                  </XYChartAnnotationsConfig.Provider>\n                </XYChartTruncationModeContext.Provider>\n              </XYChartToolbarContext.Provider>\n            </XYChartDownloadProvider>\n          </XYChartColorPaletteContext.Provider>\n        </XYChartAxesConfigContext.Provider>\n      </XYChartThresholdsContext.Provider>\n    </XYChartIdProvider>\n  );\n});\n\n/**\n * The `XYChart` encompasses various types of charts that utilize both x-axis and\n * y-axis for data representation, designed to visually display and analyze data\n * that involve two numerical variables.\n * @public\n */\nexport const XYChart = Object.assign(XYChartRoot, {\n  Annotations,\n  RectSeries,\n  DotSeries,\n  LineSeries,\n  BarSeries,\n  AreaSeries,\n  XAxis,\n  YAxis,\n  Legend,\n  Toolbar,\n  CustomTooltip,\n  Intent,\n  Select,\n  ThresholdIndicator,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n\n/**\n * XYAnnotations Slots\n * @public\n */\nexport const XYChartAnnotations = {\n  Marker,\n  Track,\n  Tooltip: AnnotationsTooltip,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartLegend } from './components/legend/XYChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { XYChartAxesConfigContext } from './context/axes/XYChartAxesConfig.context.js';\nimport { XYChartAnnotationsConfig } from './context/XYChartAnnotationsConfig.context.js';\nimport { XYChartColorPaletteContext } from './context/XYChartColorPalette.context.js';\nimport { XYChartThresholdsContext } from './context/XYChartThresholds.context.js';\nimport { XYChartToolbarContext } from './context/XYChartToolbar.context.js';\nimport { XYChartTruncationModeContext } from './context/XYChartTruncationMode.context.js';\nimport { useXYChartConfig } from './hooks/useXYChartConfig.js';\nimport { XYChartAnnotationsDataProvider } from './providers/XYChartAnnotationsDataProvider.js';\nimport { XYChartAnnotationsShownIndicatorsProvider } from './providers/XYChartAnnotationsShownIndicatorsProvider.js';\nimport { XYChartColorScalesProvider } from './providers/XYChartColorScalesProvider.js';\nimport { XYChartChartDataProvider } from './providers/XYChartDataProvider.js';\nimport { XYChartDownloadProvider } from './providers/XYChartDownloadProvider.js';\nimport { XYChartIdProvider } from './providers/XYChartIdProvider.js';\nimport { XYChartStoreDomainSync } from './providers/XYChartStoreDomainSync.js';\nimport { XYChartStoreProvider } from './providers/XYChartStoreProvider.js';\nimport { XYChartVisibleAxesProvider } from './providers/XYChartVisibleAxesProvider.js';\nimport { Annotations } from './slots/Annotations/Annotations.js';\nimport { Marker } from './slots/Annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/Annotations/Tooltip.js';\nimport { Track } from './slots/Annotations/Track.js';\nimport { AreaSeries } from './slots/AreaSeries.js';\nimport { BarSeries } from './slots/BarSeries.js';\n// DEPRECATION: [APPDEV-17650] BREAKING-CHANGE: Remove CustomTooltip slot.\nimport { CustomTooltip } from './slots/CustomTooltip.js';\nimport { DotSeries } from './slots/DotSeries.js';\nimport { Legend } from './slots/Legend.js';\nimport { LineSeries } from './slots/LineSeries.js';\nimport { RectSeries } from './slots/RectSeries.js';\nimport { Select } from './slots/Select.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { XYChartTooltipSlot as Tooltip } from './slots/Tooltip.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport type { XYChartProps } from './types/xy-chart-props.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { isEmptyData } from './utils/is-empty-data.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildInternalConfig } from './utils/xy-chart-configuration.js';\nimport { XYChart as XYChartInternal } from './XYChart.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { OverlayProvider } from '../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    __downloadDataCallback: downloadDataCallback,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const slots = iterateSlots(props.children);\n  const config = useXYChartConfig(props, slots);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n    ref,\n    containerRef,\n  ]);\n\n  const {\n    hidden: legendHidden,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n    position: legendPosition,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n\n  const internalConfig = buildInternalConfig(config, slots);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <XYChartIdProvider>\n      <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n        <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n          <XYChartColorPaletteContext.Provider value={config.colorPalette}>\n            <XYChartDownloadProvider\n              downloadDataCallback={downloadDataCallback}\n            >\n              <XYChartToolbarContext.Provider value={config.toolbar}>\n                <XYChartTruncationModeContext.Provider\n                  value={{ truncationMode: config.truncationMode }}\n                >\n                  <XYChartAnnotationsConfig.Provider value={config.annotations}>\n                    <ColorRuleContext.Provider value={config.colorRules}>\n                      <XYChartStoreProvider>\n                        <XYChartChartDataProvider\n                          data={data}\n                          seriesVariantsProps={internalConfig.series}\n                        >\n                          <XYChartStoreDomainSync>\n                            <XYChartAnnotationsDataProvider>\n                              <XYChartVisibleAxesProvider>\n                                <XYChartColorScalesProvider>\n                                  <XYChartAnnotationsShownIndicatorsProvider>\n                                    <OverlayProvider>\n                                      <TooltipProvider>\n                                        <ChartLayout\n                                          ref={chartLayoutRef}\n                                          chartHeight={chartHeight}\n                                          chartWidth={width}\n                                          className={className}\n                                          emptyState={emptyState}\n                                          errorState={errorState}\n                                          isEmpty={isEmptyData(children, data)}\n                                          showLoader={loading}\n                                          style={style}\n                                          data-dtrum-mask={dataDtrumMask}\n                                          data-dtrum-allow={dataDtrumAllow}\n                                          {...behaviorTrackingProps}\n                                          data-dt-component={\n                                            COMPONENT_NAME_BEHAVIOURAL_TRACKING\n                                          }\n                                        >\n                                          <ChartLayout.Graph>\n                                            <XYChartInternal\n                                              config={config}\n                                              ref={rootRef}\n                                            />\n                                          </ChartLayout.Graph>\n                                          {!legendHidden && (\n                                            <ChartLayout.Legend\n                                              position={legendPosition}\n                                              initialRatio={legendRatio}\n                                              onResize={onRatioChange}\n                                            >\n                                              <XYChartLegend />\n                                            </ChartLayout.Legend>\n                                          )}\n                                        </ChartLayout>\n                                      </TooltipProvider>\n                                    </OverlayProvider>\n                                  </XYChartAnnotationsShownIndicatorsProvider>\n                                </XYChartColorScalesProvider>\n                              </XYChartVisibleAxesProvider>\n                            </XYChartAnnotationsDataProvider>\n                          </XYChartStoreDomainSync>\n                        </XYChartChartDataProvider>\n                      </XYChartStoreProvider>\n                    </ColorRuleContext.Provider>\n                  </XYChartAnnotationsConfig.Provider>\n                </XYChartTruncationModeContext.Provider>\n              </XYChartToolbarContext.Provider>\n            </XYChartDownloadProvider>\n          </XYChartColorPaletteContext.Provider>\n        </XYChartAxesConfigContext.Provider>\n      </XYChartThresholdsContext.Provider>\n    </XYChartIdProvider>\n  );\n});\n\n/**\n * The `XYChart` encompasses various types of charts that utilize both x-axis and\n * y-axis for data representation, designed to visually display and analyze data\n * that involve two numerical variables.\n * @public\n */\nexport const XYChart = Object.assign(XYChartRoot, {\n  Annotations,\n  RectSeries,\n  DotSeries,\n  LineSeries,\n  BarSeries,\n  AreaSeries,\n  XAxis,\n  YAxis,\n  Legend,\n  Toolbar,\n  /** @deprecated Use `XYChart.Tooltip` instead. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  CustomTooltip,\n  Tooltip,\n  Intent,\n  Select,\n  ThresholdIndicator,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n\n/**\n * XYAnnotations Slots\n * @public\n */\nexport const XYChartAnnotations = {\n  Marker,\n  Track,\n  Tooltip: AnnotationsTooltip,\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/builders/XYChartImperativeHandlerBuilder.js

@@ -30,10 +30,14 @@ const XYChartImperativeHandlerBuilder = ({
   const resetInteractions = useResetInteractions();
   useImperativeHandle(chartRef, () => ({
     element: containerRef.current,
-    getConfig: () => JSON.stringify({
-      type: ChartType.XYChart,
-      ...config
-    }),
+    getConfig: () => {
+      const { tooltip, ...exportableConfig } = config;
+      return JSON.stringify({
+        type: ChartType.XYChart,
+        ...exportableConfig,
+        tooltip: { hidden: !!tooltip?.hidden }
+      });
+    },
     downloadData: () => {
       buildAndDownloadCsv(
         seriesWithDatapoints,

package/esm/charts/xy-chart/builders/XYChartImperativeHandlerBuilder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/builders/XYChartImperativeHandlerBuilder.tsx"],
-  "sourcesContent": ["import {\n  useImperativeHandle,\n  type PropsWithChildren,\n  type Ref,\n  type RefObject,\n} from 'react';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { INTERACTION_MODE } from '../../core/components/interactions-overlay/types.js';\nimport { useTriggerZoom } from '../../core/components/zoom/hooks/useTriggerZoom.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport { ZOOM_CHANGE_TYPE } from '../../core/types/zoom.js';\nimport { useApplyZoomDelta } from '../components/overlay/hooks/useApplyZoomDelta.js';\nimport { useResetInteractions } from '../components/overlay/hooks/useResetInteractions.js';\nimport { useDownload } from '../hooks/useDownload.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { reduceInteractionMode } from '../store/reduce-interaction-mode.js';\nimport { useSetState, useZoomState } from '../store/selectors.js';\nimport type { XYChartConfigProperties } from '../types/xy-chart-props.js';\nimport type { XYChartRef } from '../types/xy-chart.js';\nimport { buildAndDownloadCsv } from '../utils/build-and-download-csv.js';\n\ninterface XYChartImperativeHandlerBuilderProps {\n  chartRef: Ref<XYChartRef>;\n  containerRef: RefObject<HTMLDivElement | null>;\n  config: XYChartConfigProperties;\n}\n\nexport const XYChartImperativeHandlerBuilder = ({\n  chartRef,\n  containerRef,\n  config,\n  children,\n}: PropsWithChildren<XYChartImperativeHandlerBuilderProps>) => {\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n  const { downloadDataCallback } = useDownload();\n  const setState = useSetState();\n  const { zoomInEnabled, zoomOutEnabled } = useZoomState();\n  const { axesMetadata } = useXYChartData();\n\n  const { width } = useGridPlotSize();\n  const applyZoom = useApplyZoomDelta();\n  const triggerZoom = useTriggerZoom(width, applyZoom);\n\n  const resetInteractions = useResetInteractions();\n\n  useImperativeHandle(chartRef, () => ({\n    element: containerRef.current,\n    getConfig: () =>\n      JSON.stringify({\n        type: ChartType.XYChart,\n        ...config,\n      }),\n    downloadData: () => {\n      buildAndDownloadCsv(\n        seriesWithDatapoints,\n        seriesToMetadata,\n        datapointMetadataMap,\n        downloadDataCallback,\n      );\n    },\n    exploreMode: () => {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    },\n    zoomMode: () => {\n      if (axesMetadata.isZoomEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Zoom));\n      }\n    },\n    panMode: () => {\n      if (zoomOutEnabled && axesMetadata.isPanEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Pan));\n      }\n    },\n    zoomIn: () => {\n      if (zoomInEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomIn);\n      }\n    },\n    zoomOut: () => {\n      if (zoomOutEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomOut);\n      }\n    },\n    reset: () => {\n      resetInteractions();\n    },\n  }));\n\n  return children;\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AAEP,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,aAAa,oBAAoB;AAG1C,SAAS,2BAA2B;AAQ7B,MAAM,kCAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+D;AAC7D,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AACjB,QAAM,EAAE,qBAAqB,IAAI,YAAY;AAC7C,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,eAAe,eAAe,IAAI,aAAa;AACvD,QAAM,EAAE,aAAa,IAAI,eAAe;AAExC,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,YAAY,kBAAkB;AACpC,QAAM,cAAc,eAAe,OAAO,SAAS;AAEnD,QAAM,oBAAoB,qBAAqB;AAE/C,sBAAoB,UAAU,OAAO;AAAA,IACnC,SAAS,aAAa;AAAA,IACtB,WAAW,MACT,KAAK,UAAU;AAAA,MACb,MAAM,UAAU;AAAA,MAChB,GAAG;AAAA,IACL,CAAC;AAAA,IACH,cAAc,MAAM;AAClB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa,MAAM;AACjB,eAAS,sBAAsB,iBAAiB,OAAO,CAAC;AAAA,IAC1D;AAAA,IACA,UAAU,MAAM;AACd,UAAI,aAAa,eAAe;AAC9B,iBAAS,sBAAsB,iBAAiB,IAAI,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,kBAAkB,aAAa,cAAc;AAC/C,iBAAS,sBAAsB,iBAAiB,GAAG,CAAC;AAAA,MACtD;AAAA,IACF;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,eAAe;AACjB,oBAAY,iBAAiB,MAAM;AAAA,MACrC;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,gBAAgB;AAClB,oBAAY,iBAAiB,OAAO;AAAA,MACtC;AAAA,IACF;AAAA,IACA,OAAO,MAAM;AACX,wBAAkB;AAAA,IACpB;AAAA,EACF,EAAE;AAEF,SAAO;AACT;",
+  "sourcesContent": ["import {\n  useImperativeHandle,\n  type PropsWithChildren,\n  type Ref,\n  type RefObject,\n} from 'react';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { INTERACTION_MODE } from '../../core/components/interactions-overlay/types.js';\nimport { useTriggerZoom } from '../../core/components/zoom/hooks/useTriggerZoom.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport { ZOOM_CHANGE_TYPE } from '../../core/types/zoom.js';\nimport { useApplyZoomDelta } from '../components/overlay/hooks/useApplyZoomDelta.js';\nimport { useResetInteractions } from '../components/overlay/hooks/useResetInteractions.js';\nimport { useDownload } from '../hooks/useDownload.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { reduceInteractionMode } from '../store/reduce-interaction-mode.js';\nimport { useSetState, useZoomState } from '../store/selectors.js';\nimport type { XYChartRef } from '../types/xy-chart.js';\nimport { buildAndDownloadCsv } from '../utils/build-and-download-csv.js';\nimport type { XYChartConfig } from '../utils/xy-chart-configuration.js';\n\ninterface XYChartImperativeHandlerBuilderProps {\n  chartRef: Ref<XYChartRef>;\n  containerRef: RefObject<HTMLDivElement | null>;\n  config: XYChartConfig;\n}\n\nexport const XYChartImperativeHandlerBuilder = ({\n  chartRef,\n  containerRef,\n  config,\n  children,\n}: PropsWithChildren<XYChartImperativeHandlerBuilderProps>) => {\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n  const { downloadDataCallback } = useDownload();\n  const setState = useSetState();\n  const { zoomInEnabled, zoomOutEnabled } = useZoomState();\n  const { axesMetadata } = useXYChartData();\n\n  const { width } = useGridPlotSize();\n  const applyZoom = useApplyZoomDelta();\n  const triggerZoom = useTriggerZoom(width, applyZoom);\n\n  const resetInteractions = useResetInteractions();\n\n  useImperativeHandle(chartRef, () => ({\n    element: containerRef.current,\n    getConfig: () => {\n      const { tooltip, ...exportableConfig } = config;\n      return JSON.stringify({\n        type: ChartType.XYChart,\n        ...exportableConfig,\n        tooltip: { hidden: !!tooltip?.hidden },\n      });\n    },\n    downloadData: () => {\n      buildAndDownloadCsv(\n        seriesWithDatapoints,\n        seriesToMetadata,\n        datapointMetadataMap,\n        downloadDataCallback,\n      );\n    },\n    exploreMode: () => {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    },\n    zoomMode: () => {\n      if (axesMetadata.isZoomEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Zoom));\n      }\n    },\n    panMode: () => {\n      if (zoomOutEnabled && axesMetadata.isPanEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Pan));\n      }\n    },\n    zoomIn: () => {\n      if (zoomInEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomIn);\n      }\n    },\n    zoomOut: () => {\n      if (zoomOutEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomOut);\n      }\n    },\n    reset: () => {\n      resetInteractions();\n    },\n  }));\n\n  return children;\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AAEP,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,aAAa,oBAAoB;AAE1C,SAAS,2BAA2B;AAS7B,MAAM,kCAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+D;AAC7D,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AACjB,QAAM,EAAE,qBAAqB,IAAI,YAAY;AAC7C,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,eAAe,eAAe,IAAI,aAAa;AACvD,QAAM,EAAE,aAAa,IAAI,eAAe;AAExC,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,YAAY,kBAAkB;AACpC,QAAM,cAAc,eAAe,OAAO,SAAS;AAEnD,QAAM,oBAAoB,qBAAqB;AAE/C,sBAAoB,UAAU,OAAO;AAAA,IACnC,SAAS,aAAa;AAAA,IACtB,WAAW,MAAM;AACf,YAAM,EAAE,SAAS,GAAG,iBAAiB,IAAI;AACzC,aAAO,KAAK,UAAU;AAAA,QACpB,MAAM,UAAU;AAAA,QAChB,GAAG;AAAA,QACH,SAAS,EAAE,QAAQ,CAAC,CAAC,SAAS,OAAO;AAAA,MACvC,CAAC;AAAA,IACH;AAAA,IACA,cAAc,MAAM;AAClB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa,MAAM;AACjB,eAAS,sBAAsB,iBAAiB,OAAO,CAAC;AAAA,IAC1D;AAAA,IACA,UAAU,MAAM;AACd,UAAI,aAAa,eAAe;AAC9B,iBAAS,sBAAsB,iBAAiB,IAAI,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,kBAAkB,aAAa,cAAc;AAC/C,iBAAS,sBAAsB,iBAAiB,GAAG,CAAC;AAAA,MACtD;AAAA,IACF;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,eAAe;AACjB,oBAAY,iBAAiB,MAAM;AAAA,MACrC;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,gBAAgB;AAClB,oBAAY,iBAAiB,OAAO;AAAA,MACtC;AAAA,IACF;AAAA,IACA,OAAO,MAAM;AACX,wBAAkB;AAAA,IACpB;AAAA,EACF,EAAE;AAEF,SAAO;AACT;",
   "names": []
 }

package/esm/charts/xy-chart/components/annotations/XYChartAnnotationsArea.js

@@ -4,7 +4,10 @@ import { useBehavioralTrackingProps } from "../../../../core/hooks/useBehavioral
 import { AnnotationsNumericalDisplay } from "../../../core/components/annotations/components/displays/AnnotationsNumericalDisplay.js";
 import { AnnotationsTimeDisplay } from "../../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js";
 import { AnnotationsScrollWrapper } from "../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js";
-import { SCROLLBAR_THRESHOLD } from "../../../core/components/annotations/constants.js";
+import {
+  DEFAULT_INTEGRATION_TEXT_OVERFLOW,
+  SCROLLBAR_THRESHOLD
+} from "../../../core/components/annotations/constants.js";
 import { ChartGrid } from "../../../core/components/chart-grid/ChartGridRoot.js";
 import { useGridPlotSize } from "../../../core/components/chart-grid/hooks/useGridPlotSize.js";
 import { ANNOTATIONS_PADDING_BOTTOM } from "../../constants/defaults.js";
@@ -63,7 +66,7 @@ const XYChartAnnotationsArea = () => {
           labelsOffset,
           width: availableWidth,
           markerGroupHover: handleUpdateIndicators,
-          textOverflow: "truncate",
+          textOverflow: DEFAULT_INTEGRATION_TEXT_OVERFLOW,
           truncateMode: "middle",
           tooltipConfig: annotationsConfig.tooltip,
           ...behaviorTrackingProps

package/esm/charts/xy-chart/components/annotations/XYChartAnnotationsArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/annotations/XYChartAnnotationsArea.tsx"],
-  "sourcesContent": ["import { ScaleLinear } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\n\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AnnotationsNumericalDisplay } from '../../../core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsTimeDisplay } from '../../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport { SCROLLBAR_THRESHOLD } from '../../../core/components/annotations/constants.js';\nimport { 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 type { DateScales } from '../../../core/types/scales.js';\nimport { ANNOTATIONS_PADDING_BOTTOM } from '../../constants/defaults.js';\nimport { useXYChartAnnotationsConfig } from '../../hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from '../../hooks/useXYChartAnnotationsData.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { useSetState } from '../../store/selectors.js';\nimport { isTimeScale } from '../../types/guards.js';\nimport { getCurrentScale } from '../../utils/get-scale.js';\nimport { AREAS } from '../../utils/grid-templates.js';\n\nexport const XYChartAnnotationsArea = () => {\n  const scales = useXYChartScales();\n  const annotationsConfig = useXYChartAnnotationsConfig();\n  const annotationsData = useXYChartAnnotationsData();\n  const setState = useSetState();\n  const { width } = useGridPlotSize();\n  /* Using axes from data provider instead of config ones as some axes might disappear when filtering\n   * This could leave the annotations space empty and this expected to avoid suddenly moving areas around.\n   */\n  const { axes } = useXYChartData();\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(\n    annotationsConfig ?? {},\n  );\n\n  const handleUpdateIndicators = (event: Partial<SelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      annotations: {\n        ...prev.annotations,\n        ...event,\n      },\n    }));\n  };\n\n  if (isUndefined(annotationsConfig) || isUndefined(annotationsData)) {\n    return null;\n  }\n\n  const { xAxisId, showLabels = false, annotationsActions } = annotationsConfig;\n  const axis = axes.find(({ id }) => id === xAxisId);\n\n  if (axis === undefined) {\n    return null;\n  }\n\n  const scale = getCurrentScale(scales, xAxisId) as ScaleLinear<\n    number,\n    number\n  > &\n    DateScales;\n\n  const trackNames = Array.from(annotationsData.keys());\n\n  const serializedAnnotationsData = trackNames\n    .map((name) => annotationsData.get(name))\n    .filter((track) => !isUndefined(track));\n\n  const DisplayComponent = isTimeScale({\n    axisType: axis.type,\n    axisScale: scale,\n  })\n    ? AnnotationsTimeDisplay\n    : AnnotationsNumericalDisplay;\n\n  return (\n    <ChartGrid.GridArea\n      paddingBottom={ANNOTATIONS_PADDING_BOTTOM}\n      gridArea={AREAS.annotations}\n    >\n      {({ availableWidth, availableHeight }) => {\n        const labelsOffset = availableWidth - width;\n        const annotationsCommonConfig = {\n          tracks: serializedAnnotationsData,\n          showLabels,\n          labelsOffset,\n          width: availableWidth,\n          markerGroupHover: handleUpdateIndicators,\n          textOverflow: 'truncate' as const,\n          truncateMode: 'middle' as const,\n          tooltipConfig: annotationsConfig.tooltip,\n          ...behaviorTrackingProps,\n        };\n\n        return (\n          <AnnotationsScrollWrapper\n            height={availableHeight}\n            width={availableWidth + SCROLLBAR_THRESHOLD}\n          >\n            <DisplayComponent\n              scale={scale}\n              annotationsActions={(\n                annotation: AnnotationsActionsPayload | undefined,\n              ) => annotation && annotationsActions?.(annotation)}\n              {...annotationsCommonConfig}\n            />\n          </AnnotationsScrollWrapper>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n};\n"],
-  "mappings": "AAqGY;AApGZ,SAAS,mBAAmB;AAE5B,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AAGpC,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEf,MAAM,yBAAyB,MAAM;AAC1C,QAAM,SAAS,iBAAiB;AAChC,QAAM,oBAAoB,4BAA4B;AACtD,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAIlC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,CAAC,qBAAqB,IAAI;AAAA,IAC9B,qBAAqB,CAAC;AAAA,EACxB;AAEA,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,MAAI,YAAY,iBAAiB,KAAK,YAAY,eAAe,GAAG;AAClE,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,SAAS,aAAa,OAAO,mBAAmB,IAAI;AAC5D,QAAM,OAAO,KAAK,KAAK,CAAC,EAAE,GAAG,MAAM,OAAO,OAAO;AAEjD,MAAI,SAAS,QAAW;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,gBAAgB,QAAQ,OAAO;AAM7C,QAAM,aAAa,MAAM,KAAK,gBAAgB,KAAK,CAAC;AAEpD,QAAM,4BAA4B,WAC/B,IAAI,CAAC,SAAS,gBAAgB,IAAI,IAAI,CAAC,EACvC,OAAO,CAAC,UAAU,CAAC,YAAY,KAAK,CAAC;AAExC,QAAM,mBAAmB,YAAY;AAAA,IACnC,UAAU,KAAK;AAAA,IACf,WAAW;AAAA,EACb,CAAC,IACG,yBACA;AAEJ,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,eAAe;AAAA,MACf,UAAU,MAAM;AAAA,MAEf,WAAC,EAAE,gBAAgB,gBAAgB,MAAM;AACxC,cAAM,eAAe,iBAAiB;AACtC,cAAM,0BAA0B;AAAA,UAC9B,QAAQ;AAAA,UACR;AAAA,UACA;AAAA,UACA,OAAO;AAAA,UACP,kBAAkB;AAAA,UAClB,cAAc;AAAA,UACd,cAAc;AAAA,UACd,eAAe,kBAAkB;AAAA,UACjC,GAAG;AAAA,QACL;AAEA,eACE;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,YACR,OAAO,iBAAiB;AAAA,YAExB;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,oBAAoB,CAClB,eACG,cAAc,qBAAqB,UAAU;AAAA,gBACjD,GAAG;AAAA;AAAA,YACN;AAAA;AAAA,QACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import { ScaleLinear } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\n\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AnnotationsNumericalDisplay } from '../../../core/components/annotations/components/displays/AnnotationsNumericalDisplay.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  SCROLLBAR_THRESHOLD,\n} from '../../../core/components/annotations/constants.js';\nimport { AnnotationsActionsPayload } from '../../../core/components/annotations/types/annotations.js';\nimport type { TextOverflowOptions } from '../../../core/components/annotations/types/marker.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 type { DateScales } from '../../../core/types/scales.js';\nimport { ANNOTATIONS_PADDING_BOTTOM } from '../../constants/defaults.js';\nimport { useXYChartAnnotationsConfig } from '../../hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from '../../hooks/useXYChartAnnotationsData.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { useSetState } from '../../store/selectors.js';\nimport { isTimeScale } from '../../types/guards.js';\nimport { getCurrentScale } from '../../utils/get-scale.js';\nimport { AREAS } from '../../utils/grid-templates.js';\n\nexport const XYChartAnnotationsArea = () => {\n  const scales = useXYChartScales();\n  const annotationsConfig = useXYChartAnnotationsConfig();\n  const annotationsData = useXYChartAnnotationsData();\n  const setState = useSetState();\n  const { width } = useGridPlotSize();\n  /* Using axes from data provider instead of config ones as some axes might disappear when filtering\n   * This could leave the annotations space empty and this expected to avoid suddenly moving areas around.\n   */\n  const { axes } = useXYChartData();\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(\n    annotationsConfig ?? {},\n  );\n\n  const handleUpdateIndicators = (event: Partial<SelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      annotations: {\n        ...prev.annotations,\n        ...event,\n      },\n    }));\n  };\n\n  if (isUndefined(annotationsConfig) || isUndefined(annotationsData)) {\n    return null;\n  }\n\n  const { xAxisId, showLabels = false, annotationsActions } = annotationsConfig;\n  const axis = axes.find(({ id }) => id === xAxisId);\n\n  if (axis === undefined) {\n    return null;\n  }\n\n  const scale = getCurrentScale(scales, xAxisId) as ScaleLinear<\n    number,\n    number\n  > &\n    DateScales;\n\n  const trackNames = Array.from(annotationsData.keys());\n\n  const serializedAnnotationsData = trackNames\n    .map((name) => annotationsData.get(name))\n    .filter((track) => !isUndefined(track));\n\n  const DisplayComponent = isTimeScale({\n    axisType: axis.type,\n    axisScale: scale,\n  })\n    ? AnnotationsTimeDisplay\n    : AnnotationsNumericalDisplay;\n\n  return (\n    <ChartGrid.GridArea\n      paddingBottom={ANNOTATIONS_PADDING_BOTTOM}\n      gridArea={AREAS.annotations}\n    >\n      {({ availableWidth, availableHeight }) => {\n        const labelsOffset = availableWidth - width;\n        const annotationsCommonConfig = {\n          tracks: serializedAnnotationsData,\n          showLabels,\n          labelsOffset,\n          width: availableWidth,\n          markerGroupHover: handleUpdateIndicators,\n          textOverflow:\n            DEFAULT_INTEGRATION_TEXT_OVERFLOW as TextOverflowOptions,\n          truncateMode: 'middle' as const,\n          tooltipConfig: annotationsConfig.tooltip,\n          ...behaviorTrackingProps,\n        };\n\n        return (\n          <AnnotationsScrollWrapper\n            height={availableHeight}\n            width={availableWidth + SCROLLBAR_THRESHOLD}\n          >\n            <DisplayComponent\n              scale={scale}\n              annotationsActions={(\n                annotation: AnnotationsActionsPayload | undefined,\n              ) => annotation && annotationsActions?.(annotation)}\n              {...annotationsCommonConfig}\n            />\n          </AnnotationsScrollWrapper>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n};\n"],
+  "mappings": "AA0GY;AAzGZ,SAAS,mBAAmB;AAE5B,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAIP,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEf,MAAM,yBAAyB,MAAM;AAC1C,QAAM,SAAS,iBAAiB;AAChC,QAAM,oBAAoB,4BAA4B;AACtD,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAIlC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,CAAC,qBAAqB,IAAI;AAAA,IAC9B,qBAAqB,CAAC;AAAA,EACxB;AAEA,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,MAAI,YAAY,iBAAiB,KAAK,YAAY,eAAe,GAAG;AAClE,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,SAAS,aAAa,OAAO,mBAAmB,IAAI;AAC5D,QAAM,OAAO,KAAK,KAAK,CAAC,EAAE,GAAG,MAAM,OAAO,OAAO;AAEjD,MAAI,SAAS,QAAW;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,gBAAgB,QAAQ,OAAO;AAM7C,QAAM,aAAa,MAAM,KAAK,gBAAgB,KAAK,CAAC;AAEpD,QAAM,4BAA4B,WAC/B,IAAI,CAAC,SAAS,gBAAgB,IAAI,IAAI,CAAC,EACvC,OAAO,CAAC,UAAU,CAAC,YAAY,KAAK,CAAC;AAExC,QAAM,mBAAmB,YAAY;AAAA,IACnC,UAAU,KAAK;AAAA,IACf,WAAW;AAAA,EACb,CAAC,IACG,yBACA;AAEJ,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,eAAe;AAAA,MACf,UAAU,MAAM;AAAA,MAEf,WAAC,EAAE,gBAAgB,gBAAgB,MAAM;AACxC,cAAM,eAAe,iBAAiB;AACtC,cAAM,0BAA0B;AAAA,UAC9B,QAAQ;AAAA,UACR;AAAA,UACA;AAAA,UACA,OAAO;AAAA,UACP,kBAAkB;AAAA,UAClB,cACE;AAAA,UACF,cAAc;AAAA,UACd,eAAe,kBAAkB;AAAA,UACjC,GAAG;AAAA,QACL;AAEA,eACE;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,YACR,OAAO,iBAAiB;AAAA,YAExB;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,oBAAoB,CAClB,eACG,cAAc,qBAAqB,UAAU;AAAA,gBACjD,GAAG;AAAA;AAAA,YACN;AAAA;AAAA,QACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/components/annotations/utils/get-indicators-from-annotations.js

@@ -4,7 +4,6 @@ import {
   isAlwaysShown
 } from "../../../../core/components/annotations/components/indicators/utils/indicator-visibility-helpers.js";
 import { DEFAULT_MARKER_COLOR } from "../../../../core/components/annotations/constants.js";
-import { initialSelectionState } from "../../../../core/components/annotations/providers/AnnotationsDataInitialState.js";
 import { getMinMaxAsNumber } from "../../../../core/components/annotations/utils/get-min-max-as-number.js";
 import { populateMissingMarkerProps } from "../../../../core/components/annotations/utils/populate-missing-marker-props.js";
 import { populateMissingTrackProps } from "../../../../core/components/annotations/utils/populate-missing-track-props.js";
@@ -44,7 +43,7 @@ const serializeAnnotationsTrackFromXYChartData = (data, trackConfig) => {
     markers: []
   };
 };
-const getIndicatorsFromAnnotations = (data, tracksConfig, markersConfig) => {
+const getIndicatorsFromAnnotations = (data, tracksConfig, markersConfig, selection) => {
   const alwaysVisible = [];
   const selectable = /* @__PURE__ */ new Map();
   const trackIdTroughAccesor = tracksConfig.trackIdAccessor;
@@ -90,7 +89,7 @@ const getIndicatorsFromAnnotations = (data, tracksConfig, markersConfig) => {
         const color = markerColor ?? trackColor ?? DEFAULT_MARKER_COLOR;
         const indicator = buildIndicator(
           color,
-          initialSelectionState,
+          selection,
           markerId,
           markerStart,
           markerEnd,

package/esm/charts/xy-chart/components/annotations/utils/get-indicators-from-annotations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/annotations/utils/get-indicators-from-annotations.ts"],
-  "sourcesContent": ["import {\n  AnnotationsIntegrationMarkerConfig,\n  AnnotationsIntegrationTrackConfig,\n  IndicatorData,\n} from '../../../../core/components/annotations/components/indicators/types.js';\nimport {\n  buildIndicator,\n  isAlwaysHidden,\n  isAlwaysShown,\n} from '../../../../core/components/annotations/components/indicators/utils/indicator-visibility-helpers.js';\nimport { DEFAULT_MARKER_COLOR } from '../../../../core/components/annotations/constants.js';\nimport { initialSelectionState } from '../../../../core/components/annotations/providers/AnnotationsDataInitialState.js';\nimport { AnnotationsTrackConfig } from '../../../../core/components/annotations/types/annotations-track-props.js';\nimport { getMinMaxAsNumber } from '../../../../core/components/annotations/utils/get-min-max-as-number.js';\nimport { populateMissingMarkerProps } from '../../../../core/components/annotations/utils/populate-missing-marker-props.js';\nimport { populateMissingTrackProps } from '../../../../core/components/annotations/utils/populate-missing-track-props.js';\nimport { serializeMarkerRange } from '../../../../core/components/annotations/utils/serialize-marker-range.js';\nimport { getDatumValue } from '../../../processing-strategies/utils/access-datapoint/get-datapoints.js';\nimport { XYChartAnnotationsMarkerProps } from '../../../slots/Annotations/Marker.js';\nimport { XYChartAnnotationsTrackProps } from '../../../slots/Annotations/Track.js';\nimport { XYChartData } from '../../../types/xy-chart.js';\nimport { evaluateOptionalAttribute } from '../../../utils/evaluate-with-data.js';\n\nconst serializeAnnotationsMarkerFromXYChartData = (\n  data: XYChartData,\n  markerConfig: XYChartAnnotationsMarkerProps,\n): AnnotationsIntegrationMarkerConfig => {\n  const response = {\n    ...data,\n    start: getDatumValue(data, markerConfig.startAccessor),\n    end: getDatumValue(data, markerConfig.endAccessor),\n    symbol: evaluateOptionalAttribute(markerConfig.symbol, data, undefined),\n    hidden: evaluateOptionalAttribute(markerConfig.hidden, data, false),\n    priority: evaluateOptionalAttribute(markerConfig.priority, data, 0),\n    color: markerConfig.colorAccessor\n      ? (getDatumValue(data, markerConfig.colorAccessor) as string)\n      : undefined,\n    title: markerConfig.titleAccessor\n      ? (getDatumValue(data, markerConfig.titleAccessor) as string)\n      : undefined,\n    description: markerConfig.descriptionAccessor\n      ? (getDatumValue(data, markerConfig.descriptionAccessor) as string)\n      : undefined,\n    indicatorsDisplay: evaluateOptionalAttribute(\n      markerConfig.indicatorsDisplay,\n      data,\n      undefined,\n    ),\n  };\n\n  return response as AnnotationsIntegrationMarkerConfig;\n};\n\nconst serializeAnnotationsTrackFromXYChartData = (\n  data: XYChartData,\n  trackConfig: XYChartAnnotationsTrackProps,\n): AnnotationsIntegrationTrackConfig => {\n  return {\n    hidden: evaluateOptionalAttribute(trackConfig.hidden, data, false),\n    symbol: evaluateOptionalAttribute(trackConfig.symbol, data, undefined),\n    color: trackConfig.colorAccessor\n      ? (getDatumValue(data, trackConfig.colorAccessor) as string)\n      : undefined,\n    label: trackConfig.labelAccessor\n      ? (getDatumValue(data, trackConfig.labelAccessor) as string)\n      : undefined,\n    indicatorsDisplay: evaluateOptionalAttribute(\n      trackConfig.indicatorsDisplay,\n      data,\n      'auto',\n    ),\n    markers: [],\n  };\n};\n\nexport const getIndicatorsFromAnnotations = (\n  data: XYChartData[],\n  tracksConfig: XYChartAnnotationsTrackProps,\n  markersConfig: XYChartAnnotationsMarkerProps,\n) => {\n  const alwaysVisible: IndicatorData[] = [];\n  const selectable: Map<string, IndicatorData> = new Map();\n  const trackIdTroughAccesor = tracksConfig.trackIdAccessor;\n  const hiddenTracks = new Set<string>();\n  const annotationsByTrack: Map<string, AnnotationsTrackConfig> = data.reduce(\n    (trackMap, datum) => {\n      const trackId = getDatumValue(datum, trackIdTroughAccesor) as string;\n      const annotationsTrack: AnnotationsIntegrationTrackConfig = trackMap.has(\n        trackId,\n      )\n        ? trackMap.get(trackId)\n        : populateMissingTrackProps(\n            serializeAnnotationsTrackFromXYChartData(datum, tracksConfig),\n          );\n      if (annotationsTrack?.hidden) {\n        hiddenTracks.add(trackId);\n      }\n\n      const marker = serializeAnnotationsMarkerFromXYChartData(\n        datum,\n        markersConfig,\n      );\n\n      const populatedMarker: AnnotationsIntegrationMarkerConfig =\n        populateMissingMarkerProps(marker, annotationsTrack);\n\n      annotationsTrack.markers.push(populatedMarker);\n      trackMap.set(trackId, annotationsTrack);\n\n      const { color: trackColor, indicatorsDisplay: trackIndicatorDisplay } =\n        annotationsTrack;\n      const {\n        color: markerColor,\n        start: markerStartRaw,\n        end: markerEndRaw,\n        indicatorsDisplay: markerIndicatorDisplay,\n        priority,\n      } = populatedMarker;\n\n      const { min: markerStart, max: markerEnd } = getMinMaxAsNumber(\n        markerStartRaw,\n        markerEndRaw,\n      );\n\n      if (!isAlwaysHidden(markerIndicatorDisplay, trackIndicatorDisplay)) {\n        const trackIndex = Array.from(trackMap.keys()).findIndex(\n          (name) => name === trackId,\n        );\n        const markerId = serializeMarkerRange(\n          { ...populatedMarker, start: markerStart, end: markerEnd },\n          trackIndex,\n        );\n        const color = markerColor ?? trackColor ?? DEFAULT_MARKER_COLOR;\n        const indicator = buildIndicator(\n          color,\n          initialSelectionState,\n          markerId,\n          markerStart,\n          markerEnd,\n          priority,\n        );\n\n        if (isAlwaysShown(markerIndicatorDisplay, trackIndicatorDisplay)) {\n          alwaysVisible.push(indicator);\n        } else {\n          selectable.set(markerId, indicator);\n        }\n      }\n      return trackMap;\n    },\n    new Map(),\n  );\n  return {\n    indicators: { alwaysVisible, selectable },\n    annotationsByTrack,\n    hiddenTracks,\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  AnnotationsIntegrationMarkerConfig,\n  AnnotationsIntegrationTrackConfig,\n  IndicatorData,\n} from '../../../../core/components/annotations/components/indicators/types.js';\nimport {\n  buildIndicator,\n  isAlwaysHidden,\n  isAlwaysShown,\n} from '../../../../core/components/annotations/components/indicators/utils/indicator-visibility-helpers.js';\nimport { DEFAULT_MARKER_COLOR } from '../../../../core/components/annotations/constants.js';\nimport { AnnotationsTrackConfig } from '../../../../core/components/annotations/types/annotations-track-props.js';\nimport { SelectionState } from '../../../../core/components/annotations/types/state.js';\nimport { getMinMaxAsNumber } from '../../../../core/components/annotations/utils/get-min-max-as-number.js';\nimport { populateMissingMarkerProps } from '../../../../core/components/annotations/utils/populate-missing-marker-props.js';\nimport { populateMissingTrackProps } from '../../../../core/components/annotations/utils/populate-missing-track-props.js';\nimport { serializeMarkerRange } from '../../../../core/components/annotations/utils/serialize-marker-range.js';\nimport { getDatumValue } from '../../../processing-strategies/utils/access-datapoint/get-datapoints.js';\nimport { XYChartAnnotationsMarkerProps } from '../../../slots/Annotations/Marker.js';\nimport { XYChartAnnotationsTrackProps } from '../../../slots/Annotations/Track.js';\nimport { XYChartData } from '../../../types/xy-chart.js';\nimport { evaluateOptionalAttribute } from '../../../utils/evaluate-with-data.js';\n\nconst serializeAnnotationsMarkerFromXYChartData = (\n  data: XYChartData,\n  markerConfig: XYChartAnnotationsMarkerProps,\n): AnnotationsIntegrationMarkerConfig => {\n  const response = {\n    ...data,\n    start: getDatumValue(data, markerConfig.startAccessor),\n    end: getDatumValue(data, markerConfig.endAccessor),\n    symbol: evaluateOptionalAttribute(markerConfig.symbol, data, undefined),\n    hidden: evaluateOptionalAttribute(markerConfig.hidden, data, false),\n    priority: evaluateOptionalAttribute(markerConfig.priority, data, 0),\n    color: markerConfig.colorAccessor\n      ? (getDatumValue(data, markerConfig.colorAccessor) as string)\n      : undefined,\n    title: markerConfig.titleAccessor\n      ? (getDatumValue(data, markerConfig.titleAccessor) as string)\n      : undefined,\n    description: markerConfig.descriptionAccessor\n      ? (getDatumValue(data, markerConfig.descriptionAccessor) as string)\n      : undefined,\n    indicatorsDisplay: evaluateOptionalAttribute(\n      markerConfig.indicatorsDisplay,\n      data,\n      undefined,\n    ),\n  };\n\n  return response as AnnotationsIntegrationMarkerConfig;\n};\n\nconst serializeAnnotationsTrackFromXYChartData = (\n  data: XYChartData,\n  trackConfig: XYChartAnnotationsTrackProps,\n): AnnotationsIntegrationTrackConfig => {\n  return {\n    hidden: evaluateOptionalAttribute(trackConfig.hidden, data, false),\n    symbol: evaluateOptionalAttribute(trackConfig.symbol, data, undefined),\n    color: trackConfig.colorAccessor\n      ? (getDatumValue(data, trackConfig.colorAccessor) as string)\n      : undefined,\n    label: trackConfig.labelAccessor\n      ? (getDatumValue(data, trackConfig.labelAccessor) as string)\n      : undefined,\n    indicatorsDisplay: evaluateOptionalAttribute(\n      trackConfig.indicatorsDisplay,\n      data,\n      'auto',\n    ),\n    markers: [],\n  };\n};\n\nexport const getIndicatorsFromAnnotations = (\n  data: XYChartData[],\n  tracksConfig: XYChartAnnotationsTrackProps,\n  markersConfig: XYChartAnnotationsMarkerProps,\n  selection: SelectionState,\n) => {\n  const alwaysVisible: IndicatorData[] = [];\n  const selectable: Map<string, IndicatorData> = new Map();\n  const trackIdTroughAccesor = tracksConfig.trackIdAccessor;\n  const hiddenTracks = new Set<string>();\n  const annotationsByTrack: Map<string, AnnotationsTrackConfig> = data.reduce(\n    (trackMap, datum) => {\n      const trackId = getDatumValue(datum, trackIdTroughAccesor) as string;\n      const annotationsTrack: AnnotationsIntegrationTrackConfig = trackMap.has(\n        trackId,\n      )\n        ? trackMap.get(trackId)\n        : populateMissingTrackProps(\n            serializeAnnotationsTrackFromXYChartData(datum, tracksConfig),\n          );\n      if (annotationsTrack?.hidden) {\n        hiddenTracks.add(trackId);\n      }\n\n      const marker = serializeAnnotationsMarkerFromXYChartData(\n        datum,\n        markersConfig,\n      );\n\n      const populatedMarker: AnnotationsIntegrationMarkerConfig =\n        populateMissingMarkerProps(marker, annotationsTrack);\n\n      annotationsTrack.markers.push(populatedMarker);\n      trackMap.set(trackId, annotationsTrack);\n\n      const { color: trackColor, indicatorsDisplay: trackIndicatorDisplay } =\n        annotationsTrack;\n      const {\n        color: markerColor,\n        start: markerStartRaw,\n        end: markerEndRaw,\n        indicatorsDisplay: markerIndicatorDisplay,\n        priority,\n      } = populatedMarker;\n\n      const { min: markerStart, max: markerEnd } = getMinMaxAsNumber(\n        markerStartRaw,\n        markerEndRaw,\n      );\n\n      if (!isAlwaysHidden(markerIndicatorDisplay, trackIndicatorDisplay)) {\n        const trackIndex = Array.from(trackMap.keys()).findIndex(\n          (name) => name === trackId,\n        );\n        const markerId = serializeMarkerRange(\n          { ...populatedMarker, start: markerStart, end: markerEnd },\n          trackIndex,\n        );\n        const color = markerColor ?? trackColor ?? DEFAULT_MARKER_COLOR;\n        const indicator = buildIndicator(\n          color,\n          selection,\n          markerId,\n          markerStart,\n          markerEnd,\n          priority,\n        );\n\n        if (isAlwaysShown(markerIndicatorDisplay, trackIndicatorDisplay)) {\n          alwaysVisible.push(indicator);\n        } else {\n          selectable.set(markerId, indicator);\n        }\n      }\n      return trackMap;\n    },\n    new Map(),\n  );\n  return {\n    indicators: { alwaysVisible, selectable },\n    annotationsByTrack,\n    hiddenTracks,\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/AxisArea.css

@@ -1,3 +1,3 @@
-._bidc430-3-4-0 {
+._bidc430-3-5-0 {
   position: relative;
 }

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js

@@ -1,5 +1,5 @@
 import "./AxisArea.css";
-var axisContainerStyle = "_bidc430-3-4-0";
+var axisContainerStyle = "_bidc430-3-5-0";
 export {
   axisContainerStyle
 };

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/AxisArea.css.ts"],
-  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-4-0';"],
+  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-5-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.css

@@ -1,8 +1,8 @@
-._z2zz8y2-3-4-0 {
-  direction: var(--_z2zz8y0-3-4-0);
+._z2zz8y2-3-5-0 {
+  direction: var(--_z2zz8y0-3-5-0);
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   text-wrap: nowrap;
-  width: var(--_z2zz8y1-3-4-0);
+  width: var(--_z2zz8y1-3-5-0);
 }

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.sty.js

@@ -1,7 +1,7 @@
 import "./AxisTickWithTruncation.css";
-var directionValue = "var(--_z2zz8y0-3-4-0)";
-var tickStyle = "_z2zz8y2-3-4-0";
-var widthContainer = "var(--_z2zz8y1-3-4-0)";
+var directionValue = "var(--_z2zz8y0-3-5-0)";
+var tickStyle = "_z2zz8y2-3-5-0";
+var widthContainer = "var(--_z2zz8y1-3-5-0)";
 export {
   directionValue,
   tickStyle,