npm - @dynatrace/strato-components - Versions diffs - 3.7.1 → 3.9.0 - Mend

@dynatrace/strato-components 3.7.1 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3207) hide show

package/esm/charts/histogram/components/annotations-histogram/HistogramAnnotationsArea.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/histogram/components/annotations-histogram/HistogramAnnotationsArea.tsx"],
-  "sourcesContent": ["import { toInteger } from 'lodash-es';\n\nimport { ANNOTATIONS_PADDING_BOTTOM } from './constants.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AnnotationsNumericalDisplay } from '../../../core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  DEFAULT_INTEGRATION_TEXT_OVERFLOW,\n  DEFAULT_SHOW_LABELS,\n  SCROLLBAR_THRESHOLD,\n} from '../../../core/components/annotations/constants.js';\nimport type { AnnotationsActionsPayload } from '../../../core/components/annotations/types/annotations.js';\nimport type { SelectionState } from '../../../core/components/annotations/types/state.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { AREAS } from '../../constants/histogram-grid-area-rules.js';\nimport { useSetState } from '../../hooks/store/state-setters.js';\nimport { useHistogramAnnotationsConfig } from '../../hooks/useHistogramAnnotationsConfig.js';\nimport { useHistogramXScale } from '../../hooks/useHistogramXScale.js';\nimport { useXAxisConfig } from '../../hooks/useXAxisConfig.js';\n\nconst COMPONENT_NAME = 'AnnotationsChart';\n\nexport const HistogramAnnotationsArea = () => {\n  const { xScale } = useHistogramXScale();\n  const config = useHistogramAnnotationsConfig();\n  const {\n    tracks,\n    showLabels = DEFAULT_SHOW_LABELS,\n    annotationsActions,\n    tooltip,\n  } = config;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(config);\n  const setState = useSetState();\n  const { width: trackWidth } = useGridPlotSize();\n\n  const handleUpdateIndicators = (event: Partial<SelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      annotations: {\n        ...prev.annotations,\n        ...event,\n      },\n    }));\n  };\n\n  const { formatter = (value) => `${toInteger(value)}` } = useXAxisConfig();\n\n  return (\n    <ChartGrid.GridArea\n      paddingBottom={ANNOTATIONS_PADDING_BOTTOM}\n      gridArea={AREAS.annotations}\n    >\n      {({ availableWidth, availableHeight }) => {\n        const labelOffset = availableWidth - trackWidth;\n        return (\n          <AnnotationsScrollWrapper\n            height={availableHeight}\n            width={availableWidth + SCROLLBAR_THRESHOLD}\n          >\n            <AnnotationsNumericalDisplay\n              tracks={tracks}\n              width={availableWidth}\n              scale={xScale}\n              showLabels={showLabels}\n              labelsOffset={labelOffset}\n              annotationsActions={(\n                annotation: AnnotationsActionsPayload | undefined,\n              ) => annotation && annotationsActions?.(annotation)}\n              markerGroupHover={handleUpdateIndicators}\n              formatter={formatter}\n              textOverflow={DEFAULT_INTEGRATION_TEXT_OVERFLOW}\n              tooltipConfig={tooltip}\n              {...behaviorTrackingProps}\n              data-dt-component={COMPONENT_NAME}\n            />\n          </AnnotationsScrollWrapper>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n};\n\nHistogramAnnotationsArea['displayName'] = 'HistogramAnnotationsArea';\n"],
-  "mappings": "AA4DY;AA5DZ,SAAS,iBAAiB;AAE1B,SAAS,kCAAkC;AAC3C,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAC5B,SAAS,qCAAqC;AAC9C,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAE/B,MAAM,iBAAiB;AAEhB,MAAM,2BAA2B,MAAM;AAC5C,QAAM,EAAE,OAAO,IAAI,mBAAmB;AACtC,QAAM,SAAS,8BAA8B;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,MAAM;AACjE,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,OAAO,WAAW,IAAI,gBAAgB;AAE9C,QAAM,yBAAyB,CAAC,UAAmC;AACjE,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,aAAa;AAAA,QACX,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,QAAM,EAAE,YAAY,CAAC,UAAU,GAAG,UAAU,KAAK,CAAC,GAAG,IAAI,eAAe;AAExE,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,eAAe;AAAA,MACf,UAAU,MAAM;AAAA,MAEf,WAAC,EAAE,gBAAgB,gBAAgB,MAAM;AACxC,cAAM,cAAc,iBAAiB;AACrC,eACE;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,YACR,OAAO,iBAAiB;AAAA,YAExB;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,OAAO;AAAA,gBACP,OAAO;AAAA,gBACP;AAAA,gBACA,cAAc;AAAA,gBACd,oBAAoB,CAClB,eACG,cAAc,qBAAqB,UAAU;AAAA,gBAClD,kBAAkB;AAAA,gBAClB;AAAA,gBACA,cAAc;AAAA,gBACd,eAAe;AAAA,gBACd,GAAG;AAAA,gBACJ,qBAAmB;AAAA;AAAA,YACrB;AAAA;AAAA,QACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,yBAAyB,aAAa,IAAI;",
+  "sourcesContent": ["import { toInteger } from 'lodash-es';\n\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AnnotationsNumericalDisplay } from '../../../core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  DEFAULT_INTEGRATION_TEXT_OVERFLOW,\n  DEFAULT_SHOW_LABELS,\n  SCROLLBAR_THRESHOLD,\n} from '../../../core/components/annotations/constants.js';\nimport type { AnnotationsActionsPayload } from '../../../core/components/annotations/types/annotations.js';\nimport type { SelectionState } from '../../../core/components/annotations/types/state.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { AREAS } from '../../constants/histogram-grid-area-rules.js';\nimport { useSetState } from '../../hooks/store/state-setters.js';\nimport { useHistogramAnnotationsConfig } from '../../hooks/useHistogramAnnotationsConfig.js';\nimport { useHistogramXScale } from '../../hooks/useHistogramXScale.js';\nimport { useXAxisConfig } from '../../hooks/useXAxisConfig.js';\n\nconst COMPONENT_NAME = 'AnnotationsChart';\n\nexport const HistogramAnnotationsArea = () => {\n  const { xScale } = useHistogramXScale();\n  const config = useHistogramAnnotationsConfig();\n  const {\n    tracks,\n    showLabels = DEFAULT_SHOW_LABELS,\n    annotationsActions,\n    tooltip,\n  } = config;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(config);\n  const setState = useSetState();\n  const { width: trackWidth } = useGridPlotSize();\n\n  const handleUpdateIndicators = (event: Partial<SelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      annotations: {\n        ...prev.annotations,\n        ...event,\n      },\n    }));\n  };\n\n  const { formatter = (value) => `${toInteger(value)}` } = useXAxisConfig();\n\n  return (\n    <ChartGrid.GridArea gridArea={AREAS.annotations}>\n      {({ availableWidth, availableHeight }) => {\n        const labelOffset = availableWidth - trackWidth;\n        return (\n          <AnnotationsScrollWrapper\n            height={availableHeight}\n            width={availableWidth + SCROLLBAR_THRESHOLD}\n          >\n            <AnnotationsNumericalDisplay\n              tracks={tracks}\n              width={availableWidth}\n              scale={xScale}\n              showLabels={showLabels}\n              labelsOffset={labelOffset}\n              annotationsActions={(\n                annotation: AnnotationsActionsPayload | undefined,\n              ) => annotation && annotationsActions?.(annotation)}\n              markerGroupHover={handleUpdateIndicators}\n              formatter={formatter}\n              textOverflow={DEFAULT_INTEGRATION_TEXT_OVERFLOW}\n              tooltipConfig={tooltip}\n              {...behaviorTrackingProps}\n              data-dt-component={COMPONENT_NAME}\n            />\n          </AnnotationsScrollWrapper>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n};\n\nHistogramAnnotationsArea['displayName'] = 'HistogramAnnotationsArea';\n"],
+  "mappings": "AAwDY;AAxDZ,SAAS,iBAAiB;AAE1B,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAC5B,SAAS,qCAAqC;AAC9C,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAE/B,MAAM,iBAAiB;AAEhB,MAAM,2BAA2B,MAAM;AAC5C,QAAM,EAAE,OAAO,IAAI,mBAAmB;AACtC,QAAM,SAAS,8BAA8B;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,MAAM;AACjE,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,OAAO,WAAW,IAAI,gBAAgB;AAE9C,QAAM,yBAAyB,CAAC,UAAmC;AACjE,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,aAAa;AAAA,QACX,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,QAAM,EAAE,YAAY,CAAC,UAAU,GAAG,UAAU,KAAK,CAAC,GAAG,IAAI,eAAe;AAExE,SACE,oBAAC,UAAU,UAAV,EAAmB,UAAU,MAAM,aACjC,WAAC,EAAE,gBAAgB,gBAAgB,MAAM;AACxC,UAAM,cAAc,iBAAiB;AACrC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO,iBAAiB;AAAA,QAExB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO;AAAA,YACP,OAAO;AAAA,YACP;AAAA,YACA,cAAc;AAAA,YACd,oBAAoB,CAClB,eACG,cAAc,qBAAqB,UAAU;AAAA,YAClD,kBAAkB;AAAA,YAClB;AAAA,YACA,cAAc;AAAA,YACd,eAAe;AAAA,YACd,GAAG;AAAA,YACJ,qBAAmB;AAAA;AAAA,QACrB;AAAA;AAAA,IACF;AAAA,EAEJ,GACF;AAEJ;AAEA,yBAAyB,aAAa,IAAI;",
   "names": []
 }

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

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

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

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

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

