@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport {\n  container,\n  tooltipOverlay,\n  tooltipOverlayFull,\n  consumerLoadingStyle,\n} from './GaugeLayoutOverlay.sty.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { LoaderOverlay } from '../../../core/components/loader-overlay/LoaderOverlay.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useGaugeChartOverlayEvents } from '../../hooks/useGaugeChartOverlayEvents.js';\nimport { useGaugeChartTooltipOverlayBounds } from '../../hooks/useGaugeChartTooltipOverlayBounds.js';\nimport {\n  GaugeChartToolbar,\n  type GaugeChartToolbarProps,\n} from '../GaugeChartLayout/GaugeChartToolbar.js';\nimport { GaugeOverlayTooltip } from '../GaugeChartTooltip/GaugeOverlayTooltip.js';\n\ninterface GaugeChartOverlayProps {\n  value: number;\n  color: string;\n  showLoading?: boolean;\n  intents: GaugeChartToolbarProps['intents'];\n  toolbar: GaugeChartToolbarProps['toolbar'];\n}\n\nexport const GaugeChartOverlay = (\n  props: PropsWithChildren<GaugeChartOverlayProps>,\n) => {\n  const { children, value, color, intents, toolbar, showLoading } = props;\n  const overlay = useOverlay();\n  const overlayBounds = useGaugeChartTooltipOverlayBounds();\n  const { onPointerMove, onClick, onPointerLeave } = useGaugeChartOverlayEvents(\n    {\n      value,\n      color,\n    },\n  );\n  const overlayClassName = overlayBounds\n    ? tooltipOverlay\n    : `${tooltipOverlay} ${tooltipOverlayFull}`;\n  const overlayStyle = overlayBounds\n    ? {\n        top: overlayBounds.top,\n        left: overlayBounds.left,\n        width: overlayBounds.width,\n        height: overlayBounds.height,\n      }\n    : undefined;\n\n  return (\n    <Flex\n      ref={overlay.overlayRef}\n      data-testid=\"gauge-overlay-wrapper\"\n      className={container({ showLoading })}\n    >\n      <GaugeChartToolbar intents={intents} toolbar={toolbar} />\n\n      {!showLoading && (\n        <Flex\n          className={overlayClassName}\n          onPointerMove={onPointerMove}\n          onPointerLeave={onPointerLeave}\n          onClick={onClick}\n          style={overlayStyle}\n        >\n          <GaugeOverlayTooltip value={value} color={color} />\n        </Flex>\n      )}\n\n      {children}\n      {showLoading ? (\n        <LoaderOverlay\n          gridArea=\"1/1/2/2\"\n          consumerStyle={consumerLoadingStyle}\n        />\n      ) : null}\n    </Flex>\n  );\n};\n\nGaugeChartOverlay['displayName'] = 'GaugeChartOverlay';\n"],
-  "mappings": "AAoDI,SAKE,KALF;AAlDJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,kCAAkC;AAC3C,SAAS,yCAAyC;AAClD;AAAA,EACE;AAAA,OAEK;AACP,SAAS,2BAA2B;AAU7B,MAAM,oBAAoB,CAC/B,UACG;AACH,QAAM,EAAE,UAAU,OAAO,OAAO,SAAS,SAAS,YAAY,IAAI;AAClE,QAAM,UAAU,WAAW;AAC3B,QAAM,gBAAgB,kCAAkC;AACxD,QAAM,EAAE,eAAe,SAAS,eAAe,IAAI;AAAA,IACjD;AAAA,MACE;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,QAAM,mBAAmB,gBACrB,iBACA,GAAG,cAAc,IAAI,kBAAkB;AAC3C,QAAM,eAAe,gBACjB;AAAA,IACE,KAAK,cAAc;AAAA,IACnB,MAAM,cAAc;AAAA,IACpB,OAAO,cAAc;AAAA,IACrB,QAAQ,cAAc;AAAA,EACxB,IACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,QAAQ;AAAA,MACb,eAAY;AAAA,MACZ,WAAW,UAAU,EAAE,YAAY,CAAC;AAAA,MAEpC;AAAA,4BAAC,qBAAkB,SAAkB,SAAkB;AAAA,QAEtD,CAAC,eACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO;AAAA,YAEP,8BAAC,uBAAoB,OAAc,OAAc;AAAA;AAAA,QACnD;AAAA,QAGD;AAAA,QACA,cACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,eAAe;AAAA;AAAA,QACjB,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAEA,kBAAkB,aAAa,IAAI;",
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport {\n  container,\n  tooltipOverlay,\n  tooltipOverlayFull,\n  consumerLoadingStyle,\n} from './GaugeLayoutOverlay.sty.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { LoaderOverlay } from '../../../core/components/loader-overlay/LoaderOverlay.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useTooltipActions } from '../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useGaugeChartTooltip } from '../../contexts/GaugeChartTooltipContext.js';\nimport { useGaugeChartTooltipOverlayBounds } from '../../hooks/useGaugeChartTooltipOverlayBounds.js';\nimport {\n  GaugeChartToolbar,\n  type GaugeChartToolbarProps,\n} from '../GaugeChartLayout/GaugeChartToolbar.js';\nimport { GaugeOverlayTooltip } from '../GaugeChartTooltip/GaugeOverlayTooltip.js';\n\ninterface GaugeChartOverlayProps {\n  value: number;\n  color: string;\n  showLoading?: boolean;\n  intents: GaugeChartToolbarProps['intents'];\n  toolbar: GaugeChartToolbarProps['toolbar'];\n}\n\nexport const GaugeChartOverlay = (\n  props: PropsWithChildren<GaugeChartOverlayProps>,\n) => {\n  const { children, value, color, intents, toolbar, showLoading } = props;\n  const overlay = useOverlay();\n  const overlayBounds = useGaugeChartTooltipOverlayBounds();\n  const { name: tooltipName, hidden: tooltipHidden } = useGaugeChartTooltip();\n  const { hover, togglePin, outOfBounds } = useTooltipActions();\n\n  const data = {\n    geometry: 'meterbar' as const,\n    series: [{ name: tooltipName ?? 'Value', value, color }],\n  };\n\n  const overlayClassName = overlayBounds\n    ? tooltipOverlay\n    : `${tooltipOverlay} ${tooltipOverlayFull}`;\n  const overlayStyle = overlayBounds\n    ? {\n        top: overlayBounds.top,\n        left: overlayBounds.left,\n        width: overlayBounds.width,\n        height: overlayBounds.height,\n      }\n    : undefined;\n\n  return (\n    <Flex\n      ref={overlay.overlayRef}\n      data-testid=\"gauge-overlay-wrapper\"\n      className={container({ showLoading })}\n    >\n      <GaugeChartToolbar intents={intents} toolbar={toolbar} />\n\n      {!showLoading && (\n        <Flex\n          className={overlayClassName}\n          onPointerMove={(event) => hover(event, data)}\n          onPointerLeave={outOfBounds}\n          onClick={(event) => togglePin(event, data)}\n          style={overlayStyle}\n        >\n          {!tooltipHidden && (\n            <GaugeOverlayTooltip value={value} color={color} />\n          )}\n        </Flex>\n      )}\n\n      {children}\n      {showLoading ? (\n        <LoaderOverlay\n          gridArea=\"1/1/2/2\"\n          consumerStyle={consumerLoadingStyle}\n        />\n      ) : null}\n    </Flex>\n  );\n};\n\nGaugeChartOverlay['displayName'] = 'GaugeChartOverlay';\n"],
+  "mappings": "AAuDI,SAKE,KALF;AArDJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,yCAAyC;AAClD;AAAA,EACE;AAAA,OAEK;AACP,SAAS,2BAA2B;AAU7B,MAAM,oBAAoB,CAC/B,UACG;AACH,QAAM,EAAE,UAAU,OAAO,OAAO,SAAS,SAAS,YAAY,IAAI;AAClE,QAAM,UAAU,WAAW;AAC3B,QAAM,gBAAgB,kCAAkC;AACxD,QAAM,EAAE,MAAM,aAAa,QAAQ,cAAc,IAAI,qBAAqB;AAC1E,QAAM,EAAE,OAAO,WAAW,YAAY,IAAI,kBAAkB;AAE5D,QAAM,OAAO;AAAA,IACX,UAAU;AAAA,IACV,QAAQ,CAAC,EAAE,MAAM,eAAe,SAAS,OAAO,MAAM,CAAC;AAAA,EACzD;AAEA,QAAM,mBAAmB,gBACrB,iBACA,GAAG,cAAc,IAAI,kBAAkB;AAC3C,QAAM,eAAe,gBACjB;AAAA,IACE,KAAK,cAAc;AAAA,IACnB,MAAM,cAAc;AAAA,IACpB,OAAO,cAAc;AAAA,IACrB,QAAQ,cAAc;AAAA,EACxB,IACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,QAAQ;AAAA,MACb,eAAY;AAAA,MACZ,WAAW,UAAU,EAAE,YAAY,CAAC;AAAA,MAEpC;AAAA,4BAAC,qBAAkB,SAAkB,SAAkB;AAAA,QAEtD,CAAC,eACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,eAAe,CAAC,UAAU,MAAM,OAAO,IAAI;AAAA,YAC3C,gBAAgB;AAAA,YAChB,SAAS,CAAC,UAAU,UAAU,OAAO,IAAI;AAAA,YACzC,OAAO;AAAA,YAEN,WAAC,iBACA,oBAAC,uBAAoB,OAAc,OAAc;AAAA;AAAA,QAErD;AAAA,QAGD;AAAA,QACA,cACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,eAAe;AAAA;AAAA,QACjB,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAEA,kBAAkB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.sty.js

