@dynatrace/strato-components 3.7.1 → 3.9.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/tree-map/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { TextAlign, TextBaseline } from './types/canvas.js';\nimport type { LabelsDisplay, NameAccessor } from './types/treemap.js';\nimport { SCALE_FALLBACK_COLOR } from '../core/constants.js';\nimport type { MappedObject } from '../core/types/helpers/mapped-object.js';\n\nexport const DISPLAY_NAME = 'TreeMap';\n\nexport const LABELS_DISPLAY = Object.freeze<MappedObject<LabelsDisplay>>({\n  All: 'all',\n  Clusters: 'clusters',\n  ClustersAndValues: 'clusters-and-values',\n  Nodes: 'nodes',\n  None: 'none',\n});\n\nexport const TEXT_ALIGN = Object.freeze<MappedObject<TextAlign>>({\n  Center: 'center',\n  End: 'end',\n  Left: 'left',\n  Right: 'right',\n  Start: 'start',\n});\n\nexport const TEXT_BASELINE = Object.freeze<MappedObject<TextBaseline>>({\n  Alphabetic: 'alphabetic',\n  Bottom: 'bottom',\n  Hanging: 'hanging',\n  Ideographic: 'ideographic',\n  Middle: 'middle',\n  Top: 'top',\n});\n\nexport const NAME_ACCESSOR = Object.freeze<MappedObject<NameAccessor>>({\n  Name: 'name',\n  Value: 'value',\n});\n\nexport const CLUSTER_OTHER_ID = 'other-cluster';\nexport const DEFAULT_AGGREGATED_LABEL = 'Other';\nexport const DEFAULT_ROOT_NODE_NAME = 'root node';\nexport const DEFAULT_WIDTH = '100%';\nexport const DEFAULT_HEIGHT = 300;\nexport const DEFAULT_LOADING_STATE = false;\nexport const DEFAULT_CATEGORICAL_COLOR_PALETTE = 'categorical';\nexport const DEFAULT_RANGE_COLOR_PALETTE = 'moss';\nexport const DEFAULT_MIN_NODE_SIZE = 250;\nexport const DEFAULT_MIN_NODE_SIZE_PARENT = 1000;\nexport const DEFAULT_MIN_NODE_SIZE_PARENT_AND_LABELS = 2000;\nexport const DEFAULT_TOOLBAR_PLACEMENT = 'top-right';\n\nexport const DEFAULT_LABELS_DISPLAY: LabelsDisplay = LABELS_DISPLAY.None;\nexport const DEFAULT_LABEL_ALIGN: TextAlign = TEXT_ALIGN.Center;\nexport const DEFAULT_LABEL_BASELINE: TextBaseline = TEXT_BASELINE.Middle;\nexport const DEFAULT_LABEL_FONTSIZE = 12;\nexport const DEFAULT_LABEL_LINE_HEIGHT = 16;\nexport const DEFAULT_CLUSTER_LABEL_FONTSIZE = 12;\nexport const DEFAULT_CLUSTER_LABEL_LINE_HEIGHT = 20;\nexport const CLUSTER_LABEL_OFFSET_Y = DEFAULT_LABEL_FONTSIZE + 2;\nexport const CLUSTER_LABEL_OFFSET_X = 10;\n\nconst CLUSTER_LABEL_PADDING = 4;\nconst CLUSTER_LABEL_PADDING_SUM = CLUSTER_LABEL_PADDING * 2;\nexport const MIN_CLUSTER_HEIGHT =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE + CLUSTER_LABEL_PADDING_SUM;\nexport const DEFAULT_LABEL_PADDING = 4;\n\nexport const LABEL_FONT_FAMILY = 'DT Flow';\nexport const DEFAULT_FONT_WEIGHT = 400;\nexport const INCREASED_FONT_WEIGHT = 500;\nexport const DEFAULT_NAME_ACCESSOR = undefined;\n\nexport const DEFAULT_TEXT_SIZE: number | 'auto' = DEFAULT_LABEL_FONTSIZE;\n\nexport const AUTO_TEXT_SIZE_PRESETS = [18, 16, 14, 12];\n\nexport const DARK_LABEL_TEXT = '#000000';\nexport const LIGHT_LABEL_TEXT = '#ffffff';\n\nexport const RECT_BORDER_RADIUS = 2;\nexport const RECT_STROKE_WIDTH = 1;\nexport const RECT_CLUSTER_OPACITY = 0.15;\n\nexport const NODE_LEAF_PADDING = 1; // sets leaf node padding to 2px\nexport const NODE_CLUSTER_PADDING = 2; // sets parent node padding to 6px\nexport const NODE_WITH_RECT_CLUSTER_PADDING = 7;\nexport const NODE_WITH_RECT_PADDING_TOP =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE + CLUSTER_LABEL_PADDING_SUM;\nexport const ROOT_NODE_WITH_LABELS_OUTER_PADDING = 3;\nexport const NODE_WITH_RECT_OUTER_PADDING = 3;\n\nconst MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH = 1;\n\nconst ADDITIONAL_CLUSTER_HEIGHT_SPACING = 2;\nconst ADDITIONAL_CLUSTER_WIDTH_SPACING = 4;\n\nexport const MIN_CLUSTER_HEIGHT_WITH_VISIBLE_CHILDREN =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE +\n  MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH +\n  2 * RECT_STROKE_WIDTH +\n  CLUSTER_LABEL_PADDING_SUM +\n  ADDITIONAL_CLUSTER_HEIGHT_SPACING;\n\nexport const MIN_CLUSTER_WIDTH_WITH_VISIBLE_CHILDREN =\n  MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH +\n  2 * RECT_STROKE_WIDTH +\n  ADDITIONAL_CLUSTER_WIDTH_SPACING;\n\nexport const AGGREGATED_NODE_COLOR = Colors.Background.Container.Neutral.Accent;\n\nexport const OUT_OF_RANGE_NODE_COLOR =\n  Colors.Background.Container.Neutral.Accent;\n\nexport const DEFAULT_RANGE_LEGEND_COLOR = SCALE_FALLBACK_COLOR;\n\nexport const DEFAULT_BORDER_COLOR = Colors.Border.Neutral.Accent;\n\nexport const TREEMAP_CHART_ARIA_LABEL = 'Tree Map Chart';\n"],
-  "mappings": "AAAA,OAAO,YAAY;AAInB,SAAS,4BAA4B;AAG9B,MAAM,eAAe;AAErB,MAAM,iBAAiB,OAAO,OAAoC;AAAA,EACvE,KAAK;AAAA,EACL,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,MAAM;AACR,CAAC;AAEM,MAAM,aAAa,OAAO,OAAgC;AAAA,EAC/D,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT,CAAC;AAEM,MAAM,gBAAgB,OAAO,OAAmC;AAAA,EACrE,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,KAAK;AACP,CAAC;AAEM,MAAM,gBAAgB,OAAO,OAAmC;AAAA,EACrE,MAAM;AAAA,EACN,OAAO;AACT,CAAC;AAEM,MAAM,mBAAmB;AACzB,MAAM,2BAA2B;AACjC,MAAM,yBAAyB;AAC/B,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,wBAAwB;AAC9B,MAAM,oCAAoC;AAC1C,MAAM,8BAA8B;AACpC,MAAM,wBAAwB;AAC9B,MAAM,+BAA+B;AACrC,MAAM,0CAA0C;AAChD,MAAM,4BAA4B;AAElC,MAAM,yBAAwC,eAAe;AAC7D,MAAM,sBAAiC,WAAW;AAClD,MAAM,yBAAuC,cAAc;AAC3D,MAAM,yBAAyB;AAC/B,MAAM,4BAA4B;AAClC,MAAM,iCAAiC;AACvC,MAAM,oCAAoC;AAC1C,MAAM,yBAAyB,yBAAyB;AACxD,MAAM,yBAAyB;AAEtC,MAAM,wBAAwB;AAC9B,MAAM,4BAA4B,wBAAwB;AACnD,MAAM,qBACX,iCAAiC;AAC5B,MAAM,wBAAwB;AAE9B,MAAM,oBAAoB;AAC1B,MAAM,sBAAsB;AAC5B,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAE9B,MAAM,oBAAqC;AAE3C,MAAM,yBAAyB,CAAC,IAAI,IAAI,IAAI,EAAE;AAE9C,MAAM,kBAAkB;AACxB,MAAM,mBAAmB;AAEzB,MAAM,qBAAqB;AAC3B,MAAM,oBAAoB;AAC1B,MAAM,uBAAuB;AAE7B,MAAM,oBAAoB;AAC1B,MAAM,uBAAuB;AAC7B,MAAM,iCAAiC;AACvC,MAAM,6BACX,iCAAiC;AAC5B,MAAM,sCAAsC;AAC5C,MAAM,+BAA+B;AAE5C,MAAM,oCAAoC;AAE1C,MAAM,oCAAoC;AAC1C,MAAM,mCAAmC;AAElC,MAAM,2CACX,iCACA,oCACA,IAAI,oBACJ,4BACA;AAEK,MAAM,0CACX,oCACA,IAAI,oBACJ;AAEK,MAAM,wBAAwB,OAAO,WAAW,UAAU,QAAQ;AAElE,MAAM,0BACX,OAAO,WAAW,UAAU,QAAQ;AAE/B,MAAM,6BAA6B;AAEnC,MAAM,uBAAuB,OAAO,OAAO,QAAQ;AAEnD,MAAM,2BAA2B;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { TextAlign, TextBaseline } from './types/canvas.js';\nimport type { LabelsDisplay, NameAccessor } from './types/treemap.js';\nimport { AUTO_TEXT_SIZE_PRESETS, SCALE_FALLBACK_COLOR } from '../core/constants.js';\nimport type { MappedObject } from '../core/types/helpers/mapped-object.js';\nimport type { TextSize } from '../core/types/text-size.js';\n\nexport { AUTO_TEXT_SIZE_PRESETS };\n\nexport const DISPLAY_NAME = 'TreeMap';\n\nexport const LABELS_DISPLAY = Object.freeze<MappedObject<LabelsDisplay>>({\n  All: 'all',\n  Clusters: 'clusters',\n  ClustersAndValues: 'clusters-and-values',\n  Nodes: 'nodes',\n  None: 'none',\n});\n\nexport const TEXT_ALIGN = Object.freeze<MappedObject<TextAlign>>({\n  Center: 'center',\n  End: 'end',\n  Left: 'left',\n  Right: 'right',\n  Start: 'start',\n});\n\nexport const TEXT_BASELINE = Object.freeze<MappedObject<TextBaseline>>({\n  Alphabetic: 'alphabetic',\n  Bottom: 'bottom',\n  Hanging: 'hanging',\n  Ideographic: 'ideographic',\n  Middle: 'middle',\n  Top: 'top',\n});\n\nexport const NAME_ACCESSOR = Object.freeze<MappedObject<NameAccessor>>({\n  Name: 'name',\n  Value: 'value',\n});\n\nexport const CLUSTER_OTHER_ID = 'other-cluster';\nexport const DEFAULT_AGGREGATED_LABEL = 'Other';\nexport const DEFAULT_ROOT_NODE_NAME = 'root node';\nexport const DEFAULT_WIDTH = '100%';\nexport const DEFAULT_HEIGHT = 300;\nexport const DEFAULT_LOADING_STATE = false;\nexport const DEFAULT_CATEGORICAL_COLOR_PALETTE = 'categorical';\nexport const DEFAULT_RANGE_COLOR_PALETTE = 'moss';\nexport const DEFAULT_MIN_NODE_SIZE = 250;\nexport const DEFAULT_MIN_NODE_SIZE_PARENT = 1000;\nexport const DEFAULT_MIN_NODE_SIZE_PARENT_AND_LABELS = 2000;\nexport const DEFAULT_TOOLBAR_PLACEMENT = 'top-right';\n\nexport const DEFAULT_LABELS_DISPLAY: LabelsDisplay = LABELS_DISPLAY.None;\nexport const DEFAULT_LABEL_ALIGN: TextAlign = TEXT_ALIGN.Center;\nexport const DEFAULT_LABEL_BASELINE: TextBaseline = TEXT_BASELINE.Middle;\nexport const DEFAULT_LABEL_FONTSIZE = 12;\nexport const DEFAULT_LABEL_LINE_HEIGHT = 16;\nexport const DEFAULT_CLUSTER_LABEL_FONTSIZE = 12;\nexport const DEFAULT_CLUSTER_LABEL_LINE_HEIGHT = 20;\nexport const CLUSTER_LABEL_OFFSET_Y = DEFAULT_LABEL_FONTSIZE + 2;\nexport const CLUSTER_LABEL_OFFSET_X = 10;\n\nconst CLUSTER_LABEL_PADDING = 4;\nconst CLUSTER_LABEL_PADDING_SUM = CLUSTER_LABEL_PADDING * 2;\nexport const MIN_CLUSTER_HEIGHT =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE + CLUSTER_LABEL_PADDING_SUM;\nexport const DEFAULT_LABEL_PADDING = 4;\n\nexport const LABEL_FONT_FAMILY = 'DT Flow';\nexport const DEFAULT_FONT_WEIGHT = 400;\nexport const INCREASED_FONT_WEIGHT = 500;\nexport const DEFAULT_NAME_ACCESSOR = undefined;\n\nexport const DEFAULT_TEXT_SIZE: TextSize = DEFAULT_LABEL_FONTSIZE;\n\nexport const DARK_LABEL_TEXT = '#000000';\nexport const LIGHT_LABEL_TEXT = '#ffffff';\n\nexport const RECT_BORDER_RADIUS = 2;\nexport const RECT_STROKE_WIDTH = 1;\nexport const RECT_CLUSTER_OPACITY = 0.15;\n\nexport const NODE_LEAF_PADDING = 1; // sets leaf node padding to 2px\nexport const NODE_CLUSTER_PADDING = 2; // sets parent node padding to 6px\nexport const NODE_WITH_RECT_CLUSTER_PADDING = 7;\nexport const NODE_WITH_RECT_PADDING_TOP =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE + CLUSTER_LABEL_PADDING_SUM;\nexport const ROOT_NODE_WITH_LABELS_OUTER_PADDING = 3;\nexport const NODE_WITH_RECT_OUTER_PADDING = 3;\n\nconst MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH = 1;\n\nconst ADDITIONAL_CLUSTER_HEIGHT_SPACING = 2;\nconst ADDITIONAL_CLUSTER_WIDTH_SPACING = 4;\n\nexport const MIN_CLUSTER_HEIGHT_WITH_VISIBLE_CHILDREN =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE +\n  MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH +\n  2 * RECT_STROKE_WIDTH +\n  CLUSTER_LABEL_PADDING_SUM +\n  ADDITIONAL_CLUSTER_HEIGHT_SPACING;\n\nexport const MIN_CLUSTER_WIDTH_WITH_VISIBLE_CHILDREN =\n  MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH +\n  2 * RECT_STROKE_WIDTH +\n  ADDITIONAL_CLUSTER_WIDTH_SPACING;\n\nexport const AGGREGATED_NODE_COLOR = Colors.Background.Container.Neutral.Accent;\n\nexport const OUT_OF_RANGE_NODE_COLOR =\n  Colors.Background.Container.Neutral.Accent;\n\nexport const DEFAULT_RANGE_LEGEND_COLOR = SCALE_FALLBACK_COLOR;\n\nexport const DEFAULT_BORDER_COLOR = Colors.Border.Neutral.Accent;\n\nexport const TREEMAP_CHART_ARIA_LABEL = 'Tree Map Chart';\n"],
+  "mappings": "AAAA,OAAO,YAAY;AAInB,SAAS,wBAAwB,4BAA4B;AAMtD,MAAM,eAAe;AAErB,MAAM,iBAAiB,OAAO,OAAoC;AAAA,EACvE,KAAK;AAAA,EACL,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,MAAM;AACR,CAAC;AAEM,MAAM,aAAa,OAAO,OAAgC;AAAA,EAC/D,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT,CAAC;AAEM,MAAM,gBAAgB,OAAO,OAAmC;AAAA,EACrE,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,KAAK;AACP,CAAC;AAEM,MAAM,gBAAgB,OAAO,OAAmC;AAAA,EACrE,MAAM;AAAA,EACN,OAAO;AACT,CAAC;AAEM,MAAM,mBAAmB;AACzB,MAAM,2BAA2B;AACjC,MAAM,yBAAyB;AAC/B,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,wBAAwB;AAC9B,MAAM,oCAAoC;AAC1C,MAAM,8BAA8B;AACpC,MAAM,wBAAwB;AAC9B,MAAM,+BAA+B;AACrC,MAAM,0CAA0C;AAChD,MAAM,4BAA4B;AAElC,MAAM,yBAAwC,eAAe;AAC7D,MAAM,sBAAiC,WAAW;AAClD,MAAM,yBAAuC,cAAc;AAC3D,MAAM,yBAAyB;AAC/B,MAAM,4BAA4B;AAClC,MAAM,iCAAiC;AACvC,MAAM,oCAAoC;AAC1C,MAAM,yBAAyB,yBAAyB;AACxD,MAAM,yBAAyB;AAEtC,MAAM,wBAAwB;AAC9B,MAAM,4BAA4B,wBAAwB;AACnD,MAAM,qBACX,iCAAiC;AAC5B,MAAM,wBAAwB;AAE9B,MAAM,oBAAoB;AAC1B,MAAM,sBAAsB;AAC5B,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAE9B,MAAM,oBAA8B;AAEpC,MAAM,kBAAkB;AACxB,MAAM,mBAAmB;AAEzB,MAAM,qBAAqB;AAC3B,MAAM,oBAAoB;AAC1B,MAAM,uBAAuB;AAE7B,MAAM,oBAAoB;AAC1B,MAAM,uBAAuB;AAC7B,MAAM,iCAAiC;AACvC,MAAM,6BACX,iCAAiC;AAC5B,MAAM,sCAAsC;AAC5C,MAAM,+BAA+B;AAE5C,MAAM,oCAAoC;AAE1C,MAAM,oCAAoC;AAC1C,MAAM,mCAAmC;AAElC,MAAM,2CACX,iCACA,oCACA,IAAI,oBACJ,4BACA;AAEK,MAAM,0CACX,oCACA,IAAI,oBACJ;AAEK,MAAM,wBAAwB,OAAO,WAAW,UAAU,QAAQ;AAElE,MAAM,0BACX,OAAO,WAAW,UAAU,QAAQ;AAE/B,MAAM,6BAA6B;AAEnC,MAAM,uBAAuB,OAAO,OAAO,QAAQ;AAEnD,MAAM,2BAA2B;",
   "names": []
 }