@@ -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-7-1';"],
+  "sourcesContent": ["import './HistogramValueBottomAxisArea.css';\nexport var axisContainerStyle = '_9phcbi0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._fzvydv0-3-7-1 {
+._fzvydv0-3-9-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 CHANGED Viewed

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

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

@@ -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-7-1';"],
+  "sourcesContent": ["import './HistogramTooltip.css';\nexport var wrapper = '_fzvydv0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

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

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

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

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

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

@@ -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-7-1 _13lzg4k0-3-7-1';\nexport var datapointLayout = '_drl8ns0-3-7-1 _13lzg4k0-3-7-1';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './HistogramOverlays.css';\nexport var crosshairLayout = '_drl8ns1-3-9-0 _13lzg4k0-3-9-0';\nexport var datapointLayout = '_drl8ns0-3-9-0 _13lzg4k0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/histogram/components/overlays/HistogramOverlaysBorder.js CHANGED Viewed

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

package/esm/charts/histogram/components/overlays/HistogramOverlaysBorder.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/histogram/components/overlays/HistogramOverlaysBorder.tsx"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { ChartOverlaysBorder } from '../../../core/components/overlays/ChartOverlaysBorder.js';\nimport { useHistogramYScales } from '../../hooks/useHistogramYScales.js';\n\nexport const HistogramChartOverlaysBorder = () => {\n  const [leftScale, rightScale] = useHistogramYScales();\n\n  return (\n    <ChartOverlaysBorder\n      left={!isUndefined(leftScale)}\n      right={!isUndefined(rightScale)}\n      bottom\n    />\n  );\n};\n"],
-  "mappings": "AASI;AATJ,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AAE7B,MAAM,+BAA+B,MAAM;AAChD,QAAM,CAAC,WAAW,UAAU,IAAI,oBAAoB;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,YAAY,SAAS;AAAA,MAC5B,OAAO,CAAC,YAAY,UAAU;AAAA,MAC9B,QAAM;AAAA;AAAA,EACR;AAEJ;",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { ChartOverlaysBorder } from '../../../core/components/overlays/ChartOverlaysBorder.js';\nimport { useHistogramAnnotationsConfig } from '../../hooks/useHistogramAnnotationsConfig.js';\nimport { useHistogramYScales } from '../../hooks/useHistogramYScales.js';\n\nexport const HistogramChartOverlaysBorder = () => {\n  const [leftScale, rightScale] = useHistogramYScales();\n  const { tracks } = useHistogramAnnotationsConfig();\n  const visibleTracksCount = tracks.filter((track) => !track.hidden).length;\n\n  return (\n    <ChartOverlaysBorder\n      left={!isUndefined(leftScale)}\n      right={!isUndefined(rightScale)}\n      bottom\n      topSeparator={visibleTracksCount > 1}\n    />\n  );\n};\n"],
+  "mappings": "AAYI;AAZJ,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,qCAAqC;AAC9C,SAAS,2BAA2B;AAE7B,MAAM,+BAA+B,MAAM;AAChD,QAAM,CAAC,WAAW,UAAU,IAAI,oBAAoB;AACpD,QAAM,EAAE,OAAO,IAAI,8BAA8B;AACjD,QAAM,qBAAqB,OAAO,OAAO,CAAC,UAAU,CAAC,MAAM,MAAM,EAAE;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,YAAY,SAAS;AAAA,MAC5B,OAAO,CAAC,YAAY,UAAU;AAAA,MAC9B,QAAM;AAAA,MACN,cAAc,qBAAqB;AAAA;AAAA,EACrC;AAEJ;",
   "names": []
 }

package/esm/charts/histogram/components/toolbar/HistogramToolbar.js CHANGED Viewed

