@dynatrace/strato-components 3.1.3 → 3.2.0

package/esm/charts/timeseries/components/displays/line/LineChartDisplay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/timeseries/components/displays/line/LineChartDisplay.tsx"],
-  "sourcesContent": ["import { useMemo } from 'react';\n\nimport {\n  definedAccessor,\n  xAxisAccessor as x,\n  yAxisAccessor as y,\n} from './accessors.js';\nimport { LineCanvas } from '../../../../core/components/canvas/components/LineCanvas.js';\nimport { shouldDisplayPoints } from '../../../../core/components/canvas/utils/display-points.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { TimeseriesDatapoint } from '../../../../core/types/timeseries.js';\nimport { isIsolatedPoint } from '../../../../core/utils/is-isolated-point.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport { LINE_CHART_DISPLAY_ARIA_LABEL } from '../../../constants.js';\nimport { useSeriesCurve } from '../../../hooks/useSeriesCurve.js';\nimport { useTimeseriesFilteredData } from '../../../hooks/useTimeseriesFilteredData.js';\nimport { useYScales } from '../../../hooks/useYScales.js';\nimport { TimeseriesLineSlotProps } from '../../../types/timeseries.js';\nimport { BaseDisplayProps } from '../shared/types.js';\nimport { getClampedTimeScale } from '../shared/utils/clamp-value.js';\n\nexport interface LineChartDisplayProps extends BaseDisplayProps {\n  series: TimeseriesLineSlotProps[];\n}\n\nexport const LineChartDisplay = ({ series, xScale }: LineChartDisplayProps) => {\n  const yScales = useYScales();\n  const { seriesMap, datapointsMap } = useTimeseriesFilteredData();\n\n  const curve = useSeriesCurve();\n\n  const { width, height } = useGridPlotSize();\n\n  const lineSeries = useMemo(() => [...series].reverse(), [series]);\n\n  const isolatedAccessor =\n    (displayPoints: boolean) =>\n    (datapoints: TimeseriesDatapoint[], index: number) =>\n      displayPoints ||\n      isIsolatedPoint(datapoints, index, (point) =>\n        definedAccessor(point, datapointsMap),\n      );\n\n  const clampedScale = getClampedTimeScale(xScale);\n\n  return (\n    <div role=\"application\" aria-label={LINE_CHART_DISPLAY_ARIA_LABEL}>\n      {lineSeries.map((series) => {\n        const seriesMetadata = safeGet(seriesMap, series);\n\n        const displayPoints = shouldDisplayPoints(\n          seriesMetadata.pointsDisplay,\n          width,\n          series.datapoints.length,\n        );\n\n        return (\n          <LineCanvas\n            key={seriesMetadata.id}\n            data={series.datapoints}\n            canvasWidth={width}\n            canvasHeight={height}\n            x={x(xScale, datapointsMap, clampedScale)}\n            y={y(yScales, datapointsMap, seriesMetadata.unit)}\n            defined={(point) => definedAccessor(point, datapointsMap)}\n            displayScatterPlot={isolatedAccessor(displayPoints)}\n            color={() => seriesMetadata.color.Default}\n            opacity={1}\n            curve={curve}\n            enableDotOverflow\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nLineChartDisplay['displayName'] = 'LineChartDisplay';\n"],
-  "mappings": "AAyDU;AAzDV,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,OACZ;AACP,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAEhC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,qCAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB;AAG3B,SAAS,2BAA2B;AAM7B,MAAM,mBAAmB,CAAC,EAAE,QAAQ,OAAO,MAA6B;AAC7E,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,WAAW,cAAc,IAAI,0BAA0B;AAE/D,QAAM,QAAQ,eAAe;AAE7B,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAE1C,QAAM,aAAa,QAAQ,MAAM,CAAC,GAAG,MAAM,EAAE,QAAQ,GAAG,CAAC,MAAM,CAAC;AAEhE,QAAM,mBACJ,CAAC,kBACD,CAAC,YAAmC,UAClC,iBACA;AAAA,IAAgB;AAAA,IAAY;AAAA,IAAO,CAAC,UAClC,gBAAgB,OAAO,aAAa;AAAA,EACtC;AAEJ,QAAM,eAAe,oBAAoB,MAAM;AAE/C,SACE,oBAAC,SAAI,MAAK,eAAc,cAAY,+BACjC,qBAAW,IAAI,CAACA,YAAW;AAC1B,UAAM,iBAAiB,QAAQ,WAAWA,OAAM;AAEhD,UAAM,gBAAgB;AAAA,MACpB,eAAe;AAAA,MACf;AAAA,MACAA,QAAO,WAAW;AAAA,IACpB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAMA,QAAO;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,GAAG,EAAE,QAAQ,eAAe,YAAY;AAAA,QACxC,GAAG,EAAE,SAAS,eAAe,eAAe,IAAI;AAAA,QAChD,SAAS,CAAC,UAAU,gBAAgB,OAAO,aAAa;AAAA,QACxD,oBAAoB,iBAAiB,aAAa;AAAA,QAClD,OAAO,MAAM,eAAe,MAAM;AAAA,QAClC,SAAS;AAAA,QACT;AAAA,QACA,mBAAiB;AAAA;AAAA,MAXZ,eAAe;AAAA,IAYtB;AAAA,EAEJ,CAAC,GACH;AAEJ;AAEA,iBAAiB,aAAa,IAAI;",
+  "sourcesContent": ["import { useMemo } from 'react';\n\nimport {\n  definedAccessor,\n  xAxisAccessor as x,\n  yAxisAccessor as y,\n} from './accessors.js';\nimport { LineCanvas } from '../../../../core/components/canvas/components/LineCanvas.js';\nimport { shouldDisplayPoints } from '../../../../core/components/canvas/utils/display-points.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { TimeseriesDatapoint } from '../../../../core/types/timeseries.js';\nimport { isIsolatedPoint } from '../../../../core/utils/is-isolated-point.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport { LINE_CHART_DISPLAY_ARIA_LABEL } from '../../../constants.js';\nimport { useSeriesCurve } from '../../../hooks/useSeriesCurve.js';\nimport { useTimeseriesFilteredData } from '../../../hooks/useTimeseriesFilteredData.js';\nimport { useYScales } from '../../../hooks/useYScales.js';\nimport { TimeseriesLineSlotProps } from '../../../types/timeseries.js';\nimport { BaseDisplayProps } from '../shared/types.js';\nimport { getClampedTimeScale } from '../shared/utils/clamp-value.js';\n\nexport interface LineChartDisplayProps extends BaseDisplayProps {\n  series: TimeseriesLineSlotProps[];\n}\n\nexport const LineChartDisplay = ({ series, xScale }: LineChartDisplayProps) => {\n  const yScales = useYScales();\n  const { seriesMap, datapointsMap } = useTimeseriesFilteredData();\n\n  const curve = useSeriesCurve();\n\n  const { width, height } = useGridPlotSize();\n\n  const lineSeries = useMemo(() => [...series].reverse(), [series]);\n\n  const isolatedAccessor =\n    (displayPoints: boolean) =>\n    (datapoints: TimeseriesDatapoint[], index: number) =>\n      displayPoints ||\n      isIsolatedPoint(datapoints, index, (point) =>\n        definedAccessor(point, datapointsMap),\n      );\n\n  const clampedScale = getClampedTimeScale(xScale);\n\n  return (\n    <figure aria-label={LINE_CHART_DISPLAY_ARIA_LABEL}>\n      {lineSeries.map((series) => {\n        const seriesMetadata = safeGet(seriesMap, series);\n\n        const displayPoints = shouldDisplayPoints(\n          seriesMetadata.pointsDisplay,\n          width,\n          series.datapoints.length,\n        );\n\n        return (\n          <LineCanvas\n            key={seriesMetadata.id}\n            data={series.datapoints}\n            canvasWidth={width}\n            canvasHeight={height}\n            x={x(xScale, datapointsMap, clampedScale)}\n            y={y(yScales, datapointsMap, seriesMetadata.unit)}\n            defined={(point) => definedAccessor(point, datapointsMap)}\n            displayScatterPlot={isolatedAccessor(displayPoints)}\n            color={() => seriesMetadata.color.Default}\n            opacity={1}\n            curve={curve}\n            enableDotOverflow\n          />\n        );\n      })}\n    </figure>\n  );\n};\n\nLineChartDisplay['displayName'] = 'LineChartDisplay';\n"],
+  "mappings": "AAyDU;AAzDV,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,OACZ;AACP,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAEhC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,qCAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB;AAG3B,SAAS,2BAA2B;AAM7B,MAAM,mBAAmB,CAAC,EAAE,QAAQ,OAAO,MAA6B;AAC7E,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,WAAW,cAAc,IAAI,0BAA0B;AAE/D,QAAM,QAAQ,eAAe;AAE7B,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAE1C,QAAM,aAAa,QAAQ,MAAM,CAAC,GAAG,MAAM,EAAE,QAAQ,GAAG,CAAC,MAAM,CAAC;AAEhE,QAAM,mBACJ,CAAC,kBACD,CAAC,YAAmC,UAClC,iBACA;AAAA,IAAgB;AAAA,IAAY;AAAA,IAAO,CAAC,UAClC,gBAAgB,OAAO,aAAa;AAAA,EACtC;AAEJ,QAAM,eAAe,oBAAoB,MAAM;AAE/C,SACE,oBAAC,YAAO,cAAY,+BACjB,qBAAW,IAAI,CAACA,YAAW;AAC1B,UAAM,iBAAiB,QAAQ,WAAWA,OAAM;AAEhD,UAAM,gBAAgB;AAAA,MACpB,eAAe;AAAA,MACf;AAAA,MACAA,QAAO,WAAW;AAAA,IACpB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAMA,QAAO;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,GAAG,EAAE,QAAQ,eAAe,YAAY;AAAA,QACxC,GAAG,EAAE,SAAS,eAAe,eAAe,IAAI;AAAA,QAChD,SAAS,CAAC,UAAU,gBAAgB,OAAO,aAAa;AAAA,QACxD,oBAAoB,iBAAiB,aAAa;AAAA,QAClD,OAAO,MAAM,eAAe,MAAM;AAAA,QAClC,SAAS;AAAA,QACT;AAAA,QACA,mBAAiB;AAAA;AAAA,MAXZ,eAAe;AAAA,IAYtB;AAAA,EAEJ,CAAC,GACH;AAEJ;AAEA,iBAAiB,aAAa,IAAI;",
   "names": ["series"]
 }

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

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

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

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

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

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

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

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

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