package/esm/charts/tree-map/context/TextSizeContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/context/TextSizeContext.ts"],
-  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport { DEFAULT_TEXT_SIZE } from '../constants.js';\n\nexport const TextSizeContext = createContext<number | 'auto'>(DEFAULT_TEXT_SIZE);\n\nexport const useTextSize = () => useContext(TextSizeContext);\n\nTextSizeContext['displayName'] = 'TextSizeContext';\n"],
-  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAE1C,SAAS,yBAAyB;AAE3B,MAAM,kBAAkB,cAA+B,iBAAiB;AAExE,MAAM,cAAc,MAAM,WAAW,eAAe;AAE3D,gBAAgB,aAAa,IAAI;",
+  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport type { TextSize } from '../../core/types/text-size.js';\nimport { DEFAULT_TEXT_SIZE } from '../constants.js';\n\nexport const TextSizeContext = createContext<TextSize>(DEFAULT_TEXT_SIZE);\n\nexport const useTextSize = () => useContext(TextSizeContext);\n\nTextSizeContext['displayName'] = 'TextSizeContext';\n"],
+  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAG1C,SAAS,yBAAyB;AAE3B,MAAM,kBAAkB,cAAwB,iBAAiB;AAEjE,MAAM,cAAc,MAAM,WAAW,eAAe;AAE3D,gBAAgB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/tree-map/hooks/useOverlayHandlers.js

@@ -1,6 +1,7 @@
-import { useOverlayEventHandlers } from "../../core/hooks/useOverlayEventHandlers.js";
+import {
+  useOverlayEventHandlers
+} from "../../core/hooks/useOverlayEventHandlers.js";
 import { LABELS_DISPLAY } from "../constants.js";
-import { useSetOverlayState } from "./useSetOverlayState.js";
 import { useFormatter } from "../context/FormatterContext.js";
 import { useLabelsDisplay } from "../context/LabelsDisplayContext.js";
 import { useTreeMapInternalData } from "../context/TreeMapInternalDataContext.js";