@@ -51,7 +51,6 @@ const HistogramToolbar = ({
   return anyInteractionEnabled ? /* @__PURE__ */ jsxs(
     ChartToolbarRenderer,
     {
-      visible: false,
       visibleWhenMouseInBounds: true,
       handlerRef,
       placement: placement || defaultToolbarPlacement,

package/esm/charts/histogram/components/toolbar/HistogramToolbar.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/histogram/components/toolbar/HistogramToolbar.tsx"],
-  "sourcesContent": ["import 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 { defaultToolbarPlacement } from '../../constants/defaults.js';\nimport { useInteractionModeState } from '../../hooks/store/selectors.js';\nimport { useHistogramFilteredData } from '../../hooks/useHistogramFilteredData.js';\nimport { useHistogramInteractions } from '../../hooks/useHistogramInteractions.js';\nimport { useHistogramSelectionAreaRef } from '../../hooks/useHistogramSelectionAreaRef.js';\nimport { useHistogramToolbar } from '../../hooks/useHistogramToolbar.js';\nimport { HISTOGRAM_MESSAGES } from '../../messages/tooltip-text.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\ntype HistogramToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const HistogramToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: HistogramToolbarProps) => {\n  const toolbarContext = useHistogramToolbar();\n  const { placement, collapsed, downloadData, intents } = toolbarContext;\n  const interactionMode = useInteractionModeState();\n  /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n  const { zoom, zoomX, pan } = useHistogramInteractions();\n  const intl = useIntl();\n  const selectionAreaRef = useHistogramSelectionAreaRef();\n\n  const isZoomEnabled = zoom?.enabled;\n  const isPanEnabled = pan?.enabled;\n  const isDownloadEnabled = downloadData?.enabled ?? false;\n\n  const anyInteractionEnabled =\n    isZoomEnabled ||\n    zoomX?.enabled ||\n    isPanEnabled ||\n    isDownloadEnabled ||\n    intents;\n\n  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);\n\n  const menuLabel =\n    !isPanEnabled && !isZoomEnabled\n      ? intl.formatMessage(HISTOGRAM_MESSAGES.zoomModeExplore)\n      : undefined;\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 { series } = useHistogramFilteredData();\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => buildAndDownloadCsv(series);\n\n  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];\n\n  return anyInteractionEnabled ? (\n    <ChartToolbarRenderer\n      visible={false}\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      placement={placement || defaultToolbarPlacement}\n      collapsed={collapsed}\n      draggable={true}\n      initialA11yState={getA11yToolbarConfig({\n        zoomX,\n        pan,\n        zoom,\n        download: downloadData,\n        intent: !!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={intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      {...behaviorTrackingProps}\n    >\n      <>\n        <ExploreButton />\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      <ResetButton />\n      {showDefaultToolbarDownloadButton && <DownloadDataButton />}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n"],
-  "mappings": "AA4GM,mBACE,KADF;AA3GN,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,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,oCAAoC;AAC7C,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AAQ7B,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,iBAAiB,oBAAoB;AAC3C,QAAM,EAAE,WAAW,WAAW,cAAc,QAAQ,IAAI;AACxD,QAAM,kBAAkB,wBAAwB;AAEhD,QAAM,EAAE,MAAM,OAAO,IAAI,IAAI,yBAAyB;AACtD,QAAM,OAAO,QAAQ;AACrB,QAAM,mBAAmB,6BAA6B;AAEtD,QAAM,gBAAgB,MAAM;AAC5B,QAAM,eAAe,KAAK;AAC1B,QAAM,oBAAoB,cAAc,WAAW;AAEnD,QAAM,wBACJ,iBACA,OAAO,WACP,gBACA,qBACA;AAEF,QAAM,WAAW,mBAAmB,iBAAiB,aAAa;AAElE,QAAM,YACJ,CAAC,gBAAgB,CAAC,gBACd,KAAK,cAAc,mBAAmB,eAAe,IACrD;AAEN,QAAM,kBAAkB,0BAA0B;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,UAAU,MACd,mBAAmB,iBAAiB,SAAS,MAAM,IAAI;AAEzD,QAAM,EAAE,OAAO,IAAI,yBAAyB;AAG5C,QAAM,4BAA4B,MAAM,oBAAoB,MAAM;AAElE,QAAM,mCAAmC,qBAAqB,CAAC;AAC/D,QAAM,wBAAwB,qBAAqB,CAAC,CAAC,SAAS;AAE9D,QAAM,wBAAwB,4BAA4B,cAAc,EAAE,CAAC;AAE3E,SAAO,wBACL;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,0BAAwB;AAAA,MACxB;AAAA,MACA,WAAW,aAAa;AAAA,MACxB;AAAA,MACA,WAAW;AAAA,MACX,kBAAkB,qBAAqB;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,QAAQ,CAAC,CAAC;AAAA,MACZ,CAAC;AAAA,MACD,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;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,QACpC,oBAAC,eAAY;AAAA,QACZ,oCAAoC,oBAAC,sBAAmB;AAAA;AAAA;AAAA,EAC3D,IACE;AACN;",
+  "sourcesContent": ["import 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 { defaultToolbarPlacement } from '../../constants/defaults.js';\nimport { useInteractionModeState } from '../../hooks/store/selectors.js';\nimport { useHistogramFilteredData } from '../../hooks/useHistogramFilteredData.js';\nimport { useHistogramInteractions } from '../../hooks/useHistogramInteractions.js';\nimport { useHistogramSelectionAreaRef } from '../../hooks/useHistogramSelectionAreaRef.js';\nimport { useHistogramToolbar } from '../../hooks/useHistogramToolbar.js';\nimport { HISTOGRAM_MESSAGES } from '../../messages/tooltip-text.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\ntype HistogramToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const HistogramToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: HistogramToolbarProps) => {\n  const toolbarContext = useHistogramToolbar();\n  const { placement, collapsed, downloadData, intents } = toolbarContext;\n  const interactionMode = useInteractionModeState();\n  /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n  const { zoom, zoomX, pan } = useHistogramInteractions();\n  const intl = useIntl();\n  const selectionAreaRef = useHistogramSelectionAreaRef();\n\n  const isZoomEnabled = zoom?.enabled;\n  const isPanEnabled = pan?.enabled;\n  const isDownloadEnabled = downloadData?.enabled ?? false;\n\n  const anyInteractionEnabled =\n    isZoomEnabled ||\n    zoomX?.enabled ||\n    isPanEnabled ||\n    isDownloadEnabled ||\n    intents;\n\n  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);\n\n  const menuLabel =\n    !isPanEnabled && !isZoomEnabled\n      ? intl.formatMessage(HISTOGRAM_MESSAGES.zoomModeExplore)\n      : undefined;\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 { series } = useHistogramFilteredData();\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => buildAndDownloadCsv(series);\n\n  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];\n\n  return anyInteractionEnabled ? (\n    <ChartToolbarRenderer\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      placement={placement || defaultToolbarPlacement}\n      collapsed={collapsed}\n      draggable={true}\n      initialA11yState={getA11yToolbarConfig({\n        zoomX,\n        pan,\n        zoom,\n        download: downloadData,\n        intent: !!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={intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      {...behaviorTrackingProps}\n    >\n      <>\n        <ExploreButton />\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      <ResetButton />\n      {showDefaultToolbarDownloadButton && <DownloadDataButton />}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n"],
+  "mappings": "AA2GM,mBACE,KADF;AA1GN,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,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,oCAAoC;AAC7C,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AAQ7B,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,iBAAiB,oBAAoB;AAC3C,QAAM,EAAE,WAAW,WAAW,cAAc,QAAQ,IAAI;AACxD,QAAM,kBAAkB,wBAAwB;AAEhD,QAAM,EAAE,MAAM,OAAO,IAAI,IAAI,yBAAyB;AACtD,QAAM,OAAO,QAAQ;AACrB,QAAM,mBAAmB,6BAA6B;AAEtD,QAAM,gBAAgB,MAAM;AAC5B,QAAM,eAAe,KAAK;AAC1B,QAAM,oBAAoB,cAAc,WAAW;AAEnD,QAAM,wBACJ,iBACA,OAAO,WACP,gBACA,qBACA;AAEF,QAAM,WAAW,mBAAmB,iBAAiB,aAAa;AAElE,QAAM,YACJ,CAAC,gBAAgB,CAAC,gBACd,KAAK,cAAc,mBAAmB,eAAe,IACrD;AAEN,QAAM,kBAAkB,0BAA0B;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,UAAU,MACd,mBAAmB,iBAAiB,SAAS,MAAM,IAAI;AAEzD,QAAM,EAAE,OAAO,IAAI,yBAAyB;AAG5C,QAAM,4BAA4B,MAAM,oBAAoB,MAAM;AAElE,QAAM,mCAAmC,qBAAqB,CAAC;AAC/D,QAAM,wBAAwB,qBAAqB,CAAC,CAAC,SAAS;AAE9D,QAAM,wBAAwB,4BAA4B,cAAc,EAAE,CAAC;AAE3E,SAAO,wBACL;AAAA,IAAC;AAAA;AAAA,MACC,0BAAwB;AAAA,MACxB;AAAA,MACA,WAAW,aAAa;AAAA,MACxB;AAAA,MACA,WAAW;AAAA,MACX,kBAAkB,qBAAqB;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,QAAQ,CAAC,CAAC;AAAA,MACZ,CAAC;AAAA,MACD,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;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,QACpC,oBAAC,eAAY;AAAA,QACZ,oCAAoC,oBAAC,sBAAmB;AAAA;AAAA;AAAA,EAC3D,IACE;AACN;",
   "names": []
 }

package/esm/charts/honeycomb/HoneycombChart.css CHANGED Viewed

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

package/esm/charts/honeycomb/HoneycombChart.js CHANGED Viewed

@@ -16,6 +16,7 @@ import { HoneycombFormatterContext } from "./context/honeycomb-formatter.context
 import { HoneycombLabelsDisplayContext } from "./context/honeycomb-labels-display.context.js";
 import { HoneycombLoadingContext } from "./context/honeycomb-loading.context.js";
 import { HoneycombShapeContext } from "./context/honeycomb-shape.context.js";
+import { HoneycombTextSizeContext } from "./context/honeycomb-text-size.context.js";
 import { HoneycombTruncationMode } from "./context/honeycomb-truncation-mode.context.js";
 import { useHoneycombChartConfig } from "./hooks/use-honeycomb-chart-config.js";
 import { HoneycombBaseScaleProvider } from "./providers/honeycomb-base-scale.provider.js";
@@ -29,6 +30,8 @@ import { HoneycombLegend } from "./slots/HoneycombLegend.js";
 import { Toolbar } from "./slots/Toolbar.js";
 import { Tooltip } from "./slots/Tooltip.js";
 import { buildAndDownloadCsv } from "./utils/build-and-download-csv.js";
+import { isHoneycombChartAccessorDataProps } from "./utils/build-honeycomb-config.js";
+import { normalizeHoneycombChartData } from "./utils/normalize-honeycomb-chart-data.js";
 import { normalizeTilesData } from "./utils/normalize-tiles-data.js";
 import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
@@ -68,7 +71,7 @@ const _HoneycombChart = forwardRef((props, forwardedRef) => {
     forwardedRef,
     containerRef
   ]);
-  const sanitizedData = normalizeTilesData(data);
+  const sanitizedData = isHoneycombChartAccessorDataProps(props) ? normalizeHoneycombChartData(data, props.valueAccessor) : normalizeTilesData(data);
   const config = useHoneycombChartConfig(props);
   const formatterContext = {
     formatter: config.formatter,
@@ -106,7 +109,7 @@ const _HoneycombChart = forwardRef((props, forwardedRef) => {
         HoneycombLabelsDisplayContext.Provider,
         {
           value: config.labelsDisplay,
-          children: /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsx(HoneycombTextSizeContext.Provider, { value: config.textSize, children: /* @__PURE__ */ jsx(
             HoneycombFilteredDataProvider,
             {
               data: sanitizedData,
@@ -123,7 +126,7 @@ const _HoneycombChart = forwardRef((props, forwardedRef) => {
                 }
               ) }) })
             }
-          )
+          ) })
         }
       ) }) }) }) }) }) })
     }

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

