@dynatrace/strato-components 3.7.0 → 3.8.0

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-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-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/to-hierarchical-props.js

@@ -0,0 +1,88 @@
+const toHierarchicalProps = (props) => {
+  const { data, valueAccessor, nameAccessor, groupBy, ...rest } = props;
+  const { rootKey, clusterKey, leafKey } = resolveGroupKeys(groupBy);
+  const rootName = resolveRootName(data, rootKey);
+  const clusterMap = buildClusterMap(data, valueAccessor, clusterKey, leafKey);
+  const nodes = buildClusterNodes(clusterMap);
+  const tree = buildRootNode(nodes, rootName);
+  return {
+    ...rest,
+    data: { tree },
+    nameAccessor: resolveNameAccessor(data, nameAccessor)
+  };
+};
+const resolveNameAccessor = (data, nameAccessor) => {
+  if (nameAccessor === void 0) {
+    return void 0;
+  }
+  return typeof data[0]?.[nameAccessor] === "number" ? "value" : "name";
+};
+const resolveGroupKeys = (groupBy) => {
+  const groups = Array.isArray(groupBy) ? groupBy.slice(0, 3) : [groupBy];
+  const hasRoot = groups.length >= 3;
+  return {
+    rootKey: hasRoot ? groups[0] : void 0,
+    clusterKey: hasRoot ? groups[1] : groups[0],
+    leafKey: groups.length >= 2 ? groups.at(-1) : void 0
+  };
+};
+const buildRootNode = (nodes, rootName) => ({
+  nodes,
+  value: nodes.reduce((sum, n) => sum + n.value, 0),
+  ...rootName === void 0 ? {} : { name: rootName }
+});
+const buildClusterNodes = (clusterMap) => Array.from(clusterMap.entries()).map(([name, { leaves, value }]) => ({
+  name,
+  value,
+  ...leaves.length > 0 ? { nodes: leaves } : {}
+}));
+const buildClusterMap = (data, valueAccessor, clusterKey, leafKey) => {
+  const clusterMap = /* @__PURE__ */ new Map();
+  for (const dp of data) {
+    const rawValue = dp[valueAccessor];
+    if (typeof rawValue !== "number") {
+      continue;
+    }
+    const clusterName = toSafeString(dp[clusterKey]);
+    let cluster = clusterMap.get(clusterName);
+    if (!cluster) {
+      cluster = {
+        leaves: [],
+        value: 0
+      };
+      clusterMap.set(clusterName, cluster);
+    }
+    cluster.value += rawValue;
+    if (leafKey === void 0) {
+      continue;
+    }
+    const leafName = toSafeString(dp[leafKey]);
+    cluster.leaves.push({ name: leafName, value: rawValue });
+  }
+  return clusterMap;
+};
+const resolveRootName = (data, rootKey) => {
+  if (rootKey === void 0) {
+    return void 0;
+  }
+  const rootNameValue = data.find(
+    (dp) => dp[rootKey] !== null && dp[rootKey] !== void 0
+  )?.[rootKey];
+  if (rootNameValue === null || rootNameValue === void 0) {
+    return void 0;
+  }
+  return toSafeString(rootNameValue);
+};
+const toSafeString = (value) => {
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number" || typeof value === "boolean") {
+    return `${value}`;
+  }
+  return "";
+};
+export {
+  toHierarchicalProps
+};
+//# sourceMappingURL=to-hierarchical-props.js.map