@@ -11,15 +12,14 @@ const useOverlayHandlers = (overlay) => {
   const hierarchyLeafNodes = useLeafNodesState();
   const hierarchyClusterNodes = useClusterNodesState();
   const labelsDisplay = useLabelsDisplay();
-  const { setToolbarVisible } = useSetOverlayState();
   const formatter = useFormatter();
   const { unit } = useTreeMapInternalData();
   const parentLabels = [LABELS_DISPLAY.All, LABELS_DISPLAY.Clusters];
   const hasParentLabels = parentLabels.includes(labelsDisplay);
-  const getTooltipDataFromEvent = (event) => {
+  const getTooltipDataFromEvent = (coords) => {
     const position = overlay.getAdjustedPositionsFromAbsolute(
-      event.clientX,
-      event.clientY
+      coords.clientX,
+      coords.clientY
     );
     const relativePosition = {
       x: position.relativeX ?? 0,
@@ -33,8 +33,7 @@ const useOverlayHandlers = (overlay) => {
     );
     return tooltipData ? buildOverlayTooltipData(tooltipData, formatter, unit) : void 0;
   };
-  return useOverlayEventHandlers(overlay, {
-    onToolbarVisibilityChange: setToolbarVisible,
+  return useOverlayEventHandlers({
     getTooltipData: getTooltipDataFromEvent
   });
 };

package/esm/charts/tree-map/hooks/useOverlayHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/hooks/useOverlayHandlers.ts"],
-  "sourcesContent": ["import { type MouseEvent } from 'react';\n\nimport type { Overlay } from '../../core/components/overlay-tooltip/types.js';\nimport { useOverlayEventHandlers } from '../../core/hooks/useOverlayEventHandlers.js';\nimport { LABELS_DISPLAY } from '../constants.js';\nimport { useSetOverlayState } from './useSetOverlayState.js';\nimport { useFormatter } from '../context/FormatterContext.js';\nimport { useLabelsDisplay } from '../context/LabelsDisplayContext.js';\nimport { useTreeMapInternalData } from '../context/TreeMapInternalDataContext.js';\nimport { useClusterNodesState, useLeafNodesState } from '../store/selectors.js';\nimport { buildOverlayTooltipData } from '../utils/build-overlay-tooltip-data.js';\nimport { getTooltipData } from '../utils/get-tooltip-data.js';\n\nexport const useOverlayHandlers = (overlay: Overlay) => {\n  const hierarchyLeafNodes = useLeafNodesState();\n  const hierarchyClusterNodes = useClusterNodesState();\n  const labelsDisplay = useLabelsDisplay();\n  const { setToolbarVisible } = useSetOverlayState();\n  const formatter = useFormatter();\n  const { unit } = useTreeMapInternalData();\n\n  const parentLabels: string[] = [LABELS_DISPLAY.All, LABELS_DISPLAY.Clusters];\n  const hasParentLabels = parentLabels.includes(labelsDisplay);\n\n  const getTooltipDataFromEvent = (event: MouseEvent<HTMLDivElement>) => {\n    const position = overlay.getAdjustedPositionsFromAbsolute(\n      event.clientX,\n      event.clientY,\n    );\n    const relativePosition = {\n      x: position.relativeX ?? 0,\n      y: position.relativeY ?? 0,\n    };\n    const tooltipData = getTooltipData(\n      hierarchyLeafNodes,\n      hierarchyClusterNodes,\n      relativePosition,\n      hasParentLabels,\n    );\n    return tooltipData\n      ? buildOverlayTooltipData(tooltipData, formatter, unit)\n      : undefined;\n  };\n\n  return useOverlayEventHandlers(overlay, {\n    onToolbarVisibilityChange: setToolbarVisible,\n    getTooltipData: getTooltipDataFromEvent,\n  });\n};\n"],
-  "mappings": "AAGA,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,sBAAsB,yBAAyB;AACxD,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAExB,MAAM,qBAAqB,CAAC,YAAqB;AACtD,QAAM,qBAAqB,kBAAkB;AAC7C,QAAM,wBAAwB,qBAAqB;AACnD,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,EAAE,kBAAkB,IAAI,mBAAmB;AACjD,QAAM,YAAY,aAAa;AAC/B,QAAM,EAAE,KAAK,IAAI,uBAAuB;AAExC,QAAM,eAAyB,CAAC,eAAe,KAAK,eAAe,QAAQ;AAC3E,QAAM,kBAAkB,aAAa,SAAS,aAAa;AAE3D,QAAM,0BAA0B,CAAC,UAAsC;AACrE,UAAM,WAAW,QAAQ;AAAA,MACvB,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AACA,UAAM,mBAAmB;AAAA,MACvB,GAAG,SAAS,aAAa;AAAA,MACzB,GAAG,SAAS,aAAa;AAAA,IAC3B;AACA,UAAM,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,WAAO,cACH,wBAAwB,aAAa,WAAW,IAAI,IACpD;AAAA,EACN;AAEA,SAAO,wBAAwB,SAAS;AAAA,IACtC,2BAA2B;AAAA,IAC3B,gBAAgB;AAAA,EAClB,CAAC;AACH;",
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport type { Overlay } from '../../core/components/overlay-tooltip/types.js';\nimport {\n  useOverlayEventHandlers,\n  type Options,\n} from '../../core/hooks/useOverlayEventHandlers.js';\nimport { LABELS_DISPLAY } from '../constants.js';\nimport { useFormatter } from '../context/FormatterContext.js';\nimport { useLabelsDisplay } from '../context/LabelsDisplayContext.js';\nimport { useTreeMapInternalData } from '../context/TreeMapInternalDataContext.js';\nimport { useClusterNodesState, useLeafNodesState } from '../store/selectors.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\nimport { buildOverlayTooltipData } from '../utils/build-overlay-tooltip-data.js';\nimport { getTooltipData } from '../utils/get-tooltip-data.js';\n\nexport const useOverlayHandlers = (overlay: Overlay) => {\n  const hierarchyLeafNodes = useLeafNodesState();\n  const hierarchyClusterNodes = useClusterNodesState();\n  const labelsDisplay = useLabelsDisplay();\n  const formatter = useFormatter();\n  const { unit } = useTreeMapInternalData();\n\n  const parentLabels: string[] = [LABELS_DISPLAY.All, LABELS_DISPLAY.Clusters];\n  const hasParentLabels = parentLabels.includes(labelsDisplay);\n\n  const getTooltipDataFromEvent: Options['getTooltipData'] = (coords) => {\n    const position = overlay.getAdjustedPositionsFromAbsolute(\n      coords.clientX,\n      coords.clientY,\n    );\n    const relativePosition = {\n      x: position.relativeX ?? 0,\n      y: position.relativeY ?? 0,\n    };\n    const tooltipData = getTooltipData(\n      hierarchyLeafNodes,\n      hierarchyClusterNodes as HierarchyRectangularNode<InternalTreeMapNode>[],\n      relativePosition,\n      hasParentLabels,\n    );\n    return tooltipData\n      ? buildOverlayTooltipData(tooltipData, formatter, unit)\n      : undefined;\n  };\n\n  return useOverlayEventHandlers({\n    getTooltipData: getTooltipDataFromEvent,\n  });\n};\n"],
+  "mappings": "AAGA;AAAA,EACE;AAAA,OAEK;AACP,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,sBAAsB,yBAAyB;AAExD,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAExB,MAAM,qBAAqB,CAAC,YAAqB;AACtD,QAAM,qBAAqB,kBAAkB;AAC7C,QAAM,wBAAwB,qBAAqB;AACnD,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,YAAY,aAAa;AAC/B,QAAM,EAAE,KAAK,IAAI,uBAAuB;AAExC,QAAM,eAAyB,CAAC,eAAe,KAAK,eAAe,QAAQ;AAC3E,QAAM,kBAAkB,aAAa,SAAS,aAAa;AAE3D,QAAM,0BAAqD,CAAC,WAAW;AACrE,UAAM,WAAW,QAAQ;AAAA,MACvB,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AACA,UAAM,mBAAmB;AAAA,MACvB,GAAG,SAAS,aAAa;AAAA,MACzB,GAAG,SAAS,aAAa;AAAA,IAC3B;AACA,UAAM,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,WAAO,cACH,wBAAwB,aAAa,WAAW,IAAI,IACpD;AAAA,EACN;AAEA,SAAO,wBAAwB;AAAA,IAC7B,gBAAgB;AAAA,EAClB,CAAC;AACH;",
   "names": []
 }

package/esm/charts/tree-map/hooks/useSetHierarchyNodes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/hooks/useSetHierarchyNodes.tsx"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\nimport { useEffect } from 'react';\n\nimport { useSetState } from '../store/selectors.js';\nimport type { ClusterNode, LeafNode } from '../types/guards/node-guards.js';\nimport type { TreeMapState } from '../types/state.js';\n\nexport const useSetHierarchyNodes = (\n  clusters: HierarchyRectangularNode<ClusterNode>[],\n  leafs: HierarchyRectangularNode<LeafNode>[],\n) => {\n  const setState = useSetState();\n\n  useEffect(() => {\n    setState((prev: TreeMapState) => ({\n      ...prev,\n      hierarchyLeafNodes: leafs,\n      hierarchyClusterNodes: clusters,\n    }));\n  }, [leafs, clusters, setState]);\n};\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\nimport { useEffect } from 'react';\n\nimport { useSetState } from '../store/selectors.js';\nimport type { ClusterNode, LeafNode } from '../types/guards/node-guards.js';\nimport type { TreeMapState } from '../types/state.js';\n\nexport const useSetHierarchyNodes = (\n  clusters: HierarchyRectangularNode<ClusterNode>[],\n  leafs: HierarchyRectangularNode<LeafNode>[],\n) => {\n  const setState = useSetState();\n\n  useEffect(() => {\n    setState((prev: TreeMapState) => ({\n      ...prev,\n      hierarchyLeafNodes: leafs,\n      hierarchyClusterNodes: clusters,\n    }));\n  }, [leafs, clusters, setState]);\n};\n"],
   "mappings": "AACA,SAAS,iBAAiB;AAE1B,SAAS,mBAAmB;AAIrB,MAAM,uBAAuB,CAClC,UACA,UACG;AACH,QAAM,WAAW,YAAY;AAE7B,YAAU,MAAM;AACd,aAAS,CAAC,UAAwB;AAAA,MAChC,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,uBAAuB;AAAA,IACzB,EAAE;AAAA,EACJ,GAAG,CAAC,OAAO,UAAU,QAAQ,CAAC;AAChC;",
   "names": []
 }

package/esm/charts/tree-map/hooks/useTreeMapChartConfig.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/hooks/useTreeMapChartConfig.ts"],
-  "sourcesContent": ["import { merge } from 'lodash-es';\nimport { type PropsWithChildren, useContext } from 'react';\n\nimport { TreeMapChartConfigContext } from '../context/TreeMapConfigContext.js';\nimport { defaultTreeMapConfig } from '../defaults.js';\nimport type {\n  TreeMapConfig,\n  TreeMapContextConfig,\n} from '../types/treemap-chart.config.js';\nimport type { TreeMapProps } from '../types/treemap.js';\nimport { buildTreeMapChartConfig } from '../utils/build-tree-map-chart-config.js';\nimport { iterateSlots } from '../utils/iterate-slots.js';\n\nexport function deserializeConfig(\n  serializedConfig: string,\n): TreeMapContextConfig {\n  try {\n    return merge({}, defaultTreeMapConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultTreeMapConfig;\n  }\n}\n\nexport const useTreeMapChartConfig = (\n  props: PropsWithChildren<TreeMapProps>,\n): TreeMapConfig => {\n  const { children } = props;\n\n  const contextConfig = useContext(TreeMapChartConfigContext);\n\n  const slots = iterateSlots(children);\n\n  const isImportedConfig = typeof contextConfig === 'string';\n\n  const config = isImportedConfig\n    ? deserializeConfig(contextConfig)\n    : contextConfig;\n\n  return buildTreeMapChartConfig(props, config, slots);\n};\n"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAiC,kBAAkB;AAEnD,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AAMrC,SAAS,+BAA+B;AACxC,SAAS,oBAAoB;AAEtB,SAAS,kBACd,kBACsB;AACtB,MAAI;AACF,WAAO,MAAM,CAAC,GAAG,sBAAsB,KAAK,MAAM,gBAAgB,CAAC;AAAA,EACrE,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,MAAM,wBAAwB,CACnC,UACkB;AAClB,QAAM,EAAE,SAAS,IAAI;AAErB,QAAM,gBAAgB,WAAW,yBAAyB;AAE1D,QAAM,QAAQ,aAAa,QAAQ;AAEnC,QAAM,mBAAmB,OAAO,kBAAkB;AAElD,QAAM,SAAS,mBACX,kBAAkB,aAAa,IAC/B;AAEJ,SAAO,wBAAwB,OAAO,QAAQ,KAAK;AACrD;",
+  "sourcesContent": ["import { merge } from 'lodash-es';\nimport { type PropsWithChildren, useContext } from 'react';\n\nimport { TreeMapChartConfigContext } from '../context/TreeMapConfigContext.js';\nimport { defaultTreeMapConfig } from '../defaults.js';\nimport type {\n  TreeMapConfig,\n  TreeMapContextConfig,\n} from '../types/treemap-chart.config.js';\nimport type { TreeMapHierarchicalProps } from '../types/treemap.js';\nimport { buildTreeMapChartConfig } from '../utils/build-tree-map-chart-config.js';\nimport { iterateSlots } from '../utils/iterate-slots.js';\n\nexport function deserializeConfig(\n  serializedConfig: string,\n): TreeMapContextConfig {\n  try {\n    return merge({}, defaultTreeMapConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultTreeMapConfig;\n  }\n}\n\nexport const useTreeMapChartConfig = (\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  props: PropsWithChildren<TreeMapHierarchicalProps>,\n): TreeMapConfig => {\n  const { children } = props;\n\n  const contextConfig = useContext(TreeMapChartConfigContext);\n\n  const slots = iterateSlots(children);\n\n  const isImportedConfig = typeof contextConfig === 'string';\n\n  const config = isImportedConfig\n    ? deserializeConfig(contextConfig)\n    : contextConfig;\n\n  return buildTreeMapChartConfig(props, config, slots);\n};\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAiC,kBAAkB;AAEnD,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AAMrC,SAAS,+BAA+B;AACxC,SAAS,oBAAoB;AAEtB,SAAS,kBACd,kBACsB;AACtB,MAAI;AACF,WAAO,MAAM,CAAC,GAAG,sBAAsB,KAAK,MAAM,gBAAgB,CAAC;AAAA,EACrE,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,MAAM,wBAAwB,CAEnC,UACkB;AAClB,QAAM,EAAE,SAAS,IAAI;AAErB,QAAM,gBAAgB,WAAW,yBAAyB;AAE1D,QAAM,QAAQ,aAAa,QAAQ;AAEnC,QAAM,mBAAmB,OAAO,kBAAkB;AAElD,QAAM,SAAS,mBACX,kBAAkB,aAAa,IAC/B;AAEJ,SAAO,wBAAwB,OAAO,QAAQ,KAAK;AACrD;",
   "names": []
 }

package/esm/charts/tree-map/hooks/useTreeMapChartHandlers.js

@@ -1,7 +1,9 @@
 import { useCallback } from "react";
+import { useTooltipReducer } from "../../core/components/overlay-tooltip/useTooltipReducer.js";
 import { useSetState } from "../store/selectors.js";
 function useTreeMapHandlers() {
   const setState = useSetState();
+  const dispatch = useTooltipReducer();
   const onLegendItemHover = useCallback(
     (item) => {
       setState((prev) => ({
@@ -13,12 +15,13 @@ function useTreeMapHandlers() {
   );
   const onLegendItemClick = useCallback(
     (items) => {
+      dispatch({ type: "RESET_TOOLTIP" })();
       setState((prev) => ({
         ...prev,
         groupsSelected: items
       }));
     },
-    [setState]
+    [setState, dispatch]
   );
   return { onLegendItemHover, onLegendItemClick };
 }

package/esm/charts/tree-map/hooks/useTreeMapChartHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/hooks/useTreeMapChartHandlers.ts"],
-  "sourcesContent": ["import { useCallback } from 'react';\n\nimport type { LegendItem } from '../../core/components/legend/categorical/types/legend.js';\nimport { useSetState } from '../store/selectors.js';\nimport type { TreeMapState } from '../types/state.js';\n\n/**\n * Hook that generates the corresponding handlers to interact with the Treemap\n * @returns Handlers to interact with the Treemap nodes\n */\nexport function useTreeMapHandlers() {\n  const setState = useSetState();\n  const onLegendItemHover = useCallback(\n    (item: LegendItem | undefined): void => {\n      setState((prev: TreeMapState) => ({\n        ...prev,\n        highlightedItem: item,\n      }));\n    },\n    [setState],\n  );\n  const onLegendItemClick = useCallback(\n    (items: LegendItem[]): void => {\n      setState((prev: TreeMapState) => ({\n        ...prev,\n        groupsSelected: items,\n      }));\n    },\n    [setState],\n  );\n\n  return { onLegendItemHover, onLegendItemClick };\n}\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAG5B,SAAS,mBAAmB;AAOrB,SAAS,qBAAqB;AACnC,QAAM,WAAW,YAAY;AAC7B,QAAM,oBAAoB;AAAA,IACxB,CAAC,SAAuC;AACtC,eAAS,CAAC,UAAwB;AAAA,QAChC,GAAG;AAAA,QACH,iBAAiB;AAAA,MACnB,EAAE;AAAA,IACJ;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,oBAAoB;AAAA,IACxB,CAAC,UAA8B;AAC7B,eAAS,CAAC,UAAwB;AAAA,QAChC,GAAG;AAAA,QACH,gBAAgB;AAAA,MAClB,EAAE;AAAA,IACJ;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SAAO,EAAE,mBAAmB,kBAAkB;AAChD;",
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport type { LegendItem } from '../../core/components/legend/categorical/types/legend.js';\nimport { useTooltipReducer } from '../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { useSetState } from '../store/selectors.js';\nimport type { TreeMapState } from '../types/state.js';\n\n/**\n * Hook that generates the corresponding handlers to interact with the Treemap\n * @returns Handlers to interact with the Treemap nodes\n */\nexport function useTreeMapHandlers() {\n  const setState = useSetState();\n  const dispatch = useTooltipReducer();\n\n  const onLegendItemHover = useCallback(\n    (item: LegendItem | undefined): void => {\n      setState((prev: TreeMapState) => ({\n        ...prev,\n        highlightedItem: item,\n      }));\n    },\n    [setState],\n  );\n\n  const onLegendItemClick = useCallback(\n    (items: LegendItem[]): void => {\n      dispatch({ type: 'RESET_TOOLTIP' })();\n      setState((prev: TreeMapState) => ({\n        ...prev,\n        groupsSelected: items,\n      }));\n    },\n    [setState, dispatch],\n  );\n\n  return { onLegendItemHover, onLegendItemClick };\n}\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAG5B,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAOrB,SAAS,qBAAqB;AACnC,QAAM,WAAW,YAAY;AAC7B,QAAM,WAAW,kBAAkB;AAEnC,QAAM,oBAAoB;AAAA,IACxB,CAAC,SAAuC;AACtC,eAAS,CAAC,UAAwB;AAAA,QAChC,GAAG;AAAA,QACH,iBAAiB;AAAA,MACnB,EAAE;AAAA,IACJ;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,UAA8B;AAC7B,eAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AACpC,eAAS,CAAC,UAAwB;AAAA,QAChC,GAAG;AAAA,QACH,gBAAgB;AAAA,MAClB,EAAE;AAAA,IACJ;AAAA,IACA,CAAC,UAAU,QAAQ;AAAA,EACrB;AAEA,SAAO,EAAE,mBAAmB,kBAAkB;AAChD;",
   "names": []
 }

package/esm/charts/tree-map/hooks/useVisibleNodes.js

@@ -1,10 +1,16 @@
+import { useNameAccessor } from "../context/NameAccessorContext.js";
 import { useGroupsSelectedState } from "../store/selectors.js";
 import { getFilteredNodes } from "../utils/get-filtered-nodes.js";
 import { getNodesValueSum } from "../utils/get-nodes-value-sum.js";
 const useVisibleNodes = (data) => {
   const groupsSelected = useGroupsSelectedState();
+  const nameAccessor = useNameAccessor();
   const selectedIds = groupsSelected.map((group) => group.id);
-  const filteredNodes = getFilteredNodes(data.tree.children ?? [], selectedIds);
+  const filteredNodes = getFilteredNodes(
+    data.tree.children ?? [],
+    selectedIds,
+    nameAccessor
+  );
   const rootNodeValue = getNodesValueSum(filteredNodes);
   return {
     ...data.tree,

package/esm/charts/tree-map/hooks/useVisibleNodes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/hooks/useVisibleNodes.ts"],
-  "sourcesContent": ["import { useGroupsSelectedState } from '../store/selectors.js';\nimport type { RootNode } from '../types/guards/node-guards.js';\nimport { type InternalTreeMapData } from '../types/internal.js';\nimport { getFilteredNodes } from '../utils/get-filtered-nodes.js';\nimport { getNodesValueSum } from '../utils/get-nodes-value-sum.js';\n\nexport const useVisibleNodes = (data: InternalTreeMapData): RootNode => {\n  const groupsSelected = useGroupsSelectedState();\n  const selectedIds = groupsSelected.map((group) => group.id);\n\n  const filteredNodes = getFilteredNodes(data.tree.children ?? [], selectedIds);\n  const rootNodeValue = getNodesValueSum(filteredNodes);\n\n  return {\n    ...data.tree,\n    children: filteredNodes,\n    value: rootNodeValue,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,8BAA8B;AAGvC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAE1B,MAAM,kBAAkB,CAAC,SAAwC;AACtE,QAAM,iBAAiB,uBAAuB;AAC9C,QAAM,cAAc,eAAe,IAAI,CAAC,UAAU,MAAM,EAAE;AAE1D,QAAM,gBAAgB,iBAAiB,KAAK,KAAK,YAAY,CAAC,GAAG,WAAW;AAC5E,QAAM,gBAAgB,iBAAiB,aAAa;AAEpD,SAAO;AAAA,IACL,GAAG,KAAK;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AACF;",
+  "sourcesContent": ["import { useNameAccessor } from '../context/NameAccessorContext.js';\nimport { useGroupsSelectedState } from '../store/selectors.js';\nimport type { RootNode } from '../types/guards/node-guards.js';\nimport { type InternalTreeMapData } from '../types/internal.js';\nimport { getFilteredNodes } from '../utils/get-filtered-nodes.js';\nimport { getNodesValueSum } from '../utils/get-nodes-value-sum.js';\n\nexport const useVisibleNodes = (data: InternalTreeMapData): RootNode => {\n  const groupsSelected = useGroupsSelectedState();\n  const nameAccessor = useNameAccessor();\n  const selectedIds = groupsSelected.map((group) => group.id);\n\n  const filteredNodes = getFilteredNodes(\n    data.tree.children ?? [],\n    selectedIds,\n    nameAccessor,\n  );\n  const rootNodeValue = getNodesValueSum(filteredNodes);\n\n  return {\n    ...data.tree,\n    children: filteredNodes,\n    value: rootNodeValue,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AAGvC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAE1B,MAAM,kBAAkB,CAAC,SAAwC;AACtE,QAAM,iBAAiB,uBAAuB;AAC9C,QAAM,eAAe,gBAAgB;AACrC,QAAM,cAAc,eAAe,IAAI,CAAC,UAAU,MAAM,EAAE;AAE1D,QAAM,gBAAgB;AAAA,IACpB,KAAK,KAAK,YAAY,CAAC;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,QAAM,gBAAgB,iBAAiB,aAAa;AAEpD,SAAO;AAAA,IACL,GAAG,KAAK;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/esm/charts/tree-map/providers/TreeMapChartProviders.js

@@ -45,7 +45,7 @@ const TreeMapChartProviders = (props) => {
     ChartSeriesActionContext.Provider,
     {
       value: {
-        // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore Strict mode transition - needs to be investigated
         chartSeriesActions: seriesActions
       },

package/esm/charts/tree-map/providers/TreeMapChartProviders.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/providers/TreeMapChartProviders.tsx"],
-  "sourcesContent": ["import { useMemo, type PropsWithChildren } from 'react';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport { StoreProvider } from './StoreProvider.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { ChartSeriesActionContext } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport { ColorRuleContext } from '../../core/context/ColorRuleContext.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { ColoredRange } from '../../core/types/colored-range.js';\nimport type { LegendProps } from '../../core/types/legend.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport type { ChartToolbarConfig } from '../../core/types/toolbar.js';\nimport { ChartLegendContext } from '../context/ChartLegendContext.js';\nimport { ColorPaletteContext } from '../context/ColorPaletteContext.js';\nimport { FormatterContext } from '../context/FormatterContext.js';\nimport { LabelsDisplayContext } from '../context/LabelsDisplayContext.js';\nimport { MinMaxConfigContext } from '../context/MinMaxConfigContext.js';\nimport { NameAccessorContext } from '../context/NameAccessorContext.js';\nimport { TextSizeContext } from '../context/TextSizeContext.js';\nimport { ToolbarContext } from '../context/ToolbarContext.js';\nimport { TreeMapRawDataContext } from '../context/TreeMapRawDataContext.js';\nimport {\n  DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n  TreeMapCustomTooltipContext,\n} from '../contexts/TreeMapCustomTooltipContext.js';\nimport type { TreeMapFormatter } from '../types/internal.js';\nimport type { TreeMapCustomTooltipConfig } from '../types/treemap-chart.config.js';\nimport type {\n  LabelsDisplay,\n  NameAccessor,\n  TreeMapData,\n  TreeMapLeafNode,\n} from '../types/treemap.js';\n\ninterface TreeMapChartProvidersProps extends PropsWithChildren {\n  data: TreeMapData;\n  seriesActions?: (node: TreeMapLeafNode) => SeriesActionsTemplate;\n  formatter: TreeMapFormatter;\n  truncationMode: TruncationMode;\n  legend: LegendProps;\n  toolbar?: ChartToolbarConfig;\n  labelsDisplay: LabelsDisplay;\n  nameAccessor?: NameAccessor;\n  colorPalette: ColorPalette | CustomColorPalette | ColoredRange[];\n  min?: 'data-min' | number;\n  max?: 'data-max' | number;\n  colorRules?: ColorRuleProps[];\n  unit?: string | Unit;\n  textSize: number | 'auto';\n  tooltip?: TreeMapCustomTooltipConfig;\n}\n\nexport const TreeMapChartProviders = (props: TreeMapChartProvidersProps) => {\n  const {\n    data,\n    seriesActions,\n    formatter,\n    truncationMode,\n    legend,\n    toolbar,\n    labelsDisplay,\n    nameAccessor,\n    colorPalette,\n    min: configMin,\n    max: configMax,\n    children,\n    colorRules = [],\n    unit,\n    textSize,\n    tooltip,\n  } = props;\n\n  const min = configMin === 'data-min' ? undefined : configMin;\n  const max = configMax === 'data-max' ? undefined : configMax;\n\n  const memoizedRawData = useMemo(\n    () => ({ ...data, unit: unit ?? data.unit }),\n    [data, unit],\n  );\n\n  return (\n    <ColorRuleContext.Provider value={colorRules}>\n      <TreeMapRawDataContext.Provider value={memoizedRawData}>\n        <ChartSeriesActionContext.Provider\n          value={{\n            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment\n            // @ts-ignore Strict mode transition - needs to be investigated\n            chartSeriesActions: seriesActions,\n          }}\n        >\n          <FormatterContext.Provider\n            value={{\n              formatter,\n              truncationMode,\n            }}\n          >\n            <ColorPaletteContext.Provider value={colorPalette}>\n              <ChartLegendContext.Provider value={legend}>\n                <NameAccessorContext.Provider value={nameAccessor}>\n                  <ToolbarContext.Provider value={toolbar}>\n                    <LabelsDisplayContext.Provider value={labelsDisplay}>\n                      <TextSizeContext.Provider value={textSize}>\n                        <MinMaxConfigContext.Provider value={{ min, max }}>\n                          <TreeMapCustomTooltipContext.Provider\n                            value={tooltip ?? DEFAULT_CUSTOM_TOOLTIP_CONFIG}\n                          >\n                            <StoreProvider>{children}</StoreProvider>\n                          </TreeMapCustomTooltipContext.Provider>\n                        </MinMaxConfigContext.Provider>\n                      </TextSizeContext.Provider>\n                    </LabelsDisplayContext.Provider>\n                  </ToolbarContext.Provider>\n                </NameAccessorContext.Provider>\n              </ChartLegendContext.Provider>\n            </ColorPaletteContext.Provider>\n          </FormatterContext.Provider>\n        </ChartSeriesActionContext.Provider>\n      </TreeMapRawDataContext.Provider>\n    </ColorRuleContext.Provider>\n  );\n};\n\nTreeMapChartProviders['displayName'] = 'TreeMapChartProviders';\n"],
-  "mappings": "AA+G4B;AA/G5B,SAAS,eAAuC;AAIhD,SAAS,qBAAqB;AAE9B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAUjC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AA4BA,MAAM,wBAAwB,CAAC,UAAsC;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AAAA,IACA,aAAa,CAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,MAAM,cAAc,aAAa,SAAY;AACnD,QAAM,MAAM,cAAc,aAAa,SAAY;AAEnD,QAAM,kBAAkB;AAAA,IACtB,OAAO,EAAE,GAAG,MAAM,MAAM,QAAQ,KAAK,KAAK;AAAA,IAC1C,CAAC,MAAM,IAAI;AAAA,EACb;AAEA,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,YAChC,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,iBACrC;AAAA,IAAC,yBAAyB;AAAA,IAAzB;AAAA,MACC,OAAO;AAAA;AAAA;AAAA,QAGL,oBAAoB;AAAA,MACtB;AAAA,MAEA;AAAA,QAAC,iBAAiB;AAAA,QAAjB;AAAA,UACC,OAAO;AAAA,YACL;AAAA,YACA;AAAA,UACF;AAAA,UAEA,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,cACnC,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,QAClC,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,cACnC,8BAAC,eAAe,UAAf,EAAwB,OAAO,SAC9B,8BAAC,qBAAqB,UAArB,EAA8B,OAAO,eACpC,8BAAC,gBAAgB,UAAhB,EAAyB,OAAO,UAC/B,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,KAAK,IAAI,GAC9C;AAAA,YAAC,4BAA4B;AAAA,YAA5B;AAAA,cACC,OAAO,WAAW;AAAA,cAElB,8BAAC,iBAAe,UAAS;AAAA;AAAA,UAC3B,GACF,GACF,GACF,GACF,GACF,GACF,GACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF;AAEJ;AAEA,sBAAsB,aAAa,IAAI;",
+  "sourcesContent": ["import { useMemo, type PropsWithChildren } from 'react';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport { StoreProvider } from './StoreProvider.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { ChartSeriesActionContext } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport { ColorRuleContext } from '../../core/context/ColorRuleContext.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { ColoredRange } from '../../core/types/colored-range.js';\nimport type { LegendProps } from '../../core/types/legend.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport type { TextSize } from '../../core/types/text-size.js';\nimport type { ChartToolbarConfig } from '../../core/types/toolbar.js';\nimport { ChartLegendContext } from '../context/ChartLegendContext.js';\nimport { ColorPaletteContext } from '../context/ColorPaletteContext.js';\nimport { FormatterContext } from '../context/FormatterContext.js';\nimport { LabelsDisplayContext } from '../context/LabelsDisplayContext.js';\nimport { MinMaxConfigContext } from '../context/MinMaxConfigContext.js';\nimport { NameAccessorContext } from '../context/NameAccessorContext.js';\nimport { TextSizeContext } from '../context/TextSizeContext.js';\nimport { ToolbarContext } from '../context/ToolbarContext.js';\nimport { TreeMapRawDataContext } from '../context/TreeMapRawDataContext.js';\nimport {\n  DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n  TreeMapCustomTooltipContext,\n} from '../contexts/TreeMapCustomTooltipContext.js';\nimport type { TreeMapFormatter } from '../types/internal.js';\nimport type { TreeMapCustomTooltipConfig } from '../types/treemap-chart.config.js';\nimport type {\n  LabelsDisplay,\n  NameAccessor,\n  TreeMapData,\n  TreeMapLeafNode,\n} from '../types/treemap.js';\n\ninterface TreeMapChartProvidersProps extends PropsWithChildren {\n  data: TreeMapData;\n  seriesActions?: (node: TreeMapLeafNode) => SeriesActionsTemplate;\n  formatter: TreeMapFormatter;\n  truncationMode: TruncationMode;\n  legend: LegendProps;\n  toolbar?: ChartToolbarConfig;\n  labelsDisplay: LabelsDisplay;\n  nameAccessor?: NameAccessor;\n  colorPalette: ColorPalette | CustomColorPalette | ColoredRange[];\n  min?: 'data-min' | number;\n  max?: 'data-max' | number;\n  colorRules?: ColorRuleProps[];\n  unit?: string | Unit;\n  textSize: TextSize;\n  tooltip?: TreeMapCustomTooltipConfig;\n}\n\nexport const TreeMapChartProviders = (props: TreeMapChartProvidersProps) => {\n  const {\n    data,\n    seriesActions,\n    formatter,\n    truncationMode,\n    legend,\n    toolbar,\n    labelsDisplay,\n    nameAccessor,\n    colorPalette,\n    min: configMin,\n    max: configMax,\n    children,\n    colorRules = [],\n    unit,\n    textSize,\n    tooltip,\n  } = props;\n\n  const min = configMin === 'data-min' ? undefined : configMin;\n  const max = configMax === 'data-max' ? undefined : configMax;\n\n  const memoizedRawData = useMemo(\n    () => ({ ...data, unit: unit ?? data.unit }),\n    [data, unit],\n  );\n\n  return (\n    <ColorRuleContext.Provider value={colorRules}>\n      <TreeMapRawDataContext.Provider value={memoizedRawData}>\n        <ChartSeriesActionContext.Provider\n          value={{\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore Strict mode transition - needs to be investigated\n            chartSeriesActions: seriesActions,\n          }}\n        >\n          <FormatterContext.Provider\n            value={{\n              formatter,\n              truncationMode,\n            }}\n          >\n            <ColorPaletteContext.Provider value={colorPalette}>\n              <ChartLegendContext.Provider value={legend}>\n                <NameAccessorContext.Provider value={nameAccessor}>\n                  <ToolbarContext.Provider value={toolbar}>\n                    <LabelsDisplayContext.Provider value={labelsDisplay}>\n                      <TextSizeContext.Provider value={textSize}>\n                        <MinMaxConfigContext.Provider value={{ min, max }}>\n                          <TreeMapCustomTooltipContext.Provider\n                            value={tooltip ?? DEFAULT_CUSTOM_TOOLTIP_CONFIG}\n                          >\n                            <StoreProvider>{children}</StoreProvider>\n                          </TreeMapCustomTooltipContext.Provider>\n                        </MinMaxConfigContext.Provider>\n                      </TextSizeContext.Provider>\n                    </LabelsDisplayContext.Provider>\n                  </ToolbarContext.Provider>\n                </NameAccessorContext.Provider>\n              </ChartLegendContext.Provider>\n            </ColorPaletteContext.Provider>\n          </FormatterContext.Provider>\n        </ChartSeriesActionContext.Provider>\n      </TreeMapRawDataContext.Provider>\n    </ColorRuleContext.Provider>\n  );\n};\n\nTreeMapChartProviders['displayName'] = 'TreeMapChartProviders';\n"],
+  "mappings": "AAgH4B;AAhH5B,SAAS,eAAuC;AAIhD,SAAS,qBAAqB;AAE9B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAWjC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AA4BA,MAAM,wBAAwB,CAAC,UAAsC;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AAAA,IACA,aAAa,CAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,MAAM,cAAc,aAAa,SAAY;AACnD,QAAM,MAAM,cAAc,aAAa,SAAY;AAEnD,QAAM,kBAAkB;AAAA,IACtB,OAAO,EAAE,GAAG,MAAM,MAAM,QAAQ,KAAK,KAAK;AAAA,IAC1C,CAAC,MAAM,IAAI;AAAA,EACb;AAEA,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,YAChC,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,iBACrC;AAAA,IAAC,yBAAyB;AAAA,IAAzB;AAAA,MACC,OAAO;AAAA;AAAA;AAAA,QAGL,oBAAoB;AAAA,MACtB;AAAA,MAEA;AAAA,QAAC,iBAAiB;AAAA,QAAjB;AAAA,UACC,OAAO;AAAA,YACL;AAAA,YACA;AAAA,UACF;AAAA,UAEA,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,cACnC,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,QAClC,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,cACnC,8BAAC,eAAe,UAAf,EAAwB,OAAO,SAC9B,8BAAC,qBAAqB,UAArB,EAA8B,OAAO,eACpC,8BAAC,gBAAgB,UAAhB,EAAyB,OAAO,UAC/B,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,KAAK,IAAI,GAC9C;AAAA,YAAC,4BAA4B;AAAA,YAA5B;AAAA,cACC,OAAO,WAAW;AAAA,cAElB,8BAAC,iBAAe,UAAS;AAAA;AAAA,UAC3B,GACF,GACF,GACF,GACF,GACF,GACF,GACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF;AAEJ;AAEA,sBAAsB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/tree-map/store/selectors.js

@@ -11,7 +11,6 @@ const useHighlightedState = () => useSelector((state) => state.highlightedItem);
 const useGroupsSelectedState = () => useSelector((state) => state.groupsSelected);
 const useLeafNodesState = () => useSelector((state) => state.hierarchyLeafNodes);
 const useClusterNodesState = () => useSelector((state) => state.hierarchyClusterNodes);
-const useTreeMapToolbarVisibleState = () => useSelector((state) => state.overlay.toolbarVisible);
 const useColorMap = () => useSelector((state) => state.colorMap);
 export {
   useClusterNodesState,
@@ -21,7 +20,6 @@ export {
   useLeafNodesState,
   useSelector,
   useSetState,
-  useTreeMapState,
-  useTreeMapToolbarVisibleState
+  useTreeMapState
 };
 //# sourceMappingURL=selectors.js.map

package/esm/charts/tree-map/store/selectors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/store/selectors.ts"],
-  "sourcesContent": ["import { useContext } from 'react';\n\nimport { TreeMapStateContext } from './store.js';\nimport { useStoreSelector } from '../../../core/store/selector.js';\nimport { TreeMapState } from '../types/state.js';\n\nexport const useSelector = <T>(selector: (state: TreeMapState) => T): T =>\n  useStoreSelector<T, TreeMapState>(TreeMapStateContext, selector);\n\nexport const useSetState = (): typeof setState => {\n  const { setState } = useContext(TreeMapStateContext);\n\n  return setState;\n};\n\nexport const useTreeMapState = () =>\n  useSelector((state: TreeMapState) => state);\n\nexport const useHighlightedState = () =>\n  useSelector((state: TreeMapState) => state.highlightedItem);\n\nexport const useGroupsSelectedState = () =>\n  useSelector((state: TreeMapState) => state.groupsSelected);\n\nexport const useLeafNodesState = () =>\n  useSelector((state: TreeMapState) => state.hierarchyLeafNodes);\n\nexport const useClusterNodesState = () =>\n  useSelector((state: TreeMapState) => state.hierarchyClusterNodes);\n\nexport const useTreeMapToolbarVisibleState = () =>\n  useSelector((state: TreeMapState) => state.overlay.toolbarVisible);\n\nexport const useColorMap = () =>\n  useSelector((state: TreeMapState) => state.colorMap);\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AAG1B,MAAM,cAAc,CAAI,aAC7B,iBAAkC,qBAAqB,QAAQ;AAE1D,MAAM,cAAc,MAAuB;AAChD,QAAM,EAAE,SAAS,IAAI,WAAW,mBAAmB;AAEnD,SAAO;AACT;AAEO,MAAM,kBAAkB,MAC7B,YAAY,CAAC,UAAwB,KAAK;AAErC,MAAM,sBAAsB,MACjC,YAAY,CAAC,UAAwB,MAAM,eAAe;AAErD,MAAM,yBAAyB,MACpC,YAAY,CAAC,UAAwB,MAAM,cAAc;AAEpD,MAAM,oBAAoB,MAC/B,YAAY,CAAC,UAAwB,MAAM,kBAAkB;AAExD,MAAM,uBAAuB,MAClC,YAAY,CAAC,UAAwB,MAAM,qBAAqB;AAE3D,MAAM,gCAAgC,MAC3C,YAAY,CAAC,UAAwB,MAAM,QAAQ,cAAc;AAE5D,MAAM,cAAc,MACzB,YAAY,CAAC,UAAwB,MAAM,QAAQ;",
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport { TreeMapStateContext } from './store.js';\nimport { useStoreSelector } from '../../../core/store/selector.js';\nimport { TreeMapState } from '../types/state.js';\n\nexport const useSelector = <T>(selector: (state: TreeMapState) => T): T =>\n  useStoreSelector<T, TreeMapState>(TreeMapStateContext, selector);\n\nexport const useSetState = (): typeof setState => {\n  const { setState } = useContext(TreeMapStateContext);\n\n  return setState;\n};\n\nexport const useTreeMapState = () =>\n  useSelector((state: TreeMapState) => state);\n\nexport const useHighlightedState = () =>\n  useSelector((state: TreeMapState) => state.highlightedItem);\n\nexport const useGroupsSelectedState = () =>\n  useSelector((state: TreeMapState) => state.groupsSelected);\n\nexport const useLeafNodesState = () =>\n  useSelector((state: TreeMapState) => state.hierarchyLeafNodes);\n\nexport const useClusterNodesState = () =>\n  useSelector((state: TreeMapState) => state.hierarchyClusterNodes);\n\nexport const useColorMap = () =>\n  useSelector((state: TreeMapState) => state.colorMap);\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AAG1B,MAAM,cAAc,CAAI,aAC7B,iBAAkC,qBAAqB,QAAQ;AAE1D,MAAM,cAAc,MAAuB;AAChD,QAAM,EAAE,SAAS,IAAI,WAAW,mBAAmB;AAEnD,SAAO;AACT;AAEO,MAAM,kBAAkB,MAC7B,YAAY,CAAC,UAAwB,KAAK;AAErC,MAAM,sBAAsB,MACjC,YAAY,CAAC,UAAwB,MAAM,eAAe;AAErD,MAAM,yBAAyB,MACpC,YAAY,CAAC,UAAwB,MAAM,cAAc;AAEpD,MAAM,oBAAoB,MAC/B,YAAY,CAAC,UAAwB,MAAM,kBAAkB;AAExD,MAAM,uBAAuB,MAClC,YAAY,CAAC,UAAwB,MAAM,qBAAqB;AAE3D,MAAM,cAAc,MACzB,YAAY,CAAC,UAAwB,MAAM,QAAQ;",
   "names": []
 }

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

@@ -3,9 +3,6 @@ import { createStore } from "../../../core/store/store.js";
 const initialTreeMapState = {
   groupsSelected: [],
   highlightedItem: void 0,
-  overlay: {
-    toolbarVisible: false
-  },
   hierarchyLeafNodes: [],
   hierarchyClusterNodes: [],
   colorMap: /* @__PURE__ */ new Map()

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/store/store.ts"],
-  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport { Store, createStore } from '../../../core/store/store.js';\nimport { TreeMapState } from '../types/state.js';\n\nexport const initialTreeMapState: TreeMapState = {\n  groupsSelected: [],\n  highlightedItem: undefined,\n  overlay: {\n    toolbarVisible: false,\n  },\n  hierarchyLeafNodes: [],\n  hierarchyClusterNodes: [],\n  colorMap: new Map(),\n};\n\nexport const TreeMapStateContext = createContext<Store<TreeMapState>>(\n  createStore<TreeMapState>(initialTreeMapState),\n);\n\nexport const useSetState = () => {\n  const { setState } = useContext(TreeMapStateContext);\n\n  return setState;\n};\n"],
-  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAE1C,SAAgB,mBAAmB;AAG5B,MAAM,sBAAoC;AAAA,EAC/C,gBAAgB,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB,SAAS;AAAA,IACP,gBAAgB;AAAA,EAClB;AAAA,EACA,oBAAoB,CAAC;AAAA,EACrB,uBAAuB,CAAC;AAAA,EACxB,UAAU,oBAAI,IAAI;AACpB;AAEO,MAAM,sBAAsB;AAAA,EACjC,YAA0B,mBAAmB;AAC/C;AAEO,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,SAAS,IAAI,WAAW,mBAAmB;AAEnD,SAAO;AACT;",
+  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport { Store, createStore } from '../../../core/store/store.js';\nimport { TreeMapState } from '../types/state.js';\n\nexport const initialTreeMapState: TreeMapState = {\n  groupsSelected: [],\n  highlightedItem: undefined,\n  hierarchyLeafNodes: [],\n  hierarchyClusterNodes: [],\n  colorMap: new Map(),\n};\n\nexport const TreeMapStateContext = createContext<Store<TreeMapState>>(\n  createStore<TreeMapState>(initialTreeMapState),\n);\n\nexport const useSetState = () => {\n  const { setState } = useContext(TreeMapStateContext);\n\n  return setState;\n};\n"],
+  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAE1C,SAAgB,mBAAmB;AAG5B,MAAM,sBAAoC;AAAA,EAC/C,gBAAgB,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB,oBAAoB,CAAC;AAAA,EACrB,uBAAuB,CAAC;AAAA,EACxB,UAAU,oBAAI,IAAI;AACpB;AAEO,MAAM,sBAAsB;AAAA,EACjC,YAA0B,mBAAmB;AAC/C;AAEO,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,SAAS,IAAI,WAAW,mBAAmB;AAEnD,SAAO;AACT;",
   "names": []
 }

package/esm/charts/tree-map/utils/build-labels.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/build-labels.ts"],
-  "sourcesContent": ["import { ELLIPSIS_CHARACTER } from '../../../typography/utils.js';\nimport {\n  truncateString,\n  type TruncationPriority,\n} from '../../core/components/text-ellipsis/truncate-string.js';\nimport {\n  AUTO_TEXT_SIZE_PRESETS,\n  DEFAULT_FONT_WEIGHT,\n  DEFAULT_LABEL_FONTSIZE,\n  DEFAULT_LABEL_PADDING,\n  INCREASED_FONT_WEIGHT,\n} from '../constants.js';\nimport type { TextMeasurer } from './text-measure.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { LabelLayout } from '../types/canvas.js';\nimport type { TreeMapRect } from '../types/treemap.js';\n\nexport interface TreeMapLabel {\n  text: string;\n  fontConfig: FontConfig;\n  position: { x: number; y: number };\n}\n\ninterface FontConfig {\n  fontSize: number;\n  fontWeight: number;\n  lineHeight: number;\n}\n\ninterface LabelsConfig {\n  name: string;\n  value: string;\n  withValueOnly: boolean;\n  textSize: 'auto' | number;\n  truncationMode: TruncationMode;\n}\n\n/**\n * Builds the list of labels to render inside a tree-map node.\n * Delegates to either a value-only or a name+value layout based on `labelsConfig.withValueOnly`.\n * @param labelsConfig - display configuration including name, value, truncation mode, and text size.\n * @param treemapRect - bounding rectangle of the tree-map node.\n * @param textMeasurer - function used to measure rendered text width at a given font size.\n * @returns An array of `TreeMapLabel` objects ready for canvas rendering.\n */\nexport const buildLabels = (\n  labelsConfig: LabelsConfig,\n  treemapRect: TreeMapRect,\n  textMeasurer: TextMeasurer,\n): TreeMapLabel[] => {\n  const { withValueOnly } = labelsConfig;\n  const { width, height } = treemapRect;\n  const textTruncator = getTextTruncator(textMeasurer);\n  const availableWidth = width - DEFAULT_LABEL_PADDING * 2;\n  const labelPosition = getLabelPosition(treemapRect);\n  const labelsRect: TreeMapRect = {\n    ...labelPosition,\n    width: availableWidth,\n    height,\n  };\n\n  if (withValueOnly) {\n    return buildValueLabel(\n      labelsConfig,\n      labelsRect,\n      textMeasurer,\n      textTruncator,\n    );\n  }\n\n  return buildNameValueLabels(\n    labelsConfig,\n    labelsRect,\n    textMeasurer,\n    textTruncator,\n  );\n};\n\ntype TextTruncator = (\n  text: string,\n  fontSize: number,\n  availableWidth: number,\n  truncationMode: TruncationMode,\n  priority: TruncationPriority,\n) => string;\n\n/**\n * Creates a `TextTruncator` function bound to the given text measurer.\n * @internal\n * @param measureText - function that returns the rendered pixel width of a string at a given font size.\n * @returns A `TextTruncator` that truncates text to fit within an available width.\n */\nconst getTextTruncator = (measureText: TextMeasurer): TextTruncator => {\n  return (\n    text: string,\n    fontSize: number,\n    availableWidth: number,\n    truncationMode: TruncationMode,\n    priority: TruncationPriority,\n  ) => {\n    const measure = (t: string) => measureText(t, fontSize);\n\n    return truncateString(\n      text,\n      availableWidth,\n      {},\n      truncationMode,\n      priority,\n      measure,\n    );\n  };\n};\n\n/**\n * Computes the centered label position within a tree-map node rectangle.\n * @internal\n * @param treemapRect - bounding rectangle of the tree-map node.\n * @returns The `{ x, y }` canvas coordinates for the label origin.\n */\nconst getLabelPosition = ({ width, height, x, y }: TreeMapRect) => {\n  const { centerX, centerY } = getRectCenter(width, height);\n  return { x: x + centerX, y: y + centerY };\n};\n\n/**\n * Returns the center of the node.\n * @internal\n * @param height - height of the node.\n * @param width - width of the node.\n */\nconst getRectCenter = (width: number, height: number) => ({\n  centerX: width / 2,\n  centerY: height / 2,\n});\n\n/**\n * Builds a single bold label containing only the value text.\n * Truncates the text when it exceeds the available width.\n * @internal\n * @param labelsConfig - display configuration providing the value, text size, and truncation mode.\n * @param labelRect - bounding rectangle available for the label.\n * @param measureText - function used to measure rendered text width.\n * @param truncateText - function used to truncate text to a given width.\n * @returns A single-element `TreeMapLabel` array.\n */\nconst buildValueLabel = (\n  labelsConfig: LabelsConfig,\n  labelRect: TreeMapRect,\n  measureText: TextMeasurer,\n  truncateText: TextTruncator,\n) => {\n  const { value, textSize, truncationMode } = labelsConfig;\n  const { width, x, y } = labelRect;\n  const fontConfig = getFontConfig(value, textSize, width, measureText);\n  const valueWidth = measureText(value, fontConfig.fontSize);\n  const boldFontConfig = getBoldFontConfig(fontConfig);\n  const text =\n    valueWidth > width\n      ? getTruncatedText(\n          width,\n          value,\n          fontConfig.fontSize,\n          truncationMode,\n          truncateText,\n        )\n      : value;\n\n  return [createLabel(text, boldFontConfig, { x, y })];\n};\n\n/**\n * Derives a `FontConfig` for the given text and available width.\n * When `textSize` is `'auto'`, the largest fitting preset size is selected.\n * @internal\n * @param text - the string that needs to fit within `availableWidth`.\n * @param textSize - explicit font size in pixels, or `'auto'` for automatic sizing.\n * @param availableWidth - maximum pixel width the text must fit in.\n * @param measureText - function used to measure rendered text width.\n * @returns A `FontConfig` with `fontSize`, `lineHeight`, and default `fontWeight`.\n */\nconst getFontConfig = (\n  text: string,\n  textSize: 'auto' | number,\n  availableWidth: number,\n  measureText: TextMeasurer,\n): FontConfig => {\n  const fontSize =\n    textSize === 'auto'\n      ? getAutoFontSize(text, availableWidth, measureText)\n      : textSize;\n  const lineHeight = fontSize * 1.25;\n\n  return { fontSize, lineHeight, fontWeight: DEFAULT_FONT_WEIGHT };\n};\n\n/**\n * Selects the largest font size from `AUTO_TEXT_SIZE_PRESETS` at which `text` fits within `availableWidth`.\n * Falls back to `DEFAULT_LABEL_FONTSIZE` when no preset fits.\n * @internal\n * @param text - the string to measure.\n * @param availableWidth - maximum pixel width the text must fit in.\n * @param measureText - function used to measure rendered text width.\n * @returns The chosen font size in pixels.\n */\nconst getAutoFontSize = (\n  text: string,\n  availableWidth: number,\n  measureText: TextMeasurer,\n): number => {\n  return (\n    AUTO_TEXT_SIZE_PRESETS.find((fontSize) => {\n      const valueWidth = measureText(text, fontSize);\n      return valueWidth <= availableWidth;\n    }) ?? DEFAULT_LABEL_FONTSIZE\n  );\n};\n\n/**\n * Returns a copy of `fontConfig` with the font weight increased to `INCREASED_FONT_WEIGHT`.\n * @internal\n * @param fontConfig - base font configuration to derive from.\n * @returns A new `FontConfig` with a heavier font weight.\n */\nconst getBoldFontConfig = (fontConfig: FontConfig) => {\n  return { ...fontConfig, fontWeight: INCREASED_FONT_WEIGHT };\n};\n\n/**\n * Truncates `value` to fit within `availableWidth` at the given `fontSize`.\n * Returns an empty string when truncation produces only an ellipsis character.\n * @internal\n * @param availableWidth - maximum pixel width allowed for the text.\n * @param value - the string to truncate.\n * @param fontSize - font size in pixels used when measuring.\n * @param truncationMode - strategy controlling where the ellipsis is inserted.\n * @param truncateText - the bound truncation function.\n * @returns The truncated string, or an empty string if nothing meaningful remains.\n */\nconst getTruncatedText = (\n  availableWidth: number,\n  value: string,\n  fontSize: number,\n  truncationMode: TruncationMode,\n  truncateText: TextTruncator,\n): string => {\n  const truncatedText = truncateText(\n    value,\n    fontSize,\n    availableWidth,\n    truncationMode,\n    'start',\n  );\n\n  return truncatedText === ELLIPSIS_CHARACTER ? '' : truncatedText;\n};\n\n/**\n * Builds one or two labels for a node that displays both a name and a value.\n * Chooses a layout (multi-line, inline, name-only, ellipsis, or fallback) based\n * on the available space and measured text widths.\n * @internal\n * @param labelsConfig - display configuration providing name, value, text size, and truncation mode.\n * @param labelsRect - bounding rectangle available for the labels.\n * @param measureText - function used to measure rendered text width.\n * @param truncateText - function used to truncate text to a given width.\n * @returns An array of `TreeMapLabel` objects (0\u20132 items).\n */\nconst buildNameValueLabels = (\n  labelsConfig: LabelsConfig,\n  labelsRect: TreeMapRect,\n  measureText: TextMeasurer,\n  truncateText: TextTruncator,\n) => {\n  const { name, value, textSize } = labelsConfig;\n  const { width, height } = labelsRect;\n  const referenceText = getLongestText(name, value);\n  const fontConfig = getFontConfig(referenceText, textSize, width, measureText);\n\n  const nameWidth = measureText(name, fontConfig.fontSize);\n  const valueWidth = measureText(value, fontConfig.fontSize);\n  const spaceWidth = measureText(' ', fontConfig.fontSize);\n  const inlineHeight = getInlineHeight(fontConfig.lineHeight);\n\n  const labelMeasurements = {\n    inlineHeight,\n    multiLineHeight: inlineHeight * 2,\n    nameWidth,\n    valueWidth,\n    nameValueWidth: nameWidth + spaceWidth + valueWidth,\n  };\n  const layout = determineLabelLayout(labelMeasurements, width, height);\n\n  return buildLabelsForLayout(\n    labelsConfig,\n    labelsRect,\n    layout,\n    fontConfig,\n    truncateText,\n  );\n};\n\n/**\n * Computes the total height of a single-line label by adding the default padding to the line height.\n * @internal\n * @param lineHeight - the line height in pixels derived from the font size.\n * @returns The total label height in pixels.\n */\nconst getInlineHeight = (lineHeight: number) =>\n  lineHeight + DEFAULT_LABEL_PADDING;\n\n/**\n * Returns whichever of the two strings has the greater character count.\n * @internal\n * @param a - first string.\n * @param b - second string.\n * @returns The longer string (`a` when lengths are equal).\n */\nconst getLongestText = (a: string, b: string): string => {\n  return a.length > b.length ? a : b;\n};\n\ninterface LabelMeasurements {\n  inlineHeight: number;\n  multiLineHeight: number;\n  nameWidth: number;\n  valueWidth: number;\n  nameValueWidth: number;\n}\n\n/**\n * Determines the best `LabelLayout` variant for the available space.\n * Priority order: `Multi` \u2192 `Inline` \u2192 `Name` \u2192 `Ellipsis` \u2192 `Fallback`.\n * @internal\n * @param measurements - pre-computed width and height metrics for the label text.\n * @param availableWidth - pixel width available for label rendering.\n * @param containerHeight - pixel height available for label rendering.\n * @returns The most detailed `LabelLayout` that fits within the given dimensions.\n */\nconst determineLabelLayout = (\n  measurements: LabelMeasurements,\n  availableWidth: number,\n  containerHeight: number,\n): LabelLayout => {\n  const { multiLineHeight, inlineHeight, nameValueWidth, nameWidth } =\n    measurements;\n\n  if (multiLineHeight <= containerHeight) {\n    return LabelLayout.Multi;\n  }\n\n  if (inlineHeight > containerHeight) {\n    return LabelLayout.Fallback;\n  }\n\n  if (nameValueWidth <= availableWidth) {\n    return LabelLayout.Inline;\n  }\n\n  if (nameWidth <= availableWidth) {\n    return LabelLayout.Name;\n  }\n\n  return LabelLayout.Ellipsis;\n};\n\n/**\n * Produces the final `TreeMapLabel` array for a given `LabelLayout`.\n * Each layout variant determines how many labels are created and how they are positioned.\n * @internal\n * @param labelsConfig - display configuration providing name, value, and truncation mode.\n * @param labelsRect - bounding rectangle used to compute label positions.\n * @param layout - the layout variant selected by `determineLabelLayout`.\n * @param fontConfig - base font configuration shared by all labels in this node.\n * @param truncateText - function used to truncate text in the `Ellipsis` layout.\n * @returns An array of `TreeMapLabel` objects (0\u20132 items depending on the layout).\n */\nconst buildLabelsForLayout = (\n  labelsConfig: LabelsConfig,\n  labelsRect: TreeMapRect,\n  layout: LabelLayout,\n  fontConfig: FontConfig,\n  truncateText: TextTruncator,\n): TreeMapLabel[] => {\n  const { name, value, truncationMode } = labelsConfig;\n  const { width, x, y } = labelsRect;\n  const labelPosition = { x, y };\n\n  switch (layout) {\n    case LabelLayout.Multi: {\n      const offsetY = getInlineHeight(fontConfig.lineHeight) / 2;\n      const boldFontConfig = getBoldFontConfig(fontConfig);\n      const truncatedName = getTruncatedText(\n        width,\n        name,\n        fontConfig.fontSize,\n        truncationMode,\n        truncateText,\n      );\n      const truncatedValue = getTruncatedText(\n        width,\n        value,\n        fontConfig.fontSize,\n        truncationMode,\n        truncateText,\n      );\n\n      return [\n        createLabel(truncatedName, fontConfig, {\n          x: x,\n          y: y - offsetY,\n        }),\n        createLabel(truncatedValue, boldFontConfig, {\n          x: x,\n          y: y + offsetY,\n        }),\n      ];\n    }\n\n    case LabelLayout.Inline:\n      return [createLabel(`${name} ${value}`, fontConfig, labelPosition)];\n\n    case LabelLayout.Name:\n      return [createLabel(name, fontConfig, labelPosition)];\n\n    case LabelLayout.Ellipsis: {\n      const truncatedText = getTruncatedText(\n        width,\n        name,\n        fontConfig.fontSize,\n        truncationMode,\n        truncateText,\n      );\n\n      return [createLabel(truncatedText, fontConfig, labelPosition)];\n    }\n\n    case LabelLayout.Fallback:\n    default:\n      return [];\n  }\n};\n\n/**\n * Constructs a `TreeMapLabel` from its constituent parts.\n * @internal\n * @param text - the string to render.\n * @param fontConfig - font size, weight, and line height for this label.\n * @param position - canvas `{ x, y }` coordinates for the label origin.\n * @returns A fully formed `TreeMapLabel` object.\n */\nconst createLabel = (\n  text: string,\n  fontConfig: FontConfig,\n  position: { x: number; y: number },\n): TreeMapLabel => {\n  return { text, fontConfig, position };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { ELLIPSIS_CHARACTER } from '../../../typography/utils.js';\nimport {\n  truncateString,\n  type TruncationPriority,\n} from '../../core/components/text-ellipsis/truncate-string.js';\nimport type { TextMeasurer } from '../../core/utils/text-measure.js';\nimport {\n  AUTO_TEXT_SIZE_PRESETS,\n  DEFAULT_FONT_WEIGHT,\n  DEFAULT_LABEL_FONTSIZE,\n  DEFAULT_LABEL_PADDING,\n  INCREASED_FONT_WEIGHT,\n} from '../constants.js';\nimport { LabelLayout } from '../types/canvas.js';\nimport type { TreeMapRect } from '../types/treemap.js';\n\nexport interface TreeMapLabel {\n  text: string;\n  fontConfig: FontConfig;\n  position: { x: number; y: number };\n}\n\ninterface FontConfig {\n  fontSize: number;\n  fontWeight: number;\n  lineHeight: number;\n}\n\ninterface LabelsConfig {\n  name: string;\n  value: string;\n  withValueOnly: boolean;\n  textSize: 'auto' | number;\n  truncationMode: TruncationMode;\n}\n\n/**\n * Builds the list of labels to render inside a tree-map node.\n * Delegates to either a value-only or a name+value layout based on `labelsConfig.withValueOnly`.\n * @param labelsConfig - display configuration including name, value, truncation mode, and text size.\n * @param treemapRect - bounding rectangle of the tree-map node.\n * @param textMeasurer - function used to measure rendered text width at a given font size.\n * @returns An array of `TreeMapLabel` objects ready for canvas rendering.\n */\nexport const buildLabels = (\n  labelsConfig: LabelsConfig,\n  treemapRect: TreeMapRect,\n  textMeasurer: TextMeasurer,\n): TreeMapLabel[] => {\n  const { withValueOnly } = labelsConfig;\n  const { width, height } = treemapRect;\n  const textTruncator = getTextTruncator(textMeasurer);\n  const availableWidth = width - DEFAULT_LABEL_PADDING * 2;\n  const labelPosition = getLabelPosition(treemapRect);\n  const labelsRect: TreeMapRect = {\n    ...labelPosition,\n    width: availableWidth,\n    height,\n  };\n\n  if (withValueOnly) {\n    return buildValueLabel(\n      labelsConfig,\n      labelsRect,\n      textMeasurer,\n      textTruncator,\n    );\n  }\n\n  return buildNameValueLabels(\n    labelsConfig,\n    labelsRect,\n    textMeasurer,\n    textTruncator,\n  );\n};\n\ntype TextTruncator = (\n  text: string,\n  fontSize: number,\n  availableWidth: number,\n  truncationMode: TruncationMode,\n  priority: TruncationPriority,\n) => string;\n\n/**\n * Creates a `TextTruncator` function bound to the given text measurer.\n * @internal\n * @param measureText - function that returns the rendered pixel width of a string at a given font size.\n * @returns A `TextTruncator` that truncates text to fit within an available width.\n */\nconst getTextTruncator = (measureText: TextMeasurer): TextTruncator => {\n  return (\n    text: string,\n    fontSize: number,\n    availableWidth: number,\n    truncationMode: TruncationMode,\n    priority: TruncationPriority,\n  ) => {\n    const measure = (t: string) => measureText(t, fontSize);\n\n    return truncateString(\n      text,\n      availableWidth,\n      {},\n      truncationMode,\n      priority,\n      measure,\n    );\n  };\n};\n\n/**\n * Computes the centered label position within a tree-map node rectangle.\n * @internal\n * @param treemapRect - bounding rectangle of the tree-map node.\n * @returns The `{ x, y }` canvas coordinates for the label origin.\n */\nconst getLabelPosition = ({ width, height, x, y }: TreeMapRect) => {\n  const { centerX, centerY } = getRectCenter(width, height);\n  return { x: x + centerX, y: y + centerY };\n};\n\n/**\n * Returns the center of the node.\n * @internal\n * @param height - height of the node.\n * @param width - width of the node.\n */\nconst getRectCenter = (width: number, height: number) => ({\n  centerX: width / 2,\n  centerY: height / 2,\n});\n\n/**\n * Builds a single bold label containing only the value text.\n * Truncates the text when it exceeds the available width.\n * @internal\n * @param labelsConfig - display configuration providing the value, text size, and truncation mode.\n * @param labelRect - bounding rectangle available for the label.\n * @param measureText - function used to measure rendered text width.\n * @param truncateText - function used to truncate text to a given width.\n * @returns A single-element `TreeMapLabel` array.\n */\nconst buildValueLabel = (\n  labelsConfig: LabelsConfig,\n  labelRect: TreeMapRect,\n  measureText: TextMeasurer,\n  truncateText: TextTruncator,\n) => {\n  const { value, textSize, truncationMode } = labelsConfig;\n  const { width, x, y } = labelRect;\n  const fontConfig = getFontConfig(value, textSize, width, measureText);\n  const valueWidth = measureText(value, fontConfig.fontSize);\n  const boldFontConfig = getBoldFontConfig(fontConfig);\n  const text =\n    valueWidth > width\n      ? getTruncatedText(\n          width,\n          value,\n          fontConfig.fontSize,\n          truncationMode,\n          truncateText,\n        )\n      : value;\n\n  return [createLabel(text, boldFontConfig, { x, y })];\n};\n\n/**\n * Derives a `FontConfig` for the given text and available width.\n * When `textSize` is `'auto'`, the largest fitting preset size is selected.\n * @internal\n * @param text - the string that needs to fit within `availableWidth`.\n * @param textSize - explicit font size in pixels, or `'auto'` for automatic sizing.\n * @param availableWidth - maximum pixel width the text must fit in.\n * @param measureText - function used to measure rendered text width.\n * @returns A `FontConfig` with `fontSize`, `lineHeight`, and default `fontWeight`.\n */\nconst getFontConfig = (\n  text: string,\n  textSize: 'auto' | number,\n  availableWidth: number,\n  measureText: TextMeasurer,\n): FontConfig => {\n  const fontSize =\n    textSize === 'auto'\n      ? getAutoFontSize(text, availableWidth, measureText)\n      : textSize;\n  const lineHeight = fontSize * 1.25;\n\n  return { fontSize, lineHeight, fontWeight: DEFAULT_FONT_WEIGHT };\n};\n\n/**\n * Selects the largest font size from `AUTO_TEXT_SIZE_PRESETS` at which `text` fits within `availableWidth`.\n * Falls back to `DEFAULT_LABEL_FONTSIZE` when no preset fits.\n * @internal\n * @param text - the string to measure.\n * @param availableWidth - maximum pixel width the text must fit in.\n * @param measureText - function used to measure rendered text width.\n * @returns The chosen font size in pixels.\n */\nconst getAutoFontSize = (\n  text: string,\n  availableWidth: number,\n  measureText: TextMeasurer,\n): number => {\n  return (\n    AUTO_TEXT_SIZE_PRESETS.find((fontSize) => {\n      const valueWidth = measureText(text, fontSize);\n      return valueWidth <= availableWidth;\n    }) ?? DEFAULT_LABEL_FONTSIZE\n  );\n};\n\n/**\n * Returns a copy of `fontConfig` with the font weight increased to `INCREASED_FONT_WEIGHT`.\n * @internal\n * @param fontConfig - base font configuration to derive from.\n * @returns A new `FontConfig` with a heavier font weight.\n */\nconst getBoldFontConfig = (fontConfig: FontConfig) => {\n  return { ...fontConfig, fontWeight: INCREASED_FONT_WEIGHT };\n};\n\n/**\n * Truncates `value` to fit within `availableWidth` at the given `fontSize`.\n * Returns an empty string when truncation produces only an ellipsis character.\n * @internal\n * @param availableWidth - maximum pixel width allowed for the text.\n * @param value - the string to truncate.\n * @param fontSize - font size in pixels used when measuring.\n * @param truncationMode - strategy controlling where the ellipsis is inserted.\n * @param truncateText - the bound truncation function.\n * @returns The truncated string, or an empty string if nothing meaningful remains.\n */\nconst getTruncatedText = (\n  availableWidth: number,\n  value: string,\n  fontSize: number,\n  truncationMode: TruncationMode,\n  truncateText: TextTruncator,\n): string => {\n  const truncatedText = truncateText(\n    value,\n    fontSize,\n    availableWidth,\n    truncationMode,\n    'start',\n  );\n\n  return truncatedText === ELLIPSIS_CHARACTER ? '' : truncatedText;\n};\n\n/**\n * Builds one or two labels for a node that displays both a name and a value.\n * Chooses a layout (multi-line, inline, name-only, ellipsis, or fallback) based\n * on the available space and measured text widths.\n * @internal\n * @param labelsConfig - display configuration providing name, value, text size, and truncation mode.\n * @param labelsRect - bounding rectangle available for the labels.\n * @param measureText - function used to measure rendered text width.\n * @param truncateText - function used to truncate text to a given width.\n * @returns An array of `TreeMapLabel` objects (0\u20132 items).\n */\nconst buildNameValueLabels = (\n  labelsConfig: LabelsConfig,\n  labelsRect: TreeMapRect,\n  measureText: TextMeasurer,\n  truncateText: TextTruncator,\n) => {\n  const { name, value, textSize } = labelsConfig;\n  const { width, height } = labelsRect;\n  const referenceText = getLongestText(name, value);\n  const fontConfig = getFontConfig(referenceText, textSize, width, measureText);\n\n  const nameWidth = measureText(name, fontConfig.fontSize);\n  const valueWidth = measureText(value, fontConfig.fontSize);\n  const spaceWidth = measureText(' ', fontConfig.fontSize);\n  const inlineHeight = getInlineHeight(fontConfig.lineHeight);\n\n  const labelMeasurements = {\n    inlineHeight,\n    multiLineHeight: inlineHeight * 2,\n    nameWidth,\n    valueWidth,\n    nameValueWidth: nameWidth + spaceWidth + valueWidth,\n  };\n  const layout = determineLabelLayout(labelMeasurements, width, height);\n\n  return buildLabelsForLayout(\n    labelsConfig,\n    labelsRect,\n    layout,\n    fontConfig,\n    truncateText,\n  );\n};\n\n/**\n * Computes the total height of a single-line label by adding the default padding to the line height.\n * @internal\n * @param lineHeight - the line height in pixels derived from the font size.\n * @returns The total label height in pixels.\n */\nconst getInlineHeight = (lineHeight: number) =>\n  lineHeight + DEFAULT_LABEL_PADDING;\n\n/**\n * Returns whichever of the two strings has the greater character count.\n * @internal\n * @param a - first string.\n * @param b - second string.\n * @returns The longer string (`a` when lengths are equal).\n */\nconst getLongestText = (a: string, b: string): string => {\n  return a.length > b.length ? a : b;\n};\n\ninterface LabelMeasurements {\n  inlineHeight: number;\n  multiLineHeight: number;\n  nameWidth: number;\n  valueWidth: number;\n  nameValueWidth: number;\n}\n\n/**\n * Determines the best `LabelLayout` variant for the available space.\n * Priority order: `Multi` \u2192 `Inline` \u2192 `Name` \u2192 `Ellipsis` \u2192 `Fallback`.\n * @internal\n * @param measurements - pre-computed width and height metrics for the label text.\n * @param availableWidth - pixel width available for label rendering.\n * @param containerHeight - pixel height available for label rendering.\n * @returns The most detailed `LabelLayout` that fits within the given dimensions.\n */\nconst determineLabelLayout = (\n  measurements: LabelMeasurements,\n  availableWidth: number,\n  containerHeight: number,\n): LabelLayout => {\n  const { multiLineHeight, inlineHeight, nameValueWidth, nameWidth } =\n    measurements;\n\n  if (multiLineHeight <= containerHeight) {\n    return LabelLayout.Multi;\n  }\n\n  if (inlineHeight > containerHeight) {\n    return LabelLayout.Fallback;\n  }\n\n  if (nameValueWidth <= availableWidth) {\n    return LabelLayout.Inline;\n  }\n\n  if (nameWidth <= availableWidth) {\n    return LabelLayout.Name;\n  }\n\n  return LabelLayout.Ellipsis;\n};\n\n/**\n * Produces the final `TreeMapLabel` array for a given `LabelLayout`.\n * Each layout variant determines how many labels are created and how they are positioned.\n * @internal\n * @param labelsConfig - display configuration providing name, value, and truncation mode.\n * @param labelsRect - bounding rectangle used to compute label positions.\n * @param layout - the layout variant selected by `determineLabelLayout`.\n * @param fontConfig - base font configuration shared by all labels in this node.\n * @param truncateText - function used to truncate text in the `Ellipsis` layout.\n * @returns An array of `TreeMapLabel` objects (0\u20132 items depending on the layout).\n */\nconst buildLabelsForLayout = (\n  labelsConfig: LabelsConfig,\n  labelsRect: TreeMapRect,\n  layout: LabelLayout,\n  fontConfig: FontConfig,\n  truncateText: TextTruncator,\n): TreeMapLabel[] => {\n  const { name, value, truncationMode } = labelsConfig;\n  const { width, x, y } = labelsRect;\n  const labelPosition = { x, y };\n\n  switch (layout) {\n    case LabelLayout.Multi: {\n      const offsetY = getInlineHeight(fontConfig.lineHeight) / 2;\n      const boldFontConfig = getBoldFontConfig(fontConfig);\n      const truncatedName = getTruncatedText(\n        width,\n        name,\n        fontConfig.fontSize,\n        truncationMode,\n        truncateText,\n      );\n      const truncatedValue = getTruncatedText(\n        width,\n        value,\n        fontConfig.fontSize,\n        truncationMode,\n        truncateText,\n      );\n\n      return [\n        createLabel(truncatedName, fontConfig, {\n          x: x,\n          y: y - offsetY,\n        }),\n        createLabel(truncatedValue, boldFontConfig, {\n          x: x,\n          y: y + offsetY,\n        }),\n      ];\n    }\n\n    case LabelLayout.Inline:\n      return [createLabel(`${name} ${value}`, fontConfig, labelPosition)];\n\n    case LabelLayout.Name:\n      return [createLabel(name, fontConfig, labelPosition)];\n\n    case LabelLayout.Ellipsis: {\n      const truncatedText = getTruncatedText(\n        width,\n        name,\n        fontConfig.fontSize,\n        truncationMode,\n        truncateText,\n      );\n\n      return [createLabel(truncatedText, fontConfig, labelPosition)];\n    }\n\n    case LabelLayout.Fallback:\n    default:\n      return [];\n  }\n};\n\n/**\n * Constructs a `TreeMapLabel` from its constituent parts.\n * @internal\n * @param text - the string to render.\n * @param fontConfig - font size, weight, and line height for this label.\n * @param position - canvas `{ x, y }` coordinates for the label origin.\n * @returns A fully formed `TreeMapLabel` object.\n */\nconst createLabel = (\n  text: string,\n  fontConfig: FontConfig,\n  position: { x: number; y: number },\n): TreeMapLabel => {\n  return { text, fontConfig, position };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/tree-map/utils/build-overlay-tooltip-data.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/build-overlay-tooltip-data.ts"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport { getTooltipItem } from './get-tooltip-item.js';\nimport type { Data } from '../../core/components/overlay-tooltip/types.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const buildOverlayTooltipData = (\n  node: HierarchyRectangularNode<InternalTreeMapNode>,\n  formatter: Formatter,\n  unit?: string | Unit,\n): Data => {\n  const item = getTooltipItem(formatter, node, unit);\n  const parentName = node.parent?.data.name;\n  const nodeColor =\n    node.parent?.data.color?.Default ?? node.data?.color?.Default ?? '';\n\n  const path = [...node.ancestors()]\n    .reverse()\n    .slice(1)\n    .map((n) => n.data.name);\n  const children = node.children?.map((c) => c.data.name);\n\n  return {\n    geometry: 'treemap',\n    header1: parentName ? [parentName] : [],\n    metadata: { id: item.id, value: node.data.value, path, children },\n    series: [\n      {\n        name: item.name,\n        color: nodeColor,\n        value: item.values[0],\n      },\n    ],\n  };\n};\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport { getTooltipItem } from './get-tooltip-item.js';\nimport type { Data } from '../../core/components/overlay-tooltip/types.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const buildOverlayTooltipData = (\n  node: HierarchyRectangularNode<InternalTreeMapNode>,\n  formatter: Formatter,\n  unit?: string | Unit,\n): Data => {\n  const item = getTooltipItem(formatter, node, unit);\n  const parentName = node.parent?.data.name;\n  const nodeColor =\n    node.parent?.data.color?.Default ?? node.data?.color?.Default ?? '';\n\n  const path = [...node.ancestors()]\n    .reverse()\n    .slice(1)\n    .map((n) => n.data.name);\n  const children = node.children?.map((c) => c.data.name);\n\n  return {\n    geometry: 'treemap',\n    header1: parentName ? [parentName] : [],\n    metadata: { id: item.id, value: node.data.value, path, children },\n    series: [\n      {\n        name: item.name,\n        color: nodeColor,\n        value: item.values[0],\n      },\n    ],\n  };\n};\n"],
   "mappings": "AAIA,SAAS,sBAAsB;AAKxB,MAAM,0BAA0B,CACrC,MACA,WACA,SACS;AACT,QAAM,OAAO,eAAe,WAAW,MAAM,IAAI;AACjD,QAAM,aAAa,KAAK,QAAQ,KAAK;AACrC,QAAM,YACJ,KAAK,QAAQ,KAAK,OAAO,WAAW,KAAK,MAAM,OAAO,WAAW;AAEnE,QAAM,OAAO,CAAC,GAAG,KAAK,UAAU,CAAC,EAC9B,QAAQ,EACR,MAAM,CAAC,EACP,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI;AACzB,QAAM,WAAW,KAAK,UAAU,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI;AAEtD,SAAO;AAAA,IACL,UAAU;AAAA,IACV,SAAS,aAAa,CAAC,UAAU,IAAI,CAAC;AAAA,IACtC,UAAU,EAAE,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,OAAO,MAAM,SAAS;AAAA,IAChE,QAAQ;AAAA,MACN;AAAA,QACE,MAAM,KAAK;AAAA,QACX,OAAO;AAAA,QACP,OAAO,KAAK,OAAO,CAAC;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/tree-map/utils/build-tree-map-chart-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/build-tree-map-chart-config.ts"],
-  "sourcesContent": ["import { isUndefined, merge } from 'lodash-es';\n\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport type { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { defaultUnitFormatter } from '../../core/utils/defaultUnitFormatter.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { defaultTreeMapConfig } from '../defaults.js';\nimport type {\n  TreemapChartLegendConfig,\n  TreeMapChartSlots,\n  TreeMapChartToolbarConfig,\n  TreeMapConfig,\n  TreeMapContextConfig,\n} from '../types/treemap-chart.config.js';\nimport type { TreeMapProps } from '../types/treemap.js';\n\nconst validateToolbarContextConfig = (\n  contextConfig: TreeMapChartToolbarConfig | undefined,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n) => !isUndefined(contextConfig) && contextConfig.downloadData?.enabled;\n\nconst getToolbarConfiguration = (\n  contextConfig?: TreeMapChartToolbarConfig,\n  slots?: Partial<ChartToolbarProps>,\n) => {\n  const hasValidToolbarConfig =\n    validateToolbarContextConfig(contextConfig) || !isUndefined(slots);\n\n  return hasValidToolbarConfig ? merge({}, contextConfig, slots) : undefined;\n};\n\n/**\n * Builds a LegendConfiguration based on context and slots\n *\n * @param contextLegendConfig - legend config context\n * @param slotsLegendConfig - legend config props\n */\nexport function getLegendConfiguration(\n  contextLegendConfig?: TreemapChartLegendConfig,\n  slotsLegendConfig?: TreemapChartLegendConfig,\n): TreemapChartLegendConfig {\n  let legend = merge(\n    {},\n    defaultTreeMapConfig.legend,\n    contextLegendConfig,\n    slotsLegendConfig,\n  );\n\n  const position =\n    legend.position && isValidLegendPosition(legend.position)\n      ? legend.position\n      : defaultTreeMapConfig.legend.position;\n\n  legend = {\n    ...legend,\n    position,\n  };\n\n  return legend;\n}\n\n/**\n * Build treemap chart configuration.\n *\n * @param props - config from props\n * @param config - config from context\n * @param slots - config from components slots\n * @returns TreeMapConfig\n */\nexport const buildTreeMapChartConfig = (\n  props: TreeMapProps,\n  config: TreeMapContextConfig,\n  slots: TreeMapChartSlots,\n): TreeMapConfig => {\n  const colorPalette =\n    props.colorPalette ??\n    config.colorPalette ??\n    defaultTreeMapConfig.colorPalette;\n\n  const formatter =\n    props.formatter ??\n    config.formatter ??\n    defaultUnitFormatter(props.unit ?? props.data?.unit);\n\n  const truncationMode =\n    props.truncationMode ??\n    config.truncationMode ??\n    defaultTreeMapConfig.truncationMode;\n\n  const loading =\n    props.loading ?? config.loading ?? defaultTreeMapConfig.loading;\n\n  const labelsDisplay =\n    props.labelsDisplay ??\n    config.labelsDisplay ??\n    defaultTreeMapConfig.labelsDisplay;\n\n  const nameAccessor =\n    props.nameAccessor ??\n    config.nameAccessor ??\n    defaultTreeMapConfig.nameAccessor;\n\n  const min = props.min ?? config.min;\n  const max = props.max ?? config.max;\n\n  const legend = getLegendConfiguration(config.legend, slots.legend);\n\n  const toolbar = getToolbarConfiguration(config.toolbar, slots.toolbar);\n\n  const colorRules = (config.colorRules ?? [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules?.filter(isValidColorRule) ?? []);\n\n  const textSize =\n    props.textSize ?? config.textSize ?? defaultTreeMapConfig.textSize;\n\n  return {\n    colorPalette,\n    formatter,\n    truncationMode,\n    loading,\n    legend,\n    toolbar,\n    labelsDisplay,\n    nameAccessor,\n    min,\n    max,\n    colorRules,\n    textSize,\n    tooltip: slots.tooltip ?? config.tooltip,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,aAAa,aAAa;AAEnC,SAAS,wBAAwB;AAEjC,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AAUrC,MAAM,+BAA+B,CACnC,kBAEG,CAAC,YAAY,aAAa,KAAK,cAAc,cAAc;AAEhE,MAAM,0BAA0B,CAC9B,eACA,UACG;AACH,QAAM,wBACJ,6BAA6B,aAAa,KAAK,CAAC,YAAY,KAAK;AAEnE,SAAO,wBAAwB,MAAM,CAAC,GAAG,eAAe,KAAK,IAAI;AACnE;AAQO,SAAS,uBACd,qBACA,mBAC0B;AAC1B,MAAI,SAAS;AAAA,IACX,CAAC;AAAA,IACD,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WACJ,OAAO,YAAY,sBAAsB,OAAO,QAAQ,IACpD,OAAO,WACP,qBAAqB,OAAO;AAElC,WAAS;AAAA,IACP,GAAG;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAUO,MAAM,0BAA0B,CACrC,OACA,QACA,UACkB;AAClB,QAAM,eACJ,MAAM,gBACN,OAAO,gBACP,qBAAqB;AAEvB,QAAM,YACJ,MAAM,aACN,OAAO,aACP,qBAAqB,MAAM,QAAQ,MAAM,MAAM,IAAI;AAErD,QAAM,iBACJ,MAAM,kBACN,OAAO,kBACP,qBAAqB;AAEvB,QAAM,UACJ,MAAM,WAAW,OAAO,WAAW,qBAAqB;AAE1D,QAAM,gBACJ,MAAM,iBACN,OAAO,iBACP,qBAAqB;AAEvB,QAAM,eACJ,MAAM,gBACN,OAAO,gBACP,qBAAqB;AAEvB,QAAM,MAAM,MAAM,OAAO,OAAO;AAChC,QAAM,MAAM,MAAM,OAAO,OAAO;AAEhC,QAAM,SAAS,uBAAuB,OAAO,QAAQ,MAAM,MAAM;AAEjE,QAAM,UAAU,wBAAwB,OAAO,SAAS,MAAM,OAAO;AAErE,QAAM,cAAc,OAAO,cAAc,CAAC,GACvC,OAAO,gBAAgB,EACvB,OAAO,MAAM,YAAY,OAAO,gBAAgB,KAAK,CAAC,CAAC;AAE1D,QAAM,WACJ,MAAM,YAAY,OAAO,YAAY,qBAAqB;AAE5D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,MAAM,WAAW,OAAO;AAAA,EACnC;AACF;",
+  "sourcesContent": ["import { isUndefined, merge } from 'lodash-es';\n\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport type { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { defaultUnitFormatter } from '../../core/utils/defaultUnitFormatter.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { defaultTreeMapConfig } from '../defaults.js';\nimport type {\n  TreemapChartLegendConfig,\n  TreeMapChartSlots,\n  TreeMapChartToolbarConfig,\n  TreeMapConfig,\n  TreeMapContextConfig,\n} from '../types/treemap-chart.config.js';\nimport type { TreeMapHierarchicalProps } from '../types/treemap.js';\n\nconst validateToolbarContextConfig = (\n  contextConfig: TreeMapChartToolbarConfig | undefined,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n) => !isUndefined(contextConfig) && contextConfig.downloadData?.enabled;\n\nconst getToolbarConfiguration = (\n  contextConfig?: TreeMapChartToolbarConfig,\n  slots?: Partial<ChartToolbarProps>,\n) => {\n  const hasValidToolbarConfig =\n    validateToolbarContextConfig(contextConfig) || !isUndefined(slots);\n\n  return hasValidToolbarConfig ? merge({}, contextConfig, slots) : undefined;\n};\n\n/**\n * Builds a LegendConfiguration based on context and slots\n *\n * @param contextLegendConfig - legend config context\n * @param slotsLegendConfig - legend config props\n */\nexport function getLegendConfiguration(\n  contextLegendConfig?: TreemapChartLegendConfig,\n  slotsLegendConfig?: TreemapChartLegendConfig,\n): TreemapChartLegendConfig {\n  let legend = merge(\n    {},\n    defaultTreeMapConfig.legend,\n    contextLegendConfig,\n    slotsLegendConfig,\n  );\n\n  const position =\n    legend.position && isValidLegendPosition(legend.position)\n      ? legend.position\n      : defaultTreeMapConfig.legend.position;\n\n  legend = {\n    ...legend,\n    position,\n  };\n\n  return legend;\n}\n\n/**\n * Build treemap chart configuration.\n *\n * @param props - config from props\n * @param config - config from context\n * @param slots - config from components slots\n * @returns TreeMapConfig\n */\nexport const buildTreeMapChartConfig = (\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  props: TreeMapHierarchicalProps,\n  config: TreeMapContextConfig,\n  slots: TreeMapChartSlots,\n): TreeMapConfig => {\n  const colorPalette =\n    props.colorPalette ??\n    config.colorPalette ??\n    defaultTreeMapConfig.colorPalette;\n\n  const formatter =\n    props.formatter ??\n    config.formatter ??\n    defaultUnitFormatter(props.unit ?? props.data?.unit);\n\n  const truncationMode =\n    props.truncationMode ??\n    config.truncationMode ??\n    defaultTreeMapConfig.truncationMode;\n\n  const loading =\n    props.loading ?? config.loading ?? defaultTreeMapConfig.loading;\n\n  const labelsDisplay =\n    props.labelsDisplay ??\n    config.labelsDisplay ??\n    defaultTreeMapConfig.labelsDisplay;\n\n  const nameAccessor =\n    props.nameAccessor ??\n    config.nameAccessor ??\n    defaultTreeMapConfig.nameAccessor;\n\n  const min = props.min ?? config.min;\n  const max = props.max ?? config.max;\n\n  const legend = getLegendConfiguration(config.legend, slots.legend);\n\n  const toolbar = getToolbarConfiguration(config.toolbar, slots.toolbar);\n\n  const colorRules = (config.colorRules ?? [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules?.filter(isValidColorRule) ?? []);\n\n  const textSize =\n    props.textSize ?? config.textSize ?? defaultTreeMapConfig.textSize;\n\n  return {\n    colorPalette,\n    formatter,\n    truncationMode,\n    loading,\n    legend,\n    toolbar,\n    labelsDisplay,\n    nameAccessor,\n    min,\n    max,\n    colorRules,\n    textSize,\n    tooltip: slots.tooltip ?? config.tooltip,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,aAAa,aAAa;AAEnC,SAAS,wBAAwB;AAEjC,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AAUrC,MAAM,+BAA+B,CACnC,kBAEG,CAAC,YAAY,aAAa,KAAK,cAAc,cAAc;AAEhE,MAAM,0BAA0B,CAC9B,eACA,UACG;AACH,QAAM,wBACJ,6BAA6B,aAAa,KAAK,CAAC,YAAY,KAAK;AAEnE,SAAO,wBAAwB,MAAM,CAAC,GAAG,eAAe,KAAK,IAAI;AACnE;AAQO,SAAS,uBACd,qBACA,mBAC0B;AAC1B,MAAI,SAAS;AAAA,IACX,CAAC;AAAA,IACD,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WACJ,OAAO,YAAY,sBAAsB,OAAO,QAAQ,IACpD,OAAO,WACP,qBAAqB,OAAO;AAElC,WAAS;AAAA,IACP,GAAG;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAUO,MAAM,0BAA0B,CAErC,OACA,QACA,UACkB;AAClB,QAAM,eACJ,MAAM,gBACN,OAAO,gBACP,qBAAqB;AAEvB,QAAM,YACJ,MAAM,aACN,OAAO,aACP,qBAAqB,MAAM,QAAQ,MAAM,MAAM,IAAI;AAErD,QAAM,iBACJ,MAAM,kBACN,OAAO,kBACP,qBAAqB;AAEvB,QAAM,UACJ,MAAM,WAAW,OAAO,WAAW,qBAAqB;AAE1D,QAAM,gBACJ,MAAM,iBACN,OAAO,iBACP,qBAAqB;AAEvB,QAAM,eACJ,MAAM,gBACN,OAAO,gBACP,qBAAqB;AAEvB,QAAM,MAAM,MAAM,OAAO,OAAO;AAChC,QAAM,MAAM,MAAM,OAAO,OAAO;AAEhC,QAAM,SAAS,uBAAuB,OAAO,QAAQ,MAAM,MAAM;AAEjE,QAAM,UAAU,wBAAwB,OAAO,SAAS,MAAM,OAAO;AAErE,QAAM,cAAc,OAAO,cAAc,CAAC,GACvC,OAAO,gBAAgB,EACvB,OAAO,MAAM,YAAY,OAAO,gBAAgB,KAAK,CAAC,CAAC;AAE1D,QAAM,WACJ,MAAM,YAAY,OAAO,YAAY,qBAAqB;AAE5D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,MAAM,WAAW,OAAO;AAAA,EACnC;AACF;",
   "names": []
 }

package/esm/charts/tree-map/utils/get-cluster-position.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/get-cluster-position.ts"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\n\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const getClusterPosition = (\n  entry: HierarchyRectangularNode<InternalTreeMapNode>,\n): { x0: number; x1: number; y0: number; y1: number } => ({\n  x0: entry.x0,\n  x1: entry.x1,\n  y0: entry.y0,\n  y1: entry.y1,\n});\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const getClusterPosition = (\n  entry: HierarchyRectangularNode<InternalTreeMapNode>,\n): { x0: number; x1: number; y0: number; y1: number } => ({\n  x0: entry.x0,\n  x1: entry.x1,\n  y0: entry.y0,\n  y1: entry.y1,\n});\n"],
   "mappings": "AAIO,MAAM,qBAAqB,CAChC,WACwD;AAAA,EACxD,IAAI,MAAM;AAAA,EACV,IAAI,MAAM;AAAA,EACV,IAAI,MAAM;AAAA,EACV,IAAI,MAAM;AACZ;",
   "names": []
 }

package/esm/charts/tree-map/utils/get-filtered-nodes.js

@@ -1,8 +1,29 @@
-const getFilteredNodes = (nodes, selectedIds) => {
+import { getNodesValueSum } from "./get-nodes-value-sum.js";
+const getFilteredNodes = (nodes, selectedIds, nameAccessor) => {
   if (!selectedIds.length) {
     return nodes;
   }
-  return nodes.filter((node) => selectedIds.includes(node.name));
+  if (!nameAccessor) {
+    return getClustersMatchingSelectedNames(nodes, selectedIds);
+  }
+  return getClustersWithSelectedLeaves(nodes, selectedIds, nameAccessor);
+};
+const getClustersMatchingSelectedNames = (clusters, selectedIds) => clusters.filter((cluster) => selectedIds.includes(cluster.name));
+const getClustersWithSelectedLeaves = (clusters, selectedIds, nameAccessor) => {
+  const filteredClusters = [];
+  for (const cluster of clusters) {
+    const matchingLeaves = cluster.children?.filter(
+      (leaf) => selectedIds.includes(String(leaf[nameAccessor]))
+    );
+    if (matchingLeaves?.length) {
+      filteredClusters.push({
+        ...cluster,
+        children: matchingLeaves,
+        value: getNodesValueSum(matchingLeaves)
+      });
+    }
+  }
+  return filteredClusters;
 };
 export {
   getFilteredNodes

package/esm/charts/tree-map/utils/get-filtered-nodes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/get-filtered-nodes.ts"],
-  "sourcesContent": ["import { type InternalTreeMapNode } from '../types/internal.js';\n\nexport const getFilteredNodes = (\n  nodes: InternalTreeMapNode[],\n  selectedIds: string[],\n) => {\n  if (!selectedIds.length) {\n    return nodes;\n  }\n  return nodes.filter((node) => selectedIds.includes(node.name));\n};\n"],
-  "mappings": "AAEO,MAAM,mBAAmB,CAC9B,OACA,gBACG;AACH,MAAI,CAAC,YAAY,QAAQ;AACvB,WAAO;AAAA,EACT;AACA,SAAO,MAAM,OAAO,CAAC,SAAS,YAAY,SAAS,KAAK,IAAI,CAAC;AAC/D;",
+  "sourcesContent": ["import { getNodesValueSum } from './get-nodes-value-sum.js';\nimport { type InternalTreeMapNode } from '../types/internal.js';\nimport type { NameAccessor } from '../types/treemap.js';\n\nexport const getFilteredNodes = (\n  nodes: InternalTreeMapNode[],\n  selectedIds: string[],\n  nameAccessor?: NameAccessor,\n): InternalTreeMapNode[] => {\n  if (!selectedIds.length) {\n    return nodes;\n  }\n\n  if (!nameAccessor) {\n    return getClustersMatchingSelectedNames(nodes, selectedIds);\n  }\n\n  return getClustersWithSelectedLeaves(nodes, selectedIds, nameAccessor);\n};\n\nconst getClustersMatchingSelectedNames = (\n  clusters: InternalTreeMapNode[],\n  selectedIds: string[],\n): InternalTreeMapNode[] =>\n  clusters.filter((cluster) => selectedIds.includes(cluster.name));\n\nconst getClustersWithSelectedLeaves = (\n  clusters: InternalTreeMapNode[],\n  selectedIds: string[],\n  nameAccessor: NameAccessor,\n): InternalTreeMapNode[] => {\n  const filteredClusters: InternalTreeMapNode[] = [];\n\n  for (const cluster of clusters) {\n    const matchingLeaves = cluster.children?.filter((leaf) =>\n      selectedIds.includes(String(leaf[nameAccessor])),\n    );\n\n    if (matchingLeaves?.length) {\n      filteredClusters.push({\n        ...cluster,\n        children: matchingLeaves,\n        value: getNodesValueSum(matchingLeaves),\n      });\n    }\n  }\n\n  return filteredClusters;\n};\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AAI1B,MAAM,mBAAmB,CAC9B,OACA,aACA,iBAC0B;AAC1B,MAAI,CAAC,YAAY,QAAQ;AACvB,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,cAAc;AACjB,WAAO,iCAAiC,OAAO,WAAW;AAAA,EAC5D;AAEA,SAAO,8BAA8B,OAAO,aAAa,YAAY;AACvE;AAEA,MAAM,mCAAmC,CACvC,UACA,gBAEA,SAAS,OAAO,CAAC,YAAY,YAAY,SAAS,QAAQ,IAAI,CAAC;AAEjE,MAAM,gCAAgC,CACpC,UACA,aACA,iBAC0B;AAC1B,QAAM,mBAA0C,CAAC;AAEjD,aAAW,WAAW,UAAU;AAC9B,UAAM,iBAAiB,QAAQ,UAAU;AAAA,MAAO,CAAC,SAC/C,YAAY,SAAS,OAAO,KAAK,YAAY,CAAC,CAAC;AAAA,IACjD;AAEA,QAAI,gBAAgB,QAAQ;AAC1B,uBAAiB,KAAK;AAAA,QACpB,GAAG;AAAA,QACH,UAAU;AAAA,QACV,OAAO,iBAAiB,cAAc;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/tree-map/utils/get-legend-interaction-props.js

@@ -1,8 +1,8 @@
-function getLegendInteractionProps(isPinned, isLoading, hasNameAccessor, legendActions, onHover, onClick) {
+function getLegendInteractionProps(isPinned, isLoading, hasValueNameAccessor, legendActions, onHover, onClick) {
   if (isPinned || isLoading) {
     return { interactionsDisabled: true };
   }
-  if (hasNameAccessor) {
+  if (hasValueNameAccessor) {
     return {
       onHover,
       interactionsDisabled: true

package/esm/charts/tree-map/utils/get-legend-interaction-props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/get-legend-interaction-props.ts"],
-  "sourcesContent": ["import type { LegendItem } from '../../core/components/legend/categorical/types/legend.js';\nimport type { SeriesActions } from '../../core/types/series-actions-template.js';\n\nexport function getLegendInteractionProps(\n  isPinned: boolean,\n  isLoading: boolean,\n  hasNameAccessor: boolean,\n  legendActions: SeriesActions<LegendItem>,\n  onHover: (hoveredSeries?: LegendItem) => void,\n  onClick: (visibleSlices: LegendItem[]) => void,\n) {\n  if (isPinned || isLoading) {\n    return { interactionsDisabled: true };\n  }\n\n  if (hasNameAccessor) {\n    return {\n      onHover: onHover,\n      interactionsDisabled: true,\n    };\n  }\n\n  return {\n    onSeriesAction: legendActions,\n    onHover: onHover,\n    onClick: onClick,\n    interactionsDisabled: false,\n  };\n}\n"],
-  "mappings": "AAGO,SAAS,0BACd,UACA,WACA,iBACA,eACA,SACA,SACA;AACA,MAAI,YAAY,WAAW;AACzB,WAAO,EAAE,sBAAsB,KAAK;AAAA,EACtC;AAEA,MAAI,iBAAiB;AACnB,WAAO;AAAA,MACL;AAAA,MACA,sBAAsB;AAAA,IACxB;AAAA,EACF;AAEA,SAAO;AAAA,IACL,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,EACxB;AACF;",
+  "sourcesContent": ["import type { LegendItem } from '../../core/components/legend/categorical/types/legend.js';\nimport type { SeriesActions } from '../../core/types/series-actions-template.js';\n\nexport function getLegendInteractionProps(\n  isPinned: boolean,\n  isLoading: boolean,\n  hasValueNameAccessor: boolean,\n  legendActions: SeriesActions<LegendItem>,\n  onHover: (hoveredSeries?: LegendItem) => void,\n  onClick: (visibleSlices: LegendItem[]) => void,\n) {\n  if (isPinned || isLoading) {\n    return { interactionsDisabled: true };\n  }\n\n  if (hasValueNameAccessor) {\n    return {\n      onHover: onHover,\n      interactionsDisabled: true,\n    };\n  }\n\n  return {\n    onSeriesAction: legendActions,\n    onHover: onHover,\n    onClick: onClick,\n    interactionsDisabled: false,\n  };\n}\n"],
+  "mappings": "AAGO,SAAS,0BACd,UACA,WACA,sBACA,eACA,SACA,SACA;AACA,MAAI,YAAY,WAAW;AACzB,WAAO,EAAE,sBAAsB,KAAK;AAAA,EACtC;AAEA,MAAI,sBAAsB;AACxB,WAAO;AAAA,MACL;AAAA,MACA,sBAAsB;AAAA,IACxB;AAAA,EACF;AAEA,SAAO;AAAA,IACL,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,EACxB;AACF;",
   "names": []
 }

package/esm/charts/tree-map/utils/get-node-color.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/get-node-color.ts"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\nimport { isUndefined } from 'lodash-es';\n\nimport { DEFAULT_BORDER_COLOR } from '../constants.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const getNodeColor = (\n  entry: HierarchyRectangularNode<InternalTreeMapNode>,\n): string => {\n  const isRootNode = !isUndefined(entry.data.color);\n  const color = isRootNode ? entry.data.color : entry.parent?.data.color;\n  return color?.Default ?? DEFAULT_BORDER_COLOR;\n};\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\nimport { isUndefined } from 'lodash-es';\n\nimport { DEFAULT_BORDER_COLOR } from '../constants.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const getNodeColor = (\n  entry: HierarchyRectangularNode<InternalTreeMapNode>,\n): string => {\n  const isRootNode = !isUndefined(entry.data.color);\n  const color = isRootNode ? entry.data.color : entry.parent?.data.color;\n  return color?.Default ?? DEFAULT_BORDER_COLOR;\n};\n"],
   "mappings": "AACA,SAAS,mBAAmB;AAE5B,SAAS,4BAA4B;AAG9B,MAAM,eAAe,CAC1B,UACW;AACX,QAAM,aAAa,CAAC,YAAY,MAAM,KAAK,KAAK;AAChD,QAAM,QAAQ,aAAa,MAAM,KAAK,QAAQ,MAAM,QAAQ,KAAK;AACjE,SAAO,OAAO,WAAW;AAC3B;",
   "names": []
 }