@@ -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 { HoneycombLabelsDisplayContext } from './context/honeycomb-labels-display.context.js';\nimport { HoneycombLoadingContext } from './context/honeycomb-loading.context.js';\nimport { HoneycombShapeContext } from './context/honeycomb-shape.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 { Tooltip } from './slots/Tooltip.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                  <HoneycombLabelsDisplayContext.Provider\n                    value={config.labelsDisplay}\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                  </HoneycombLabelsDisplayContext.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  Tooltip,\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 { HoneycombLabelsDisplayContext } from './context/honeycomb-labels-display.context.js';\nimport { HoneycombLoadingContext } from './context/honeycomb-loading.context.js';\nimport { HoneycombShapeContext } from './context/honeycomb-shape.context.js';\nimport { HoneycombTextSizeContext } from './context/honeycomb-text-size.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 { Tooltip } from './slots/Tooltip.js';\nimport { HoneycombConsumerExportedConfig } from './types/honeycomb-config-properties.js';\nimport { HoneycombRequiredConfigProps } from './types/honeycomb-internal.js';\nimport {\n  HoneycombChartProps,\n  HoneycombChartRef,\n  type HoneycombData,\n} from './types/honeycomb.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { isHoneycombChartAccessorDataProps } from './utils/build-honeycomb-config.js';\nimport { normalizeHoneycombChartData } from './utils/normalize-honeycomb-chart-data.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 type { ChartData } from '../core/types/chart-data.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 = isHoneycombChartAccessorDataProps(props)\n    ? normalizeHoneycombChartData(data as ChartData, props.valueAccessor)\n    : normalizeTilesData(data as HoneycombData);\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                  <HoneycombLabelsDisplayContext.Provider\n                    value={config.labelsDisplay}\n                  >\n                    <HoneycombTextSizeContext.Provider value={config.textSize}>\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                    </HoneycombTextSizeContext.Provider>\n                  </HoneycombLabelsDisplayContext.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  Tooltip,\n});\n"],
+  "mappings": "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",
   "names": []
 }

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

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

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

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

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

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

package/esm/charts/honeycomb/components/HiveOverlay.js CHANGED Viewed

