@dynatrace/strato-components 3.0.1 → 3.1.0

package/esm/charts/histogram/HistogramChartInternal.js

@@ -0,0 +1,136 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isEmpty } from "lodash-es";
+import { forwardRef, useRef } from "react";
+import { ANNOTATIONS_PADDING_BOTTOM } from "./components/annotations-histogram/constants.js";
+import { HistogramAnnotationsArea } from "./components/annotations-histogram/HistogramAnnotationsArea.js";
+import { HistogramAnnotationsIndicators } from "./components/annotations-histogram/HistogramAnnotationsIndicators.js";
+import { HistogramValueBottomAxisArea } from "./components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.js";
+import { HistogramValueLeftAxisArea } from "./components/axes/HistogramValueLeftAxisArea.js";
+import { HistogramValueRightAxisArea } from "./components/axes/HistogramValueRightAxisArea.js";
+import { HistogramChartPlot } from "./components/layout/HistogramChartPlot.js";
+import { HistogramOverlays } from "./components/overlays/HistogramOverlays.js";
+import { HistogramThresholdArea } from "./components/thresholds/HistogramThresholdArea.js";
+import { ThresholdIndicators } from "./components/thresholds/ThresholdIndicators.js";
+import {
+  DISPLAY_NAME,
+  HISTOGRAM_CHART_ARIA_LABEL
+} from "./constants/defaults.js";
+import { AREAS } from "./constants/histogram-grid-area-rules.js";
+import { useHistogramAnnotationsConfig } from "./hooks/useHistogramAnnotationsConfig.js";
+import { useHistogramFilteredData } from "./hooks/useHistogramFilteredData.js";
+import { useHistogramLegend } from "./hooks/useHistogramLegend.js";
+import { useHistogramLoading } from "./hooks/useHistogramLoading.js";
+import { useHistogramThresholds } from "./hooks/useHistogramThresholds.js";
+import { useYAxisConfig } from "./hooks/useYAxisConfig.js";
+import { HistogramAnnotationsDataProvider } from "./providers/HistogramAnnotationsDataProvider.js";
+import { HistogramChartImperativeHandler } from "./providers/HistogramChartImperativeHandler.js";
+import { HistogramFormatterProvider } from "./providers/HistogramFormatterProvider.js";
+import { HistogramXScaleProvider } from "./providers/HistogramXScaleProvider.js";
+import { HistogramYScalesProvider } from "./providers/HistogramYScalesProvider.js";
+import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
+import { defaultChartSize } from "../../core/styles/defaultChartValues.sty.js";
+import { SCROLLBAR_WIDTH } from "../core/components/annotations/constants.js";
+import { getAnnotationsVisibleArea } from "../core/components/annotations/utils/get-annotations-visible-area.js";
+import { ChartGrid } from "../core/components/chart-grid/ChartGridRoot.js";
+import { useChartLayoutOrientation } from "../core/components/chart-layout/hooks/useChartLayoutOrientation.js";
+import { useGraphSize } from "../core/components/chart-layout/hooks/useGraphSize.js";
+import { ChartLoaderOverlay } from "../core/components/chart-loader-overlay/ChartLoaderOverlay.js";
+import {
+  BOTTOM_PADDING_ADJUSTMENT,
+  OVERLAY_PADDING
+} from "../core/components/data-point/constants.js";
+const histogramGridTemplateAreas = `
+  "${AREAS.annotations} ${AREAS.annotations} ${AREAS.annotations} . ."
+  "${AREAS.leftAxis} ${AREAS.leftThreshold} plot ${AREAS.rightThreshold} ${AREAS.rightAxis}"
+  ". . ${AREAS.bottomAxis} . ."
+`;
+const histogramGridTemplateColumns = "minmax(0, auto) auto minmax(60%, 1fr) auto minmax(0, auto)";
+const HistogramChartInternal = forwardRef(({ config }, forwardedRef) => {
+  const loading = useHistogramLoading();
+  const annotations = useHistogramAnnotationsConfig();
+  const tracksQuantity = annotations.tracks.length;
+  const numHiddenTracks = annotations.tracks.filter(
+    (value) => value.hidden
+  ).length;
+  const annotationsVisibleArea = getAnnotationsVisibleArea(
+    tracksQuantity,
+    annotations?.visibleTracksLimit,
+    numHiddenTracks
+  );
+  const histogramGridTemplateRows = `minmax(0, ${annotationsVisibleArea + (tracksQuantity ? ANNOTATIONS_PADDING_BOTTOM : 0)}px) minmax(60%, 1fr) minmax(0, auto)`;
+  const { leftThreshold, rightThreshold } = useHistogramThresholds();
+  const hasThresholds = !isEmpty(leftThreshold) || !isEmpty(rightThreshold);
+  const { width, height } = useGraphSize();
+  const chartRef = useRef(null);
+  const mergedRef = useMergeRefs([
+    forwardedRef,
+    chartRef
+  ]);
+  const { orientation } = useChartLayoutOrientation();
+  const { right: axisRight } = useYAxisConfig();
+  const { hidden: legendHidden } = useHistogramLegend();
+  const { units } = useHistogramFilteredData();
+  const availableWidth = tracksQuantity && orientation === "vertical" ? width - SCROLLBAR_WIDTH : width;
+  const noAxisRight = !axisRight || units.length === 1;
+  const noLegendRight = legendHidden || orientation === "vertical";
+  const noLegendBottom = legendHidden || orientation === "horizontal";
+  const hasRightPadding = noAxisRight && noLegendRight;
+  const chartGridHeight = height - (!tracksQuantity || noLegendBottom ? OVERLAY_PADDING + BOTTOM_PADDING_ADJUSTMENT : 0);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        paddingTop: !tracksQuantity ? OVERLAY_PADDING : 0,
+        paddingLeft: 0
+      },
+      className: defaultChartSize,
+      role: "img",
+      "aria-label": HISTOGRAM_CHART_ARIA_LABEL,
+      children: /* @__PURE__ */ jsx(
+        ChartGrid,
+        {
+          width: availableWidth - (hasRightPadding ? OVERLAY_PADDING : 0),
+          height: chartGridHeight,
+          gridTemplateAreas: histogramGridTemplateAreas,
+          gridTemplateColumns: histogramGridTemplateColumns,
+          gridTemplateRows: histogramGridTemplateRows,
+          ref: mergedRef,
+          "data-testid": "histogram-chart-root",
+          children: /* @__PURE__ */ jsx(HistogramXScaleProvider, { children: /* @__PURE__ */ jsx(HistogramYScalesProvider, { children: /* @__PURE__ */ jsx(HistogramFormatterProvider, { children: /* @__PURE__ */ jsx(HistogramAnnotationsDataProvider, { children: /* @__PURE__ */ jsxs(
+            HistogramChartImperativeHandler,
+            {
+              config,
+              forwardedRef,
+              chartRef,
+              children: [
+                /* @__PURE__ */ jsx(HistogramValueLeftAxisArea, {}),
+                /* @__PURE__ */ jsx(HistogramValueBottomAxisArea, {}),
+                /* @__PURE__ */ jsx(HistogramValueRightAxisArea, {}),
+                !!tracksQuantity && /* @__PURE__ */ jsx(HistogramAnnotationsArea, {}),
+                /* @__PURE__ */ jsxs(ChartGrid.PlotArea, { children: [
+                  /* @__PURE__ */ jsx(HistogramChartPlot, {}),
+                  /* @__PURE__ */ jsx(HistogramAnnotationsIndicators, {}),
+                  /* @__PURE__ */ jsx(ThresholdIndicators, {}),
+                  /* @__PURE__ */ jsx(
+                    ChartLoaderOverlay,
+                    {
+                      loading: !!loading,
+                      zoomEnabled: !!config.interactions?.zoom?.enabled,
+                      children: /* @__PURE__ */ jsx(HistogramOverlays, {})
+                    }
+                  )
+                ] }),
+                hasThresholds && /* @__PURE__ */ jsx(HistogramThresholdArea, {})
+              ]
+            }
+          ) }) }) }) })
+        }
+      )
+    }
+  );
+});
+HistogramChartInternal.displayName = DISPLAY_NAME;
+export {
+  HistogramChartInternal
+};
+//# sourceMappingURL=HistogramChartInternal.js.map