@@ -1,9 +1,9 @@
 import "./GaugeLayoutOverlay.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
 var consumerLoadingStyle = { position: "absolute", top: 0, width: "100%", height: "100%", zIndex: 1, pointerEvents: "none", backgroundColor: "var(--dt-colors-background-base-default, #f9f9fa)", opacity: 0.4 };
-var container = _7a468({ defaultClassName: "_l0e5zm0-3-5-2", variantClassNames: { showLoading: { true: "_l0e5zm1-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var tooltipOverlay = "_l0e5zm2-3-5-2";
-var tooltipOverlayFull = "_l0e5zm3-3-5-2";
+var container = _7a468({ defaultClassName: "_l0e5zm0-3-7-0", variantClassNames: { showLoading: { true: "_l0e5zm1-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var tooltipOverlay = "_l0e5zm2-3-7-0";
+var tooltipOverlayFull = "_l0e5zm3-3-7-0";
 export {
   consumerLoadingStyle,
   container,

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.css.ts"],
-  "sourcesContent": ["import './GaugeLayoutOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = _7a468({defaultClassName:'_l0e5zm0-3-5-2',variantClassNames:{showLoading:{true:'_l0e5zm1-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-5-2';\nexport var tooltipOverlayFull = '_l0e5zm3-3-5-2';"],
+  "sourcesContent": ["import './GaugeLayoutOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = _7a468({defaultClassName:'_l0e5zm0-3-7-0',variantClassNames:{showLoading:{true:'_l0e5zm1-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-7-0';\nexport var tooltipOverlayFull = '_l0e5zm3-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,EAAC,UAAS,YAAW,KAAI,GAAE,OAAM,QAAO,QAAO,QAAO,QAAO,GAAE,eAAc,QAAO,iBAAgB,qDAAoD,SAAQ,IAAG;AAC9L,IAAI,YAAY,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzJ,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.css

@@ -1,4 +1,4 @@
-._13c0oci0-3-5-2 {
+._13c0oci0-3-7-0 {
   width: 100%;
   height: 100%;
   justify-content: center;
@@ -9,7 +9,7 @@
   margin: 0;
   gap: 0;
 }
-._13c0oci1-3-5-2 svg {
+._13c0oci1-3-7-0 svg {
   width: 1em;
   height: 1em;
   vertical-align: text-bottom;

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.sty.js

@@ -1,6 +1,6 @@
 import "./GaugeResponsiveLabel.css";
-var parentSvgStyle = "_13c0oci1-3-5-2";
-var responsiveLabelContainer = "_13c0oci0-3-5-2";
+var parentSvgStyle = "_13c0oci1-3-7-0";
+var responsiveLabelContainer = "_13c0oci0-3-7-0";
 export {
   parentSvgStyle,
   responsiveLabelContainer

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.css.ts"],
-  "sourcesContent": ["import './GaugeResponsiveLabel.css';\nexport var parentSvgStyle = '_13c0oci1-3-5-2';\nexport var responsiveLabelContainer = '_13c0oci0-3-5-2';"],
+  "sourcesContent": ["import './GaugeResponsiveLabel.css';\nexport var parentSvgStyle = '_13c0oci1-3-7-0';\nexport var responsiveLabelContainer = '_13c0oci0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,2BAA2B;",
   "names": []
 }

package/esm/charts/gauge/constants.js

@@ -5,6 +5,7 @@ const DEFAULT_CHART_WIDTH = "100%";
 const DEFAULT_CHART_HEIGHT = 300;
 const MIN_SIZE_IN_PX = 100;
 const MIN_MAX_PADDING = 20;
+const MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX = 16;
 const ARC_OUTER_RADIUS_PERCENTAGE = 0.9;
 const ARC_INNER_RADIUS_PERCENTAGE = 0.8;
 const GAUGE_VERTICAL_SMALL_OFFSET = 0.05;
@@ -51,6 +52,7 @@ export {
   GAUGE_DEFAULT_CONFIG,
   GAUGE_VERTICAL_DEFAULT_OFFSET,
   GAUGE_VERTICAL_SMALL_OFFSET,
+  MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX,
   MIN_MAX_PADDING,
   MIN_SIZE_IN_PX,
   THRESHOLD_COLOR_DEFAULT,

package/esm/charts/gauge/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/gauge/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\n//region Default Values\nexport const DEFAULT_MIN_RANGE_VALUE = 0;\nexport const DEFAULT_MAX_RANGE_VALUE = 100;\nexport const DEFAULT_CHART_WIDTH = '100%';\nexport const DEFAULT_CHART_HEIGHT = 300;\n//endregion\n\n//region Sizes\nexport const MIN_SIZE_IN_PX = 100;\nexport const MIN_MAX_PADDING = 20;\nexport const ARC_OUTER_RADIUS_PERCENTAGE = 0.9;\nexport const ARC_INNER_RADIUS_PERCENTAGE = 0.8;\nexport const GAUGE_VERTICAL_SMALL_OFFSET = 0.05;\nexport const GAUGE_VERTICAL_DEFAULT_OFFSET = 0.1;\n//endregion\n\n// region Colors\nexport const ARC_BACKGROUND_COLOR = Colors.Theme.Neutral['40'];\nexport const ARC_DEFAULT_VALUE_COLOR =\n  Colors.Charts.Categorical.Color11.Default;\nexport const THRESHOLD_COLOR_DEFAULT =\n  Colors.Charts.Categorical.Color11.Default;\n//endregion\n\n// region Arc Properties\nexport const ARC_START_ANGLE = -0.625 * Math.PI; // \u2212112.5\u00BA in radians\nexport const ARC_END_ANGLE = 0.625 * Math.PI; // 112.5\u00BA in radians\n//endregion\n\n//region Thresholds\nexport const THRESHOLD_LINE_WIDTH = 2;\nexport const THRESHOLD_LINE_DEFAULT_COLOR = Colors.Icon.Neutral.Default;\n//endregion\n\n//region Config Defaults\nexport const GAUGE_DEFAULT_CONFIG = {\n  color: ARC_DEFAULT_VALUE_COLOR,\n  min: DEFAULT_MIN_RANGE_VALUE,\n  max: DEFAULT_MAX_RANGE_VALUE,\n  formatter: undefined,\n  loading: false,\n  tooltip: {},\n};\n//endregion\n\nexport const DISPLAY_NAME = 'GaugeChart';\n\nexport const GAUGE_CHART_ARIA_LABEL = 'Gauge Chart';\n\nexport const FONT_HEIGHT_RATIO = 0.7;\nexport const DEFAULT_MAX_VALUE_FONT_SIZE = 240;\n\nexport const zIndexGaugeAreas = {\n  toolbar: 2,\n  tooltip: 1,\n  overlay: 0,\n};\n"],
-  "mappings": "AAAA,OAAO,YAAY;AAGZ,MAAM,0BAA0B;AAChC,MAAM,0BAA0B;AAChC,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAI7B,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AACxB,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,gCAAgC;AAItC,MAAM,uBAAuB,OAAO,MAAM,QAAQ,IAAI;AACtD,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAC7B,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAI7B,MAAM,kBAAkB,SAAS,KAAK;AACtC,MAAM,gBAAgB,QAAQ,KAAK;AAInC,MAAM,uBAAuB;AAC7B,MAAM,+BAA+B,OAAO,KAAK,QAAQ;AAIzD,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS,CAAC;AACZ;AAGO,MAAM,eAAe;AAErB,MAAM,yBAAyB;AAE/B,MAAM,oBAAoB;AAC1B,MAAM,8BAA8B;AAEpC,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\n//region Default Values\nexport const DEFAULT_MIN_RANGE_VALUE = 0;\nexport const DEFAULT_MAX_RANGE_VALUE = 100;\nexport const DEFAULT_CHART_WIDTH = '100%';\nexport const DEFAULT_CHART_HEIGHT = 300;\n//endregion\n\n//region Sizes\nexport const MIN_SIZE_IN_PX = 100;\nexport const MIN_MAX_PADDING = 20;\nexport const MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX = 16;\nexport const ARC_OUTER_RADIUS_PERCENTAGE = 0.9;\nexport const ARC_INNER_RADIUS_PERCENTAGE = 0.8;\nexport const GAUGE_VERTICAL_SMALL_OFFSET = 0.05;\nexport const GAUGE_VERTICAL_DEFAULT_OFFSET = 0.1;\n//endregion\n\n// region Colors\nexport const ARC_BACKGROUND_COLOR = Colors.Theme.Neutral['40'];\nexport const ARC_DEFAULT_VALUE_COLOR =\n  Colors.Charts.Categorical.Color11.Default;\nexport const THRESHOLD_COLOR_DEFAULT =\n  Colors.Charts.Categorical.Color11.Default;\n//endregion\n\n// region Arc Properties\nexport const ARC_START_ANGLE = -0.625 * Math.PI; // \u2212112.5\u00BA in radians\nexport const ARC_END_ANGLE = 0.625 * Math.PI; // 112.5\u00BA in radians\n//endregion\n\n//region Thresholds\nexport const THRESHOLD_LINE_WIDTH = 2;\nexport const THRESHOLD_LINE_DEFAULT_COLOR = Colors.Icon.Neutral.Default;\n//endregion\n\n//region Config Defaults\nexport const GAUGE_DEFAULT_CONFIG = {\n  color: ARC_DEFAULT_VALUE_COLOR,\n  min: DEFAULT_MIN_RANGE_VALUE,\n  max: DEFAULT_MAX_RANGE_VALUE,\n  formatter: undefined,\n  loading: false,\n  tooltip: {},\n};\n//endregion\n\nexport const DISPLAY_NAME = 'GaugeChart';\n\nexport const GAUGE_CHART_ARIA_LABEL = 'Gauge Chart';\n\nexport const FONT_HEIGHT_RATIO = 0.7;\nexport const DEFAULT_MAX_VALUE_FONT_SIZE = 240;\n\nexport const zIndexGaugeAreas = {\n  toolbar: 2,\n  tooltip: 1,\n  overlay: 0,\n};\n"],
+  "mappings": "AAAA,OAAO,YAAY;AAGZ,MAAM,0BAA0B;AAChC,MAAM,0BAA0B;AAChC,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAI7B,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AACxB,MAAM,sCAAsC;AAC5C,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,gCAAgC;AAItC,MAAM,uBAAuB,OAAO,MAAM,QAAQ,IAAI;AACtD,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAC7B,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAI7B,MAAM,kBAAkB,SAAS,KAAK;AACtC,MAAM,gBAAgB,QAAQ,KAAK;AAInC,MAAM,uBAAuB;AAC7B,MAAM,+BAA+B,OAAO,KAAK,QAAQ;AAIzD,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS,CAAC;AACZ;AAGO,MAAM,eAAe;AAErB,MAAM,yBAAyB;AAE/B,MAAM,oBAAoB;AAC1B,MAAM,8BAA8B;AAEpC,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;",
   "names": []
 }

package/esm/charts/gauge/contexts/GaugeChartTooltipContext.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from "react";
+const defaultValue = { hidden: false };
+const GaugeChartTooltipContext = createContext(defaultValue);
+const useGaugeChartTooltip = () => useContext(GaugeChartTooltipContext);
+export {
+  GaugeChartTooltipContext,
+  useGaugeChartTooltip
+};
+//# sourceMappingURL=GaugeChartTooltipContext.js.map

package/esm/charts/gauge/contexts/GaugeChartTooltipContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/gauge/contexts/GaugeChartTooltipContext.ts"],
+  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport type { GaugeChartTooltipConfig } from '../slots/Tooltip.js';\n\nconst defaultValue: GaugeChartTooltipConfig = { hidden: false };\n\n/**\n * @internal\n */\nexport const GaugeChartTooltipContext =\n  createContext<GaugeChartTooltipConfig>(defaultValue);\n\n/**\n * @internal\n */\nexport const useGaugeChartTooltip = () => useContext(GaugeChartTooltipContext);\n"],
+  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAI1C,MAAM,eAAwC,EAAE,QAAQ,MAAM;AAKvD,MAAM,2BACX,cAAuC,YAAY;AAK9C,MAAM,uBAAuB,MAAM,WAAW,wBAAwB;",
+  "names": []
+}

package/esm/charts/gauge/hooks/useGaugeChartMinMaxLabelsPosition.js

@@ -1,13 +1,31 @@
-import { ARC_END_ANGLE, ARC_START_ANGLE } from "../constants.js";
+import {
+  ARC_END_ANGLE,
+  ARC_START_ANGLE,
+  GAUGE_VERTICAL_DEFAULT_OFFSET,
+  GAUGE_VERTICAL_SMALL_OFFSET,
+  MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX,
+  MIN_MAX_PADDING
+} from "../constants.js";
 import { useGaugeChartAspectRatio } from "./useGaugeChartAspectRatio.js";
+import { useGaugeChartSizeContext } from "./useGaugeChartSizeContext.js";
 import { polarToCartesian } from "../utils/polar-to-cartesian.js";
 const useGaugeChartMinMaxLabelsPosition = () => {
   const { arcMiddleRadius } = useGaugeChartAspectRatio();
+  const dimensions = useGaugeChartSizeContext();
+  const width = dimensions?.width ?? 0;
+  const height = dimensions?.height ?? 0;
   const minLabelPosition = polarToCartesian(arcMiddleRadius, ARC_START_ANGLE);
   const maxLabelPosition = polarToCartesian(arcMiddleRadius, ARC_END_ANGLE);
+  const verticalOffset = height > width ? height * GAUGE_VERTICAL_SMALL_OFFSET : height * GAUGE_VERTICAL_DEFAULT_OFFSET;
+  const availableAfterArcEnd = height / 2 - verticalOffset - maxLabelPosition.y;
+  const minMaxPadding = Math.min(
+    MIN_MAX_PADDING,
+    Math.max(0, availableAfterArcEnd - MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX)
+  );
   return {
     minLabelPosition,
-    maxLabelPosition
+    maxLabelPosition,
+    minMaxPadding
   };
 };
 export {

package/esm/charts/gauge/hooks/useGaugeChartMinMaxLabelsPosition.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/hooks/useGaugeChartMinMaxLabelsPosition.ts"],
-  "sourcesContent": ["import { ARC_END_ANGLE, ARC_START_ANGLE } from '../constants.js';\nimport { useGaugeChartAspectRatio } from './useGaugeChartAspectRatio.js';\nimport { polarToCartesian } from '../utils/polar-to-cartesian.js';\n\nexport const useGaugeChartMinMaxLabelsPosition = () => {\n  const { arcMiddleRadius } = useGaugeChartAspectRatio();\n\n  const minLabelPosition = polarToCartesian(arcMiddleRadius, ARC_START_ANGLE);\n  const maxLabelPosition = polarToCartesian(arcMiddleRadius, ARC_END_ANGLE);\n\n  return {\n    minLabelPosition,\n    maxLabelPosition,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAE1B,MAAM,oCAAoC,MAAM;AACrD,QAAM,EAAE,gBAAgB,IAAI,yBAAyB;AAErD,QAAM,mBAAmB,iBAAiB,iBAAiB,eAAe;AAC1E,QAAM,mBAAmB,iBAAiB,iBAAiB,aAAa;AAExE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  ARC_END_ANGLE,\n  ARC_START_ANGLE,\n  GAUGE_VERTICAL_DEFAULT_OFFSET,\n  GAUGE_VERTICAL_SMALL_OFFSET,\n  MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX,\n  MIN_MAX_PADDING,\n} from '../constants.js';\nimport { useGaugeChartAspectRatio } from './useGaugeChartAspectRatio.js';\nimport { useGaugeChartSizeContext } from './useGaugeChartSizeContext.js';\nimport { polarToCartesian } from '../utils/polar-to-cartesian.js';\n\nexport const useGaugeChartMinMaxLabelsPosition = () => {\n  const { arcMiddleRadius } = useGaugeChartAspectRatio();\n  const dimensions = useGaugeChartSizeContext();\n  const width = dimensions?.width ?? 0;\n  const height = dimensions?.height ?? 0;\n\n  const minLabelPosition = polarToCartesian(arcMiddleRadius, ARC_START_ANGLE);\n  const maxLabelPosition = polarToCartesian(arcMiddleRadius, ARC_END_ANGLE);\n\n  const verticalOffset =\n    height > width\n      ? height * GAUGE_VERTICAL_SMALL_OFFSET\n      : height * GAUGE_VERTICAL_DEFAULT_OFFSET;\n\n  // Space from SVG center to bottom edge, minus the arc endpoint y, minus reserved text height.\n  // Clamped to [0, MIN_MAX_PADDING] so the offset never exceeds the default at large sizes.\n  const availableAfterArcEnd = height / 2 - verticalOffset - maxLabelPosition.y;\n  const minMaxPadding = Math.min(\n    MIN_MAX_PADDING,\n    Math.max(0, availableAfterArcEnd - MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX),\n  );\n\n  return {\n    minLabelPosition,\n    maxLabelPosition,\n    minMaxPadding,\n  };\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAE1B,MAAM,oCAAoC,MAAM;AACrD,QAAM,EAAE,gBAAgB,IAAI,yBAAyB;AACrD,QAAM,aAAa,yBAAyB;AAC5C,QAAM,QAAQ,YAAY,SAAS;AACnC,QAAM,SAAS,YAAY,UAAU;AAErC,QAAM,mBAAmB,iBAAiB,iBAAiB,eAAe;AAC1E,QAAM,mBAAmB,iBAAiB,iBAAiB,aAAa;AAExE,QAAM,iBACJ,SAAS,QACL,SAAS,8BACT,SAAS;AAIf,QAAM,uBAAuB,SAAS,IAAI,iBAAiB,iBAAiB;AAC5E,QAAM,gBAAgB,KAAK;AAAA,IACzB;AAAA,IACA,KAAK,IAAI,GAAG,uBAAuB,mCAAmC;AAAA,EACxE;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/gauge/providers/GaugeChartProviders.js

@@ -11,7 +11,7 @@ import { GaugeChartRangeMaxContext } from "../contexts/GaugeChartRangeMaxContext
 import { GaugeChartRangeMinContext } from "../contexts/GaugeChartRangeMinContext.js";
 import { GaugeChartSizeContext } from "../contexts/GaugeChartSizeContext.js";
 import { GaugeChartThresholdContext } from "../contexts/GaugeChartThresholdContext.js";
-import { GaugeChartTooltipNameContext } from "../contexts/GaugeChartTooltipNameContext.js";
+import { GaugeChartTooltipContext } from "../contexts/GaugeChartTooltipContext.js";
 import { getValueArcColor } from "../utils/get-value-arc-color.js";
 const emptyThresholds = [];
 const GaugeChartProviders = ({
@@ -55,6 +55,14 @@ const GaugeChartProviders = ({
     }),
     [formatter, unit]
   );
+  const tooltipConfigValue = useMemo(
+    () => ({
+      name: config.tooltip?.name,
+      template: config.tooltip?.children,
+      hidden: config.tooltip?.hidden ?? false
+    }),
+    [config.tooltip]
+  );
   return /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { persistedStore: true, children: /* @__PURE__ */ jsx(ChartSeriesActionContext.Provider, { value: seriesActionValue, children: /* @__PURE__ */ jsx(GaugeChartSizeContext.Provider, { value: chartSizeValue, children: /* @__PURE__ */ jsx(GaugeChartFormatterContext.Provider, { value: formatterContextValue, children: /* @__PURE__ */ jsx(
     GaugeChartThresholdContext.Provider,
     {
@@ -66,9 +74,9 @@ const GaugeChartProviders = ({
             label: labelSlot
           },
           children: /* @__PURE__ */ jsx(GaugeChartRangeMinContext.Provider, { value: min, children: /* @__PURE__ */ jsx(GaugeChartRangeMaxContext.Provider, { value: max, children: /* @__PURE__ */ jsx(GaugeChartLoadingContext.Provider, { value: loading, children: /* @__PURE__ */ jsx(
-            GaugeChartTooltipNameContext.Provider,
+            GaugeChartTooltipContext.Provider,
             {
-              value: config.tooltip?.name,
+              value: tooltipConfigValue,
               children
             }
           ) }) }) })

package/esm/charts/gauge/providers/GaugeChartProviders.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/providers/GaugeChartProviders.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren, type ReactElement, useMemo } from 'react';\n\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ChartSeriesActionContext } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport { GaugeChartColorContext } from '../contexts/GaugeChartColorContext.js';\nimport { GaugeChartFormatterContext } from '../contexts/GaugeChartFormatterContext.js';\nimport { GaugeChartLabelsContext } from '../contexts/GaugeChartLabelsContext.js';\nimport { GaugeChartLoadingContext } from '../contexts/GaugeChartLoadingContext.js';\nimport { GaugeChartRangeMaxContext } from '../contexts/GaugeChartRangeMaxContext.js';\nimport { GaugeChartRangeMinContext } from '../contexts/GaugeChartRangeMinContext.js';\nimport { GaugeChartSizeContext } from '../contexts/GaugeChartSizeContext.js';\nimport { GaugeChartThresholdContext } from '../contexts/GaugeChartThresholdContext.js';\nimport { GaugeChartTooltipNameContext } from '../contexts/GaugeChartTooltipNameContext.js';\nimport type {\n  GaugeChartInternalConfig,\n  GaugeChartThresholdIndicatorPropsInternal,\n} from '../types/gauge-chart-config-internal.js';\nimport type { GaugeChartData } from '../types/gauge-chart.js';\nimport { getValueArcColor } from '../utils/get-value-arc-color.js';\n\nconst emptyThresholds: GaugeChartThresholdIndicatorPropsInternal[] = [];\n\nexport interface GaugeChartProvidersProps {\n  config: GaugeChartInternalConfig;\n  width: number;\n  height: number;\n  value: number | GaugeChartData;\n  valueAccessor?: string;\n  explicitColor?: string;\n  loading: boolean;\n  seriesActions?: (series: string | number) => SeriesActionsTemplate;\n}\n\nexport const GaugeChartProviders = ({\n  config,\n  width,\n  height,\n  value,\n  valueAccessor,\n  explicitColor,\n  seriesActions,\n  children,\n  loading,\n}: PropsWithChildren<GaugeChartProvidersProps>) => {\n  const {\n    formatter,\n    max,\n    min,\n    labelSlot,\n    thresholdsIndicators,\n    colorRules,\n    unit,\n  } = config;\n\n  const calculatedColor = getValueArcColor(\n    value,\n    colorRules,\n    explicitColor,\n    thresholdsIndicators,\n    valueAccessor,\n  );\n\n  const seriesActionValue = useMemo(\n    () => ({\n      chartSeriesActions: seriesActions as (\n        series: unknown,\n      ) => ReactElement<PropsWithChildren>,\n    }),\n    [seriesActions],\n  );\n\n  const chartSizeValue = useMemo(() => ({ width, height }), [width, height]);\n\n  const formatterContextValue = useMemo(\n    () => ({\n      formatter,\n      unit,\n    }),\n    [formatter, unit],\n  );\n\n  return (\n    <OverlayProvider>\n      <TooltipProvider persistedStore>\n        <ChartSeriesActionContext.Provider value={seriesActionValue}>\n          <GaugeChartSizeContext.Provider value={chartSizeValue}>\n            <GaugeChartFormatterContext.Provider value={formatterContextValue}>\n              <GaugeChartThresholdContext.Provider\n                value={thresholdsIndicators ?? emptyThresholds}\n              >\n                <GaugeChartColorContext.Provider value={calculatedColor}>\n                  <GaugeChartLabelsContext.Provider\n                    value={{\n                      label: labelSlot,\n                    }}\n                  >\n                    <GaugeChartRangeMinContext.Provider value={min}>\n                      <GaugeChartRangeMaxContext.Provider value={max}>\n                        <GaugeChartLoadingContext.Provider value={loading}>\n                          <GaugeChartTooltipNameContext.Provider\n                            value={config.tooltip?.name}\n                          >\n                            {children}\n                          </GaugeChartTooltipNameContext.Provider>\n                        </GaugeChartLoadingContext.Provider>\n                      </GaugeChartRangeMaxContext.Provider>\n                    </GaugeChartRangeMinContext.Provider>\n                  </GaugeChartLabelsContext.Provider>\n                </GaugeChartColorContext.Provider>\n              </GaugeChartThresholdContext.Provider>\n            </GaugeChartFormatterContext.Provider>\n          </GaugeChartSizeContext.Provider>\n        </ChartSeriesActionContext.Provider>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n};\n\nGaugeChartProviders['displayName'] = 'GaugeChartProviders';\n"],
-  "mappings": "AAqG0B;AArG1B,SAAoD,eAAe;AAEnE,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AAEzC,SAAS,8BAA8B;AACvC,SAAS,kCAAkC;AAC3C,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AAC3C,SAAS,oCAAoC;AAM7C,SAAS,wBAAwB;AAEjC,MAAM,kBAA+D,CAAC;AAa/D,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,oBAAoB;AAAA,IACxB,OAAO;AAAA,MACL,oBAAoB;AAAA,IAGtB;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,iBAAiB,QAAQ,OAAO,EAAE,OAAO,OAAO,IAAI,CAAC,OAAO,MAAM,CAAC;AAEzE,QAAM,wBAAwB;AAAA,IAC5B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,WAAW,IAAI;AAAA,EAClB;AAEA,SACE,oBAAC,mBACC,8BAAC,mBAAgB,gBAAc,MAC7B,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,mBACxC,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,gBACrC,8BAAC,2BAA2B,UAA3B,EAAoC,OAAO,uBAC1C;AAAA,IAAC,2BAA2B;AAAA,IAA3B;AAAA,MACC,OAAO,wBAAwB;AAAA,MAE/B,8BAAC,uBAAuB,UAAvB,EAAgC,OAAO,iBACtC;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACC,OAAO;AAAA,YACL,OAAO;AAAA,UACT;AAAA,UAEA,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,SACxC;AAAA,YAAC,6BAA6B;AAAA,YAA7B;AAAA,cACC,OAAO,OAAO,SAAS;AAAA,cAEtB;AAAA;AAAA,UACH,GACF,GACF,GACF;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF,GACF,GACF,GACF,GACF,GACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
+  "sourcesContent": ["import { type PropsWithChildren, type ReactElement, useMemo } from 'react';\n\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ChartSeriesActionContext } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport { GaugeChartColorContext } from '../contexts/GaugeChartColorContext.js';\nimport { GaugeChartFormatterContext } from '../contexts/GaugeChartFormatterContext.js';\nimport { GaugeChartLabelsContext } from '../contexts/GaugeChartLabelsContext.js';\nimport { GaugeChartLoadingContext } from '../contexts/GaugeChartLoadingContext.js';\nimport { GaugeChartRangeMaxContext } from '../contexts/GaugeChartRangeMaxContext.js';\nimport { GaugeChartRangeMinContext } from '../contexts/GaugeChartRangeMinContext.js';\nimport { GaugeChartSizeContext } from '../contexts/GaugeChartSizeContext.js';\nimport { GaugeChartThresholdContext } from '../contexts/GaugeChartThresholdContext.js';\nimport { GaugeChartTooltipContext } from '../contexts/GaugeChartTooltipContext.js';\nimport type { GaugeChartTooltipConfig } from '../slots/Tooltip.js';\nimport type {\n  GaugeChartInternalConfig,\n  GaugeChartThresholdIndicatorPropsInternal,\n} from '../types/gauge-chart-config-internal.js';\nimport type { GaugeChartData } from '../types/gauge-chart.js';\nimport { getValueArcColor } from '../utils/get-value-arc-color.js';\n\nconst emptyThresholds: GaugeChartThresholdIndicatorPropsInternal[] = [];\n\nexport interface GaugeChartProvidersProps {\n  config: GaugeChartInternalConfig;\n  width: number;\n  height: number;\n  value: number | GaugeChartData;\n  valueAccessor?: string;\n  explicitColor?: string;\n  loading: boolean;\n  seriesActions?: (series: string | number) => SeriesActionsTemplate;\n}\n\nexport const GaugeChartProviders = ({\n  config,\n  width,\n  height,\n  value,\n  valueAccessor,\n  explicitColor,\n  seriesActions,\n  children,\n  loading,\n}: PropsWithChildren<GaugeChartProvidersProps>) => {\n  const {\n    formatter,\n    max,\n    min,\n    labelSlot,\n    thresholdsIndicators,\n    colorRules,\n    unit,\n  } = config;\n\n  const calculatedColor = getValueArcColor(\n    value,\n    colorRules,\n    explicitColor,\n    thresholdsIndicators,\n    valueAccessor,\n  );\n\n  const seriesActionValue = useMemo(\n    () => ({\n      chartSeriesActions: seriesActions as (\n        series: unknown,\n      ) => ReactElement<PropsWithChildren>,\n    }),\n    [seriesActions],\n  );\n\n  const chartSizeValue = useMemo(() => ({ width, height }), [width, height]);\n\n  const formatterContextValue = useMemo(\n    () => ({\n      formatter,\n      unit,\n    }),\n    [formatter, unit],\n  );\n\n  const tooltipConfigValue = useMemo<GaugeChartTooltipConfig>(\n    () => ({\n      name: config.tooltip?.name,\n      template: config.tooltip?.children,\n      hidden: config.tooltip?.hidden ?? false,\n    }),\n    [config.tooltip],\n  );\n\n  return (\n    <OverlayProvider>\n      <TooltipProvider persistedStore>\n        <ChartSeriesActionContext.Provider value={seriesActionValue}>\n          <GaugeChartSizeContext.Provider value={chartSizeValue}>\n            <GaugeChartFormatterContext.Provider value={formatterContextValue}>\n              <GaugeChartThresholdContext.Provider\n                value={thresholdsIndicators ?? emptyThresholds}\n              >\n                <GaugeChartColorContext.Provider value={calculatedColor}>\n                  <GaugeChartLabelsContext.Provider\n                    value={{\n                      label: labelSlot,\n                    }}\n                  >\n                    <GaugeChartRangeMinContext.Provider value={min}>\n                      <GaugeChartRangeMaxContext.Provider value={max}>\n                        <GaugeChartLoadingContext.Provider value={loading}>\n                          <GaugeChartTooltipContext.Provider\n                            value={tooltipConfigValue}\n                          >\n                            {children}\n                          </GaugeChartTooltipContext.Provider>\n                        </GaugeChartLoadingContext.Provider>\n                      </GaugeChartRangeMaxContext.Provider>\n                    </GaugeChartRangeMinContext.Provider>\n                  </GaugeChartLabelsContext.Provider>\n                </GaugeChartColorContext.Provider>\n              </GaugeChartThresholdContext.Provider>\n            </GaugeChartFormatterContext.Provider>\n          </GaugeChartSizeContext.Provider>\n        </ChartSeriesActionContext.Provider>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n};\n\nGaugeChartProviders['displayName'] = 'GaugeChartProviders';\n"],
+  "mappings": "AA+G0B;AA/G1B,SAAoD,eAAe;AAEnE,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AAEzC,SAAS,8BAA8B;AACvC,SAAS,kCAAkC;AAC3C,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AAC3C,SAAS,gCAAgC;AAOzC,SAAS,wBAAwB;AAEjC,MAAM,kBAA+D,CAAC;AAa/D,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,oBAAoB;AAAA,IACxB,OAAO;AAAA,MACL,oBAAoB;AAAA,IAGtB;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,iBAAiB,QAAQ,OAAO,EAAE,OAAO,OAAO,IAAI,CAAC,OAAO,MAAM,CAAC;AAEzE,QAAM,wBAAwB;AAAA,IAC5B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,WAAW,IAAI;AAAA,EAClB;AAEA,QAAM,qBAAqB;AAAA,IACzB,OAAO;AAAA,MACL,MAAM,OAAO,SAAS;AAAA,MACtB,UAAU,OAAO,SAAS;AAAA,MAC1B,QAAQ,OAAO,SAAS,UAAU;AAAA,IACpC;AAAA,IACA,CAAC,OAAO,OAAO;AAAA,EACjB;AAEA,SACE,oBAAC,mBACC,8BAAC,mBAAgB,gBAAc,MAC7B,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,mBACxC,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,gBACrC,8BAAC,2BAA2B,UAA3B,EAAoC,OAAO,uBAC1C;AAAA,IAAC,2BAA2B;AAAA,IAA3B;AAAA,MACC,OAAO,wBAAwB;AAAA,MAE/B,8BAAC,uBAAuB,UAAvB,EAAgC,OAAO,iBACtC;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACC,OAAO;AAAA,YACL,OAAO;AAAA,UACT;AAAA,UAEA,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,SACxC;AAAA,YAAC,yBAAyB;AAAA,YAAzB;AAAA,cACC,OAAO;AAAA,cAEN;AAAA;AAAA,UACH,GACF,GACF,GACF;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF,GACF,GACF,GACF,GACF,GACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/gauge/slots/Tooltip.js

@@ -1,4 +1,4 @@
-const Tooltip = (props) => null;
+const Tooltip = (_props) => null;
 Tooltip["displayName"] = "GaugeChart.Tooltip";
 export {
   Tooltip

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/slots/Tooltip.ts"],
-  "sourcesContent": ["/**\n * Props for the GaugeChart.Tooltip slot component\n * @public\n */\nexport interface GaugeChartTooltipProps {\n  /**\n   * Optional name to display in the tooltip\n   */\n  name?: string;\n}\n\n/**\n * Slot component for Gauge Chart tooltip\n * @public\n */\nexport const Tooltip = (props: GaugeChartTooltipProps) => null;\n\nTooltip['displayName'] = 'GaugeChart.Tooltip';\n"],
-  "mappings": "AAeO,MAAM,UAAU,CAAC,UAAkC;AAE1D,QAAQ,aAAa,IAAI;",
+  "sourcesContent": ["import { type ReactNode } from 'react';\n\n/**\n * Data passed to the GaugeChart custom tooltip render function.\n * @public\n */\nexport interface GaugeChartTooltipItem {\n  /**\n   * Raw numerical value displayed by the gauge.\n   */\n  value: number;\n  /**\n   * Value formatted via the chart's formatter (and unit, if any).\n   */\n  formattedValue: string;\n  /**\n   * Colour currently applied to the gauge arc (resolved from explicit\n   * `color`, ColorRules or palette).\n   */\n  color: string | undefined;\n  /**\n   * Optional `name` provided through the `GaugeChart.Tooltip` slot.\n   */\n  name: string | undefined;\n  /**\n   * Optional unit string used by the formatter, when available.\n   */\n  unit: string | undefined;\n}\n\n/**\n * Render function used to customise the body of the GaugeChart tooltip.\n * @public\n */\nexport type GaugeChartTooltipHandler = (\n  item: GaugeChartTooltipItem,\n) => ReactNode;\n\n/**\n * Props for the GaugeChart.Tooltip slot component\n * @public\n */\nexport interface GaugeChartTooltipProps {\n  /**\n   * Optional name to display in the tooltip\n   */\n  name?: string;\n  /**\n   * Optional custom tooltip template. When provided, the function is\n   * invoked with the current gauge value and its result replaces the\n   * default tooltip body. Use `ChartTooltip` atoms (e.g.\n   * `ChartTooltip.SeriesItem`) to build a structured layout, or any\n   * `ReactNode` for free-form content.\n   */\n  children?: GaugeChartTooltipHandler;\n  /**\n   * When `true`, the tooltip is not rendered.\n   * @defaultValue false\n   */\n  hidden?: boolean;\n}\n\n/**\n * Internal config shape used after `children` has been remapped to\n * `template`, mirroring the AnnotationsChart tooltip pipeline.\n * @internal\n */\nexport interface GaugeChartTooltipConfig {\n  name?: string;\n  /** Map from slot `children` to `template` internally */\n  template?: GaugeChartTooltipHandler;\n  hidden?: boolean;\n}\n\n/**\n * Slot component for Gauge Chart tooltip\n * @public\n */\nexport const Tooltip = (_props: GaugeChartTooltipProps) => null;\n\nTooltip['displayName'] = 'GaugeChart.Tooltip';\n"],
+  "mappings": "AA8EO,MAAM,UAAU,CAAC,WAAmC;AAE3D,QAAQ,aAAa,IAAI;",
   "names": []
 }

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

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

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

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

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

@@ -1,4 +1,4 @@
-._fzvydv0-3-5-2 {
+._fzvydv0-3-7-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.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.tsx"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\n\nimport { wrapper } from './HistogramTooltip.sty.js';\nimport { HistogramTooltipWrapper } from './HistogramTooltipWrapper.js';\nimport { Divider } from '../../../../../layouts/divider/Divider.js';\nimport { ChartActionsMenu } from '../../../../core/components/series-action/ChartActionsMenu.js';\nimport { useChartActionsMenu } from '../../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { getDefaultAction } from '../../../../core/components/series-action/hooks/useDefaultAction.js';\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { SeriesBasedContent } from '../../../../core/components/tooltip/InteractiveChartTooltip/contents/SeriesBasedContent.js';\nimport { CategoricalTooltipHeader } from '../../../../core/components/tooltip/InteractiveChartTooltip/headers/CategoricalTooltipHeader.js';\nimport { useTooltipSeriesActions } from '../../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport { Formatter } from '../../../../core/types/formatter.js';\nimport { useHistogramFilteredData } from '../../../hooks/useHistogramFilteredData.js';\nimport { useHistogramTooltip } from '../../../hooks/useHistogramTooltip.js';\nimport { useHistogramTruncationMode } from '../../../hooks/useHistogramTruncationMode.js';\nimport { useHistogramXFormatter } from '../../../hooks/useHistogramXFormatter.js';\nimport { useHistogramYFormatter } from '../../../hooks/useHistogramYFormatter.js';\nimport { useSeriesActionClickHandler } from '../../../hooks/useSeriesActionClickHandler.js';\nimport { useXAxisConfig } from '../../../hooks/useXAxisConfig.js';\nimport { safeGet } from '../../../providers/HistogramDataProvider.js';\nimport {\n  HistogramBin,\n  HistogramSeries,\n  WeakMapBins,\n} from '../../../types/histogram.js';\nimport { PREPOSITION } from '../constants.js';\nimport {\n  type HistogramTooltipDataPoint,\n  toTooltipItems,\n} from '../utils/bins-to-tooltip.js';\nimport { getHeaderLabel } from '../utils/get-header-label-tooltip.js';\n\ninterface HistogramTooltipProps {\n  points: HistogramTooltipDataPoint[];\n  closestPoint?: HistogramTooltipDataPoint;\n}\n\nfunction getHeaderResolution(\n  binsMap: WeakMapBins,\n  bin: HistogramBin,\n  formatter: Formatter,\n) {\n  const { from, to } = safeGet(binsMap, bin);\n  return formatter(to - from);\n}\n\n/**\n * Tooltip specific to the Histogram.\n */\nexport const HistogramTooltip = ({\n  points,\n  closestPoint,\n}: HistogramTooltipProps) => {\n  const { binsMap, series, seriesMap } = useHistogramFilteredData();\n\n  const { unit: xUnit } = useXAxisConfig();\n  const { variant } = useHistogramTooltip();\n  const truncationMode = useHistogramTruncationMode();\n  const bottomFormatter = useHistogramXFormatter();\n  const {\n    onLeave: handleMenuLeave,\n    onScroll: handleMenuScroll,\n    selectedItem,\n    updateSelectedItem,\n    actionsMenuRef,\n    isScrolling,\n  } = useChartActionsMenu();\n  const formatters = useHistogramYFormatter();\n  const { units } = useHistogramFilteredData();\n\n  const isSingle = variant === 'single';\n\n  const { tooltipItems, closestTooltipItem } = toTooltipItems(\n    binsMap,\n    formatters,\n    isSingle,\n    units,\n    points,\n    closestPoint,\n  );\n\n  const actionClickHandler = useSeriesActionClickHandler(\n    tooltipItems.length > 1,\n  );\n\n  const seriesActions = useTooltipSeriesActions<HistogramSeries>(\n    series,\n    (series) => safeGet(seriesMap, series).id,\n    tooltipItems.find((t) => t.id === selectedItem)?.bin,\n  );\n\n  const intl = useIntl();\n\n  const showHeaderTooltipItem = !isSingle && tooltipItems.length > 1;\n\n  const showHeaderDivider = tooltipItems.length > 1 && variant === 'shared';\n\n  const labelFormatter = (value: number) => bottomFormatter(value, xUnit);\n\n  const headerLabel = closestPoint\n    ? getHeaderLabel(\n        binsMap,\n        closestPoint.bin,\n        labelFormatter,\n        intl.formatMessage(PREPOSITION.to),\n      )\n    : '';\n\n  return (\n    <HistogramTooltipWrapper\n      tooltipItems={tooltipItems}\n      onMouseLeave={handleMenuLeave}\n      onScrollContent={handleMenuScroll}\n    >\n      <InteractiveChartTooltip.Header>\n        {closestPoint && (\n          <>\n            <CategoricalTooltipHeader\n              //TODO Add the X axis unit\n              resolution={getHeaderResolution(\n                binsMap,\n                closestPoint.bin,\n                labelFormatter,\n              )}\n              name={headerLabel}\n              item={\n                showHeaderTooltipItem\n                  ? {\n                      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                      ...closestTooltipItem!,\n                      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                      values: closestTooltipItem!.asyncValues(),\n                    }\n                  : undefined\n              }\n            />\n            {showHeaderDivider && (\n              <div\n                className={wrapper}\n                key={`divider-${closestTooltipItem?.id}`}\n              >\n                <Divider />\n              </div>\n            )}\n          </>\n        )}\n      </InteractiveChartTooltip.Header>\n\n      {tooltipItems && (\n        <InteractiveChartTooltip.Body>\n          {tooltipItems.map((item) => () => {\n            const isOpen = selectedItem === item.id;\n            return (\n              <ChartActionsMenu\n                key={`${item.id}`}\n                isOpen={isOpen}\n                actions={isOpen ? seriesActions(item) : undefined}\n                defaultActions={getDefaultAction(item)}\n                ref={actionsMenuRef}\n                onActionClick={actionClickHandler}\n              >\n                <SeriesBasedContent\n                  item={{ ...item, values: item.asyncValues() }}\n                  onMouseHover={() => updateSelectedItem(item.id)}\n                  truncationMode={truncationMode}\n                  isScrolling={isScrolling}\n                />\n              </ChartActionsMenu>\n            );\n          })}\n        </InteractiveChartTooltip.Body>\n      )}\n    </HistogramTooltipWrapper>\n  );\n};\n"],
-  "mappings": "AAsHU,mBACE,KADF;AAtHV,SAAS,eAAe;AAGxB,SAAS,eAAe;AACxB,SAAS,+BAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,gCAAgC;AACzC,SAAS,+BAA+B;AAExC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AACpC,SAAS,kCAAkC;AAC3C,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,mCAAmC;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AAMxB,SAAS,mBAAmB;AAC5B;AAAA,EAEE;AAAA,OACK;AACP,SAAS,sBAAsB;AAO/B,SAAS,oBACP,SACA,KACA,WACA;AACA,QAAM,EAAE,MAAM,GAAG,IAAI,QAAQ,SAAS,GAAG;AACzC,SAAO,UAAU,KAAK,IAAI;AAC5B;AAKO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,EAAE,SAAS,QAAQ,UAAU,IAAI,yBAAyB;AAEhE,QAAM,EAAE,MAAM,MAAM,IAAI,eAAe;AACvC,QAAM,EAAE,QAAQ,IAAI,oBAAoB;AACxC,QAAM,iBAAiB,2BAA2B;AAClD,QAAM,kBAAkB,uBAAuB;AAC/C,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AACxB,QAAM,aAAa,uBAAuB;AAC1C,QAAM,EAAE,MAAM,IAAI,yBAAyB;AAE3C,QAAM,WAAW,YAAY;AAE7B,QAAM,EAAE,cAAc,mBAAmB,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,qBAAqB;AAAA,IACzB,aAAa,SAAS;AAAA,EACxB;AAEA,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,CAACA,YAAW,QAAQ,WAAWA,OAAM,EAAE;AAAA,IACvC,aAAa,KAAK,CAAC,MAAM,EAAE,OAAO,YAAY,GAAG;AAAA,EACnD;AAEA,QAAM,OAAO,QAAQ;AAErB,QAAM,wBAAwB,CAAC,YAAY,aAAa,SAAS;AAEjE,QAAM,oBAAoB,aAAa,SAAS,KAAK,YAAY;AAEjE,QAAM,iBAAiB,CAAC,UAAkB,gBAAgB,OAAO,KAAK;AAEtE,QAAM,cAAc,eAChB;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,KAAK,cAAc,YAAY,EAAE;AAAA,EACnC,IACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,iBAAiB;AAAA,MAEjB;AAAA,4BAAC,wBAAwB,QAAxB,EACE,0BACC,iCACE;AAAA;AAAA,YAAC;AAAA;AAAA,cAEC,YAAY;AAAA,gBACV;AAAA,gBACA,aAAa;AAAA,gBACb;AAAA,cACF;AAAA,cACA,MAAM;AAAA,cACN,MACE,wBACI;AAAA;AAAA,gBAEE,GAAG;AAAA;AAAA,gBAEH,QAAQ,mBAAoB,YAAY;AAAA,cAC1C,IACA;AAAA;AAAA,UAER;AAAA,UACC,qBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,cAGX,8BAAC,WAAQ;AAAA;AAAA,YAFJ,WAAW,oBAAoB,EAAE;AAAA,UAGxC;AAAA,WAEJ,GAEJ;AAAA,QAEC,gBACC,oBAAC,wBAAwB,MAAxB,EACE,uBAAa,IAAI,CAAC,SAAS,MAAM;AAChC,gBAAM,SAAS,iBAAiB,KAAK;AACrC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA,SAAS,SAAS,cAAc,IAAI,IAAI;AAAA,cACxC,gBAAgB,iBAAiB,IAAI;AAAA,cACrC,KAAK;AAAA,cACL,eAAe;AAAA,cAEf;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,EAAE,GAAG,MAAM,QAAQ,KAAK,YAAY,EAAE;AAAA,kBAC5C,cAAc,MAAM,mBAAmB,KAAK,EAAE;AAAA,kBAC9C;AAAA,kBACA;AAAA;AAAA,cACF;AAAA;AAAA,YAZK,GAAG,KAAK,EAAE;AAAA,UAajB;AAAA,QAEJ,CAAC,GACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { useIntl } from 'react-intl';\n\nimport { wrapper } from './HistogramTooltip.sty.js';\nimport { HistogramTooltipWrapper } from './HistogramTooltipWrapper.js';\nimport { Divider } from '../../../../../layouts/divider/Divider.js';\nimport { ChartActionsMenu } from '../../../../core/components/series-action/ChartActionsMenu.js';\nimport { useChartActionsMenu } from '../../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { getDefaultAction } from '../../../../core/components/series-action/hooks/useDefaultAction.js';\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { SeriesBasedContent } from '../../../../core/components/tooltip/InteractiveChartTooltip/contents/SeriesBasedContent.js';\nimport { CategoricalTooltipHeader } from '../../../../core/components/tooltip/InteractiveChartTooltip/headers/CategoricalTooltipHeader.js';\nimport { useTooltipSeriesActions } from '../../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport { Formatter } from '../../../../core/types/formatter.js';\nimport { useHistogramFilteredData } from '../../../hooks/useHistogramFilteredData.js';\nimport { useHistogramTooltip } from '../../../hooks/useHistogramTooltip.js';\nimport { useHistogramTruncationMode } from '../../../hooks/useHistogramTruncationMode.js';\nimport { useHistogramXFormatter } from '../../../hooks/useHistogramXFormatter.js';\nimport { useHistogramYFormatter } from '../../../hooks/useHistogramYFormatter.js';\nimport { useSeriesActionClickHandler } from '../../../hooks/useSeriesActionClickHandler.js';\nimport { useXAxisConfig } from '../../../hooks/useXAxisConfig.js';\nimport { safeGet } from '../../../providers/HistogramDataProvider.js';\nimport {\n  HistogramBin,\n  HistogramSeries,\n  WeakMapBins,\n} from '../../../types/histogram.js';\nimport { PREPOSITION } from '../constants.js';\nimport {\n  type HistogramTooltipDataPoint,\n  toTooltipItems,\n} from '../utils/bins-to-tooltip.js';\nimport { getHeaderLabel } from '../utils/get-header-label-tooltip.js';\n\ninterface HistogramTooltipProps {\n  points: HistogramTooltipDataPoint[];\n  closestPoint?: HistogramTooltipDataPoint;\n}\n\nfunction getHeaderResolution(\n  binsMap: WeakMapBins,\n  bin: HistogramBin,\n  formatter: Formatter,\n) {\n  const { from, to } = safeGet(binsMap, bin);\n  return formatter(to - from);\n}\n\n/**\n * Tooltip specific to the Histogram.\n */\nexport const HistogramTooltip = ({\n  points,\n  closestPoint,\n}: HistogramTooltipProps) => {\n  const { binsMap, series, seriesMap } = useHistogramFilteredData();\n\n  const { unit: xUnit } = useXAxisConfig();\n  const { variant } = useHistogramTooltip();\n  const truncationMode = useHistogramTruncationMode();\n  const bottomFormatter = useHistogramXFormatter();\n  const {\n    onLeave: handleMenuLeave,\n    onScroll: handleMenuScroll,\n    selectedItem,\n    updateSelectedItem,\n    actionsMenuRef,\n    isScrolling,\n  } = useChartActionsMenu();\n  const formatters = useHistogramYFormatter();\n  const { units } = useHistogramFilteredData();\n\n  const isSingle = variant === 'single';\n\n  const { tooltipItems, closestTooltipItem } = toTooltipItems(\n    binsMap,\n    formatters,\n    isSingle,\n    units,\n    points,\n    closestPoint,\n  );\n\n  const actionClickHandler = useSeriesActionClickHandler(\n    tooltipItems.length > 1,\n  );\n\n  const seriesActions = useTooltipSeriesActions<HistogramSeries>(\n    series,\n    (series) => safeGet(seriesMap, series).id,\n    tooltipItems.find((t) => t.id === selectedItem)?.bin,\n  );\n\n  const intl = useIntl();\n\n  const showHeaderTooltipItem = !isSingle && tooltipItems.length > 1;\n\n  const showHeaderDivider = tooltipItems.length > 1 && variant === 'shared';\n\n  const labelFormatter = (value: number) => bottomFormatter(value, xUnit);\n\n  const headerLabel = closestPoint\n    ? getHeaderLabel(\n        binsMap,\n        closestPoint.bin,\n        labelFormatter,\n        intl.formatMessage(PREPOSITION.to),\n      )\n    : '';\n\n  return (\n    <HistogramTooltipWrapper\n      tooltipItems={tooltipItems}\n      onMouseLeave={handleMenuLeave}\n      onScrollContent={handleMenuScroll}\n    >\n      <InteractiveChartTooltip.Header>\n        {closestPoint && (\n          <>\n            <CategoricalTooltipHeader\n              //TODO Add the X axis unit\n              resolution={getHeaderResolution(\n                binsMap,\n                closestPoint.bin,\n                labelFormatter,\n              )}\n              name={headerLabel}\n              item={\n                showHeaderTooltipItem\n                  ? {\n                      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                      ...closestTooltipItem!,\n                      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                      values: closestTooltipItem!.asyncValues(),\n                    }\n                  : undefined\n              }\n            />\n            {showHeaderDivider && (\n              <div\n                className={wrapper}\n                key={`divider-${closestTooltipItem?.id}`}\n              >\n                <Divider />\n              </div>\n            )}\n          </>\n        )}\n      </InteractiveChartTooltip.Header>\n\n      {tooltipItems && (\n        <InteractiveChartTooltip.Body>\n          {tooltipItems.map((item) => () => {\n            const isOpen = selectedItem === item.id;\n            return (\n              <ChartActionsMenu\n                key={`${item.id}`}\n                isOpen={isOpen}\n                actions={isOpen ? seriesActions(item) : undefined}\n                defaultActions={getDefaultAction(item)}\n                ref={actionsMenuRef}\n                onActionClick={actionClickHandler}\n              >\n                <SeriesBasedContent\n                  item={{ ...item, values: item.asyncValues() }}\n                  onMouseHover={() => updateSelectedItem(item.id)}\n                  truncationMode={truncationMode}\n                  isScrolling={isScrolling}\n                />\n              </ChartActionsMenu>\n            );\n          })}\n        </InteractiveChartTooltip.Body>\n      )}\n    </HistogramTooltipWrapper>\n  );\n};\n"],
+  "mappings": "AAsHU,mBACE,KADF;AArHV,SAAS,eAAe;AAExB,SAAS,eAAe;AACxB,SAAS,+BAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,gCAAgC;AACzC,SAAS,+BAA+B;AAExC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AACpC,SAAS,kCAAkC;AAC3C,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,mCAAmC;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AAMxB,SAAS,mBAAmB;AAC5B;AAAA,EAEE;AAAA,OACK;AACP,SAAS,sBAAsB;AAO/B,SAAS,oBACP,SACA,KACA,WACA;AACA,QAAM,EAAE,MAAM,GAAG,IAAI,QAAQ,SAAS,GAAG;AACzC,SAAO,UAAU,KAAK,IAAI;AAC5B;AAKO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,EAAE,SAAS,QAAQ,UAAU,IAAI,yBAAyB;AAEhE,QAAM,EAAE,MAAM,MAAM,IAAI,eAAe;AACvC,QAAM,EAAE,QAAQ,IAAI,oBAAoB;AACxC,QAAM,iBAAiB,2BAA2B;AAClD,QAAM,kBAAkB,uBAAuB;AAC/C,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AACxB,QAAM,aAAa,uBAAuB;AAC1C,QAAM,EAAE,MAAM,IAAI,yBAAyB;AAE3C,QAAM,WAAW,YAAY;AAE7B,QAAM,EAAE,cAAc,mBAAmB,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,qBAAqB;AAAA,IACzB,aAAa,SAAS;AAAA,EACxB;AAEA,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,CAACA,YAAW,QAAQ,WAAWA,OAAM,EAAE;AAAA,IACvC,aAAa,KAAK,CAAC,MAAM,EAAE,OAAO,YAAY,GAAG;AAAA,EACnD;AAEA,QAAM,OAAO,QAAQ;AAErB,QAAM,wBAAwB,CAAC,YAAY,aAAa,SAAS;AAEjE,QAAM,oBAAoB,aAAa,SAAS,KAAK,YAAY;AAEjE,QAAM,iBAAiB,CAAC,UAAkB,gBAAgB,OAAO,KAAK;AAEtE,QAAM,cAAc,eAChB;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,KAAK,cAAc,YAAY,EAAE;AAAA,EACnC,IACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,iBAAiB;AAAA,MAEjB;AAAA,4BAAC,wBAAwB,QAAxB,EACE,0BACC,iCACE;AAAA;AAAA,YAAC;AAAA;AAAA,cAEC,YAAY;AAAA,gBACV;AAAA,gBACA,aAAa;AAAA,gBACb;AAAA,cACF;AAAA,cACA,MAAM;AAAA,cACN,MACE,wBACI;AAAA;AAAA,gBAEE,GAAG;AAAA;AAAA,gBAEH,QAAQ,mBAAoB,YAAY;AAAA,cAC1C,IACA;AAAA;AAAA,UAER;AAAA,UACC,qBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,cAGX,8BAAC,WAAQ;AAAA;AAAA,YAFJ,WAAW,oBAAoB,EAAE;AAAA,UAGxC;AAAA,WAEJ,GAEJ;AAAA,QAEC,gBACC,oBAAC,wBAAwB,MAAxB,EACE,uBAAa,IAAI,CAAC,SAAS,MAAM;AAChC,gBAAM,SAAS,iBAAiB,KAAK;AACrC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA,SAAS,SAAS,cAAc,IAAI,IAAI;AAAA,cACxC,gBAAgB,iBAAiB,IAAI;AAAA,cACrC,KAAK;AAAA,cACL,eAAe;AAAA,cAEf;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,EAAE,GAAG,MAAM,QAAQ,KAAK,YAAY,EAAE;AAAA,kBAC5C,cAAc,MAAM,mBAAmB,KAAK,EAAE;AAAA,kBAC9C;AAAA,kBACA;AAAA;AAAA,cACF;AAAA;AAAA,YAZK,GAAG,KAAK,EAAE;AAAA,UAajB;AAAA,QAEJ,CAAC,GACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
   "names": ["series"]
 }

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

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

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltipWrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/overlays/HistogramExplore/HistogramTooltipWrapper.tsx"],
-  "sourcesContent": ["import {\n  type PropsWithChildren,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\n\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { useSeriesBasedItemEstimatedSize } from '../../../../core/components/tooltip/InteractiveChartTooltip/hooks/useSeriesBasedItemEstimatedSize.js';\nimport { useScrollResponsiveChartBounds } from '../../../../core/hooks/useScrollResponsiveChartBounds.js';\nimport { TooltipItem } from '../../../../core/types/tooltip.js';\nimport { calculateAdjustedTooltipPosition } from '../../../../core/utils/calculate-adjusted-tooltip-position.js';\nimport { useExploreState } from '../../../hooks/store/selectors.js';\nimport { useHistogramChartOverlayRef } from '../../../hooks/useHistogramChartOverlayRef.js';\nimport { ADJUSTED_LAYOUT_OFFSET } from '../constants.js';\n\ninterface HistogramTooltipWrapperProps {\n  tooltipItems: TooltipItem[];\n  onMouseLeave: (event?: ReactMouseEvent) => void;\n  onScrollContent: (event?: Event) => void;\n}\n\nexport const HistogramTooltipWrapper = ({\n  tooltipItems,\n  onMouseLeave,\n  onScrollContent,\n  children,\n}: PropsWithChildren<HistogramTooltipWrapperProps>) => {\n  const { pinned, position } = useExploreState();\n  const chartRef = useHistogramChartOverlayRef();\n  const bounds = useScrollResponsiveChartBounds(chartRef, pinned)();\n\n  const estimatedItemSize = useSeriesBasedItemEstimatedSize(\n    tooltipItems,\n    'single-line',\n  );\n\n  const adjustedTooltipPosition = calculateAdjustedTooltipPosition(\n    bounds,\n    position,\n    ADJUSTED_LAYOUT_OFFSET,\n  );\n\n  const showTooltip = tooltipItems.length && adjustedTooltipPosition;\n\n  return showTooltip ? (\n    <InteractiveChartTooltip\n      position={adjustedTooltipPosition}\n      pinned={pinned}\n      itemSize={estimatedItemSize}\n      updatePositionWhenPinned={true}\n      onMouseLeave={onMouseLeave}\n      onScrollContent={onScrollContent}\n    >\n      {children}\n    </InteractiveChartTooltip>\n  ) : null;\n};\n"],
-  "mappings": "AA4CI;AAvCJ,SAAS,+BAA+B;AACxC,SAAS,uCAAuC;AAChD,SAAS,sCAAsC;AAE/C,SAAS,wCAAwC;AACjD,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AAQhC,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuD;AACrD,QAAM,EAAE,QAAQ,SAAS,IAAI,gBAAgB;AAC7C,QAAM,WAAW,4BAA4B;AAC7C,QAAM,SAAS,+BAA+B,UAAU,MAAM,EAAE;AAEhE,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,0BAA0B;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,aAAa,UAAU;AAE3C,SAAO,cACL;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,0BAA0B;AAAA,MAC1B;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,IACE;AACN;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport {\n  type PropsWithChildren,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\n\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { useSeriesBasedItemEstimatedSize } from '../../../../core/components/tooltip/InteractiveChartTooltip/hooks/useSeriesBasedItemEstimatedSize.js';\nimport { useScrollResponsiveChartBounds } from '../../../../core/hooks/useScrollResponsiveChartBounds.js';\nimport { TooltipItem } from '../../../../core/types/tooltip.js';\nimport { calculateAdjustedTooltipPosition } from '../../../../core/utils/calculate-adjusted-tooltip-position.js';\nimport { useExploreState } from '../../../hooks/store/selectors.js';\nimport { useHistogramChartOverlayRef } from '../../../hooks/useHistogramChartOverlayRef.js';\nimport { ADJUSTED_LAYOUT_OFFSET } from '../constants.js';\n\ninterface HistogramTooltipWrapperProps {\n  tooltipItems: TooltipItem[];\n  onMouseLeave: (event?: ReactMouseEvent) => void;\n  onScrollContent: (event?: Event) => void;\n}\n\nexport const HistogramTooltipWrapper = ({\n  tooltipItems,\n  onMouseLeave,\n  onScrollContent,\n  children,\n}: PropsWithChildren<HistogramTooltipWrapperProps>) => {\n  const { pinned, position } = useExploreState();\n  const chartRef = useHistogramChartOverlayRef();\n  const bounds = useScrollResponsiveChartBounds(chartRef, pinned)();\n\n  const estimatedItemSize = useSeriesBasedItemEstimatedSize(\n    tooltipItems,\n    'single-line',\n  );\n\n  const adjustedTooltipPosition = calculateAdjustedTooltipPosition(\n    bounds,\n    position,\n    ADJUSTED_LAYOUT_OFFSET,\n  );\n\n  const showTooltip = tooltipItems.length && adjustedTooltipPosition;\n\n  return showTooltip ? (\n    <InteractiveChartTooltip\n      position={adjustedTooltipPosition}\n      pinned={pinned}\n      itemSize={estimatedItemSize}\n      updatePositionWhenPinned={true}\n      onMouseLeave={onMouseLeave}\n      onScrollContent={onScrollContent}\n    >\n      {children}\n    </InteractiveChartTooltip>\n  ) : null;\n};\n"],
+  "mappings": "AA6CI;AAvCJ,SAAS,+BAA+B;AACxC,SAAS,uCAAuC;AAChD,SAAS,sCAAsC;AAE/C,SAAS,wCAAwC;AACjD,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AAQhC,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuD;AACrD,QAAM,EAAE,QAAQ,SAAS,IAAI,gBAAgB;AAC7C,QAAM,WAAW,4BAA4B;AAC7C,QAAM,SAAS,+BAA+B,UAAU,MAAM,EAAE;AAEhE,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,0BAA0B;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,aAAa,UAAU;AAE3C,SAAO,cACL;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,0BAA0B;AAAA,MAC1B;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,IACE;AACN;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._drl8ns0-3-5-2 {
+._drl8ns0-3-7-0 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._drl8ns1-3-5-2 {
+._drl8ns1-3-7-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-5-2 _13lzg4k0-3-5-2";
-var datapointLayout = "_drl8ns0-3-5-2 _13lzg4k0-3-5-2";
+var crosshairLayout = "_drl8ns1-3-7-0 _13lzg4k0-3-7-0";
+var datapointLayout = "_drl8ns0-3-7-0 _13lzg4k0-3-7-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-5-2 _13lzg4k0-3-5-2';\nexport var datapointLayout = '_drl8ns0-3-5-2 _13lzg4k0-3-5-2';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './HistogramOverlays.css';\nexport var crosshairLayout = '_drl8ns1-3-7-0 _13lzg4k0-3-7-0';\nexport var datapointLayout = '_drl8ns0-3-7-0 _13lzg4k0-3-7-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-5-2 {
+._p8cogi0-3-7-0 {
   position: relative;
 }

package/esm/charts/honeycomb/HoneycombChart.js

@@ -13,9 +13,9 @@ import {
 } from "./constants.js";
 import { HoneycombColorSchemeContext } from "./context/honeycomb-color-scheme.context.js";
 import { HoneycombFormatterContext } from "./context/honeycomb-formatter.context.js";
+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 { HoneycombShowLabelsContext } from "./context/honeycomb-show-labels.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";
@@ -27,6 +27,7 @@ import { HoneycombStoreProvider } from "./providers/honeycomb-store.provider.js"
 import { HoneycombChartDownloadCSVSlot } from "./slots/DownloadCSV.js";
 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 { normalizeTilesData } from "./utils/normalize-tiles-data.js";
 import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
@@ -102,9 +103,9 @@ const _HoneycombChart = forwardRef((props, forwardedRef) => {
       "aria-label": HONEYCOMB_CHART_ARIA_LABEL,
       role: "img",
       children: /* @__PURE__ */ jsx(HoneycombLoadingContext.Provider, { value: loading, children: /* @__PURE__ */ jsx(HoneycombConfigurationProvider, { config, children: /* @__PURE__ */ jsx(HoneycombShapeContext.Provider, { value: config.shape, children: /* @__PURE__ */ jsx(HoneycombColorSchemeContext.Provider, { value: config.colorScheme, children: /* @__PURE__ */ jsx(HoneycombTruncationMode.Provider, { value: config.truncationMode, children: /* @__PURE__ */ jsx(HoneycombFormatterContext.Provider, { value: formatterContext, children: /* @__PURE__ */ jsx(
-        HoneycombShowLabelsContext.Provider,
+        HoneycombLabelsDisplayContext.Provider,
         {
-          value: config.showLabels,
+          value: config.labelsDisplay,
           children: /* @__PURE__ */ jsx(
             HoneycombFilteredDataProvider,
             {
@@ -136,7 +137,8 @@ const HoneycombChart = Object.assign(_HoneycombChart, {
   Intent,
   ColorRule,
   Toolbar,
-  DownloadCSV: HoneycombChartDownloadCSVSlot
+  DownloadCSV: HoneycombChartDownloadCSVSlot,
+  Tooltip
 });
 export {
   HoneycombChart,

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 { 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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",
+  "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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",
   "names": []
 }

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

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