@@ -14,12 +14,7 @@ const HiveOverlay = () => {
   const toolbarConfig = useHoneycombToolbarConfig();
   const toolbarEnabled = isToolbarEnabled(toolbarConfig);
   const overlay = useOverlay();
-  const {
-    handlePointerEnter,
-    handlePointerMove,
-    handlePointerLeave,
-    handleMouseClick
-  } = useOverlayEvents(overlay);
+  const eventHandlers = useOverlayEvents(overlay);
   const { height, width } = useGraphSize();
   const { chartSeriesActions } = useSeriesActions();
   const data = useTooltipData().data;
@@ -34,11 +29,8 @@ const HiveOverlay = () => {
         width
       },
       "data-testid": "honeycomb-overlay",
-      onPointerEnter: handlePointerEnter,
-      onPointerMove: handlePointerMove,
-      onPointerLeave: handlePointerLeave,
-      onClick: handleMouseClick,
       ref: overlay.overlayRef,
+      ...eventHandlers,
       children: [
         /* @__PURE__ */ jsx(
           HoneycombOverlayTooltip,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/honeycomb/components/HiveOverlay.tsx"],
-  "sourcesContent": ["import { overlay as overlayClassName } from './HiveOverlay.sty.js';\nimport { HoneycombToolbar } from './toolbar/HoneycombToolbar.js';\nimport { HoneycombOverlayTooltip } from './tooltip/HoneycombOverlayTooltip.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { useOverlay } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useTooltipData } from '../../core/components/overlay-tooltip/hooks/useTooltipData.js';\nimport { useSeriesActions } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport { isToolbarEnabled } from '../../core/utils/is-toolbar-enabled.js';\nimport { useHoneycombToolbarConfig } from '../hooks/use-honeycomb-toolbar-config.js';\nimport { useOverlayEvents } from '../hooks/use-overlay-events.js';\n\nexport const HiveOverlay = () => {\n  const toolbarConfig = useHoneycombToolbarConfig();\n  const toolbarEnabled = isToolbarEnabled(toolbarConfig);\n  const overlay = useOverlay();\n  const {\n    handlePointerEnter,\n    handlePointerMove,\n    handlePointerLeave,\n    handleMouseClick,\n  } = useOverlayEvents(overlay);\n  const { height, width } = useGraphSize();\n  const { chartSeriesActions } = useSeriesActions();\n  const data = useTooltipData().data;\n\n  const series = data?.series?.[0];\n  const metadata = data?.metadata as { id: string } | undefined;\n\n  return (\n    <Flex\n      className={overlayClassName}\n      style={{\n        height,\n        width,\n      }}\n      data-testid=\"honeycomb-overlay\"\n      onPointerEnter={handlePointerEnter}\n      onPointerMove={handlePointerMove}\n      onPointerLeave={handlePointerLeave}\n      onClick={handleMouseClick}\n      ref={overlay.overlayRef}\n    >\n      <HoneycombOverlayTooltip\n        actionsForItem={\n          chartSeriesActions && series && metadata\n            ? () => () =>\n                chartSeriesActions({\n                  id: metadata.id,\n                  name: series.name,\n                  values: [series.value],\n                })\n            : undefined\n        }\n      />\n      {toolbarEnabled && <HoneycombToolbar />}\n    </Flex>\n  );\n};\n"],
-  "mappings": "AA8BI,SAaE,KAbF;AA9BJ,SAAS,WAAW,wBAAwB;AAC5C,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AAE1B,MAAM,cAAc,MAAM;AAC/B,QAAM,gBAAgB,0BAA0B;AAChD,QAAM,iBAAiB,iBAAiB,aAAa;AACrD,QAAM,UAAU,WAAW;AAC3B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,iBAAiB,OAAO;AAC5B,QAAM,EAAE,QAAQ,MAAM,IAAI,aAAa;AACvC,QAAM,EAAE,mBAAmB,IAAI,iBAAiB;AAChD,QAAM,OAAO,eAAe,EAAE;AAE9B,QAAM,SAAS,MAAM,SAAS,CAAC;AAC/B,QAAM,WAAW,MAAM;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,KAAK,QAAQ;AAAA,MAEb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,gBACE,sBAAsB,UAAU,WAC5B,MAAM,MACJ,mBAAmB;AAAA,cACjB,IAAI,SAAS;AAAA,cACb,MAAM,OAAO;AAAA,cACb,QAAQ,CAAC,OAAO,KAAK;AAAA,YACvB,CAAC,IACH;AAAA;AAAA,QAER;AAAA,QACC,kBAAkB,oBAAC,oBAAiB;AAAA;AAAA;AAAA,EACvC;AAEJ;",
+  "sourcesContent": ["import { overlay as overlayClassName } from './HiveOverlay.sty.js';\nimport { HoneycombToolbar } from './toolbar/HoneycombToolbar.js';\nimport { HoneycombOverlayTooltip } from './tooltip/HoneycombOverlayTooltip.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { useOverlay } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useTooltipData } from '../../core/components/overlay-tooltip/hooks/useTooltipData.js';\nimport { useSeriesActions } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport { isToolbarEnabled } from '../../core/utils/is-toolbar-enabled.js';\nimport { useHoneycombToolbarConfig } from '../hooks/use-honeycomb-toolbar-config.js';\nimport { useOverlayEvents } from '../hooks/use-overlay-events.js';\n\nexport const HiveOverlay = () => {\n  const toolbarConfig = useHoneycombToolbarConfig();\n  const toolbarEnabled = isToolbarEnabled(toolbarConfig);\n  const overlay = useOverlay();\n  const eventHandlers = useOverlayEvents(overlay);\n  const { height, width } = useGraphSize();\n  const { chartSeriesActions } = useSeriesActions();\n  const data = useTooltipData().data;\n\n  const series = data?.series?.[0];\n  const metadata = data?.metadata as { id: string } | undefined;\n\n  return (\n    <Flex\n      className={overlayClassName}\n      style={{\n        height,\n        width,\n      }}\n      data-testid=\"honeycomb-overlay\"\n      ref={overlay.overlayRef}\n      {...eventHandlers}\n    >\n      <HoneycombOverlayTooltip\n        actionsForItem={\n          chartSeriesActions && series && metadata\n            ? () => () =>\n                chartSeriesActions({\n                  id: metadata.id,\n                  name: series.name,\n                  values: [series.value],\n                })\n            : undefined\n        }\n      />\n      {toolbarEnabled && <HoneycombToolbar />}\n    </Flex>\n  );\n};\n"],
+  "mappings": "AAyBI,SAUE,KAVF;AAzBJ,SAAS,WAAW,wBAAwB;AAC5C,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AAE1B,MAAM,cAAc,MAAM;AAC/B,QAAM,gBAAgB,0BAA0B;AAChD,QAAM,iBAAiB,iBAAiB,aAAa;AACrD,QAAM,UAAU,WAAW;AAC3B,QAAM,gBAAgB,iBAAiB,OAAO;AAC9C,QAAM,EAAE,QAAQ,MAAM,IAAI,aAAa;AACvC,QAAM,EAAE,mBAAmB,IAAI,iBAAiB;AAChD,QAAM,OAAO,eAAe,EAAE;AAE9B,QAAM,SAAS,MAAM,SAAS,CAAC;AAC/B,QAAM,WAAW,MAAM;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MACZ,KAAK,QAAQ;AAAA,MACZ,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,gBACE,sBAAsB,UAAU,WAC5B,MAAM,MACJ,mBAAmB;AAAA,cACjB,IAAI,SAAS;AAAA,cACb,MAAM,OAAO;AAAA,cACb,QAAQ,CAAC,OAAO,KAAK;AAAA,YACvB,CAAC,IACH;AAAA;AAAA,QAER;AAAA,QACC,kBAAkB,oBAAC,oBAAiB;AAAA;AAAA;AAAA,EACvC;AAEJ;",
   "names": []
 }

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

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

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

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

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

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

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

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

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

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

package/esm/charts/honeycomb/components/canvas/renderers/CanvasCircleRenderer.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { useCallback } from "react";
 import { useCanvas } from "../../../../core/components/canvas/hooks/useCanvas.js";
+import { useHoneycombTextSize } from "../../../hooks/use-honeycomb-text-size.js";
 import { drawLabelAndValue } from "../utils/draw-label-and-value.js";
 import { fillShape } from "../utils/fill-shape.js";
 import { removeTransparentBorder } from "../utils/remove-transparent-border.js";
@@ -31,6 +32,7 @@ const CanvasCircleRenderer = (props) => {
     labelsDisplay,
     truncationMode
   } = props;
+  const textSize = useHoneycombTextSize();
   const squareSideSize = getCircumscribedSquare(radius);
   const textArea = getCircleTextArea(x, y, squareSideSize);
   const draw = useCallback(
@@ -46,7 +48,8 @@ const CanvasCircleRenderer = (props) => {
           fillColor,
           name,
           truncationMode,
-          labelsDisplay
+          labelsDisplay,
+          textSize
         );
       }
       return false;
@@ -60,7 +63,9 @@ const CanvasCircleRenderer = (props) => {
       labelsDisplay,
       truncationMode,
       name,
-      value
+      value,
+      textArea,
+      textSize
     ]
   );
   useCanvas("honeycomb-circle", draw);

package/esm/charts/honeycomb/components/canvas/renderers/CanvasCircleRenderer.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/honeycomb/components/canvas/renderers/CanvasCircleRenderer.tsx"],
-  "sourcesContent": ["import { useCallback } from 'react';\n\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { useCanvas } from '../../../../core/components/canvas/hooks/useCanvas.js';\nimport { CanvasTextAreaProps } from '../../../types/canvas-text-area.js';\nimport type { HoneycombLabelsDisplay } from '../../../types/honeycomb.js';\nimport { drawLabelAndValue } from '../utils/draw-label-and-value.js';\nimport { fillShape } from '../utils/fill-shape.js';\nimport { removeTransparentBorder } from '../utils/remove-transparent-border.js';\nimport { shouldRenderLabels } from '../utils/should-render-labels.js';\n\ninterface CanvasCircleRendererProps {\n  x: number;\n  y: number;\n  radius: number;\n  fillColor: string;\n  value: string | number;\n  name?: string;\n  strokeColor?: 'transparent' | string;\n  labelsDisplay?: HoneycombLabelsDisplay;\n  truncationMode?: TruncationMode;\n}\n\nconst createCirclePath = (\n  ctx: CanvasRenderingContext2D,\n  radius: number,\n  x: number,\n  y: number,\n) => {\n  ctx.beginPath();\n  const safeRadius = Math.max(radius, 0);\n  ctx.arc(x, y, safeRadius, 0, 2 * Math.PI);\n  ctx.closePath();\n};\n\nconst getCircleTextArea = (x: number, y: number, squareSideSize: number) => ({\n  x,\n  y,\n  width: squareSideSize,\n  height: squareSideSize - 8,\n  leftBoundary: x - squareSideSize / 2,\n  rightBoundary: x + squareSideSize / 2,\n});\n\nconst getCircumscribedSquare = (radius: number) => radius * Math.sqrt(2);\n\nexport const CanvasCircleRenderer = (props: CanvasCircleRendererProps) => {\n  const {\n    x,\n    y,\n    radius,\n    fillColor,\n    strokeColor = fillColor,\n    value,\n    name = '',\n    labelsDisplay,\n    truncationMode,\n  } = props;\n  const squareSideSize = getCircumscribedSquare(radius);\n  const textArea: CanvasTextAreaProps = getCircleTextArea(x, y, squareSideSize);\n\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      createCirclePath(ctx, radius, x, y);\n      removeTransparentBorder(ctx, strokeColor);\n      fillShape(ctx, fillColor);\n      if (shouldRenderLabels(labelsDisplay)) {\n        drawLabelAndValue(\n          ctx,\n          value,\n          textArea,\n          fillColor,\n          name,\n          truncationMode,\n          labelsDisplay,\n        );\n      }\n\n      return false;\n    },\n    [\n      x,\n      y,\n      radius,\n      fillColor,\n      strokeColor,\n      labelsDisplay,\n      truncationMode,\n      name,\n      value,\n    ],\n  );\n\n  useCanvas('honeycomb-circle', draw);\n\n  return null;\n};\n\nCanvasCircleRenderer['displayName'] = 'CanvasCircleRenderer';\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAG5B,SAAS,iBAAiB;AAG1B,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AAcnC,MAAM,mBAAmB,CACvB,KACA,QACA,GACA,MACG;AACH,MAAI,UAAU;AACd,QAAM,aAAa,KAAK,IAAI,QAAQ,CAAC;AACrC,MAAI,IAAI,GAAG,GAAG,YAAY,GAAG,IAAI,KAAK,EAAE;AACxC,MAAI,UAAU;AAChB;AAEA,MAAM,oBAAoB,CAAC,GAAW,GAAW,oBAA4B;AAAA,EAC3E;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ,iBAAiB;AAAA,EACzB,cAAc,IAAI,iBAAiB;AAAA,EACnC,eAAe,IAAI,iBAAiB;AACtC;AAEA,MAAM,yBAAyB,CAAC,WAAmB,SAAS,KAAK,KAAK,CAAC;AAEhE,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,iBAAiB,uBAAuB,MAAM;AACpD,QAAM,WAAgC,kBAAkB,GAAG,GAAG,cAAc;AAE5E,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,uBAAiB,KAAK,QAAQ,GAAG,CAAC;AAClC,8BAAwB,KAAK,WAAW;AACxC,gBAAU,KAAK,SAAS;AACxB,UAAI,mBAAmB,aAAa,GAAG;AACrC;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,YAAU,oBAAoB,IAAI;AAElC,SAAO;AACT;AAEA,qBAAqB,aAAa,IAAI;",
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { useCanvas } from '../../../../core/components/canvas/hooks/useCanvas.js';\nimport { useHoneycombTextSize } from '../../../hooks/use-honeycomb-text-size.js';\nimport { CanvasTextAreaProps } from '../../../types/canvas-text-area.js';\nimport type { HoneycombLabelsDisplay } from '../../../types/honeycomb.js';\nimport { drawLabelAndValue } from '../utils/draw-label-and-value.js';\nimport { fillShape } from '../utils/fill-shape.js';\nimport { removeTransparentBorder } from '../utils/remove-transparent-border.js';\nimport { shouldRenderLabels } from '../utils/should-render-labels.js';\n\ninterface CanvasCircleRendererProps {\n  x: number;\n  y: number;\n  radius: number;\n  fillColor: string;\n  value: string | number;\n  name?: string;\n  strokeColor?: 'transparent' | string;\n  labelsDisplay?: HoneycombLabelsDisplay;\n  truncationMode?: TruncationMode;\n}\n\nconst createCirclePath = (\n  ctx: CanvasRenderingContext2D,\n  radius: number,\n  x: number,\n  y: number,\n) => {\n  ctx.beginPath();\n  const safeRadius = Math.max(radius, 0);\n  ctx.arc(x, y, safeRadius, 0, 2 * Math.PI);\n  ctx.closePath();\n};\n\nconst getCircleTextArea = (x: number, y: number, squareSideSize: number) => ({\n  x,\n  y,\n  width: squareSideSize,\n  height: squareSideSize - 8,\n  leftBoundary: x - squareSideSize / 2,\n  rightBoundary: x + squareSideSize / 2,\n});\n\nconst getCircumscribedSquare = (radius: number) => radius * Math.sqrt(2);\n\nexport const CanvasCircleRenderer = (props: CanvasCircleRendererProps) => {\n  const {\n    x,\n    y,\n    radius,\n    fillColor,\n    strokeColor = fillColor,\n    value,\n    name = '',\n    labelsDisplay,\n    truncationMode,\n  } = props;\n  const textSize = useHoneycombTextSize();\n  const squareSideSize = getCircumscribedSquare(radius);\n  const textArea: CanvasTextAreaProps = getCircleTextArea(x, y, squareSideSize);\n\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      createCirclePath(ctx, radius, x, y);\n      removeTransparentBorder(ctx, strokeColor);\n      fillShape(ctx, fillColor);\n      if (shouldRenderLabels(labelsDisplay)) {\n        drawLabelAndValue(\n          ctx,\n          value,\n          textArea,\n          fillColor,\n          name,\n          truncationMode,\n          labelsDisplay,\n          textSize,\n        );\n      }\n\n      return false;\n    },\n    [\n      x,\n      y,\n      radius,\n      fillColor,\n      strokeColor,\n      labelsDisplay,\n      truncationMode,\n      name,\n      value,\n      textArea,\n      textSize,\n    ],\n  );\n\n  useCanvas('honeycomb-circle', draw);\n\n  return null;\n};\n\nCanvasCircleRenderer['displayName'] = 'CanvasCircleRenderer';\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAG5B,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AAGrC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AAcnC,MAAM,mBAAmB,CACvB,KACA,QACA,GACA,MACG;AACH,MAAI,UAAU;AACd,QAAM,aAAa,KAAK,IAAI,QAAQ,CAAC;AACrC,MAAI,IAAI,GAAG,GAAG,YAAY,GAAG,IAAI,KAAK,EAAE;AACxC,MAAI,UAAU;AAChB;AAEA,MAAM,oBAAoB,CAAC,GAAW,GAAW,oBAA4B;AAAA,EAC3E;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ,iBAAiB;AAAA,EACzB,cAAc,IAAI,iBAAiB;AAAA,EACnC,eAAe,IAAI,iBAAiB;AACtC;AAEA,MAAM,yBAAyB,CAAC,WAAmB,SAAS,KAAK,KAAK,CAAC;AAEhE,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,WAAW,qBAAqB;AACtC,QAAM,iBAAiB,uBAAuB,MAAM;AACpD,QAAM,WAAgC,kBAAkB,GAAG,GAAG,cAAc;AAE5E,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,uBAAiB,KAAK,QAAQ,GAAG,CAAC;AAClC,8BAAwB,KAAK,WAAW;AACxC,gBAAU,KAAK,SAAS;AACxB,UAAI,mBAAmB,aAAa,GAAG;AACrC;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,YAAU,oBAAoB,IAAI;AAElC,SAAO;AACT;AAEA,qBAAqB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/honeycomb/components/canvas/renderers/CanvasHexagonRenderer.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { useCallback } from "react";
 import { useCanvas } from "../../../../core/components/canvas/hooks/useCanvas.js";