package/esm/charts/histogram/HistogramChartInternal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/charts/histogram/HistogramChartInternal.tsx"],
+  "sourcesContent": ["import { isEmpty } from 'lodash-es';\nimport { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { ANNOTATIONS_PADDING_BOTTOM } from './components/annotations-histogram/constants.js';\nimport { HistogramAnnotationsArea } from './components/annotations-histogram/HistogramAnnotationsArea.js';\nimport { HistogramAnnotationsIndicators } from './components/annotations-histogram/HistogramAnnotationsIndicators.js';\nimport { HistogramValueBottomAxisArea } from './components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.js';\nimport { HistogramValueLeftAxisArea } from './components/axes/HistogramValueLeftAxisArea.js';\nimport { HistogramValueRightAxisArea } from './components/axes/HistogramValueRightAxisArea.js';\nimport { HistogramChartPlot } from './components/layout/HistogramChartPlot.js';\nimport { HistogramOverlays } from './components/overlays/HistogramOverlays.js';\nimport { HistogramThresholdArea } from './components/thresholds/HistogramThresholdArea.js';\nimport { ThresholdIndicators } from './components/thresholds/ThresholdIndicators.js';\nimport {\n  DISPLAY_NAME,\n  HISTOGRAM_CHART_ARIA_LABEL,\n} from './constants/defaults.js';\nimport { AREAS } from './constants/histogram-grid-area-rules.js';\nimport { useHistogramAnnotationsConfig } from './hooks/useHistogramAnnotationsConfig.js';\nimport { useHistogramFilteredData } from './hooks/useHistogramFilteredData.js';\nimport { useHistogramLegend } from './hooks/useHistogramLegend.js';\nimport { useHistogramLoading } from './hooks/useHistogramLoading.js';\nimport { useHistogramThresholds } from './hooks/useHistogramThresholds.js';\nimport { useYAxisConfig } from './hooks/useYAxisConfig.js';\nimport { HistogramAnnotationsDataProvider } from './providers/HistogramAnnotationsDataProvider.js';\nimport { HistogramChartImperativeHandler } from './providers/HistogramChartImperativeHandler.js';\nimport { HistogramFormatterProvider } from './providers/HistogramFormatterProvider.js';\nimport { HistogramXScaleProvider } from './providers/HistogramXScaleProvider.js';\nimport { HistogramYScalesProvider } from './providers/HistogramYScalesProvider.js';\nimport type { HistogramChartConfiguration } from './types/histogram-props.js';\nimport type { HistogramChartRef } from './types/histogram-ref.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { SCROLLBAR_WIDTH } from '../core/components/annotations/constants.js';\nimport { getAnnotationsVisibleArea } from '../core/components/annotations/utils/get-annotations-visible-area.js';\nimport { ChartGrid } from '../core/components/chart-grid/ChartGridRoot.js';\nimport { useChartLayoutOrientation } from '../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { useGraphSize } from '../core/components/chart-layout/hooks/useGraphSize.js';\nimport { ChartLoaderOverlay } from '../core/components/chart-loader-overlay/ChartLoaderOverlay.js';\nimport {\n  BOTTOM_PADDING_ADJUSTMENT,\n  OVERLAY_PADDING,\n} from '../core/components/data-point/constants.js';\n\nconst histogramGridTemplateAreas = `\n  \"${AREAS.annotations} ${AREAS.annotations} ${AREAS.annotations} . .\"\n  \"${AREAS.leftAxis} ${AREAS.leftThreshold} plot ${AREAS.rightThreshold} ${AREAS.rightAxis}\"\n  \". . ${AREAS.bottomAxis} . .\"\n`;\nconst histogramGridTemplateColumns =\n  'minmax(0, auto) auto minmax(60%, 1fr) auto minmax(0, auto)';\n\nexport interface _HistogramChartProps {\n  config: HistogramChartConfiguration;\n}\n\nexport const HistogramChartInternal = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<_HistogramChartProps>\n>(({ config }, forwardedRef) => {\n  const loading = useHistogramLoading();\n\n  const annotations = useHistogramAnnotationsConfig();\n\n  const tracksQuantity = annotations.tracks.length;\n  const numHiddenTracks = annotations.tracks.filter(\n    (value) => value.hidden,\n  ).length;\n\n  const annotationsVisibleArea = getAnnotationsVisibleArea(\n    tracksQuantity,\n    annotations?.visibleTracksLimit,\n    numHiddenTracks,\n  );\n\n  const histogramGridTemplateRows = `minmax(0, ${\n    annotationsVisibleArea + (tracksQuantity ? ANNOTATIONS_PADDING_BOTTOM : 0)\n  }px) minmax(60%, 1fr) minmax(0, auto)`;\n\n  const { leftThreshold, rightThreshold } = useHistogramThresholds();\n  const hasThresholds = !isEmpty(leftThreshold) || !isEmpty(rightThreshold);\n  const { width, height } = useGraphSize();\n\n  const chartRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs<HistogramChartRef | HTMLDivElement>([\n    forwardedRef,\n    chartRef,\n  ]);\n\n  const { orientation } = useChartLayoutOrientation();\n  const { right: axisRight } = useYAxisConfig();\n  const { hidden: legendHidden } = useHistogramLegend();\n  const { units } = useHistogramFilteredData();\n\n  const availableWidth =\n    tracksQuantity && orientation === 'vertical'\n      ? width - SCROLLBAR_WIDTH\n      : width;\n\n  const noAxisRight = !axisRight || units.length === 1;\n\n  const noLegendRight = legendHidden || orientation === 'vertical';\n  const noLegendBottom = legendHidden || orientation === 'horizontal';\n\n  const hasRightPadding = noAxisRight && noLegendRight;\n\n  const chartGridHeight =\n    height -\n    (!tracksQuantity || noLegendBottom\n      ? OVERLAY_PADDING + BOTTOM_PADDING_ADJUSTMENT\n      : 0);\n\n  return (\n    <div\n      style={{\n        paddingTop: !tracksQuantity ? OVERLAY_PADDING : 0,\n        paddingLeft: 0,\n      }}\n      className={defaultChartSize}\n      role=\"img\"\n      aria-label={HISTOGRAM_CHART_ARIA_LABEL}\n    >\n      <ChartGrid\n        width={availableWidth - (hasRightPadding ? OVERLAY_PADDING : 0)}\n        height={chartGridHeight}\n        gridTemplateAreas={histogramGridTemplateAreas}\n        gridTemplateColumns={histogramGridTemplateColumns}\n        gridTemplateRows={histogramGridTemplateRows}\n        ref={mergedRef}\n        data-testid=\"histogram-chart-root\"\n      >\n        <HistogramXScaleProvider>\n          <HistogramYScalesProvider>\n            <HistogramFormatterProvider>\n              <HistogramAnnotationsDataProvider>\n                <HistogramChartImperativeHandler\n                  config={config}\n                  forwardedRef={forwardedRef}\n                  chartRef={chartRef}\n                >\n                  <HistogramValueLeftAxisArea />\n                  <HistogramValueBottomAxisArea />\n                  <HistogramValueRightAxisArea />\n                  {!!tracksQuantity && <HistogramAnnotationsArea />}\n                  <ChartGrid.PlotArea>\n                    <HistogramChartPlot />\n                    <HistogramAnnotationsIndicators />\n                    <ThresholdIndicators />\n                    <ChartLoaderOverlay\n                      loading={!!loading}\n                      zoomEnabled={!!config.interactions?.zoom?.enabled}\n                    >\n                      <HistogramOverlays />\n                    </ChartLoaderOverlay>\n                  </ChartGrid.PlotArea>\n                  {hasThresholds && <HistogramThresholdArea />}\n                </HistogramChartImperativeHandler>\n              </HistogramAnnotationsDataProvider>\n            </HistogramFormatterProvider>\n          </HistogramYScalesProvider>\n        </HistogramXScaleProvider>\n      </ChartGrid>\n    </div>\n  );\n});\n\n(\n  HistogramChartInternal as typeof HistogramChartInternal & {\n    displayName: string;\n  }\n).displayName = DISPLAY_NAME;\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/charts/histogram/HistogramChartRoot.js

@@ -7,35 +7,17 @@ import {
   DEFAULT_LOADING_STATE
 } from "./constants/defaults.js";
 import { HistogramLoadingContext } from "./contexts/HistogramLoading.context.js";
-import { HistogramChart as HistogramChartInternal } from "./HistogramChart.js";
+import { HistogramChartInternal } from "./HistogramChartInternal.js";
 import { useHistogramChartConfig } from "./hooks/useHistogramChartConfig.js";
 import { HistogramConfigProvider } from "./providers/HistogramConfigProvider.js";
 import { HistogramDataProvider } from "./providers/HistogramDataProvider.js";
 import { HistogramFilteredDataProvider } from "./providers/HistogramFilteredDataProvider.js";
 import { HistogramStateSyncProvider } from "./providers/HistogramStateSyncProvider.js";
 import { StoreProvider } from "./providers/StoreProvider.js";
-import { Annotations } from "./slots/annotations/Annotations.js";
-import { Marker } from "./slots/annotations/Marker.js";
-import { AnnotationsTooltip } from "./slots/annotations/Tooltip.js";
-import { Track } from "./slots/annotations/Track.js";
-import { HistogramChartDownloadCSVSlot } from "./slots/DownloadCSV.js";
-import { Legend } from "./slots/Legend.js";
-import { Pan } from "./slots/Pan.js";
-import { Select } from "./slots/Select.js";
-import { ThresholdIndicator } from "./slots/ThresholdIndicator.js";
-import { Toolbar } from "./slots/Toolbar.js";
-import { Tooltip } from "./slots/Tooltip.js";
-import { XAxis } from "./slots/XAxis.js";
-import { YAxis } from "./slots/YAxis.js";
-import { Zoom } from "./slots/Zoom.js";
-import { Intent } from "../../core/slots/Intent/Intent.js";
 import { ChartLayout } from "../core/components/chart-layout/ChartLayout.js";
 import { useAutoLegendRefresh } from "../core/components/chart-layout/hooks/useAutoLegendRefresh.js";
 import { getChartStatesTemplates } from "../core/components/chart-states/utils/get-chart-states-template.js";
 import { ChartSeriesActionContext } from "../core/components/series-action/ChartSeriesActionContext.js";
-import { EmptyStateSlot } from "../core/slots/chart-states/EmptyStateSlot.js";
-import { ErrorStateSlot } from "../core/slots/chart-states/ErrorStateSlot.js";
-import { ColorRule } from "../core/slots/ColorRule.js";
 import { coerceSizeValue } from "../core/utils/coerceSizeValue.js";
 const COMPONENT_NAME_BEHAVIOURAL_TRACKING = "HistogramChart";
 const HistogramChartRoot = forwardRef((props, forwardedRef) => {
@@ -134,34 +116,7 @@ const HistogramChartRoot = forwardRef((props, forwardedRef) => {
   ) }) }) });
 });
 HistogramChartRoot.displayName = "HistogramChartRoot";