package/esm/charts/tree-map/utils/to-hierarchical-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/tree-map/utils/to-hierarchical-props.ts"],
+  "sourcesContent": ["import type {\n  NameAccessor,\n  TreeMapClusterNode,\n  TreeMapFlatProps,\n  TreeMapHierarchicalProps,\n  TreeMapLeafNode,\n  TreeMapRootNode,\n} from '../types/treemap.js';\n\nexport const toHierarchicalProps = (\n  props: TreeMapFlatProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n): TreeMapHierarchicalProps => {\n  const { data, valueAccessor, nameAccessor, groupBy, ...rest } = props;\n\n  const { rootKey, clusterKey, leafKey } = resolveGroupKeys(groupBy);\n  const rootName = resolveRootName(data, rootKey);\n\n  const clusterMap = buildClusterMap(data, valueAccessor, clusterKey, leafKey);\n\n  const nodes: TreeMapClusterNode[] = buildClusterNodes(clusterMap);\n  const tree = buildRootNode(nodes, rootName);\n\n  return {\n    ...rest,\n    data: { tree },\n    nameAccessor: resolveNameAccessor(data, nameAccessor),\n  };\n};\n\nconst resolveNameAccessor = (\n  data: Record<string, unknown>[],\n  nameAccessor: string | undefined,\n): NameAccessor | undefined => {\n  if (nameAccessor === undefined) {\n    return undefined;\n  }\n  return typeof data[0]?.[nameAccessor] === 'number' ? 'value' : 'name';\n};\n\nconst resolveGroupKeys = (groupBy: string | string[]) => {\n  const groups = Array.isArray(groupBy) ? groupBy.slice(0, 3) : [groupBy];\n  const hasRoot = groups.length >= 3;\n\n  return {\n    rootKey: hasRoot ? groups[0] : undefined,\n    clusterKey: hasRoot ? groups[1] : groups[0],\n    leafKey: groups.length >= 2 ? groups.at(-1) : undefined,\n  };\n};\n\nconst buildRootNode = (\n  nodes: TreeMapClusterNode[],\n  rootName: string | undefined,\n): TreeMapRootNode => ({\n  nodes,\n  value: nodes.reduce((sum, n) => sum + n.value, 0),\n  ...(rootName === undefined ? {} : { name: rootName }),\n});\n\nconst buildClusterNodes = (\n  clusterMap: Map<string, { leaves: TreeMapLeafNode[]; value: number }>,\n): TreeMapClusterNode[] =>\n  Array.from(clusterMap.entries()).map(([name, { leaves, value }]) => ({\n    name,\n    value,\n    ...(leaves.length > 0 ? { nodes: leaves } : {}),\n  }));\n\nconst buildClusterMap = (\n  data: Record<string, unknown>[],\n  valueAccessor: string,\n  clusterKey: string,\n  leafKey: string | undefined,\n) => {\n  const clusterMap = new Map<\n    string,\n    { leaves: TreeMapLeafNode[]; value: number }\n  >();\n\n  for (const dp of data) {\n    const rawValue = dp[valueAccessor];\n    if (typeof rawValue !== 'number') {\n      continue;\n    }\n\n    const clusterName = toSafeString(dp[clusterKey]);\n\n    let cluster = clusterMap.get(clusterName);\n    if (!cluster) {\n      cluster = {\n        leaves: [] as TreeMapLeafNode[],\n        value: 0,\n      };\n      clusterMap.set(clusterName, cluster);\n    }\n\n    cluster.value += rawValue;\n\n    if (leafKey === undefined) {\n      continue;\n    }\n    const leafName = toSafeString(dp[leafKey]);\n    cluster.leaves.push({ name: leafName, value: rawValue });\n  }\n\n  return clusterMap;\n};\n\nconst resolveRootName = (\n  data: Record<string, unknown>[],\n  rootKey: string | undefined,\n): string | undefined => {\n  if (rootKey === undefined) {\n    return undefined;\n  }\n\n  const rootNameValue = data.find(\n    (dp) => dp[rootKey] !== null && dp[rootKey] !== undefined,\n  )?.[rootKey];\n\n  if (rootNameValue === null || rootNameValue === undefined) {\n    return undefined;\n  }\n\n  return toSafeString(rootNameValue);\n};\n\nconst toSafeString = (value: unknown): string => {\n  if (typeof value === 'string') {\n    return value;\n  }\n  if (typeof value === 'number' || typeof value === 'boolean') {\n    return `${value}`;\n  }\n  return '';\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/charts/xy-chart/XYChart.js

@@ -35,6 +35,10 @@ import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
 import { defaultChartSize } from "../../core/styles/defaultChartValues.sty.js";
 import { getAnnotationsVisibleArea } from "../core/components/annotations/utils/get-annotations-visible-area.js";
 import { ChartGrid } from "../core/components/chart-grid/ChartGridRoot.js";
+import {
+  shouldShowAnnotations,
+  shouldShowAxes
+} from "../core/components/chart-grid/constants.js";
 import { useChartLayoutLoading } from "../core/components/chart-layout/hooks/useChartLayoutLoading.js";
 import { useGraphSize } from "../core/components/chart-layout/hooks/useGraphSize.js";
 import { ChartLoaderOverlay } from "../core/components/chart-loader-overlay/ChartLoaderOverlay.js";
@@ -65,7 +69,20 @@ const XYChart = forwardRef(
       annotationsConfig?.fixedTracks,
       hiddenTracks.length
     );
-    const annotationsAreaHeight = annotationsVisibleArea + (tracksQuantity - hiddenTracks.length > 0 ? ANNOTATIONS_PADDING_BOTTOM : 0);
+    const hasVisibleAnnotationTracks = tracksQuantity - hiddenTracks.length > 0;
+    const annotationsPadding = hasVisibleAnnotationTracks ? ANNOTATIONS_PADDING_BOTTOM : 0;
+    const annotationsAreaHeight = annotationsVisibleArea + annotationsPadding;
+    const showAnnotations = shouldShowAnnotations(
+      chartGridHeight,
+      tracksQuantity
+    );
+    const showAxes = shouldShowAxes(chartGridHeight);
+    const gridAnnotationsHeight = showAnnotations ? annotationsAreaHeight : 0;
+    const computedGridTemplateRows = showAxes ? gridTemplateRows(
+      bottomAxisMaxSize,
+      topAxisMaxSize,
+      gridAnnotationsHeight
+    ) : "0px 0px 1fr 1px";
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -86,11 +103,7 @@ const XYChart = forwardRef(
               leftAxisMaxSize,
               rightAxisMaxSize
             ),
-            gridTemplateRows: gridTemplateRows(
-              bottomAxisMaxSize,
-              topAxisMaxSize,
-              annotationsAreaHeight
-            ),
+            gridTemplateRows: computedGridTemplateRows,
             ref: chartAndForwardedRef,
             children: /* @__PURE__ */ jsx(XYChartTooltipContext.Provider, { value: config.tooltip, children: /* @__PURE__ */ jsx(XYChartSelectConfigContext.Provider, { value: config.select, children: /* @__PURE__ */ jsx(XYChartProviders, { children: /* @__PURE__ */ jsxs(
               XYChartImperativeHandlerBuilder,
@@ -99,17 +112,17 @@ const XYChart = forwardRef(
                 containerRef: chartRef,
                 config,
                 children: [
-                  /* @__PURE__ */ jsx(XYChartTopAxisArea, {}),
-                  /* @__PURE__ */ jsx(XYChartBottomAxisArea, {}),
-                  /* @__PURE__ */ jsx(XYChartLeftAxisArea, {}),
-                  /* @__PURE__ */ jsx(XYChartRightAxisArea, {}),
-                  !!tracksQuantity && /* @__PURE__ */ jsx(XYChartAnnotationsArea, {}),
+                  showAxes && /* @__PURE__ */ jsx(XYChartTopAxisArea, {}),
+                  showAxes && /* @__PURE__ */ jsx(XYChartBottomAxisArea, {}),
+                  showAxes && /* @__PURE__ */ jsx(XYChartLeftAxisArea, {}),
+                  showAxes && /* @__PURE__ */ jsx(XYChartRightAxisArea, {}),
+                  showAnnotations && /* @__PURE__ */ jsx(XYChartAnnotationsArea, {}),
                   /* @__PURE__ */ jsxs(ChartGrid.PlotArea, { children: [
                     /* @__PURE__ */ jsx(XYChartGridLayout, {}),
                     /* @__PURE__ */ jsx(XYChartLayout, {}),
                     /* @__PURE__ */ jsx(BarLabelLayout, {}),
                     /* @__PURE__ */ jsx(XYChartAxisBorder, {}),
-                    /* @__PURE__ */ jsx(XYChartAnnotationsIndicators, {}),
+                    showAnnotations && /* @__PURE__ */ jsx(XYChartAnnotationsIndicators, {}),
                     /* @__PURE__ */ jsx(
                       ChartLoaderOverlay,
                       {

package/esm/charts/xy-chart/XYChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/xy-chart/XYChart.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartImperativeHandlerBuilder } from './builders/XYChartImperativeHandlerBuilder.js';\nimport { XYChartAnnotationsArea } from './components/annotations/XYChartAnnotationsArea.js';\nimport { XYChartAnnotationsIndicators } from './components/annotations/XYChartAnnotationsIndicators.js';\nimport { XYChartBottomAxisArea } from './components/axes/XYChartBottomAxisArea.js';\nimport { XYChartLeftAxisArea } from './components/axes/XYChartLeftAxisArea.js';\nimport { XYChartRightAxisArea } from './components/axes/XYChartRightAxisArea.js';\nimport { XYChartTopAxisArea } from './components/axes/XYChartTopAxisArea.js';\nimport { BarLabelLayout } from './components/displays/BarDisplay/BarLabelLayout.js';\nimport { XYChartGridLayout } from './components/layout/XYChartGridLayout.js';\nimport { XYChartOverlay } from './components/overlay/XYChartOverlay.js';\nimport { XYChartThresholdArea } from './components/thresholds/XYChartThresholdArea.js';\nimport {\n  ANNOTATIONS_PADDING_BOTTOM,\n  XY_CHART_ARIA_LABEL,\n} from './constants/defaults.js';\nimport { XYChartSelectConfigContext } from './context/XYChartSelectConfig.context.js';\nimport { XYChartTooltipContext } from './context/XYChartTooltip.context.js';\nimport { useVisibleAxesConfig } from './hooks/useVisibleAxesConfig.js';\nimport { useXYChartAnnotationsConfig } from './hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from './hooks/useXYChartAnnotationsData.js';\nimport { useXYChartAnnotationsHiddenTracks } from './hooks/useXYChartAnnotationsHiddenTracks.js';\nimport { useXYChartData } from './hooks/useXYChartData.js';\nimport { XYChartAxisBorder } from './layout/XYChartAxisBorder.js';\nimport { XYChartLayout } from './layout/XYChartLayout.js';\nimport { XYChartProviders } from './providers/XYChartProviders.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { getPaddingByAxes } from './utils/get-padding-by-axes.js';\nimport {\n  gridTemplateAreas,\n  gridTemplateColumns,\n  gridTemplateRows,\n} from './utils/grid-templates.js';\nimport type { XYChartConfig } from './utils/xy-chart-configuration.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { getAnnotationsVisibleArea } from '../core/components/annotations/utils/get-annotations-visible-area.js';\nimport { ChartGrid } from '../core/components/chart-grid/ChartGridRoot.js';\nimport { useChartLayoutLoading } from '../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useGraphSize } from '../core/components/chart-layout/hooks/useGraphSize.js';\nimport { ChartLoaderOverlay } from '../core/components/chart-loader-overlay/ChartLoaderOverlay.js';\n\ninterface XYChartProps {\n  config: XYChartConfig;\n}\n\nexport const XYChart = forwardRef<XYChartRef, PropsWithChildren<XYChartProps>>(\n  ({ config }, forwardedRef) => {\n    const loading = useChartLayoutLoading();\n    const { width, height } = useGraphSize();\n    const chartRef = useRef<HTMLDivElement>(null);\n    const chartAndForwardedRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n      forwardedRef,\n      chartRef,\n    ]);\n    const { top, bottom, left, right } = useVisibleAxesConfig();\n    const { axesMetadata } = useXYChartData();\n\n    const topAxisMaxSize = top?.tickLabelMaxSize;\n    const bottomAxisMaxSize = bottom?.tickLabelMaxSize;\n    const leftAxisMaxSize = left?.tickLabelMaxSize;\n    const rightAxisMaxSize = right?.tickLabelMaxSize;\n    const paddings = getPaddingByAxes({ top, bottom, left, right });\n    const chartGridHeight = height - paddings.vertical();\n    const chartGridWidth = width - paddings.horizontal();\n\n    const annotationsData = useXYChartAnnotationsData();\n    const annotationsConfig = useXYChartAnnotationsConfig();\n    const tracksQuantity = annotationsData?.size ?? 0;\n    const hiddenTracks = useXYChartAnnotationsHiddenTracks();\n\n    const annotationsVisibleArea = getAnnotationsVisibleArea(\n      tracksQuantity,\n      annotationsConfig?.fixedTracks,\n      hiddenTracks.length,\n    );\n\n    const annotationsAreaHeight =\n      annotationsVisibleArea +\n      (tracksQuantity - hiddenTracks.length > 0\n        ? ANNOTATIONS_PADDING_BOTTOM\n        : 0);\n\n    return (\n      <div\n        className={defaultChartSize}\n        style={{\n          paddingTop: paddings.top,\n          paddingLeft: paddings.left,\n        }}\n        aria-label={XY_CHART_ARIA_LABEL}\n        role=\"img\"\n      >\n        <ChartGrid\n          width={chartGridWidth}\n          height={chartGridHeight}\n          gridTemplateAreas={gridTemplateAreas}\n          gridTemplateColumns={gridTemplateColumns(\n            leftAxisMaxSize,\n            rightAxisMaxSize,\n          )}\n          gridTemplateRows={gridTemplateRows(\n            bottomAxisMaxSize,\n            topAxisMaxSize,\n            annotationsAreaHeight,\n          )}\n          ref={chartAndForwardedRef}\n        >\n          <XYChartTooltipContext.Provider value={config.tooltip}>\n            <XYChartSelectConfigContext.Provider value={config.select}>\n              <XYChartProviders>\n                <XYChartImperativeHandlerBuilder\n                  chartRef={forwardedRef}\n                  containerRef={chartRef}\n                  config={config}\n                >\n                  <XYChartTopAxisArea />\n                  <XYChartBottomAxisArea />\n                  <XYChartLeftAxisArea />\n                  <XYChartRightAxisArea />\n\n                  {!!tracksQuantity && <XYChartAnnotationsArea />}\n                  <ChartGrid.PlotArea>\n                    <XYChartGridLayout />\n                    <XYChartLayout />\n                    <BarLabelLayout />\n                    <XYChartAxisBorder />\n                    <XYChartAnnotationsIndicators />\n                    <ChartLoaderOverlay\n                      loading={loading}\n                      zoomEnabled={axesMetadata.isZoomEnabled}\n                    >\n                      <XYChartOverlay />\n                    </ChartLoaderOverlay>\n                  </ChartGrid.PlotArea>\n                  <XYChartThresholdArea />\n                </XYChartImperativeHandlerBuilder>\n              </XYChartProviders>\n            </XYChartSelectConfigContext.Provider>\n          </XYChartTooltipContext.Provider>\n        </ChartGrid>\n      </div>\n    );\n  },\n);\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartImperativeHandlerBuilder } from './builders/XYChartImperativeHandlerBuilder.js';\nimport { XYChartAnnotationsArea } from './components/annotations/XYChartAnnotationsArea.js';\nimport { XYChartAnnotationsIndicators } from './components/annotations/XYChartAnnotationsIndicators.js';\nimport { XYChartBottomAxisArea } from './components/axes/XYChartBottomAxisArea.js';\nimport { XYChartLeftAxisArea } from './components/axes/XYChartLeftAxisArea.js';\nimport { XYChartRightAxisArea } from './components/axes/XYChartRightAxisArea.js';\nimport { XYChartTopAxisArea } from './components/axes/XYChartTopAxisArea.js';\nimport { BarLabelLayout } from './components/displays/BarDisplay/BarLabelLayout.js';\nimport { XYChartGridLayout } from './components/layout/XYChartGridLayout.js';\nimport { XYChartOverlay } from './components/overlay/XYChartOverlay.js';\nimport { XYChartThresholdArea } from './components/thresholds/XYChartThresholdArea.js';\nimport {\n  ANNOTATIONS_PADDING_BOTTOM,\n  XY_CHART_ARIA_LABEL,\n} from './constants/defaults.js';\nimport { XYChartSelectConfigContext } from './context/XYChartSelectConfig.context.js';\nimport { XYChartTooltipContext } from './context/XYChartTooltip.context.js';\nimport { useVisibleAxesConfig } from './hooks/useVisibleAxesConfig.js';\nimport { useXYChartAnnotationsConfig } from './hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from './hooks/useXYChartAnnotationsData.js';\nimport { useXYChartAnnotationsHiddenTracks } from './hooks/useXYChartAnnotationsHiddenTracks.js';\nimport { useXYChartData } from './hooks/useXYChartData.js';\nimport { XYChartAxisBorder } from './layout/XYChartAxisBorder.js';\nimport { XYChartLayout } from './layout/XYChartLayout.js';\nimport { XYChartProviders } from './providers/XYChartProviders.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { getPaddingByAxes } from './utils/get-padding-by-axes.js';\nimport {\n  gridTemplateAreas,\n  gridTemplateColumns,\n  gridTemplateRows,\n} from './utils/grid-templates.js';\nimport type { XYChartConfig } from './utils/xy-chart-configuration.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { getAnnotationsVisibleArea } from '../core/components/annotations/utils/get-annotations-visible-area.js';\nimport { ChartGrid } from '../core/components/chart-grid/ChartGridRoot.js';\nimport {\n  shouldShowAnnotations,\n  shouldShowAxes,\n} from '../core/components/chart-grid/constants.js';\nimport { useChartLayoutLoading } from '../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useGraphSize } from '../core/components/chart-layout/hooks/useGraphSize.js';\nimport { ChartLoaderOverlay } from '../core/components/chart-loader-overlay/ChartLoaderOverlay.js';\n\ninterface XYChartProps {\n  config: XYChartConfig;\n}\n\nexport const XYChart = forwardRef<XYChartRef, PropsWithChildren<XYChartProps>>(\n  ({ config }, forwardedRef) => {\n    const loading = useChartLayoutLoading();\n    const { width, height } = useGraphSize();\n    const chartRef = useRef<HTMLDivElement>(null);\n    const chartAndForwardedRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n      forwardedRef,\n      chartRef,\n    ]);\n    const { top, bottom, left, right } = useVisibleAxesConfig();\n    const { axesMetadata } = useXYChartData();\n\n    const topAxisMaxSize = top?.tickLabelMaxSize;\n    const bottomAxisMaxSize = bottom?.tickLabelMaxSize;\n    const leftAxisMaxSize = left?.tickLabelMaxSize;\n    const rightAxisMaxSize = right?.tickLabelMaxSize;\n    const paddings = getPaddingByAxes({ top, bottom, left, right });\n    const chartGridHeight = height - paddings.vertical();\n    const chartGridWidth = width - paddings.horizontal();\n\n    const annotationsData = useXYChartAnnotationsData();\n    const annotationsConfig = useXYChartAnnotationsConfig();\n    const tracksQuantity = annotationsData?.size ?? 0;\n    const hiddenTracks = useXYChartAnnotationsHiddenTracks();\n\n    const annotationsVisibleArea = getAnnotationsVisibleArea(\n      tracksQuantity,\n      annotationsConfig?.fixedTracks,\n      hiddenTracks.length,\n    );\n\n    const hasVisibleAnnotationTracks = tracksQuantity - hiddenTracks.length > 0;\n    const annotationsPadding = hasVisibleAnnotationTracks\n      ? ANNOTATIONS_PADDING_BOTTOM\n      : 0;\n    const annotationsAreaHeight = annotationsVisibleArea + annotationsPadding;\n\n    const showAnnotations = shouldShowAnnotations(\n      chartGridHeight,\n      tracksQuantity,\n    );\n\n    const showAxes = shouldShowAxes(chartGridHeight);\n\n    const gridAnnotationsHeight = showAnnotations ? annotationsAreaHeight : 0;\n    const computedGridTemplateRows = showAxes\n      ? gridTemplateRows(\n          bottomAxisMaxSize,\n          topAxisMaxSize,\n          gridAnnotationsHeight,\n        )\n      : '0px 0px 1fr 1px';\n\n    return (\n      <div\n        className={defaultChartSize}\n        style={{\n          paddingTop: paddings.top,\n          paddingLeft: paddings.left,\n        }}\n        aria-label={XY_CHART_ARIA_LABEL}\n        role=\"img\"\n      >\n        <ChartGrid\n          width={chartGridWidth}\n          height={chartGridHeight}\n          gridTemplateAreas={gridTemplateAreas}\n          gridTemplateColumns={gridTemplateColumns(\n            leftAxisMaxSize,\n            rightAxisMaxSize,\n          )}\n          gridTemplateRows={computedGridTemplateRows}\n          ref={chartAndForwardedRef}\n        >\n          <XYChartTooltipContext.Provider value={config.tooltip}>\n            <XYChartSelectConfigContext.Provider value={config.select}>\n              <XYChartProviders>\n                <XYChartImperativeHandlerBuilder\n                  chartRef={forwardedRef}\n                  containerRef={chartRef}\n                  config={config}\n                >\n                  {showAxes && <XYChartTopAxisArea />}\n                  {showAxes && <XYChartBottomAxisArea />}\n                  {showAxes && <XYChartLeftAxisArea />}\n                  {showAxes && <XYChartRightAxisArea />}\n\n                  {showAnnotations && <XYChartAnnotationsArea />}\n                  <ChartGrid.PlotArea>\n                    <XYChartGridLayout />\n                    <XYChartLayout />\n                    <BarLabelLayout />\n                    <XYChartAxisBorder />\n                    {showAnnotations && <XYChartAnnotationsIndicators />}\n                    <ChartLoaderOverlay\n                      loading={loading}\n                      zoomEnabled={axesMetadata.isZoomEnabled}\n                    >\n                      <XYChartOverlay />\n                    </ChartLoaderOverlay>\n                  </ChartGrid.PlotArea>\n                  <XYChartThresholdArea />\n                </XYChartImperativeHandlerBuilder>\n              </XYChartProviders>\n            </XYChartSelectConfigContext.Provider>\n          </XYChartTooltipContext.Provider>\n        </ChartGrid>\n      </div>\n    );\n  },\n);\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/XYChartRoot.js

@@ -68,7 +68,9 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
     className,
     __downloadDataCallback: downloadDataCallback,
     "data-dtrum-mask": dataDtrumMask,
-    "data-dtrum-allow": dataDtrumAllow
+    "data-dtrum-allow": dataDtrumAllow,
+    // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.
+    "data-dt-component": componentName = COMPONENT_NAME_BEHAVIOURAL_TRACKING
   } = props;
   const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
   const slots = iterateSlots(props.children);
@@ -130,7 +132,7 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
                           "data-dtrum-mask": dataDtrumMask,
                           "data-dtrum-allow": dataDtrumAllow,
                           ...behaviorTrackingProps,
-                          "data-dt-component": COMPONENT_NAME_BEHAVIOURAL_TRACKING,
+                          "data-dt-component": componentName,
                           children: [
                             /* @__PURE__ */ jsx(ChartLayout.Graph, { children: /* @__PURE__ */ jsx(
                               XYChartInternal,