@@ -7,6 +7,7 @@ import { PanButton } from "./PanButton.js";
 import { ResetButton } from "./ResetButton.js";
 import { ZoomInOutButtons } from "./ZoomInOutButtons.js";
 import { ZoomModeButton } from "./ZoomModeButton.js";
+import { useBehavioralTrackingProps as _useBehavioralTrackingProps } from "../../../../core/hooks/useBehavioralTrackingProps.js";
 import { ChartToolbarRenderer } from "../../../core/components/toolbar/ChartToolbarRenderer.js";
 import { getMenuTriggerDisplayMode } from "../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js";
 import { getMenuTriggerIcon } from "../../../core/components/toolbar/utils/get-menu-trigger-icon.js";
@@ -47,6 +48,7 @@ const TimeseriesChartToolbar = ({
   const onClose = () => selectionAreaRef ? selectionAreaRef.current?.focus() : void 0;
   const showDefaultToolbarDownloadButton = isDownloadEnabled && !config?.intents;
   const showMenuToolbarButton = isDownloadEnabled && !!config?.intents?.length;
+  const behaviorTrackingProps = _useBehavioralTrackingProps(config ?? {})[0];
   return !isUndefined(config) && anyInteractionEnabled ? /* @__PURE__ */ jsxs(
     ChartToolbarRenderer,
     {
@@ -73,6 +75,7 @@ const TimeseriesChartToolbar = ({
       isDownloadEnabled: showMenuToolbarButton,
       intents: config?.intents,
       handleDownloadDataToolbar,
+      ...behaviorTrackingProps,
       children: [
         /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(ExploreButton, {}),

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

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

package/esm/charts/timeseries/messages/tooltips-text.js

@@ -61,12 +61,12 @@ const TIMESERIES_MESSAGES = defineMessages({
     description: "Text in the tooltip header showing that are no data points selected"
   },
   seriesDatapoints: {
-    id: "fuDh6dPgMYQVSoQP",
+    id: "nDzGVBRq+V8ulNuu",
     defaultMessage: "{count, plural, one {# data point} other {# data points}} across {seriesCount} series",
     description: "Text in the tooltip header showing the number of selected data points in multiple series"
   },
   zoomToSelection: {
-    id: "6b+X1kU1jE6gD9mF",
+    id: "af0kT/X4xYo3usY+",
     defaultMessage: "Zoom to selection",
     description: "Text displayed in the tooltip as the first action when zoom is enabled and a select interaction is performed on the Timeseries chart."
   }

package/esm/charts/timeseries/messages/tooltips-text.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/timeseries/messages/tooltips-text.ts"],
-  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const TIMESERIES_MESSAGES = defineMessages({\n  zoomActionArrowUp: {\n    defaultMessage: 'Up',\n    id: '+MYvp4qc5Ti3ddoO',\n    description:\n      'Key shortcut in a tooltip shown when hovering the \"Zoom in\" action in the time series chart toolbar',\n  },\n  zoomActionArrowDown: {\n    defaultMessage: 'Down',\n    id: 'TKRQN9BIBeD8VT1I',\n    description:\n      'Key shortcut in a tooltip shown when hovering the \"Zoom out\" action in the time series chart toolbar',\n  },\n  zoomModeExplore: {\n    id: 'TTCLEQtF7ylLxvEx',\n    defaultMessage: 'Explore mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Explore\" mode in the time series chart toolbar',\n  },\n  zoomModeZoom: {\n    id: 'KlA+bTF6CnwSnbCJ',\n    defaultMessage: 'Zoom mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom\" mode in the timeseries chart toolbar',\n  },\n  zoomModeZoomX: {\n    id: 'VL8nEatHCgCkS4Yw',\n    defaultMessage: 'X-axis zoom',\n    description:\n      'Text in a tooltip shown when hovering the \"X-axis zoom\" mode in the time series chart toolbar',\n  },\n  zoomModePan: {\n    id: 'ntRg2/q/0hsoJ9+r',\n    defaultMessage: 'Pan mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Pan\" mode in the time series chart toolbar',\n  },\n  zoomActionZoomIn: {\n    id: 'iN3ZVFNmBN0hzG0I',\n    defaultMessage: 'Zoom in',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom in\" action in the time series chart toolbar',\n  },\n  zoomActionZoomOut: {\n    id: 'arDem4VUr6iNJ1A3',\n    defaultMessage: 'Zoom out',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom out\" action in the time series chart toolbar',\n  },\n  zoomActionReset: {\n    id: '2zjArS0xoR2Fy4/o',\n    defaultMessage: 'Reset',\n    description:\n      'Text in a tooltip shown when hovering the \"Reset\" action in the time series chart toolbar',\n  },\n  downloadAsCsv: {\n    id: 'u5xmuzxNDovVbbQX',\n    defaultMessage: 'Download as CSV',\n    description:\n      'Text in a tooltip shown when hovering the \"Download data\" button in the time series chart toolbar',\n  },\n  datapoints: {\n    id: '1qd7igf1SoPYptNg',\n    defaultMessage: '{count} data points',\n    description:\n      'Text in the tooltip header showing the number of selected data points',\n  },\n  noDatapoints: {\n    id: '6GOnX5pixiNcVALE',\n    defaultMessage: 'No data points',\n    description:\n      'Text in the tooltip header showing that are no data points selected',\n  },\n  seriesDatapoints: {\n    id: 'fuDh6dPgMYQVSoQP',\n    defaultMessage:\n      '{count, plural, one {# data point} other {# data points}} across {seriesCount} series',\n    description:\n      'Text in the tooltip header showing the number of selected data points in multiple series',\n  },\n  zoomToSelection: {\n    id: '6b+X1kU1jE6gD9mF',\n    defaultMessage: 'Zoom to selection',\n    description:\n      'Text displayed in the tooltip as the first action when zoom is enabled and a select interaction is performed on the Timeseries chart.',\n  },\n});\n"],
+  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const TIMESERIES_MESSAGES = defineMessages({\n  zoomActionArrowUp: {\n    defaultMessage: 'Up',\n    id: '+MYvp4qc5Ti3ddoO',\n    description:\n      'Key shortcut in a tooltip shown when hovering the \"Zoom in\" action in the time series chart toolbar',\n  },\n  zoomActionArrowDown: {\n    defaultMessage: 'Down',\n    id: 'TKRQN9BIBeD8VT1I',\n    description:\n      'Key shortcut in a tooltip shown when hovering the \"Zoom out\" action in the time series chart toolbar',\n  },\n  zoomModeExplore: {\n    id: 'TTCLEQtF7ylLxvEx',\n    defaultMessage: 'Explore mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Explore\" mode in the time series chart toolbar',\n  },\n  zoomModeZoom: {\n    id: 'KlA+bTF6CnwSnbCJ',\n    defaultMessage: 'Zoom mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom\" mode in the timeseries chart toolbar',\n  },\n  zoomModeZoomX: {\n    id: 'VL8nEatHCgCkS4Yw',\n    defaultMessage: 'X-axis zoom',\n    description:\n      'Text in a tooltip shown when hovering the \"X-axis zoom\" mode in the time series chart toolbar',\n  },\n  zoomModePan: {\n    id: 'ntRg2/q/0hsoJ9+r',\n    defaultMessage: 'Pan mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Pan\" mode in the time series chart toolbar',\n  },\n  zoomActionZoomIn: {\n    id: 'iN3ZVFNmBN0hzG0I',\n    defaultMessage: 'Zoom in',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom in\" action in the time series chart toolbar',\n  },\n  zoomActionZoomOut: {\n    id: 'arDem4VUr6iNJ1A3',\n    defaultMessage: 'Zoom out',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom out\" action in the time series chart toolbar',\n  },\n  zoomActionReset: {\n    id: '2zjArS0xoR2Fy4/o',\n    defaultMessage: 'Reset',\n    description:\n      'Text in a tooltip shown when hovering the \"Reset\" action in the time series chart toolbar',\n  },\n  downloadAsCsv: {\n    id: 'u5xmuzxNDovVbbQX',\n    defaultMessage: 'Download as CSV',\n    description:\n      'Text in a tooltip shown when hovering the \"Download data\" button in the time series chart toolbar',\n  },\n  datapoints: {\n    id: '1qd7igf1SoPYptNg',\n    defaultMessage: '{count} data points',\n    description:\n      'Text in the tooltip header showing the number of selected data points',\n  },\n  noDatapoints: {\n    id: '6GOnX5pixiNcVALE',\n    defaultMessage: 'No data points',\n    description:\n      'Text in the tooltip header showing that are no data points selected',\n  },\n  seriesDatapoints: {\n    id: 'nDzGVBRq+V8ulNuu',\n    defaultMessage:\n      '{count, plural, one {# data point} other {# data points}} across {seriesCount} series',\n    description:\n      'Text in the tooltip header showing the number of selected data points in multiple series',\n  },\n  zoomToSelection: {\n    id: 'af0kT/X4xYo3usY+',\n    defaultMessage: 'Zoom to selection',\n    description:\n      'Text displayed in the tooltip as the first action when zoom is enabled and a select interaction is performed on the Timeseries chart.',\n  },\n});\n"],
   "mappings": "AAAA,SAAS,sBAAsB;AAExB,MAAM,sBAAsB,eAAe;AAAA,EAChD,mBAAmB;AAAA,IACjB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,qBAAqB;AAAA,IACnB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,iBAAiB;AAAA,IACf,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,cAAc;AAAA,IACZ,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,eAAe;AAAA,IACb,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,kBAAkB;AAAA,IAChB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,mBAAmB;AAAA,IACjB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,iBAAiB;AAAA,IACf,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,eAAe;AAAA,IACb,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,YAAY;AAAA,IACV,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,cAAc;AAAA,IACZ,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,kBAAkB;AAAA,IAChB,IAAI;AAAA,IACJ,gBACE;AAAA,IACF,aACE;AAAA,EACJ;AAAA,EACA,iBAAiB;AAAA,IACf,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AACF,CAAC;",
   "names": []
 }

package/esm/charts/timeseries/utils/iterate-config-slots.js

@@ -10,6 +10,7 @@ import { ColorRule, isValidColorRule } from "../../core/slots/ColorRule.js";
 import { ChartToolbar } from "../../core/slots/toolbar/ChartToolbar.js";
 import { sanitizeProps } from "../../core/slots/toolbar/CompactToolbar.js";
 import { DownloadData } from "../../core/slots/toolbar/DownloadData.js";
+import { extractBehaviorTrackingProps } from "../../core/utils/extract-behavior-tracking-props.js";
 import { getConfigPlusDefaultOrEmpty } from "../../core/utils/interactions.js";
 import { iterateChartInteractionsSlots } from "../../core/utils/iterate-chart-interactions-slots.js";
 import { Annotations } from "../slots/annotations/Annotations.js";
@@ -88,7 +89,8 @@ const iterateConfigSlots = (children) => {
       slotToolbar = {
         enabled: child.props.hidden !== true,
         ...slotToolbar,
-        ...sanitizeProps(child.props)
+        ...sanitizeProps(child.props),
+        ...extractBehaviorTrackingProps(child.props)
       };
     } else if (isSlot(child, TimeseriesChartDownloadCSVSlot)) {
       slotToolbar = { ...slotToolbar, downloadData: { enabled: true } };

package/esm/charts/timeseries/utils/iterate-config-slots.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/timeseries/utils/iterate-config-slots.ts"],
-  "sourcesContent": ["import { isEmpty, merge } from 'lodash-es';\nimport { Children, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport { Intent, type IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport type { AnnotationsTooltipConfig } from '../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport type { AnnotationsMarkerConfig } from '../../core/components/annotations/types/annotations-marker-props.js';\nimport type { AnnotationsTrackConfig } from '../../core/components/annotations/types/annotations-track-props.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 { ChartInteractions } from '../../core/slots/chart-interactions/ChartInteractions.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport { ChartInteractionsConfig } from '../../core/types/interactions.js';\nimport { getConfigPlusDefaultOrEmpty } from '../../core/utils/interactions.js';\nimport { iterateChartInteractionsSlots } from '../../core/utils/iterate-chart-interactions-slots.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 { TimeseriesChartDownloadCSVSlot } from '../slots/DownloadCSV.js';\nimport { Legend } from '../slots/Legend.js';\nimport { Pan } from '../slots/Pan.js';\nimport { Select } from '../slots/Select.js';\nimport { Area, TimeseriesChartAreaProps } from '../slots/shapes/Area.js';\nimport { Band } from '../slots/shapes/Band.js';\nimport { Bar, TimeseriesChartBarProps } from '../slots/shapes/Bar.js';\nimport { Line, TimeseriesChartLineProps } from '../slots/shapes/Line.js';\nimport { ThresholdIndicator } from '../slots/ThresholdIndicator.js';\nimport { Toolbar } from '../slots/Toolbar.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { XAxis } from '../slots/XAxis.js';\nimport { YAxis } from '../slots/YAxis.js';\nimport { Zoom } from '../slots/Zoom.js';\nimport { TimeseriesChartBandProps } from '../types/timeseries-band.js';\nimport { TimeseriesChartSlots } from '../types/timeseries-config.js';\nimport {\n  ChartVariantInternal,\n  TimeseriesAreaSlotProps,\n  TimeseriesBandSlotProps,\n  TimeseriesBarSlotProps,\n  TimeseriesLineSlotProps,\n  TimeseriesPerVariant,\n} from '../types/timeseries.js';\nimport { TimeseriesChartToolbarConfig } from '../types/toolbar.js';\n\n/**\n * Generate chart config based on slots\n * @param children - TimeseriesChart children\n * @returns TimeseriesChartSlots slot config\n */\n\nconst slotInteractionsDefaultValues = {\n  zoom: { enabled: true },\n  zoomX: { enabled: true },\n  pan: { enabled: true },\n};\n\nconst chartInteractionsDefaultValues = {\n  zoom: { enabled: false },\n  zoomX: { enabled: false },\n  pan: { enabled: false },\n};\n\nconst getInteractionsConfig = (\n  chartConfig: ChartInteractionsConfig,\n  slotsConfig: ChartInteractionsConfig,\n) => {\n  const chartApiValues = getConfigPlusDefaultOrEmpty(\n    chartInteractionsDefaultValues,\n    chartConfig,\n  );\n  const slotsApiValues = getConfigPlusDefaultOrEmpty(\n    slotInteractionsDefaultValues,\n    slotsConfig,\n  );\n  return merge({}, chartApiValues, slotsApiValues);\n};\n\nconst disabledOnlyWhenSpecified = ({ disabled }: { disabled?: boolean }) =>\n  disabled;\n\nexport const iterateConfigSlots = (\n  children: ReactNode,\n): TimeseriesChartSlots => {\n  let slots: TimeseriesChartSlots = {\n    toolbar: {},\n    legend: {},\n    xAxis: {},\n    tooltip: {},\n    yAxis: [],\n    thresholds: [],\n    interactions: {},\n    colorRules: [],\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  let slotToolbar: TimeseriesChartToolbarConfig = {};\n  let chartToolbar: TimeseriesChartToolbarConfig = {};\n  let slotInteractions = {};\n  let chartInteractions = {};\n\n  Children.forEach(children, (child) => {\n    /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n    if (isSlot(child, ChartInteractions)) {\n      const { children, ...previousInteractions } = child.props;\n      const interactions = iterateChartInteractionsSlots(children);\n\n      chartInteractions = {\n        ...previousInteractions,\n        ...interactions,\n      };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      // TODO APPDEV-15615: Remove deprecated ChartToolbar handling\n      const { children, ...toolbar } = child.props;\n      const childrenToolbar = iterateChartToolbarSlots(children);\n\n      chartToolbar = {\n        enabled: true,\n        ...toolbar,\n        ...childrenToolbar,\n      };\n    } else if (isSlot(child, Toolbar)) {\n      // TODO: APPDEV-15615: Remove enabled key after deprecation\n      slotToolbar = {\n        enabled: child.props.hidden !== true,\n        ...slotToolbar,\n        ...sanitizeProps(child.props),\n      };\n    } else if (isSlot(child, TimeseriesChartDownloadCSVSlot)) {\n      slotToolbar = { ...slotToolbar, downloadData: { enabled: true } };\n    } else if (isSlot(child, Zoom)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n\n      slotInteractions = {\n        ...slotInteractions,\n        zoom: { enabled },\n        zoomX: { enabled },\n      };\n    } else if (isSlot(child, Pan)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n      slotInteractions = { ...slotInteractions, pan: { enabled } };\n    } else if (isSlot(child, Legend)) {\n      const legend = child.props;\n\n      slots = {\n        ...slots,\n        legend,\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, XAxis)) {\n      const xAxis = child.props;\n      slots = {\n        ...slots,\n        xAxis,\n      };\n    } else if (isSlot(child, YAxis)) {\n      const yAxis = child.props;\n      slots.yAxis.push(yAxis);\n    } else if (isSlot(child, Tooltip)) {\n      const tooltip = child.props;\n      slots = {\n        ...slots,\n        tooltip,\n      };\n    } else if (isSlot(child, Annotations)) {\n      const { children, ...annotationsProps } = child.props;\n\n      const { tracks, tooltip } = iterateTrackSlots(children);\n\n      const annotations = {\n        ...annotationsProps,\n        tracks,\n        tooltip,\n      };\n\n      slots = {\n        ...slots,\n        annotations,\n      };\n    } else if (isSlot(child, ThresholdIndicator)) {\n      const thresholdProps = child.props;\n      slots.thresholds.push(thresholdProps);\n    } else if (isSlot(child, Select)) {\n      const select = child.props;\n\n      slots = {\n        ...slots,\n        select,\n      };\n    } else if (isSlot(child, ColorRule)) {\n      const colorRule = child.props;\n      if (isValidColorRule(colorRule)) {\n        slots.colorRules.push(colorRule);\n      }\n    }\n  });\n\n  const hasInteractionConfig =\n    Object.keys(chartInteractions).length > 0 ||\n    Object.keys(slotInteractions).length > 0;\n\n  slots.interactions = hasInteractionConfig\n    ? getInteractionsConfig(chartInteractions, slotInteractions)\n    : {};\n\n  const hasToolbarConfig =\n    !isEmpty(slotToolbar) || !isEmpty(chartToolbar) || intents;\n\n  if (hasToolbarConfig) {\n    slots.toolbar = {\n      ...chartToolbar,\n      ...slotToolbar,\n      enabled: slotToolbar.enabled ?? chartToolbar.enabled ?? true,\n      intents,\n    };\n  }\n\n  return slots;\n};\n\n/**\n * Generate config based on the Tracks and Markers slots\n * @param children - Annotations children\n * @returns tracks configuration including the markers\n */\nconst iterateTrackSlots = (children: ReactNode) => {\n  const tracks: AnnotationsTrackConfig[] = [];\n  let tooltip: AnnotationsTooltipConfig = {\n    template: undefined,\n    hidden: false,\n  };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Track)) {\n      const { children, ...trackProps } = child.props;\n      const currentTrack = {\n        ...trackProps,\n        markers: [] as AnnotationsMarkerConfig[],\n      };\n\n      Children.forEach(children, (child) => {\n        if (isSlot(child, Marker)) {\n          const marker = populateMissingMarkerProps(child.props, trackProps);\n\n          currentTrack.markers.push(marker);\n        }\n      });\n\n      const track = populateMissingTrackProps(currentTrack);\n      tracks.push(track);\n    } else if (isSlot(child, AnnotationsTooltip)) {\n      const { children, hidden } = child.props;\n      tooltip = {\n        template: children,\n        hidden: hidden ?? false,\n      };\n    }\n  });\n\n  return { tracks, tooltip };\n};\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (\n  children: ReactNode,\n): TimeseriesChartToolbarConfig => {\n  let toolbar = {};\n\n  Children.forEach(children, (childToolbar) => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (isElement(childToolbar) && childToolbar.type === DownloadData) {\n      toolbar = {\n        ...toolbar,\n        downloadData: { enabled: true },\n      };\n    }\n  });\n\n  return toolbar;\n};\n\n/**\n * Generate chart config based on slots\n * @param children - chartSeries children\n * @param defaultVariant - The variant defined at root level of TimeseriesChart\n * @returns ChartSeries slot config\n */\nexport const iterateChartSeriesSlots = (\n  children: ReactNode,\n): TimeseriesPerVariant => {\n  const line: TimeseriesLineSlotProps[] = [];\n  const bar: TimeseriesBarSlotProps[] = [];\n  const area: TimeseriesAreaSlotProps[] = [];\n  const band: TimeseriesBandSlotProps[] = [];\n  const shapePriority: ChartVariantInternal[] = [];\n\n  Children.forEach(children, (childSlot) => {\n    if (isElement(childSlot)) {\n      switch (childSlot.type) {\n        case Line: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartLineProps;\n          line.push({ ...data, ...overrides });\n          if (!shapePriority.includes('line')) {\n            shapePriority.push('line');\n          }\n          break;\n        }\n        case Bar: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartBarProps;\n          bar.push({ ...data, ...overrides });\n          if (!shapePriority.includes('bar')) {\n            shapePriority.push('bar');\n          }\n          break;\n        }\n        case Area: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartAreaProps;\n          area.push({ ...data, ...overrides });\n          if (!shapePriority.includes('area')) {\n            shapePriority.push('area');\n          }\n          break;\n        }\n        case Band: {\n          const {\n            data,\n            strokeOnly = false,\n            color,\n            gapPolicy,\n          } = childSlot.props as TimeseriesChartBandProps;\n          band.push({ ...data, strokeOnly, color, gapPolicy });\n          if (!shapePriority.includes('band')) {\n            shapePriority.push('band');\n          }\n          break;\n        }\n      }\n    }\n  });\n\n  return { band, line, area, bar, shapePriority };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isEmpty, merge } from 'lodash-es';\nimport { Children, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport { Intent, type IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport type { AnnotationsTooltipConfig } from '../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport type { AnnotationsMarkerConfig } from '../../core/components/annotations/types/annotations-marker-props.js';\nimport type { AnnotationsTrackConfig } from '../../core/components/annotations/types/annotations-track-props.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 { ChartInteractions } from '../../core/slots/chart-interactions/ChartInteractions.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport { ChartInteractionsConfig } from '../../core/types/interactions.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport { getConfigPlusDefaultOrEmpty } from '../../core/utils/interactions.js';\nimport { iterateChartInteractionsSlots } from '../../core/utils/iterate-chart-interactions-slots.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 { TimeseriesChartDownloadCSVSlot } from '../slots/DownloadCSV.js';\nimport { Legend } from '../slots/Legend.js';\nimport { Pan } from '../slots/Pan.js';\nimport { Select } from '../slots/Select.js';\nimport { Area, TimeseriesChartAreaProps } from '../slots/shapes/Area.js';\nimport { Band } from '../slots/shapes/Band.js';\nimport { Bar, TimeseriesChartBarProps } from '../slots/shapes/Bar.js';\nimport { Line, TimeseriesChartLineProps } from '../slots/shapes/Line.js';\nimport { ThresholdIndicator } from '../slots/ThresholdIndicator.js';\nimport { Toolbar } from '../slots/Toolbar.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { XAxis } from '../slots/XAxis.js';\nimport { YAxis } from '../slots/YAxis.js';\nimport { Zoom } from '../slots/Zoom.js';\nimport { TimeseriesChartBandProps } from '../types/timeseries-band.js';\nimport { TimeseriesChartSlots } from '../types/timeseries-config.js';\nimport {\n  ChartVariantInternal,\n  TimeseriesAreaSlotProps,\n  TimeseriesBandSlotProps,\n  TimeseriesBarSlotProps,\n  TimeseriesLineSlotProps,\n  TimeseriesPerVariant,\n} from '../types/timeseries.js';\nimport { TimeseriesChartToolbarConfig } from '../types/toolbar.js';\n\n/**\n * Generate chart config based on slots\n * @param children - TimeseriesChart children\n * @returns TimeseriesChartSlots slot config\n */\n\nconst slotInteractionsDefaultValues = {\n  zoom: { enabled: true },\n  zoomX: { enabled: true },\n  pan: { enabled: true },\n};\n\nconst chartInteractionsDefaultValues = {\n  zoom: { enabled: false },\n  zoomX: { enabled: false },\n  pan: { enabled: false },\n};\n\nconst getInteractionsConfig = (\n  chartConfig: ChartInteractionsConfig,\n  slotsConfig: ChartInteractionsConfig,\n) => {\n  const chartApiValues = getConfigPlusDefaultOrEmpty(\n    chartInteractionsDefaultValues,\n    chartConfig,\n  );\n  const slotsApiValues = getConfigPlusDefaultOrEmpty(\n    slotInteractionsDefaultValues,\n    slotsConfig,\n  );\n  return merge({}, chartApiValues, slotsApiValues);\n};\n\nconst disabledOnlyWhenSpecified = ({ disabled }: { disabled?: boolean }) =>\n  disabled;\n\nexport const iterateConfigSlots = (\n  children: ReactNode,\n): TimeseriesChartSlots => {\n  let slots: TimeseriesChartSlots = {\n    toolbar: {},\n    legend: {},\n    xAxis: {},\n    tooltip: {},\n    yAxis: [],\n    thresholds: [],\n    interactions: {},\n    colorRules: [],\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  let slotToolbar: TimeseriesChartToolbarConfig = {};\n  let chartToolbar: TimeseriesChartToolbarConfig = {};\n  let slotInteractions = {};\n  let chartInteractions = {};\n\n  Children.forEach(children, (child) => {\n    /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n    if (isSlot(child, ChartInteractions)) {\n      const { children, ...previousInteractions } = child.props;\n      const interactions = iterateChartInteractionsSlots(children);\n\n      chartInteractions = {\n        ...previousInteractions,\n        ...interactions,\n      };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      // TODO APPDEV-15615: Remove deprecated ChartToolbar handling\n      const { children, ...toolbar } = child.props;\n      const childrenToolbar = iterateChartToolbarSlots(children);\n\n      chartToolbar = {\n        enabled: true,\n        ...toolbar,\n        ...childrenToolbar,\n      };\n    } else if (isSlot(child, Toolbar)) {\n      // TODO: APPDEV-15615: Remove enabled key after deprecation\n      slotToolbar = {\n        enabled: child.props.hidden !== true,\n        ...slotToolbar,\n        ...sanitizeProps(child.props),\n        ...extractBehaviorTrackingProps(child.props),\n      };\n    } else if (isSlot(child, TimeseriesChartDownloadCSVSlot)) {\n      slotToolbar = { ...slotToolbar, downloadData: { enabled: true } };\n    } else if (isSlot(child, Zoom)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n\n      slotInteractions = {\n        ...slotInteractions,\n        zoom: { enabled },\n        zoomX: { enabled },\n      };\n    } else if (isSlot(child, Pan)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n      slotInteractions = { ...slotInteractions, pan: { enabled } };\n    } else if (isSlot(child, Legend)) {\n      const legend = child.props;\n\n      slots = {\n        ...slots,\n        legend,\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, XAxis)) {\n      const xAxis = child.props;\n      slots = {\n        ...slots,\n        xAxis,\n      };\n    } else if (isSlot(child, YAxis)) {\n      const yAxis = child.props;\n      slots.yAxis.push(yAxis);\n    } else if (isSlot(child, Tooltip)) {\n      const tooltip = child.props;\n      slots = {\n        ...slots,\n        tooltip,\n      };\n    } else if (isSlot(child, Annotations)) {\n      const { children, ...annotationsProps } = child.props;\n\n      const { tracks, tooltip } = iterateTrackSlots(children);\n\n      const annotations = {\n        ...annotationsProps,\n        tracks,\n        tooltip,\n      };\n\n      slots = {\n        ...slots,\n        annotations,\n      };\n    } else if (isSlot(child, ThresholdIndicator)) {\n      const thresholdProps = child.props;\n      slots.thresholds.push(thresholdProps);\n    } else if (isSlot(child, Select)) {\n      const select = child.props;\n\n      slots = {\n        ...slots,\n        select,\n      };\n    } else if (isSlot(child, ColorRule)) {\n      const colorRule = child.props;\n      if (isValidColorRule(colorRule)) {\n        slots.colorRules.push(colorRule);\n      }\n    }\n  });\n\n  const hasInteractionConfig =\n    Object.keys(chartInteractions).length > 0 ||\n    Object.keys(slotInteractions).length > 0;\n\n  slots.interactions = hasInteractionConfig\n    ? getInteractionsConfig(chartInteractions, slotInteractions)\n    : {};\n\n  const hasToolbarConfig =\n    !isEmpty(slotToolbar) || !isEmpty(chartToolbar) || intents;\n\n  if (hasToolbarConfig) {\n    slots.toolbar = {\n      ...chartToolbar,\n      ...slotToolbar,\n      enabled: slotToolbar.enabled ?? chartToolbar.enabled ?? true,\n      intents,\n    };\n  }\n\n  return slots;\n};\n\n/**\n * Generate config based on the Tracks and Markers slots\n * @param children - Annotations children\n * @returns tracks configuration including the markers\n */\nconst iterateTrackSlots = (children: ReactNode) => {\n  const tracks: AnnotationsTrackConfig[] = [];\n  let tooltip: AnnotationsTooltipConfig = {\n    template: undefined,\n    hidden: false,\n  };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Track)) {\n      const { children, ...trackProps } = child.props;\n      const currentTrack = {\n        ...trackProps,\n        markers: [] as AnnotationsMarkerConfig[],\n      };\n\n      Children.forEach(children, (child) => {\n        if (isSlot(child, Marker)) {\n          const marker = populateMissingMarkerProps(child.props, trackProps);\n\n          currentTrack.markers.push(marker);\n        }\n      });\n\n      const track = populateMissingTrackProps(currentTrack);\n      tracks.push(track);\n    } else if (isSlot(child, AnnotationsTooltip)) {\n      const { children, hidden } = child.props;\n      tooltip = {\n        template: children,\n        hidden: hidden ?? false,\n      };\n    }\n  });\n\n  return { tracks, tooltip };\n};\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (\n  children: ReactNode,\n): TimeseriesChartToolbarConfig => {\n  let toolbar = {};\n\n  Children.forEach(children, (childToolbar) => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (isElement(childToolbar) && childToolbar.type === DownloadData) {\n      toolbar = {\n        ...toolbar,\n        downloadData: { enabled: true },\n      };\n    }\n  });\n\n  return toolbar;\n};\n\n/**\n * Generate chart config based on slots\n * @param children - chartSeries children\n * @param defaultVariant - The variant defined at root level of TimeseriesChart\n * @returns ChartSeries slot config\n */\nexport const iterateChartSeriesSlots = (\n  children: ReactNode,\n): TimeseriesPerVariant => {\n  const line: TimeseriesLineSlotProps[] = [];\n  const bar: TimeseriesBarSlotProps[] = [];\n  const area: TimeseriesAreaSlotProps[] = [];\n  const band: TimeseriesBandSlotProps[] = [];\n  const shapePriority: ChartVariantInternal[] = [];\n\n  Children.forEach(children, (childSlot) => {\n    if (isElement(childSlot)) {\n      switch (childSlot.type) {\n        case Line: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartLineProps;\n          line.push({ ...data, ...overrides });\n          if (!shapePriority.includes('line')) {\n            shapePriority.push('line');\n          }\n          break;\n        }\n        case Bar: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartBarProps;\n          bar.push({ ...data, ...overrides });\n          if (!shapePriority.includes('bar')) {\n            shapePriority.push('bar');\n          }\n          break;\n        }\n        case Area: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartAreaProps;\n          area.push({ ...data, ...overrides });\n          if (!shapePriority.includes('area')) {\n            shapePriority.push('area');\n          }\n          break;\n        }\n        case Band: {\n          const {\n            data,\n            strokeOnly = false,\n            color,\n            gapPolicy,\n          } = childSlot.props as TimeseriesChartBandProps;\n          band.push({ ...data, strokeOnly, color, gapPolicy });\n          if (!shapePriority.includes('band')) {\n            shapePriority.push('band');\n          }\n          break;\n        }\n      }\n    }\n  });\n\n  return { band, line, area, bar, shapePriority };\n};\n"],
+  "mappings": "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",
   "names": ["children", "child"]
 }

package/esm/charts/tree-map/TreeMap.js

@@ -17,6 +17,7 @@ import { Legend as TreeMapChartLegend } from "./slots/TreeMapChartLegend.js";
 import { buildAndDownloadCsv } from "./utils/build-and-download-csv.js";
 import { getSortedTree } from "./utils/get-sorted-tree.js";
 import { mapToInternalTree } from "./utils/map-to-internal-tree.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { Intent } from "../../core/slots/Intent/Intent.js";
 import { defaultChartSize } from "../../core/styles/defaultChartValues.sty.js";
 import { useAutoLegendRefresh } from "../core/components/chart-layout/hooks/useAutoLegendRefresh.js";
@@ -40,6 +41,7 @@ const TreeMapRoot = forwardRef((props, forwardedRef) => {
     "data-testid": dataTestId = "treemap-chart-root",
     unit
   } = props;
+  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);
   const config = useTreeMapChartConfig(props);
   const { loading } = config;
   const emptyData = isEmpty(data) || data.tree.nodes === void 0 || data.tree.nodes.length === 0;
@@ -73,6 +75,7 @@ const TreeMapRoot = forwardRef((props, forwardedRef) => {
       children: /* @__PURE__ */ jsx(
         TreeMapChartLayout,
         {
+          ...behavioralTrackingProps,
           chartLayoutRef,
           ref: treeMapRef,
           data: sortedTree,

package/esm/charts/tree-map/TreeMap.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/tree-map/TreeMap.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { isEmpty } from 'lodash-es';\nimport {\n  forwardRef,\n  type JSX,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { TreeMapChartLayout } from './components/TreeMapChartLayout.js';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH } from './constants.js';\nimport { useTreeMapChartConfig } from './hooks/useTreeMapChartConfig.js';\nimport { TreeMapChartProviders } from './providers/TreeMapChartProviders.js';\nimport { TreeMapDownloadCSVSlot } from './slots/DownloadCSV.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Legend as TreeMapChartLegend } from './slots/TreeMapChartLegend.js';\nimport type { TreeMapElementRef, TreeMapProps } from './types/treemap.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { getSortedTree } from './utils/get-sorted-tree.js';\nimport { mapToInternalTree } from './utils/map-to-internal-tree.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.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 { 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 { ChartType } from '../core/types/chart-types.js';\n\nconst COMPONENT_NAME = 'TreeMap';\nconst TreeMapRoot = forwardRef<\n  TreeMapElementRef,\n  PropsWithChildren<TreeMapProps>\n>((props, forwardedRef): JSX.Element => {\n  const {\n    data,\n    children,\n    seriesActions,\n    width = DEFAULT_WIDTH,\n    height = DEFAULT_HEIGHT,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'treemap-chart-root',\n    unit,\n  } = props;\n\n  const config = useTreeMapChartConfig(props);\n  const { loading } = config;\n\n  const emptyData =\n    isEmpty(data) ||\n    data.tree.nodes === undefined ||\n    data.tree.nodes.length === 0;\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const treeMapRef = useRef<HTMLDivElement>(null);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  useImperativeHandle(forwardedRef, () => {\n    let exposedRef = {} as TreeMapElementRef;\n\n    if (treeMapRef.current) {\n      exposedRef = {\n        element: treeMapRef.current,\n        getConfig: () => JSON.stringify({ type: ChartType.Treemap, ...config }),\n        downloadData: () => buildAndDownloadCsv(data.tree),\n      };\n    }\n\n    return exposedRef;\n  });\n\n  const internalTree = mapToInternalTree(\n    data.tree,\n    config.formatter,\n    unit ?? data.unit,\n  );\n  const sortedTree = getSortedTree(internalTree);\n\n  return (\n    <TreeMapChartProviders\n      data={data}\n      seriesActions={seriesActions}\n      unit={unit}\n      {...config}\n    >\n      <TreeMapChartLayout\n        chartLayoutRef={chartLayoutRef}\n        ref={treeMapRef}\n        data={sortedTree}\n        width={width}\n        height={height}\n        emptyState={emptyState}\n        errorState={errorState}\n        isEmpty={emptyData}\n        loading={loading}\n        className={clsx(defaultChartSize, className)}\n        style={style}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        data-testid={dataTestId}\n        data-dt-component={COMPONENT_NAME}\n      />\n    </TreeMapChartProviders>\n  );\n});\n\n/**\n * The `TreeMap` visualizes the distribution of hierarchical data.\n * It uses nested rectangles of different sizes and colors to show\n * how much each category or subcategory contributes to the whole\n * data set.\n * @public\n */\nexport const TreeMap = Object.assign(TreeMapRoot, {\n  Legend: TreeMapChartLegend,\n  Tooltip,\n  Intent,\n  Toolbar,\n  DownloadCSV: TreeMapDownloadCSVSlot,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n"],
-  "mappings": "AA2FM;AA3FN,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,0BAA0B;AACnC,SAAS,gBAAgB,qBAAqB;AAC9C,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,UAAU,0BAA0B;AAE7C,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAE1B,MAAM,iBAAiB;AACvB,MAAM,cAAc,WAGlB,CAAC,OAAO,iBAA8B;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe,aAAa;AAAA,IAC5B;AAAA,EACF,IAAI;AAEJ,QAAM,SAAS,sBAAsB,KAAK;AAC1C,QAAM,EAAE,QAAQ,IAAI;AAEpB,QAAM,YACJ,QAAQ,IAAI,KACZ,KAAK,KAAK,UAAU,UACpB,KAAK,KAAK,MAAM,WAAW;AAE7B,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAEnE,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,iBAAiB,qBAAqB,IAAI;AAEhD,sBAAoB,cAAc,MAAM;AACtC,QAAI,aAAa,CAAC;AAElB,QAAI,WAAW,SAAS;AACtB,mBAAa;AAAA,QACX,SAAS,WAAW;AAAA,QACpB,WAAW,MAAM,KAAK,UAAU,EAAE,MAAM,UAAU,SAAS,GAAG,OAAO,CAAC;AAAA,QACtE,cAAc,MAAM,oBAAoB,KAAK,IAAI;AAAA,MACnD;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC;AAED,QAAM,eAAe;AAAA,IACnB,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ,KAAK;AAAA,EACf;AACA,QAAM,aAAa,cAAc,YAAY;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,KAAK;AAAA,UACL,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA,UACA,WAAW,KAAK,kBAAkB,SAAS;AAAA,UAC3C;AAAA,UACA,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,eAAa;AAAA,UACb,qBAAmB;AAAA;AAAA,MACrB;AAAA;AAAA,EACF;AAEJ,CAAC;AASM,MAAM,UAAU,OAAO,OAAO,aAAa;AAAA,EAChD,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { isEmpty } from 'lodash-es';\nimport {\n  forwardRef,\n  type JSX,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { TreeMapChartLayout } from './components/TreeMapChartLayout.js';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH } from './constants.js';\nimport { useTreeMapChartConfig } from './hooks/useTreeMapChartConfig.js';\nimport { TreeMapChartProviders } from './providers/TreeMapChartProviders.js';\nimport { TreeMapDownloadCSVSlot } from './slots/DownloadCSV.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Legend as TreeMapChartLegend } from './slots/TreeMapChartLegend.js';\nimport type { TreeMapElementRef, TreeMapProps } from './types/treemap.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { getSortedTree } from './utils/get-sorted-tree.js';\nimport { mapToInternalTree } from './utils/map-to-internal-tree.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.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 { 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 { ChartType } from '../core/types/chart-types.js';\n\nconst COMPONENT_NAME = 'TreeMap';\nconst TreeMapRoot = forwardRef<\n  TreeMapElementRef,\n  PropsWithChildren<TreeMapProps>\n>((props, forwardedRef): JSX.Element => {\n  const {\n    data,\n    children,\n    seriesActions,\n    width = DEFAULT_WIDTH,\n    height = DEFAULT_HEIGHT,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'treemap-chart-root',\n    unit,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useTreeMapChartConfig(props);\n  const { loading } = config;\n\n  const emptyData =\n    isEmpty(data) ||\n    data.tree.nodes === undefined ||\n    data.tree.nodes.length === 0;\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const treeMapRef = useRef<HTMLDivElement>(null);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  useImperativeHandle(forwardedRef, () => {\n    let exposedRef = {} as TreeMapElementRef;\n\n    if (treeMapRef.current) {\n      exposedRef = {\n        element: treeMapRef.current,\n        getConfig: () => JSON.stringify({ type: ChartType.Treemap, ...config }),\n        downloadData: () => buildAndDownloadCsv(data.tree),\n      };\n    }\n\n    return exposedRef;\n  });\n\n  const internalTree = mapToInternalTree(\n    data.tree,\n    config.formatter,\n    unit ?? data.unit,\n  );\n  const sortedTree = getSortedTree(internalTree);\n\n  return (\n    <TreeMapChartProviders\n      data={data}\n      seriesActions={seriesActions}\n      unit={unit}\n      {...config}\n    >\n      <TreeMapChartLayout\n        {...behavioralTrackingProps}\n        chartLayoutRef={chartLayoutRef}\n        ref={treeMapRef}\n        data={sortedTree}\n        width={width}\n        height={height}\n        emptyState={emptyState}\n        errorState={errorState}\n        isEmpty={emptyData}\n        loading={loading}\n        className={clsx(defaultChartSize, className)}\n        style={style}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        data-testid={dataTestId}\n        data-dt-component={COMPONENT_NAME}\n      />\n    </TreeMapChartProviders>\n  );\n});\n\n/**\n * The `TreeMap` visualizes the distribution of hierarchical data.\n * It uses nested rectangles of different sizes and colors to show\n * how much each category or subcategory contributes to the whole\n * data set.\n * @public\n */\nexport const TreeMap = Object.assign(TreeMapRoot, {\n  Legend: TreeMapChartLegend,\n  Tooltip,\n  Intent,\n  Toolbar,\n  DownloadCSV: TreeMapDownloadCSVSlot,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n"],
+  "mappings": "AA8FM;AA9FN,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,0BAA0B;AACnC,SAAS,gBAAgB,qBAAqB;AAC9C,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,UAAU,0BAA0B;AAE7C,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,kCAAkC;AAC3C,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAE1B,MAAM,iBAAiB;AACvB,MAAM,cAAc,WAGlB,CAAC,OAAO,iBAA8B;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe,aAAa;AAAA,IAC5B;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAElE,QAAM,SAAS,sBAAsB,KAAK;AAC1C,QAAM,EAAE,QAAQ,IAAI;AAEpB,QAAM,YACJ,QAAQ,IAAI,KACZ,KAAK,KAAK,UAAU,UACpB,KAAK,KAAK,MAAM,WAAW;AAE7B,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAEnE,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,iBAAiB,qBAAqB,IAAI;AAEhD,sBAAoB,cAAc,MAAM;AACtC,QAAI,aAAa,CAAC;AAElB,QAAI,WAAW,SAAS;AACtB,mBAAa;AAAA,QACX,SAAS,WAAW;AAAA,QACpB,WAAW,MAAM,KAAK,UAAU,EAAE,MAAM,UAAU,SAAS,GAAG,OAAO,CAAC;AAAA,QACtE,cAAc,MAAM,oBAAoB,KAAK,IAAI;AAAA,MACnD;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC;AAED,QAAM,eAAe;AAAA,IACnB,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ,KAAK;AAAA,EACf;AACA,QAAM,aAAa,cAAc,YAAY;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA,KAAK;AAAA,UACL,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA,UACA,WAAW,KAAK,kBAAkB,SAAS;AAAA,UAC3C;AAAA,UACA,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,eAAa;AAAA,UACb,qBAAmB;AAAA;AAAA,MACrB;AAAA;AAAA,EACF;AAEJ,CAAC;AASM,MAAM,UAAU,OAAO,OAAO,aAAa;AAAA,EAChD,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,CAAC;",
   "names": []
 }

package/esm/charts/tree-map/components/TreeMapChartLayout.js

@@ -3,6 +3,7 @@ import { forwardRef } from "react";
 import { TreeMapInternal } from "./TreeMapInternal.js";
 import { TreeMapLegendRenderer } from "./TreeMapLegend/TreeMapLegendRenderer.js";
 import { TreeMapOverlay } from "./TreeMapOverlay/TreeMapOverlay.js";
+import { useBehavioralTrackingProps } from "../../../core/hooks/useBehavioralTrackingProps.js";
 import { ChartLayout } from "../../core/components/chart-layout/ChartLayout.js";
 import { useChartLegend } from "../context/ChartLegendContext.js";
 import { TreeMapAggregationDataProvider } from "../providers/TreeMapAggregationDataProvider.js";
@@ -25,6 +26,7 @@ const TreeMapChartLayout = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     "data-testid": dataTestId,
     "data-dt-component": dataDtComponent
   } = props;
+  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);
   const {
     hidden: legendHidden,
     position: legendPosition,
@@ -37,6 +39,7 @@ const TreeMapChartLayout = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsxs(
     ChartLayout,
     {
+      ...behavioralTrackingProps,
       ref: chartLayoutRef,
       chartWidth: width,
       chartHeight: height,

package/esm/charts/tree-map/components/TreeMapChartLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/components/TreeMapChartLayout.tsx"],
-  "sourcesContent": ["import { forwardRef, type JSX, type ReactNode, type RefObject } from 'react';\n\n\nimport { TreeMapInternal } from './TreeMapInternal.js';\nimport { TreeMapLegendRenderer } from './TreeMapLegend/TreeMapLegendRenderer.js';\nimport { TreeMapOverlay } from './TreeMapOverlay/TreeMapOverlay.js';\nimport { DataTestId } from '../../../core/types/data-props.js';\nimport { MaskingProps } from '../../../core/types/masking-props.js';\nimport { StylingProps } from '../../../core/types/styling-props.js';\nimport { ChartLayout } from '../../core/components/chart-layout/ChartLayout.js';\nimport type { ChartLayoutRef } from '../../core/components/chart-layout/types/chart-layout.js';\nimport { useChartLegend } from '../context/ChartLegendContext.js';\nimport { TreeMapAggregationDataProvider } from '../providers/TreeMapAggregationDataProvider.js';\nimport { TreeMapHighlightingMapProvider } from '../providers/TreeMapHighlightingMapProvider.js';\nimport { TreeMapInternalDataProvider } from '../providers/TreeMapInternalDataProvider.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\ninterface TreemapChartLayoutProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId {\n  data: InternalTreeMapNode;\n  width: string | number;\n  height: string | number;\n  emptyState?: ReactNode;\n  errorState: ReactNode | ((errorMessage: string) => JSX.Element) | undefined;\n  isEmpty: boolean;\n  loading: boolean;\n  chartLayoutRef: RefObject<ChartLayoutRef | null>;\n  'data-dt-component': string;\n}\n\nexport const TreeMapChartLayout = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  TreemapChartLayoutProps\n>((props, forwardedRef) => {\n  const {\n    data,\n    chartLayoutRef,\n    width,\n    height,\n    emptyState,\n    errorState,\n    isEmpty,\n    loading,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    'data-dt-component': dataDtComponent,\n  } = props;\n\n  const {\n    hidden: legendHidden,\n    position: legendPosition,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n  } = useChartLegend();\n\n  const legendRatio = initialRatio ?? ratio;\n\n  return (\n    <ChartLayout\n      ref={chartLayoutRef}\n      chartWidth={width}\n      chartHeight={height}\n      emptyState={emptyState}\n      errorState={errorState}\n      showLoader={loading}\n      isEmpty={isEmpty}\n      className={className}\n      style={style}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-testid={dataTestId}\n      data-dt-component={dataDtComponent}\n    >\n      <ChartLayout.Graph>\n        <TreeMapInternalDataProvider data={data}>\n          <TreeMapAggregationDataProvider>\n            <TreeMapHighlightingMapProvider>\n              <div style={{ position: 'relative' }}>\n                <TreeMapInternal ref={forwardedRef} />\n                {loading ? null : <TreeMapOverlay />}\n              </div>\n            </TreeMapHighlightingMapProvider>\n          </TreeMapAggregationDataProvider>\n        </TreeMapInternalDataProvider>\n      </ChartLayout.Graph>\n      {!legendHidden && (\n        <ChartLayout.Legend\n          position={legendPosition}\n          initialRatio={legendRatio}\n          onResize={onRatioChange}\n        >\n          <TreeMapLegendRenderer />\n        </ChartLayout.Legend>\n      )}\n    </ChartLayout>\n  );\n});\n"],
-  "mappings": "AAoFc,SACE,KADF;AApFd,SAAS,kBAA4D;AAGrE,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAI/B,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB;AAC/B,SAAS,sCAAsC;AAC/C,SAAS,sCAAsC;AAC/C,SAAS,mCAAmC;AAkBrC,MAAM,qBAAqC,2BAGhD,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,qBAAqB;AAAA,EACvB,IAAI;AAEJ,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,IAEV;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,eAAe;AAEnB,QAAM,cAAc,gBAAgB;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,qBAAmB;AAAA,MAEnB;AAAA,4BAAC,YAAY,OAAZ,EACC,8BAAC,+BAA4B,MAC3B,8BAAC,kCACC,8BAAC,kCACC,+BAAC,SAAI,OAAO,EAAE,UAAU,WAAW,GACjC;AAAA,8BAAC,mBAAgB,KAAK,cAAc;AAAA,UACnC,UAAU,OAAO,oBAAC,kBAAe;AAAA,WACpC,GACF,GACF,GACF,GACF;AAAA,QACC,CAAC,gBACA;AAAA,UAAC,YAAY;AAAA,UAAZ;AAAA,YACC,UAAU;AAAA,YACV,cAAc;AAAA,YACd,UAAU;AAAA,YAEV,8BAAC,yBAAsB;AAAA;AAAA,QACzB;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;",
+  "sourcesContent": ["import { forwardRef, type JSX, type ReactNode, type RefObject } from 'react';\n\nimport { TreeMapInternal } from './TreeMapInternal.js';\nimport { TreeMapLegendRenderer } from './TreeMapLegend/TreeMapLegendRenderer.js';\nimport { TreeMapOverlay } from './TreeMapOverlay/TreeMapOverlay.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../../core/types/data-props.js';\nimport { MaskingProps } from '../../../core/types/masking-props.js';\nimport { StylingProps } from '../../../core/types/styling-props.js';\nimport { ChartLayout } from '../../core/components/chart-layout/ChartLayout.js';\nimport type { ChartLayoutRef } from '../../core/components/chart-layout/types/chart-layout.js';\nimport { useChartLegend } from '../context/ChartLegendContext.js';\nimport { TreeMapAggregationDataProvider } from '../providers/TreeMapAggregationDataProvider.js';\nimport { TreeMapHighlightingMapProvider } from '../providers/TreeMapHighlightingMapProvider.js';\nimport { TreeMapInternalDataProvider } from '../providers/TreeMapInternalDataProvider.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\ninterface TreemapChartLayoutProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  data: InternalTreeMapNode;\n  width: string | number;\n  height: string | number;\n  emptyState?: ReactNode;\n  errorState: ReactNode | ((errorMessage: string) => JSX.Element) | undefined;\n  isEmpty: boolean;\n  loading: boolean;\n  chartLayoutRef: RefObject<ChartLayoutRef | null>;\n  'data-dt-component': string;\n}\n\nexport const TreeMapChartLayout = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  TreemapChartLayoutProps\n>((props, forwardedRef) => {\n  const {\n    data,\n    chartLayoutRef,\n    width,\n    height,\n    emptyState,\n    errorState,\n    isEmpty,\n    loading,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    'data-dt-component': dataDtComponent,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const {\n    hidden: legendHidden,\n    position: legendPosition,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n  } = useChartLegend();\n\n  const legendRatio = initialRatio ?? ratio;\n\n  return (\n    <ChartLayout\n      {...behavioralTrackingProps}\n      ref={chartLayoutRef}\n      chartWidth={width}\n      chartHeight={height}\n      emptyState={emptyState}\n      errorState={errorState}\n      showLoader={loading}\n      isEmpty={isEmpty}\n      className={className}\n      style={style}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-testid={dataTestId}\n      data-dt-component={dataDtComponent}\n    >\n      <ChartLayout.Graph>\n        <TreeMapInternalDataProvider data={data}>\n          <TreeMapAggregationDataProvider>\n            <TreeMapHighlightingMapProvider>\n              <div style={{ position: 'relative' }}>\n                <TreeMapInternal ref={forwardedRef} />\n                {loading ? null : <TreeMapOverlay />}\n              </div>\n            </TreeMapHighlightingMapProvider>\n          </TreeMapAggregationDataProvider>\n        </TreeMapInternalDataProvider>\n      </ChartLayout.Graph>\n      {!legendHidden && (\n        <ChartLayout.Legend\n          position={legendPosition}\n          initialRatio={legendRatio}\n          onResize={onRatioChange}\n        >\n          <TreeMapLegendRenderer />\n        </ChartLayout.Legend>\n      )}\n    </ChartLayout>\n  );\n});\n"],
+  "mappings": "AAyFc,SACE,KADF;AAzFd,SAAS,kBAA4D;AAErE,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,kCAAkC;AAK3C,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB;AAC/B,SAAS,sCAAsC;AAC/C,SAAS,sCAAsC;AAC/C,SAAS,mCAAmC;AAmBrC,MAAM,qBAAqC,2BAGhD,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,qBAAqB;AAAA,EACvB,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAElE,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,IAEV;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,eAAe;AAEnB,QAAM,cAAc,gBAAgB;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,qBAAmB;AAAA,MAEnB;AAAA,4BAAC,YAAY,OAAZ,EACC,8BAAC,+BAA4B,MAC3B,8BAAC,kCACC,8BAAC,kCACC,+BAAC,SAAI,OAAO,EAAE,UAAU,WAAW,GACjC;AAAA,8BAAC,mBAAgB,KAAK,cAAc;AAAA,UACnC,UAAU,OAAO,oBAAC,kBAAe;AAAA,WACpC,GACF,GACF,GACF,GACF;AAAA,QACC,CAAC,gBACA;AAAA,UAAC,YAAY;AAAA,UAAZ;AAAA,YACC,UAAU;AAAA,YACV,cAAc;AAAA,YACd,UAAU;AAAA,YAEV,8BAAC,yBAAsB;AAAA;AAAA,QACzB;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1iqz50a0-3-1-3 {
+._1iqz50a0-3-2-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-1-3";
+var container = "_1iqz50a0-3-2-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-1-3';"],
+  "sourcesContent": ["import './TreeMapOverlay.css';\nexport var container = '_1iqz50a0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/tree-map/components/TreeMapToolbar/TreeMapToolbar.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { TreeMapDownloadDataButton } from "./TreeMapDownloadDataButton.js";
+import { useBehavioralTrackingProps as _useBehavioralTrackingProps } from "../../../../core/hooks/useBehavioralTrackingProps.js";
 import { ChartToolbarRenderer } from "../../../core/components/toolbar/ChartToolbarRenderer.js";
 import { DEFAULT_TOOLBAR_PLACEMENT } from "../../constants.js";
 import { useToolbarConfig } from "../../context/ToolbarContext.js";
@@ -27,6 +28,9 @@ const TreeMapToolbar = () => {
   const showDefaultToolbarDownloadButton = isDownloadEnabled && !toolbarConfig?.intents;
   const showMenuToolbarButton = isDownloadEnabled && !!toolbarConfig?.intents?.length;
   const initialA11yState = showDefaultToolbarDownloadButton ? [{ download: 0 }] : [{ intent: 0 }];
+  const behaviorTrackingProps = _useBehavioralTrackingProps(
+    toolbarConfig ?? {}
+  )[0];
   return /* @__PURE__ */ jsx(
     ChartToolbarRenderer,
     {
@@ -42,6 +46,7 @@ const TreeMapToolbar = () => {
       intents: toolbarConfig?.intents,
       handleDownloadDataToolbar,
       removeDragHandle: true,
+      ...behaviorTrackingProps,
       children: showDefaultToolbarDownloadButton && /* @__PURE__ */ jsx(TreeMapDownloadDataButton, {})
     }
   );

package/esm/charts/tree-map/components/TreeMapToolbar/TreeMapToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/tree-map/components/TreeMapToolbar/TreeMapToolbar.tsx"],
-  "sourcesContent": ["import { TreeMapDownloadDataButton } from './TreeMapDownloadDataButton.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport { A11yToolbarTabIndex } from '../../../core/types/toolbar.js';\nimport { DEFAULT_TOOLBAR_PLACEMENT } from '../../constants.js';\nimport { useToolbarConfig } from '../../context/ToolbarContext.js';\nimport { useTreeMapRawData } from '../../context/TreeMapRawDataContext.js';\nimport { useToolbar } from '../../hooks/useToolbar.js';\nimport { useTooltip } from '../../hooks/useTooltip.js';\nimport { useOverlayState } from '../../store/selectors.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\nexport const TreeMapToolbar = () => {\n  const toolbarConfig = useToolbarConfig();\n  const { mouseInBounds } = useOverlayState();\n  const { setTooltipPinned } = useTooltip();\n  const { setTooltipHoverState } = useToolbar();\n  const toolbarPlacement =\n    toolbarConfig?.placement ?? DEFAULT_TOOLBAR_PLACEMENT;\n\n  const handleMouseEnter = () => {\n    setTooltipHoverState(true);\n    setTooltipPinned(false);\n  };\n\n  const handleMouseLeave = () => {\n    setTooltipHoverState(false);\n  };\n\n  const isDownloadEnabled = toolbarConfig?.downloadData?.enabled ?? false;\n  const { tree } = useTreeMapRawData();\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => buildAndDownloadCsv(tree);\n\n  const showDefaultToolbarDownloadButton =\n    isDownloadEnabled && !toolbarConfig?.intents;\n  const showMenuToolbarButton =\n    isDownloadEnabled && !!toolbarConfig?.intents?.length;\n\n  const initialA11yState: A11yToolbarTabIndex[] =\n    showDefaultToolbarDownloadButton ? [{ download: 0 }] : [{ intent: 0 }];\n\n  return (\n    <ChartToolbarRenderer\n      visible={mouseInBounds}\n      placement={toolbarPlacement}\n      collapsed={toolbarConfig?.collapsed}\n      draggable={true}\n      initialA11yState={initialA11yState}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      menuDisplayMode=\"never\"\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={toolbarConfig?.intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      removeDragHandle={true}\n    >\n      {showDefaultToolbarDownloadButton && <TreeMapDownloadDataButton />}\n    </ChartToolbarRenderer>\n  );\n};\n"],
-  "mappings": "AAyD2C;AAzD3C,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AAErC,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AAE7B,MAAM,iBAAiB,MAAM;AAClC,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,EAAE,cAAc,IAAI,gBAAgB;AAC1C,QAAM,EAAE,iBAAiB,IAAI,WAAW;AACxC,QAAM,EAAE,qBAAqB,IAAI,WAAW;AAC5C,QAAM,mBACJ,eAAe,aAAa;AAE9B,QAAM,mBAAmB,MAAM;AAC7B,yBAAqB,IAAI;AACzB,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,mBAAmB,MAAM;AAC7B,yBAAqB,KAAK;AAAA,EAC5B;AAEA,QAAM,oBAAoB,eAAe,cAAc,WAAW;AAClE,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAGnC,QAAM,4BAA4B,MAAM,oBAAoB,IAAI;AAEhE,QAAM,mCACJ,qBAAqB,CAAC,eAAe;AACvC,QAAM,wBACJ,qBAAqB,CAAC,CAAC,eAAe,SAAS;AAEjD,QAAM,mBACJ,mCAAmC,CAAC,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAW,eAAe;AAAA,MAC1B,WAAW;AAAA,MACX;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd,iBAAgB;AAAA,MAChB,mBAAmB;AAAA,MACnB,SAAS,eAAe;AAAA,MACxB;AAAA,MACA,kBAAkB;AAAA,MAEjB,8CAAoC,oBAAC,6BAA0B;AAAA;AAAA,EAClE;AAEJ;",
+  "sourcesContent": ["import { TreeMapDownloadDataButton } from './TreeMapDownloadDataButton.js';\nimport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport { A11yToolbarTabIndex } from '../../../core/types/toolbar.js';\nimport { DEFAULT_TOOLBAR_PLACEMENT } from '../../constants.js';\nimport { useToolbarConfig } from '../../context/ToolbarContext.js';\nimport { useTreeMapRawData } from '../../context/TreeMapRawDataContext.js';\nimport { useToolbar } from '../../hooks/useToolbar.js';\nimport { useTooltip } from '../../hooks/useTooltip.js';\nimport { useOverlayState } from '../../store/selectors.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\nexport const TreeMapToolbar = () => {\n  const toolbarConfig = useToolbarConfig();\n  const { mouseInBounds } = useOverlayState();\n  const { setTooltipPinned } = useTooltip();\n  const { setTooltipHoverState } = useToolbar();\n  const toolbarPlacement =\n    toolbarConfig?.placement ?? DEFAULT_TOOLBAR_PLACEMENT;\n\n  const handleMouseEnter = () => {\n    setTooltipHoverState(true);\n    setTooltipPinned(false);\n  };\n\n  const handleMouseLeave = () => {\n    setTooltipHoverState(false);\n  };\n\n  const isDownloadEnabled = toolbarConfig?.downloadData?.enabled ?? false;\n  const { tree } = useTreeMapRawData();\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => buildAndDownloadCsv(tree);\n\n  const showDefaultToolbarDownloadButton =\n    isDownloadEnabled && !toolbarConfig?.intents;\n  const showMenuToolbarButton =\n    isDownloadEnabled && !!toolbarConfig?.intents?.length;\n\n  const initialA11yState: A11yToolbarTabIndex[] =\n    showDefaultToolbarDownloadButton ? [{ download: 0 }] : [{ intent: 0 }];\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(\n    toolbarConfig ?? {},\n  )[0];\n\n  return (\n    <ChartToolbarRenderer\n      visible={mouseInBounds}\n      placement={toolbarPlacement}\n      collapsed={toolbarConfig?.collapsed}\n      draggable={true}\n      initialA11yState={initialA11yState}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      menuDisplayMode=\"never\"\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={toolbarConfig?.intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      removeDragHandle={true}\n      {...behaviorTrackingProps}\n    >\n      {showDefaultToolbarDownloadButton && <TreeMapDownloadDataButton />}\n    </ChartToolbarRenderer>\n  );\n};\n"],
+  "mappings": "AA+D2C;AA/D3C,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B,mCAAmC;AAC1E,SAAS,4BAA4B;AAErC,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AAE7B,MAAM,iBAAiB,MAAM;AAClC,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,EAAE,cAAc,IAAI,gBAAgB;AAC1C,QAAM,EAAE,iBAAiB,IAAI,WAAW;AACxC,QAAM,EAAE,qBAAqB,IAAI,WAAW;AAC5C,QAAM,mBACJ,eAAe,aAAa;AAE9B,QAAM,mBAAmB,MAAM;AAC7B,yBAAqB,IAAI;AACzB,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,mBAAmB,MAAM;AAC7B,yBAAqB,KAAK;AAAA,EAC5B;AAEA,QAAM,oBAAoB,eAAe,cAAc,WAAW;AAClE,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAGnC,QAAM,4BAA4B,MAAM,oBAAoB,IAAI;AAEhE,QAAM,mCACJ,qBAAqB,CAAC,eAAe;AACvC,QAAM,wBACJ,qBAAqB,CAAC,CAAC,eAAe,SAAS;AAEjD,QAAM,mBACJ,mCAAmC,CAAC,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;AAEvE,QAAM,wBAAwB;AAAA,IAC5B,iBAAiB,CAAC;AAAA,EACpB,EAAE,CAAC;AAEH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAW,eAAe;AAAA,MAC1B,WAAW;AAAA,MACX;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd,iBAAgB;AAAA,MAChB,mBAAmB;AAAA,MACnB,SAAS,eAAe;AAAA,MACxB;AAAA,MACA,kBAAkB;AAAA,MACjB,GAAG;AAAA,MAEH,8CAAoC,oBAAC,6BAA0B;AAAA;AAAA,EAClE;AAEJ;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
-._1j83htq0-3-1-3 {
+._1j83htq0-3-2-0 {
   padding: 0 var(--dt-spacings-size-4, 4px) ;
   text-align: center;
 }
-._1j83htq1-3-1-3 {
+._1j83htq1-3-2-0 {
   padding: var(--dt-spacings-size-4, 4px);
 }

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

@@ -1,6 +1,6 @@
 import "./TreeMapTooltip.css";
-var headerText = "_1j83htq0-3-1-3";
-var valueChip = "_1j83htq1-3-1-3";
+var headerText = "_1j83htq0-3-2-0";
+var valueChip = "_1j83htq1-3-2-0";
 export {
   headerText,
   valueChip

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/tree-map/components/TreeMapTooltip/TreeMapTooltip.css.ts"],
-  "sourcesContent": ["import './TreeMapTooltip.css';\nexport var headerText = '_1j83htq0-3-1-3';\nexport var valueChip = '_1j83htq1-3-1-3';"],
+  "sourcesContent": ["import './TreeMapTooltip.css';\nexport var headerText = '_1j83htq0-3-2-0';\nexport var valueChip = '_1j83htq1-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/tree-map/utils/iterate-slots.js

@@ -6,6 +6,7 @@ import { ColorRule } from "../../core/slots/ColorRule.js";
 import { ChartToolbar } from "../../core/slots/toolbar/ChartToolbar.js";
 import { sanitizeProps } from "../../core/slots/toolbar/CompactToolbar.js";
 import { DownloadData } from "../../core/slots/toolbar/DownloadData.js";
+import { extractBehaviorTrackingProps } from "../../core/utils/extract-behavior-tracking-props.js";
 import { TreeMapDownloadCSVSlot } from "../slots/DownloadCSV.js";
 import { Toolbar } from "../slots/Toolbar.js";
 import { Tooltip } from "../slots/Tooltip.js";
@@ -55,7 +56,8 @@ function iterateSlots(children) {
         ...slots,
         toolbar: {
           ...slots.toolbar,
-          ...sanitizeProps(child.props)
+          ...sanitizeProps(child.props),
+          ...extractBehaviorTrackingProps(child.props)
         }
       };
     } else if (isSlot(child, TreeMapDownloadCSVSlot)) {