-const HistogramChart = Object.assign(HistogramChartRoot, {
-  XAxis,
-  YAxis,
-  Legend,
-  Tooltip,
-  EmptyState: EmptyStateSlot,
-  ErrorState: ErrorStateSlot,
-  Annotations,
-  ColorRule,
-  ThresholdIndicator,
-  Select,
-  Intent,
-  Toolbar,
-  DownloadCSV: HistogramChartDownloadCSVSlot,
-  Pan,
-  Zoom
-});
-const HistogramAnnotations = Object.assign(
-  {},
-  {
-    Marker,
-    Track,
-    Tooltip: AnnotationsTooltip
-  }
-);
 export {
-  HistogramAnnotations,
-  HistogramChart,
   HistogramChartRoot
 };
 //# sourceMappingURL=HistogramChartRoot.js.map

package/esm/charts/histogram/HistogramChartRoot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/histogram/HistogramChartRoot.tsx"],
-  "sourcesContent": ["import { isEmpty } from 'lodash-es';\nimport { forwardRef, type PropsWithChildren, type ReactElement } from 'react';\n\nimport { HistogramChartLegend } from './components/legend/HistogramChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { HistogramLoadingContext } from './contexts/HistogramLoading.context.js';\nimport { HistogramChart as HistogramChartInternal } from './HistogramChart.js';\nimport { useHistogramChartConfig } from './hooks/useHistogramChartConfig.js';\nimport { HistogramConfigProvider } from './providers/HistogramConfigProvider.js';\nimport { HistogramDataProvider } from './providers/HistogramDataProvider.js';\nimport { HistogramFilteredDataProvider } from './providers/HistogramFilteredDataProvider.js';\nimport { HistogramStateSyncProvider } from './providers/HistogramStateSyncProvider.js';\nimport { StoreProvider } from './providers/StoreProvider.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 { HistogramChartDownloadCSVSlot } from './slots/DownloadCSV.js';\nimport { Legend } from './slots/Legend.js';\nimport { Pan } from './slots/Pan.js';\nimport { Select } from './slots/Select.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 type { HistogramChartProps } from './types/histogram-props.js';\nimport type { HistogramChartRef } from './types/histogram-ref.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { ChartSeriesActionContext } from '../core/components/series-action/ChartSeriesActionContext.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'HistogramChart';\n\n/**\n * @public\n */\nexport const HistogramChartRoot = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    children,\n    data,\n    height,\n    width,\n    colorPalette,\n    truncationMode,\n    loading = DEFAULT_LOADING_STATE,\n    seriesActions,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    className,\n    style,\n    valueRepresentation,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n  const chartConfig = useHistogramChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n\n  const {\n    position: legendPosition,\n    onRatioChange,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    hidden: isLegendHidden,\n  } = chartConfig.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <HistogramLoadingContext.Provider value={loading}>\n      <HistogramConfigProvider config={chartConfig}>\n        <HistogramDataProvider data={data}>\n          <ChartSeriesActionContext.Provider\n            value={{\n              // We need a cast here as the provider expects unknown and the\n              // react context will not be able to carry the generic anyways.\n              chartSeriesActions: seriesActions as (\n                series: unknown,\n              ) => ReactElement<PropsWithChildren>,\n            }}\n          >\n            <StoreProvider>\n              <HistogramFilteredDataProvider>\n                <HistogramStateSyncProvider\n                  currentDomain={chartConfig.currentZoom as [number, number]}\n                  initialDomain={chartConfig.initialZoom as [number, number]}\n                  infiniteZoom={chartConfig.infiniteZoom}\n                >\n                  <ChartLayout\n                    ref={chartLayoutRef}\n                    chartHeight={chartHeight}\n                    chartWidth={width}\n                    isEmpty={isEmpty(data)}\n                    emptyState={emptyState}\n                    errorState={errorState}\n                    showLoader={loading}\n                    className={className}\n                    style={style}\n                    data-dtrum-mask={dataDtrumMask}\n                    data-dtrum-allow={dataDtrumAllow}\n                    data-dt-component={COMPONENT_NAME_BEHAVIOURAL_TRACKING}\n                  >\n                    <ChartLayout.Graph>\n                      <HistogramChartInternal\n                        ref={forwardedRef}\n                        config={chartConfig}\n                      />\n                    </ChartLayout.Graph>\n                    {!isLegendHidden && (\n                      <ChartLayout.Legend\n                        position={legendPosition}\n                        initialRatio={legendRatio}\n                        onResize={onRatioChange}\n                      >\n                        <HistogramChartLegend />\n                      </ChartLayout.Legend>\n                    )}\n                  </ChartLayout>\n                </HistogramStateSyncProvider>\n              </HistogramFilteredDataProvider>\n            </StoreProvider>\n          </ChartSeriesActionContext.Provider>\n        </HistogramDataProvider>\n      </HistogramConfigProvider>\n    </HistogramLoadingContext.Provider>\n  );\n});\n\n(\n  HistogramChartRoot as typeof HistogramChartRoot & { displayName: string }\n).displayName = 'HistogramChartRoot';\n\n/**\n * A `HistogramChart` is a type of graph that represents the distribution of numerical data.\n * It\u2019s constructed by dividing the entire range of values into a series of intervals\u2014known as bins\n * and then counting how many values fall into each interval.\n * The bins are typically of equal size and are adjacent to each other, with no gaps. Each bin is represented by a bar,\n * where the height of the bar reflects the frequency or count of data points within that interval\n * @public\n */\nexport const HistogramChart = Object.assign(HistogramChartRoot, {\n  XAxis,\n  YAxis,\n  Legend,\n  Tooltip,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  Annotations,\n  ColorRule,\n  ThresholdIndicator,\n  Select,\n  Intent,\n  Toolbar,\n  DownloadCSV: HistogramChartDownloadCSVSlot,\n  Pan,\n  Zoom,\n});\n\n/**\n * Annotations Slots\n * @public\n */\nexport const HistogramAnnotations = Object.assign(\n  {},\n  {\n    Marker,\n    Track,\n    Tooltip: AnnotationsTooltip,\n  },\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isEmpty } from 'lodash-es';\nimport { forwardRef, type PropsWithChildren, type ReactElement } from 'react';\n\nimport { HistogramChartLegend } from './components/legend/HistogramChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { HistogramLoadingContext } from './contexts/HistogramLoading.context.js';\nimport { HistogramChartInternal } from './HistogramChartInternal.js';\nimport { useHistogramChartConfig } from './hooks/useHistogramChartConfig.js';\nimport { HistogramConfigProvider } from './providers/HistogramConfigProvider.js';\nimport { HistogramDataProvider } from './providers/HistogramDataProvider.js';\nimport { HistogramFilteredDataProvider } from './providers/HistogramFilteredDataProvider.js';\nimport { HistogramStateSyncProvider } from './providers/HistogramStateSyncProvider.js';\nimport { StoreProvider } from './providers/StoreProvider.js';\nimport type { HistogramChartProps } from './types/histogram-props.js';\nimport type { HistogramChartRef } from './types/histogram-ref.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { ChartSeriesActionContext } from '../core/components/series-action/ChartSeriesActionContext.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'HistogramChart';\n\n/**\n * @public\n */\nexport const HistogramChartRoot = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    children,\n    data,\n    height,\n    width,\n    colorPalette,\n    truncationMode,\n    loading = DEFAULT_LOADING_STATE,\n    seriesActions,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    className,\n    style,\n    valueRepresentation,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n  const chartConfig = useHistogramChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n\n  const {\n    position: legendPosition,\n    onRatioChange,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    hidden: isLegendHidden,\n  } = chartConfig.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <HistogramLoadingContext.Provider value={loading}>\n      <HistogramConfigProvider config={chartConfig}>\n        <HistogramDataProvider data={data}>\n          <ChartSeriesActionContext.Provider\n            value={{\n              // We need a cast here as the provider expects unknown and the\n              // react context will not be able to carry the generic anyways.\n              chartSeriesActions: seriesActions as (\n                series: unknown,\n              ) => ReactElement<PropsWithChildren>,\n            }}\n          >\n            <StoreProvider>\n              <HistogramFilteredDataProvider>\n                <HistogramStateSyncProvider\n                  currentDomain={chartConfig.currentZoom as [number, number]}\n                  initialDomain={chartConfig.initialZoom as [number, number]}\n                  infiniteZoom={chartConfig.infiniteZoom}\n                >\n                  <ChartLayout\n                    ref={chartLayoutRef}\n                    chartHeight={chartHeight}\n                    chartWidth={width}\n                    isEmpty={isEmpty(data)}\n                    emptyState={emptyState}\n                    errorState={errorState}\n                    showLoader={loading}\n                    className={className}\n                    style={style}\n                    data-dtrum-mask={dataDtrumMask}\n                    data-dtrum-allow={dataDtrumAllow}\n                    data-dt-component={COMPONENT_NAME_BEHAVIOURAL_TRACKING}\n                  >\n                    <ChartLayout.Graph>\n                      <HistogramChartInternal\n                        ref={forwardedRef}\n                        config={chartConfig}\n                      />\n                    </ChartLayout.Graph>\n                    {!isLegendHidden && (\n                      <ChartLayout.Legend\n                        position={legendPosition}\n                        initialRatio={legendRatio}\n                        onResize={onRatioChange}\n                      >\n                        <HistogramChartLegend />\n                      </ChartLayout.Legend>\n                    )}\n                  </ChartLayout>\n                </HistogramStateSyncProvider>\n              </HistogramFilteredDataProvider>\n            </StoreProvider>\n          </ChartSeriesActionContext.Provider>\n        </HistogramDataProvider>\n      </HistogramConfigProvider>\n    </HistogramLoadingContext.Provider>\n  );\n});\n\n(\n  HistogramChartRoot as typeof HistogramChartRoot & { displayName: string }\n).displayName = 'HistogramChartRoot';\n"],
+  "mappings": "AAoGkB,SAeI,KAfJ;AApGlB,SAAS,eAAe;AACxB,SAAS,kBAA6D;AAEtE,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AACxC,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AACxC,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,qCAAqC;AAC9C,SAAS,kCAAkC;AAC3C,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;AAKhC,MAAM,sCAAsC;AAKrC,MAAM,qBAAqB,WAGhC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EACtB,IAAI;AACJ,QAAM,cAAc,gBAAgB,UAAU,oBAAoB;AAClE,QAAM,cAAc,wBAAwB,UAAU;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,MAAM,QAAQ;AAEzE,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,IAAI,YAAY;AAEhB,QAAM,cAAc,gBAAgB;AAEpC,QAAM,iBAAiB,qBAAqB,IAAI;AAEhD,SACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,SACvC,8BAAC,2BAAwB,QAAQ,aAC/B,8BAAC,yBAAsB,MACrB;AAAA,IAAC,yBAAyB;AAAA,IAAzB;AAAA,MACC,OAAO;AAAA;AAAA;AAAA,QAGL,oBAAoB;AAAA,MAGtB;AAAA,MAEA,8BAAC,iBACC,8BAAC,iCACC;AAAA,QAAC;AAAA;AAAA,UACC,eAAe,YAAY;AAAA,UAC3B,eAAe,YAAY;AAAA,UAC3B,cAAc,YAAY;AAAA,UAE1B;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL;AAAA,cACA,YAAY;AAAA,cACZ,SAAS,QAAQ,IAAI;AAAA,cACrB;AAAA,cACA;AAAA,cACA,YAAY;AAAA,cACZ;AAAA,cACA;AAAA,cACA,mBAAiB;AAAA,cACjB,oBAAkB;AAAA,cAClB,qBAAmB;AAAA,cAEnB;AAAA,oCAAC,YAAY,OAAZ,EACC;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,QAAQ;AAAA;AAAA,gBACV,GACF;AAAA,gBACC,CAAC,kBACA;AAAA,kBAAC,YAAY;AAAA,kBAAZ;AAAA,oBACC,UAAU;AAAA,oBACV,cAAc;AAAA,oBACd,UAAU;AAAA,oBAEV,8BAAC,wBAAqB;AAAA;AAAA,gBACxB;AAAA;AAAA;AAAA,UAEJ;AAAA;AAAA,MACF,GACF,GACF;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ,CAAC;AAGC,mBACA,cAAc;",
   "names": []
 }

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.css