+import { useHoneycombTextSize } from "../../../hooks/use-honeycomb-text-size.js";
 import { getHexagonGeometry } from "../../../utils/get-hexagon-geometry.js";
 import { drawLabelAndValue } from "../utils/draw-label-and-value.js";
 import { fillShape } from "../utils/fill-shape.js";
@@ -28,6 +29,7 @@ const CanvasHexagonRenderer = (props) => {
     labelsDisplay,
     truncationMode
   } = props;
+  const textSize = useHoneycombTextSize();
   const { hexagonGeometry, textArea } = getHexagonGeometry(x, y, width);
   const draw = useCallback(
     (ctx) => {
@@ -42,21 +44,23 @@ const CanvasHexagonRenderer = (props) => {
           fillColor,
           name,
           truncationMode,
-          labelsDisplay
+          labelsDisplay,
+          textSize
         );
       }
       return false;
     },
     [
-      x,
-      y,
-      width,
       fillColor,
       strokeColor,
       labelsDisplay,
       truncationMode,
       name,
-      value
+      value,
+      hexagonGeometry,
+      radius,
+      textArea,
+      textSize
     ]
   );
   useCanvas("honeycomb-hexagon", draw);

package/esm/charts/honeycomb/components/canvas/renderers/CanvasHexagonRenderer.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/honeycomb/components/canvas/renderers/CanvasHexagonRenderer.tsx"],
-  "sourcesContent": ["import { useCallback } from 'react';\n\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { useCanvas } from '../../../../core/components/canvas/hooks/useCanvas.js';\nimport { Point } from '../../../../core/types/point.js';\nimport type { HoneycombLabelsDisplay } from '../../../types/honeycomb.js';\nimport { getHexagonGeometry } from '../../../utils/get-hexagon-geometry.js';\nimport { drawLabelAndValue } from '../utils/draw-label-and-value.js';\nimport { fillShape } from '../utils/fill-shape.js';\nimport { removeTransparentBorder } from '../utils/remove-transparent-border.js';\nimport { shouldRenderLabels } from '../utils/should-render-labels.js';\n\ninterface CanvasHexagonRendererProps {\n  x: number;\n  y: number;\n  width: number;\n  fillColor: string;\n  value: string | number;\n  name?: string;\n  strokeColor?: 'transparent' | string;\n  radius?: number;\n  labelsDisplay?: HoneycombLabelsDisplay;\n  truncationMode?: TruncationMode;\n}\n\nconst createHexagonPath = (\n  ctx: CanvasRenderingContext2D,\n  hexagonGeometry: Point[],\n  radius: number,\n) => {\n  ctx.beginPath();\n  // Web-kit browsers need to move to the initial point to avoid weird behavior: APPDEV-8494\n  ctx.moveTo(hexagonGeometry[0].x, hexagonGeometry[0].y);\n  for (let i = 0; i < hexagonGeometry.length; i += 2) {\n    const vertex = hexagonGeometry[i];\n    const lineBisect = hexagonGeometry[i + 1];\n\n    ctx.arcTo(vertex.x, vertex.y, lineBisect.x, lineBisect.y, radius);\n  }\n  ctx.closePath();\n};\n\nexport const CanvasHexagonRenderer = (props: CanvasHexagonRendererProps) => {\n  const {\n    x,\n    y,\n    name,\n    value,\n    width,\n    fillColor,\n    strokeColor = fillColor,\n    radius = 0,\n    labelsDisplay,\n    truncationMode,\n  } = props;\n  const { hexagonGeometry, textArea } = getHexagonGeometry(x, y, width);\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      createHexagonPath(ctx, hexagonGeometry, radius);\n      removeTransparentBorder(ctx, strokeColor);\n      fillShape(ctx, fillColor);\n      if (shouldRenderLabels(labelsDisplay)) {\n        drawLabelAndValue(\n          ctx,\n          value,\n          textArea,\n          fillColor,\n          name,\n          truncationMode,\n          labelsDisplay,\n        );\n      }\n\n      return false;\n    },\n    [\n      x,\n      y,\n      width,\n      fillColor,\n      strokeColor,\n      labelsDisplay,\n      truncationMode,\n      name,\n      value,\n    ],\n  );\n\n  useCanvas('honeycomb-hexagon', draw);\n\n  return null;\n};\n\nCanvasHexagonRenderer['displayName'] = 'CanvasHexagonRenderer';\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAG5B,SAAS,iBAAiB;AAG1B,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AAenC,MAAM,oBAAoB,CACxB,KACA,iBACA,WACG;AACH,MAAI,UAAU;AAEd,MAAI,OAAO,gBAAgB,CAAC,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC;AACrD,WAAS,IAAI,GAAG,IAAI,gBAAgB,QAAQ,KAAK,GAAG;AAClD,UAAM,SAAS,gBAAgB,CAAC;AAChC,UAAM,aAAa,gBAAgB,IAAI,CAAC;AAExC,QAAI,MAAM,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM;AAAA,EAClE;AACA,MAAI,UAAU;AAChB;AAEO,MAAM,wBAAwB,CAAC,UAAsC;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,iBAAiB,SAAS,IAAI,mBAAmB,GAAG,GAAG,KAAK;AACpE,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,wBAAkB,KAAK,iBAAiB,MAAM;AAC9C,8BAAwB,KAAK,WAAW;AACxC,gBAAU,KAAK,SAAS;AACxB,UAAI,mBAAmB,aAAa,GAAG;AACrC;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,YAAU,qBAAqB,IAAI;AAEnC,SAAO;AACT;AAEA,sBAAsB,aAAa,IAAI;",
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { useCanvas } from '../../../../core/components/canvas/hooks/useCanvas.js';\nimport { Point } from '../../../../core/types/point.js';\nimport { useHoneycombTextSize } from '../../../hooks/use-honeycomb-text-size.js';\nimport type { HoneycombLabelsDisplay } from '../../../types/honeycomb.js';\nimport { getHexagonGeometry } from '../../../utils/get-hexagon-geometry.js';\nimport { drawLabelAndValue } from '../utils/draw-label-and-value.js';\nimport { fillShape } from '../utils/fill-shape.js';\nimport { removeTransparentBorder } from '../utils/remove-transparent-border.js';\nimport { shouldRenderLabels } from '../utils/should-render-labels.js';\n\ninterface CanvasHexagonRendererProps {\n  x: number;\n  y: number;\n  width: number;\n  fillColor: string;\n  value: string | number;\n  name?: string;\n  strokeColor?: 'transparent' | string;\n  radius?: number;\n  labelsDisplay?: HoneycombLabelsDisplay;\n  truncationMode?: TruncationMode;\n}\n\nconst createHexagonPath = (\n  ctx: CanvasRenderingContext2D,\n  hexagonGeometry: Point[],\n  radius: number,\n) => {\n  ctx.beginPath();\n  // Web-kit browsers need to move to the initial point to avoid weird behavior: APPDEV-8494\n  ctx.moveTo(hexagonGeometry[0].x, hexagonGeometry[0].y);\n  for (let i = 0; i < hexagonGeometry.length; i += 2) {\n    const vertex = hexagonGeometry[i];\n    const lineBisect = hexagonGeometry[i + 1];\n\n    ctx.arcTo(vertex.x, vertex.y, lineBisect.x, lineBisect.y, radius);\n  }\n  ctx.closePath();\n};\n\nexport const CanvasHexagonRenderer = (props: CanvasHexagonRendererProps) => {\n  const {\n    x,\n    y,\n    name,\n    value,\n    width,\n    fillColor,\n    strokeColor = fillColor,\n    radius = 0,\n    labelsDisplay,\n    truncationMode,\n  } = props;\n  const textSize = useHoneycombTextSize();\n  const { hexagonGeometry, textArea } = getHexagonGeometry(x, y, width);\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      createHexagonPath(ctx, hexagonGeometry, radius);\n      removeTransparentBorder(ctx, strokeColor);\n      fillShape(ctx, fillColor);\n      if (shouldRenderLabels(labelsDisplay)) {\n        drawLabelAndValue(\n          ctx,\n          value,\n          textArea,\n          fillColor,\n          name,\n          truncationMode,\n          labelsDisplay,\n          textSize,\n        );\n      }\n\n      return false;\n    },\n    [\n      fillColor,\n      strokeColor,\n      labelsDisplay,\n      truncationMode,\n      name,\n      value,\n      hexagonGeometry,\n      radius,\n      textArea,\n      textSize,\n    ],\n  );\n\n  useCanvas('honeycomb-hexagon', draw);\n\n  return null;\n};\n\nCanvasHexagonRenderer['displayName'] = 'CanvasHexagonRenderer';\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAG5B,SAAS,iBAAiB;AAE1B,SAAS,4BAA4B;AAErC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AAenC,MAAM,oBAAoB,CACxB,KACA,iBACA,WACG;AACH,MAAI,UAAU;AAEd,MAAI,OAAO,gBAAgB,CAAC,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC;AACrD,WAAS,IAAI,GAAG,IAAI,gBAAgB,QAAQ,KAAK,GAAG;AAClD,UAAM,SAAS,gBAAgB,CAAC;AAChC,UAAM,aAAa,gBAAgB,IAAI,CAAC;AAExC,QAAI,MAAM,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM;AAAA,EAClE;AACA,MAAI,UAAU;AAChB;AAEO,MAAM,wBAAwB,CAAC,UAAsC;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,WAAW,qBAAqB;AACtC,QAAM,EAAE,iBAAiB,SAAS,IAAI,mBAAmB,GAAG,GAAG,KAAK;AACpE,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,wBAAkB,KAAK,iBAAiB,MAAM;AAC9C,8BAAwB,KAAK,WAAW;AACxC,gBAAU,KAAK,SAAS;AACxB,UAAI,mBAAmB,aAAa,GAAG;AACrC;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,YAAU,qBAAqB,IAAI;AAEnC,SAAO;AACT;AAEA,sBAAsB,aAAa,IAAI;",
   "names": []
 }