@@ -1,3 +1,3 @@
-._9phcbi0-3-0-1 {
+._9phcbi0-3-1-0 {
   position: relative;
 }

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.sty.js

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

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.sty.js.map

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

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.css

@@ -1,4 +1,4 @@
-._fzvydv0-3-0-1 {
+._fzvydv0-3-1-0 {
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-8, 8px);
 }

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.sty.js

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

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.css.ts"],
-  "sourcesContent": ["import './HistogramTooltip.css';\nexport var wrapper = '_fzvydv0-3-0-1';"],
+  "sourcesContent": ["import './HistogramTooltip.css';\nexport var wrapper = '_fzvydv0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/histogram/components/overlays/HistogramOverlays.css

@@ -1,4 +1,4 @@
-._drl8ns0-3-0-1 {
+._drl8ns0-3-1-0 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._drl8ns1-3-0-1 {
+._drl8ns1-3-1-0 {
   pointer-events: none;
   overflow: visible;
   z-index: 1;

package/esm/charts/histogram/components/overlays/HistogramOverlays.sty.js

@@ -1,7 +1,7 @@
 import "../../../core/components/chart-grid/ChartGrid.css";
 import "./HistogramOverlays.css";
-var crosshairLayout = "_drl8ns1-3-0-1 _13lzg4k0-3-0-1";
-var datapointLayout = "_drl8ns0-3-0-1 _13lzg4k0-3-0-1";
+var crosshairLayout = "_drl8ns1-3-1-0 _13lzg4k0-3-1-0";
+var datapointLayout = "_drl8ns0-3-1-0 _13lzg4k0-3-1-0";
 export {
   crosshairLayout,
   datapointLayout

package/esm/charts/histogram/components/overlays/HistogramOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/histogram/components/overlays/HistogramOverlays.css.ts"],
-  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './HistogramOverlays.css';\nexport var crosshairLayout = '_drl8ns1-3-0-1 _13lzg4k0-3-0-1';\nexport var datapointLayout = '_drl8ns0-3-0-1 _13lzg4k0-3-0-1';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './HistogramOverlays.css';\nexport var crosshairLayout = '_drl8ns1-3-1-0 _13lzg4k0-3-1-0';\nexport var datapointLayout = '_drl8ns0-3-1-0 _13lzg4k0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/honeycomb/HoneycombChart.css

@@ -1,3 +1,3 @@
-._p8cogi0-3-0-1 {
+._p8cogi0-3-1-0 {
   position: relative;
 }

package/esm/charts/honeycomb/HoneycombChart.js

@@ -29,6 +29,7 @@ import { HoneycombLegend } from "./slots/HoneycombLegend.js";
 import { Toolbar } from "./slots/Toolbar.js";
 import { buildAndDownloadCsv } from "./utils/build-and-download-csv.js";
 import { normalizeTilesData } from "./utils/normalize-tiles-data.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
 import { Intent } from "../../core/slots/Intent/Intent.js";
 import { defaultChartSize } from "../../core/styles/defaultChartValues.sty.js";
@@ -58,6 +59,7 @@ const _HoneycombChart = forwardRef((props, forwardedRef) => {
     "data-dtrum-allow": dataDtrumAllow,
     "data-testid": dataTestId
   } = props;
+  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);
   const containerRef = useRef(null);
   const chartWidth = coerceSizeValue(width);
   const chartHeight = coerceSizeValue(height) || DEFAULT_HONEYCOMB_HEIGHT;
@@ -89,6 +91,7 @@ const _HoneycombChart = forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
+      ...behavioralTrackingProps,
       ref: rootRef,
       style: { ...costumerStyle, width: chartWidth, height: chartHeight },
       className: clsx(defaultChartSize, customerClassNames),

package/esm/charts/honeycomb/HoneycombChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/honeycomb/HoneycombChart.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactElement,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { HoneycombChartLayout } from './components/HoneycombChartLayout.js';\nimport {\n  DEFAULT_HONEYCOMB_HEIGHT,\n  DISPLAY_NAME,\n  HONEYCOMB_CHART_ARIA_LABEL,\n} from './constants.js';\nimport { HoneycombColorSchemeContext } from './context/honeycomb-color-scheme.context.js';\nimport { HoneycombFormatterContext } from './context/honeycomb-formatter.context.js';\nimport { HoneycombLoadingContext } from './context/honeycomb-loading.context.js';\nimport { HoneycombShapeContext } from './context/honeycomb-shape.context.js';\nimport { HoneycombShowLabelsContext } from './context/honeycomb-show-labels.context.js';\nimport { HoneycombTruncationMode } from './context/honeycomb-truncation-mode.context.js';\nimport { useHoneycombChartConfig } from './hooks/use-honeycomb-chart-config.js';\nimport { HoneycombBaseScaleProvider } from './providers/honeycomb-base-scale.provider.js';\nimport { HoneycombConfigurationProvider } from './providers/honeycomb-configuration.provider.js';\nimport { HoneycombDatasetTypeProvider } from './providers/honeycomb-dataset-type.provider.js';\nimport { HoneycombFilteredDataProvider } from './providers/honeycomb-filtered-data.provider.js';\nimport { HoneycombMetadataProvider } from './providers/honeycomb-metadata.provider.js';\nimport { HoneycombStoreProvider } from './providers/honeycomb-store.provider.js';\nimport { HoneycombChartDownloadCSVSlot } from './slots/DownloadCSV.js';\nimport { HoneycombLegend } from './slots/HoneycombLegend.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { HoneycombConsumerExportedConfig } from './types/honeycomb-config-properties.js';\nimport { HoneycombRequiredConfigProps } from './types/honeycomb-internal.js';\nimport { HoneycombChartProps, HoneycombChartRef } from './types/honeycomb.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { normalizeTilesData } from './utils/normalize-tiles-data.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { ChartSeriesActionContext } from '../core/components/series-action/ChartSeriesActionContext.js';\nimport { getToolbarConfigWithoutIntents } from '../core/components/toolbar/utils/get-toolbar-config-without-intents.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';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\nconst COMPONENT_NAME = 'HoneycombChart';\n\nconst normalizeHoneycombConfig = (\n  config: HoneycombRequiredConfigProps,\n): HoneycombConsumerExportedConfig => {\n  const { toolbar: configuredToolbar, ...remainingConfig } = config;\n  const toolbar = configuredToolbar\n    ? getToolbarConfigWithoutIntents(configuredToolbar)\n    : undefined;\n\n  return { ...remainingConfig, toolbar };\n};\n\n/** The honeycomb component */\nexport const _HoneycombChart = forwardRef<\n  HoneycombChartRef,\n  PropsWithChildren<HoneycombChartProps>\n>((props, forwardedRef) => {\n  const {\n    data,\n    seriesActions,\n    width,\n    height,\n    style: costumerStyle,\n    className: customerClassNames,\n    loading,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const chartWidth = coerceSizeValue(width);\n  const chartHeight = coerceSizeValue(height) || DEFAULT_HONEYCOMB_HEIGHT;\n  const rootRef = useMergeRefs<HoneycombChartRef | HTMLDivElement>([\n    forwardedRef,\n    containerRef,\n  ]);\n\n  const sanitizedData = normalizeTilesData(data);\n\n  const config = useHoneycombChartConfig(props);\n\n  const formatterContext = {\n    formatter: config.formatter,\n    unit: config.unit,\n  };\n\n  useImperativeHandle(forwardedRef, () => {\n    const consumerConfig = normalizeHoneycombConfig(config);\n    return {\n      element: containerRef.current,\n      downloadData: () => {\n        buildAndDownloadCsv(sanitizedData);\n      },\n      getConfig: () => {\n        return JSON.stringify({\n          type: ChartType.Honeycomb,\n          ...consumerConfig,\n        });\n      },\n    };\n  });\n\n  return (\n    <div\n      ref={rootRef}\n      style={{ ...costumerStyle, width: chartWidth, height: chartHeight }}\n      className={clsx(defaultChartSize, customerClassNames)}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dt-component={COMPONENT_NAME}\n      aria-label={HONEYCOMB_CHART_ARIA_LABEL}\n      role=\"img\"\n    >\n      <HoneycombLoadingContext.Provider value={loading}>\n        <HoneycombConfigurationProvider config={config}>\n          <HoneycombShapeContext.Provider value={config.shape}>\n            <HoneycombColorSchemeContext.Provider value={config.colorScheme}>\n              <HoneycombTruncationMode.Provider value={config.truncationMode}>\n                <HoneycombFormatterContext.Provider value={formatterContext}>\n                  <HoneycombShowLabelsContext.Provider\n                    value={config.showLabels}\n                  >\n                    <HoneycombFilteredDataProvider\n                      data={sanitizedData}\n                      config={config}\n                    >\n                      <HoneycombDatasetTypeProvider>\n                        <HoneycombBaseScaleProvider>\n                          <ChartSeriesActionContext.Provider\n                            value={{\n                              // We need a cast here as the provider expects unknown and the\n                              // react context will not be able to carry the generic anyways.\n                              chartSeriesActions: seriesActions as (\n                                series: unknown,\n                              ) => ReactElement<PropsWithChildren>,\n                            }}\n                          >\n                            <HoneycombStoreProvider>\n                              <HoneycombMetadataProvider>\n                                <HoneycombChartLayout {...props} />\n                              </HoneycombMetadataProvider>\n                            </HoneycombStoreProvider>\n                          </ChartSeriesActionContext.Provider>\n                        </HoneycombBaseScaleProvider>\n                      </HoneycombDatasetTypeProvider>\n                    </HoneycombFilteredDataProvider>\n                  </HoneycombShowLabelsContext.Provider>\n                </HoneycombFormatterContext.Provider>\n              </HoneycombTruncationMode.Provider>\n            </HoneycombColorSchemeContext.Provider>\n          </HoneycombShapeContext.Provider>\n        </HoneycombConfigurationProvider>\n      </HoneycombLoadingContext.Provider>\n    </div>\n  );\n});\n\n(\n  _HoneycombChart as typeof _HoneycombChart & { displayName: string }\n).displayName = DISPLAY_NAME;\n\n/**\n * The `HoneycombChart` is used to display data in a grid using various shapes\n * for data points.\n * @public\n */\nexport const HoneycombChart = Object.assign(_HoneycombChart, {\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  Legend: HoneycombLegend,\n  Intent,\n  ColorRule,\n  Toolbar,\n  DownloadCSV: HoneycombChartDownloadCSVSlot,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactElement,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { HoneycombChartLayout } from './components/HoneycombChartLayout.js';\nimport {\n  DEFAULT_HONEYCOMB_HEIGHT,\n  DISPLAY_NAME,\n  HONEYCOMB_CHART_ARIA_LABEL,\n} from './constants.js';\nimport { HoneycombColorSchemeContext } from './context/honeycomb-color-scheme.context.js';\nimport { HoneycombFormatterContext } from './context/honeycomb-formatter.context.js';\nimport { HoneycombLoadingContext } from './context/honeycomb-loading.context.js';\nimport { HoneycombShapeContext } from './context/honeycomb-shape.context.js';\nimport { HoneycombShowLabelsContext } from './context/honeycomb-show-labels.context.js';\nimport { HoneycombTruncationMode } from './context/honeycomb-truncation-mode.context.js';\nimport { useHoneycombChartConfig } from './hooks/use-honeycomb-chart-config.js';\nimport { HoneycombBaseScaleProvider } from './providers/honeycomb-base-scale.provider.js';\nimport { HoneycombConfigurationProvider } from './providers/honeycomb-configuration.provider.js';\nimport { HoneycombDatasetTypeProvider } from './providers/honeycomb-dataset-type.provider.js';\nimport { HoneycombFilteredDataProvider } from './providers/honeycomb-filtered-data.provider.js';\nimport { HoneycombMetadataProvider } from './providers/honeycomb-metadata.provider.js';\nimport { HoneycombStoreProvider } from './providers/honeycomb-store.provider.js';\nimport { HoneycombChartDownloadCSVSlot } from './slots/DownloadCSV.js';\nimport { HoneycombLegend } from './slots/HoneycombLegend.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { HoneycombConsumerExportedConfig } from './types/honeycomb-config-properties.js';\nimport { HoneycombRequiredConfigProps } from './types/honeycomb-internal.js';\nimport { HoneycombChartProps, HoneycombChartRef } from './types/honeycomb.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { normalizeTilesData } from './utils/normalize-tiles-data.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { ChartSeriesActionContext } from '../core/components/series-action/ChartSeriesActionContext.js';\nimport { getToolbarConfigWithoutIntents } from '../core/components/toolbar/utils/get-toolbar-config-without-intents.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';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\nconst COMPONENT_NAME = 'HoneycombChart';\n\nconst normalizeHoneycombConfig = (\n  config: HoneycombRequiredConfigProps,\n): HoneycombConsumerExportedConfig => {\n  const { toolbar: configuredToolbar, ...remainingConfig } = config;\n  const toolbar = configuredToolbar\n    ? getToolbarConfigWithoutIntents(configuredToolbar)\n    : undefined;\n\n  return { ...remainingConfig, toolbar };\n};\n\n/** The honeycomb component */\nexport const _HoneycombChart = forwardRef<\n  HoneycombChartRef,\n  PropsWithChildren<HoneycombChartProps>\n>((props, forwardedRef) => {\n  const {\n    data,\n    seriesActions,\n    width,\n    height,\n    style: costumerStyle,\n    className: customerClassNames,\n    loading,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const chartWidth = coerceSizeValue(width);\n  const chartHeight = coerceSizeValue(height) || DEFAULT_HONEYCOMB_HEIGHT;\n  const rootRef = useMergeRefs<HoneycombChartRef | HTMLDivElement>([\n    forwardedRef,\n    containerRef,\n  ]);\n\n  const sanitizedData = normalizeTilesData(data);\n\n  const config = useHoneycombChartConfig(props);\n\n  const formatterContext = {\n    formatter: config.formatter,\n    unit: config.unit,\n  };\n\n  useImperativeHandle(forwardedRef, () => {\n    const consumerConfig = normalizeHoneycombConfig(config);\n    return {\n      element: containerRef.current,\n      downloadData: () => {\n        buildAndDownloadCsv(sanitizedData);\n      },\n      getConfig: () => {\n        return JSON.stringify({\n          type: ChartType.Honeycomb,\n          ...consumerConfig,\n        });\n      },\n    };\n  });\n\n  return (\n    <div\n      {...behavioralTrackingProps}\n      ref={rootRef}\n      style={{ ...costumerStyle, width: chartWidth, height: chartHeight }}\n      className={clsx(defaultChartSize, customerClassNames)}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dt-component={COMPONENT_NAME}\n      aria-label={HONEYCOMB_CHART_ARIA_LABEL}\n      role=\"img\"\n    >\n      <HoneycombLoadingContext.Provider value={loading}>\n        <HoneycombConfigurationProvider config={config}>\n          <HoneycombShapeContext.Provider value={config.shape}>\n            <HoneycombColorSchemeContext.Provider value={config.colorScheme}>\n              <HoneycombTruncationMode.Provider value={config.truncationMode}>\n                <HoneycombFormatterContext.Provider value={formatterContext}>\n                  <HoneycombShowLabelsContext.Provider\n                    value={config.showLabels}\n                  >\n                    <HoneycombFilteredDataProvider\n                      data={sanitizedData}\n                      config={config}\n                    >\n                      <HoneycombDatasetTypeProvider>\n                        <HoneycombBaseScaleProvider>\n                          <ChartSeriesActionContext.Provider\n                            value={{\n                              // We need a cast here as the provider expects unknown and the\n                              // react context will not be able to carry the generic anyways.\n                              chartSeriesActions: seriesActions as (\n                                series: unknown,\n                              ) => ReactElement<PropsWithChildren>,\n                            }}\n                          >\n                            <HoneycombStoreProvider>\n                              <HoneycombMetadataProvider>\n                                <HoneycombChartLayout {...props} />\n                              </HoneycombMetadataProvider>\n                            </HoneycombStoreProvider>\n                          </ChartSeriesActionContext.Provider>\n                        </HoneycombBaseScaleProvider>\n                      </HoneycombDatasetTypeProvider>\n                    </HoneycombFilteredDataProvider>\n                  </HoneycombShowLabelsContext.Provider>\n                </HoneycombFormatterContext.Provider>\n              </HoneycombTruncationMode.Provider>\n            </HoneycombColorSchemeContext.Provider>\n          </HoneycombShapeContext.Provider>\n        </HoneycombConfigurationProvider>\n      </HoneycombLoadingContext.Provider>\n    </div>\n  );\n});\n\n(\n  _HoneycombChart as typeof _HoneycombChart & { displayName: string }\n).displayName = DISPLAY_NAME;\n\n/**\n * The `HoneycombChart` is used to display data in a grid using various shapes\n * for data points.\n * @public\n */\nexport const HoneycombChart = Object.assign(_HoneycombChart, {\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  Legend: HoneycombLegend,\n  Intent,\n  ColorRule,\n  Toolbar,\n  DownloadCSV: HoneycombChartDownloadCSVSlot,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/honeycomb/HoneycombChart.sty.js

@@ -1,5 +1,5 @@
 import "./HoneycombChart.css";
-var graphContainer = "_p8cogi0-3-0-1";
+var graphContainer = "_p8cogi0-3-1-0";
 export {
   graphContainer
 };

package/esm/charts/honeycomb/HoneycombChart.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/honeycomb/HoneycombChart.css.ts"],
-  "sourcesContent": ["import './HoneycombChart.css';\nexport var graphContainer = '_p8cogi0-3-0-1';"],
+  "sourcesContent": ["import './HoneycombChart.css';\nexport var graphContainer = '_p8cogi0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/honeycomb/components/HiveOverlay.css

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

package/esm/charts/honeycomb/components/HiveOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/honeycomb/components/HiveOverlay.tsx"],
-  "sourcesContent": ["import { useRef } from 'react';\n\nimport { overlay } from './HiveOverlay.sty.js';\nimport { HoneycombToolbar } from './toolbar/HoneycombToolbar.js';\nimport { HiveTooltip } from './tooltip/HiveTooltip.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { isToolbarEnabled } from '../../core/utils/is-toolbar-enabled.js';\nimport { HoneycombOverlayRefContext } from '../contexts/HoneycombOverlayRefContext.js';\nimport { useHoneycombToolbarConfig } from '../hooks/use-honeycomb-toolbar-config.js';\nimport { useOverlayEvents } from '../hooks/use-overlay-events.js';\nimport { useTooltipEventListeners } from '../hooks/use-tooltip-event-listeners.js';\n\nexport const HiveOverlay = () => {\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const toolbarConfig = useHoneycombToolbarConfig();\n  const toolbarEnabled = isToolbarEnabled(toolbarConfig);\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const {\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleMouseClick,\n  } = useOverlayEvents(overlayRef);\n  const { height, width } = useGraphSize();\n\n  useTooltipEventListeners(tooltipRef.current);\n\n  return (\n    <HoneycombOverlayRefContext.Provider value={overlayRef}>\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n      <div\n        className={overlay}\n        style={{\n          height,\n          width,\n        }}\n        data-testid=\"honeycomb-overlay\"\n        onMouseEnter={handleMouseEnter}\n        onMouseMove={handleMouseMove}\n        onMouseLeave={handleMouseLeave}\n        onClick={handleMouseClick}\n        ref={overlayRef}\n      >\n        <HiveTooltip ref={tooltipRef} />\n        {toolbarEnabled && <HoneycombToolbar />}\n      </div>\n    </HoneycombOverlayRefContext.Provider>\n  );\n};\n\nHiveOverlay['displayName'] = 'HiveOverlay';\n"],
-  "mappings": "AA8BM,SAaE,KAbF;AA9BN,SAAS,cAAc;AAEvB,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,kCAAkC;AAC3C,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAElC,MAAM,cAAc,MAAM;AAC/B,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,gBAAgB,0BAA0B;AAChD,QAAM,iBAAiB,iBAAiB,aAAa;AACrD,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,iBAAiB,UAAU;AAC/B,QAAM,EAAE,QAAQ,MAAM,IAAI,aAAa;AAEvC,2BAAyB,WAAW,OAAO;AAE3C,SACE,oBAAC,2BAA2B,UAA3B,EAAoC,OAAO,YAE1C;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,SAAS;AAAA,MACT,KAAK;AAAA,MAEL;AAAA,4BAAC,eAAY,KAAK,YAAY;AAAA,QAC7B,kBAAkB,oBAAC,oBAAiB;AAAA;AAAA;AAAA,EACvC,GACF;AAEJ;AAEA,YAAY,aAAa,IAAI;",
+  "sourcesContent": ["import { useRef } from 'react';\n\nimport { overlay } from './HiveOverlay.sty.js';\nimport { HoneycombToolbar } from './toolbar/HoneycombToolbar.js';\nimport { HiveTooltip } from './tooltip/HiveTooltip.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { isToolbarEnabled } from '../../core/utils/is-toolbar-enabled.js';\nimport { HoneycombOverlayRefContext } from '../contexts/HoneycombOverlayRefContext.js';\nimport { useHoneycombToolbarConfig } from '../hooks/use-honeycomb-toolbar-config.js';\nimport { useOverlayEvents } from '../hooks/use-overlay-events.js';\nimport { useTooltipEventListeners } from '../hooks/use-tooltip-event-listeners.js';\n\nexport const HiveOverlay = () => {\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const toolbarConfig = useHoneycombToolbarConfig();\n  const toolbarEnabled = isToolbarEnabled(toolbarConfig);\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const {\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleMouseClick,\n  } = useOverlayEvents(overlayRef);\n  const { height, width } = useGraphSize();\n\n  useTooltipEventListeners(tooltipRef.current);\n\n  return (\n    <HoneycombOverlayRefContext.Provider value={overlayRef}>\n      <div\n        className={overlay}\n        style={{\n          height,\n          width,\n        }}\n        data-testid=\"honeycomb-overlay\"\n        onMouseEnter={handleMouseEnter}\n        onMouseMove={handleMouseMove}\n        onMouseLeave={handleMouseLeave}\n        onClick={handleMouseClick}\n        ref={overlayRef}\n      >\n        <HiveTooltip ref={tooltipRef} />\n        {toolbarEnabled && <HoneycombToolbar />}\n      </div>\n    </HoneycombOverlayRefContext.Provider>\n  );\n};\n\nHiveOverlay['displayName'] = 'HiveOverlay';\n"],
+  "mappings": "AA6BM,SAaE,KAbF;AA7BN,SAAS,cAAc;AAEvB,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,kCAAkC;AAC3C,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAElC,MAAM,cAAc,MAAM;AAC/B,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,gBAAgB,0BAA0B;AAChD,QAAM,iBAAiB,iBAAiB,aAAa;AACrD,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,iBAAiB,UAAU;AAC/B,QAAM,EAAE,QAAQ,MAAM,IAAI,aAAa;AAEvC,2BAAyB,WAAW,OAAO;AAE3C,SACE,oBAAC,2BAA2B,UAA3B,EAAoC,OAAO,YAC1C;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,SAAS;AAAA,MACT,KAAK;AAAA,MAEL;AAAA,4BAAC,eAAY,KAAK,YAAY;AAAA,QAC7B,kBAAkB,oBAAC,oBAAiB;AAAA;AAAA;AAAA,EACvC,GACF;AAEJ;AAEA,YAAY,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/honeycomb/components/HiveOverlay.sty.js

@@ -1,5 +1,5 @@
 import "./HiveOverlay.css";
-var overlay = "_lmrhfg0-3-0-1";
+var overlay = "_lmrhfg0-3-1-0";
 export {
   overlay
 };

package/esm/charts/honeycomb/components/HiveOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/honeycomb/components/HiveOverlay.css.ts"],
-  "sourcesContent": ["import './HiveOverlay.css';\nexport var overlay = '_lmrhfg0-3-0-1';"],
+  "sourcesContent": ["import './HiveOverlay.css';\nexport var overlay = '_lmrhfg0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/honeycomb/components/canvas/HiveCanvasLayout.css

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

package/esm/charts/honeycomb/components/canvas/HiveCanvasLayout.sty.js

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

package/esm/charts/honeycomb/components/canvas/HiveCanvasLayout.sty.js.map

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

package/esm/charts/honeycomb/components/canvas/utils/define-text-to-render.js

@@ -1,22 +1,18 @@
-import { getHorizontalMeasurements } from "../../../../core/utils/get-horizontal-measurements.js";
-import { isInHorizontalBounds } from "../../../../core/utils/is-in-horizontal-bounds.js";
-import { truncateText } from "../../../../core/utils/text-truncation.js";
 import {
-  HONEYCOMB_LABEL_FONT_SIZE,
-  HONEYCOMB_VALUE_LABEL_FONT_SIZE
-} from "../../../constants.js";
-const defineTextToRender = (name, truncationMode, textArea, contentType = "label") => truncateText(name, truncationMode, (truncatedText) => {
-  const { boxX, boxWidth } = getHorizontalMeasurements(
-    truncatedText,
-    textArea.x - textArea.width / 2,
-    `${contentType === "label" ? HONEYCOMB_LABEL_FONT_SIZE : HONEYCOMB_VALUE_LABEL_FONT_SIZE}px`
+  charsFontWidth12pixelsSize500Map,
+  charsFontWidth16pixelsSize500Map
+} from "../../../../core/components/text-ellipsis/chars-font-width-map.js";
+import { truncateString } from "../../../../core/components/text-ellipsis/truncate-string.js";
+const defineTextToRender = (name, truncationMode, textArea, contentType = "label") => {
+  const fontWidthMap = contentType === "label" ? charsFontWidth12pixelsSize500Map : charsFontWidth16pixelsSize500Map;
+  return truncateString(
+    name,
+    textArea.width,
+    fontWidthMap,
+    truncationMode,
+    "start"
   );
-  return isInHorizontalBounds(
-    boxX,
-    boxWidth,
-    textArea.x + textArea.width / 2
-  );
-});
+};
 export {
   defineTextToRender
 };