@dynatrace/strato-components 3.7.1 → 3.9.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/get-node-dimension.ts"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\n\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const getNodeDimension = (\n  entry: HierarchyRectangularNode<InternalTreeMapNode>,\n): { width: number; height: number } => ({\n  width: entry.x1 - entry.x0,\n  height: entry.y1 - entry.y0,\n});\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const getNodeDimension = (\n  entry: HierarchyRectangularNode<InternalTreeMapNode>,\n): { width: number; height: number } => ({\n  width: entry.x1 - entry.x0,\n  height: entry.y1 - entry.y0,\n});\n"],
   "mappings": "AAIO,MAAM,mBAAmB,CAC9B,WACuC;AAAA,EACvC,OAAO,MAAM,KAAK,MAAM;AAAA,EACxB,QAAQ,MAAM,KAAK,MAAM;AAC3B;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/get-node-opacity.ts"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\n\nimport type { LegendItem } from '../../core/components/legend/categorical/types/legend.js';\nimport { DEFAULT_FILL_OPACITY } from '../../core/constants.js';\nimport { getOpacity } from '../../core/utils/getOpacity.js';\nimport type {\n  HighlightingMap,\n  InternalTreeMapNode,\n} from '../types/internal.js';\n\nexport const getNodeOpacity = (\n  entry: HierarchyRectangularNode<InternalTreeMapNode>,\n  highlightingMap: HighlightingMap,\n  highlightedItem?: LegendItem,\n): number => {\n  const hasHighlightedItem = highlightedItem !== undefined;\n\n  if (!hasHighlightedItem) {\n    return DEFAULT_FILL_OPACITY;\n  }\n\n  const isHighlighted = highlightingMap[entry.data.id].has(\n    highlightedItem.name,\n  );\n\n  return getOpacity(isHighlighted);\n};\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport type { LegendItem } from '../../core/components/legend/categorical/types/legend.js';\nimport { DEFAULT_FILL_OPACITY } from '../../core/constants.js';\nimport { getOpacity } from '../../core/utils/getOpacity.js';\nimport type {\n  HighlightingMap,\n  InternalTreeMapNode,\n} from '../types/internal.js';\n\nexport const getNodeOpacity = (\n  entry: HierarchyRectangularNode<InternalTreeMapNode>,\n  highlightingMap: HighlightingMap,\n  highlightedItem?: LegendItem,\n): number => {\n  const hasHighlightedItem = highlightedItem !== undefined;\n\n  if (!hasHighlightedItem) {\n    return DEFAULT_FILL_OPACITY;\n  }\n\n  const isHighlighted = highlightingMap[entry.data.id].has(\n    highlightedItem.name,\n  );\n\n  return getOpacity(isHighlighted);\n};\n"],
   "mappings": "AAGA,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAMpB,MAAM,iBAAiB,CAC5B,OACA,iBACA,oBACW;AACX,QAAM,qBAAqB,oBAAoB;AAE/C,MAAI,CAAC,oBAAoB;AACvB,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,gBAAgB,MAAM,KAAK,EAAE,EAAE;AAAA,IACnD,gBAAgB;AAAA,EAClB;AAEA,SAAO,WAAW,aAAa;AACjC;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/get-node-position.ts"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\n\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const getNodePosition = (\n  entry: HierarchyRectangularNode<InternalTreeMapNode>,\n): { x: number; y: number } => ({ x: entry.x0, y: entry.y0 });\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const getNodePosition = (\n  entry: HierarchyRectangularNode<InternalTreeMapNode>,\n): { x: number; y: number } => ({ x: entry.x0, y: entry.y0 });\n"],
   "mappings": "AAIO,MAAM,kBAAkB,CAC7B,WAC8B,EAAE,GAAG,MAAM,IAAI,GAAG,MAAM,GAAG;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/get-tooltip-data.ts"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\n\nimport { nodePadding } from './node-padding.js';\nimport { shouldDrawLeafNode } from './should-draw-leaf-node.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const getTooltipData = (\n  leafNodes: HierarchyRectangularNode<InternalTreeMapNode>[],\n  clusterNodes: HierarchyRectangularNode<InternalTreeMapNode>[],\n  relativePosition: { x: number; y: number },\n  hasParentLabels: boolean = false,\n) => {\n  const nodes = hasParentLabels ? [...leafNodes, ...clusterNodes] : leafNodes;\n\n  return nodes.find((node) => {\n    const padding = nodePadding(node, hasParentLabels);\n    const showLeafTooltip = shouldDrawLeafNode(node);\n\n    if (!showLeafTooltip && hasParentLabels) {\n      return null;\n    }\n\n    return (\n      node.x0 - padding <= relativePosition.x &&\n      node.x1 + padding >= relativePosition.x &&\n      node.y0 - padding <= relativePosition.y &&\n      node.y1 + padding >= relativePosition.y\n    );\n  });\n};\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport { nodePadding } from './node-padding.js';\nimport { shouldDrawLeafNode } from './should-draw-leaf-node.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const getTooltipData = (\n  leafNodes: HierarchyRectangularNode<InternalTreeMapNode>[],\n  clusterNodes: HierarchyRectangularNode<InternalTreeMapNode>[],\n  relativePosition: { x: number; y: number },\n  hasParentLabels: boolean = false,\n) => {\n  const nodes = hasParentLabels ? [...leafNodes, ...clusterNodes] : leafNodes;\n\n  return nodes.find((node) => {\n    const padding = nodePadding(node, hasParentLabels);\n    const showLeafTooltip = shouldDrawLeafNode(node);\n\n    if (!showLeafTooltip && hasParentLabels) {\n      return null;\n    }\n\n    return (\n      node.x0 - padding <= relativePosition.x &&\n      node.x1 + padding >= relativePosition.x &&\n      node.y0 - padding <= relativePosition.y &&\n      node.y1 + padding >= relativePosition.y\n    );\n  });\n};\n"],
   "mappings": "AAEA,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AAG5B,MAAM,iBAAiB,CAC5B,WACA,cACA,kBACA,kBAA2B,UACxB;AACH,QAAM,QAAQ,kBAAkB,CAAC,GAAG,WAAW,GAAG,YAAY,IAAI;AAElE,SAAO,MAAM,KAAK,CAAC,SAAS;AAC1B,UAAM,UAAU,YAAY,MAAM,eAAe;AACjD,UAAM,kBAAkB,mBAAmB,IAAI;AAE/C,QAAI,CAAC,mBAAmB,iBAAiB;AACvC,aAAO;AAAA,IACT;AAEA,WACE,KAAK,KAAK,WAAW,iBAAiB,KACtC,KAAK,KAAK,WAAW,iBAAiB,KACtC,KAAK,KAAK,WAAW,iBAAiB,KACtC,KAAK,KAAK,WAAW,iBAAiB;AAAA,EAE1C,CAAC;AACH;",
   "names": []
 }

package/esm/charts/tree-map/utils/get-tooltip-item.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/get-tooltip-item.ts"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport type { Formatter } from '../../core/types/formatter.js';\nimport { DEFAULT_AGGREGATED_LABEL } from '../constants.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nconst getTooltipItemId = (\n  content?: HierarchyRectangularNode<InternalTreeMapNode>,\n) => {\n  const isCluster = content?.data.children?.length;\n  const parentName = content?.parent?.data.name;\n  const nodeName = content?.data.name;\n  const nodeValue = content?.data.value;\n\n  const isAggregatedNode = nodeName === DEFAULT_AGGREGATED_LABEL;\n  const isAggregatedChild =\n    content?.data.children?.[0].name === DEFAULT_AGGREGATED_LABEL;\n  const isChildOfAggregatedCluster = parentName === DEFAULT_AGGREGATED_LABEL;\n  const isAggregatedCluster = isAggregatedNode && isAggregatedChild;\n\n  if (isChildOfAggregatedCluster || isAggregatedCluster) {\n    return `other-cluster-${nodeValue}`;\n  }\n  if (isAggregatedNode) {\n    return `other-${parentName}-${nodeValue}`;\n  }\n  if (isCluster) {\n    return `cluster-${nodeName}-${nodeValue}`;\n  }\n  return `${parentName}-${nodeName}-${nodeValue}`;\n};\n\nexport const getTooltipItem = (\n  formatter: Formatter,\n  content?: HierarchyRectangularNode<InternalTreeMapNode>,\n  unit?: string | Unit,\n) => ({\n  id: getTooltipItemId(content),\n  name: content?.data.name ?? '-',\n  values: [formatter(content?.data.value ?? 0, unit)],\n});\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport type { Formatter } from '../../core/types/formatter.js';\nimport { DEFAULT_AGGREGATED_LABEL } from '../constants.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nconst getTooltipItemId = (\n  content?: HierarchyRectangularNode<InternalTreeMapNode>,\n) => {\n  const isCluster = content?.data.children?.length;\n  const parentName = content?.parent?.data.name;\n  const nodeName = content?.data.name;\n  const nodeValue = content?.data.value;\n\n  const isAggregatedNode = nodeName === DEFAULT_AGGREGATED_LABEL;\n  const isAggregatedChild =\n    content?.data.children?.[0].name === DEFAULT_AGGREGATED_LABEL;\n  const isChildOfAggregatedCluster = parentName === DEFAULT_AGGREGATED_LABEL;\n  const isAggregatedCluster = isAggregatedNode && isAggregatedChild;\n\n  if (isChildOfAggregatedCluster || isAggregatedCluster) {\n    return `other-cluster-${nodeValue}`;\n  }\n  if (isAggregatedNode) {\n    return `other-${parentName}-${nodeValue}`;\n  }\n  if (isCluster) {\n    return `cluster-${nodeName}-${nodeValue}`;\n  }\n  return `${parentName}-${nodeName}-${nodeValue}`;\n};\n\nexport const getTooltipItem = (\n  formatter: Formatter,\n  content?: HierarchyRectangularNode<InternalTreeMapNode>,\n  unit?: string | Unit,\n) => ({\n  id: getTooltipItemId(content),\n  name: content?.data.name ?? '-',\n  values: [formatter(content?.data.value ?? 0, unit)],\n});\n"],
   "mappings": "AAKA,SAAS,gCAAgC;AAGzC,MAAM,mBAAmB,CACvB,YACG;AACH,QAAM,YAAY,SAAS,KAAK,UAAU;AAC1C,QAAM,aAAa,SAAS,QAAQ,KAAK;AACzC,QAAM,WAAW,SAAS,KAAK;AAC/B,QAAM,YAAY,SAAS,KAAK;AAEhC,QAAM,mBAAmB,aAAa;AACtC,QAAM,oBACJ,SAAS,KAAK,WAAW,CAAC,EAAE,SAAS;AACvC,QAAM,6BAA6B,eAAe;AAClD,QAAM,sBAAsB,oBAAoB;AAEhD,MAAI,8BAA8B,qBAAqB;AACrD,WAAO,iBAAiB,SAAS;AAAA,EACnC;AACA,MAAI,kBAAkB;AACpB,WAAO,SAAS,UAAU,IAAI,SAAS;AAAA,EACzC;AACA,MAAI,WAAW;AACb,WAAO,WAAW,QAAQ,IAAI,SAAS;AAAA,EACzC;AACA,SAAO,GAAG,UAAU,IAAI,QAAQ,IAAI,SAAS;AAC/C;AAEO,MAAM,iBAAiB,CAC5B,WACA,SACA,UACI;AAAA,EACJ,IAAI,iBAAiB,OAAO;AAAA,EAC5B,MAAM,SAAS,KAAK,QAAQ;AAAA,EAC5B,QAAQ,CAAC,UAAU,SAAS,KAAK,SAAS,GAAG,IAAI,CAAC;AACpD;",
   "names": []
 }

package/esm/charts/tree-map/utils/node-padding.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/node-padding.ts"],
-  "sourcesContent": ["import { HierarchyRectangularNode } from '@visx/hierarchy/lib/types';\n\nimport {\n  NODE_LEAF_PADDING,\n  NODE_CLUSTER_PADDING,\n  NODE_WITH_RECT_CLUSTER_PADDING,\n  NODE_WITH_RECT_PADDING_TOP,\n  ROOT_NODE_WITH_LABELS_OUTER_PADDING,\n  NODE_WITH_RECT_OUTER_PADDING,\n} from '../constants.js';\nimport { type InternalTreeMapNode } from '../types/internal.js';\n\nexport function nodePadding<TTreeNode>(\n  node: HierarchyRectangularNode<TTreeNode>,\n  hasParentLabel: boolean,\n): number {\n  if (node.height === 0) {\n    return NODE_LEAF_PADDING;\n  }\n\n  if (hasParentLabel) {\n    return node.depth > 0\n      ? NODE_CLUSTER_PADDING\n      : NODE_WITH_RECT_CLUSTER_PADDING;\n  }\n\n  return NODE_CLUSTER_PADDING;\n}\n\nexport const nodePaddingTop = (\n  node: HierarchyRectangularNode<InternalTreeMapNode>,\n): number => {\n  return node.depth > 0\n    ? NODE_WITH_RECT_PADDING_TOP\n    : ROOT_NODE_WITH_LABELS_OUTER_PADDING;\n};\n\nexport const nodePaddingOuter = (\n  node: HierarchyRectangularNode<InternalTreeMapNode>,\n): number => {\n  return node.depth > 0\n    ? NODE_WITH_RECT_OUTER_PADDING\n    : ROOT_NODE_WITH_LABELS_OUTER_PADDING;\n};\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport {\n  NODE_LEAF_PADDING,\n  NODE_CLUSTER_PADDING,\n  NODE_WITH_RECT_CLUSTER_PADDING,\n  NODE_WITH_RECT_PADDING_TOP,\n  ROOT_NODE_WITH_LABELS_OUTER_PADDING,\n  NODE_WITH_RECT_OUTER_PADDING,\n} from '../constants.js';\nimport { type InternalTreeMapNode } from '../types/internal.js';\n\nexport function nodePadding<TTreeNode>(\n  node: HierarchyRectangularNode<TTreeNode>,\n  hasParentLabel: boolean,\n): number {\n  if (node.height === 0) {\n    return NODE_LEAF_PADDING;\n  }\n\n  if (hasParentLabel) {\n    return node.depth > 0\n      ? NODE_CLUSTER_PADDING\n      : NODE_WITH_RECT_CLUSTER_PADDING;\n  }\n\n  return NODE_CLUSTER_PADDING;\n}\n\nexport const nodePaddingTop = (\n  node: HierarchyRectangularNode<InternalTreeMapNode>,\n): number => {\n  return node.depth > 0\n    ? NODE_WITH_RECT_PADDING_TOP\n    : ROOT_NODE_WITH_LABELS_OUTER_PADDING;\n};\n\nexport const nodePaddingOuter = (\n  node: HierarchyRectangularNode<InternalTreeMapNode>,\n): number => {\n  return node.depth > 0\n    ? NODE_WITH_RECT_OUTER_PADDING\n    : ROOT_NODE_WITH_LABELS_OUTER_PADDING;\n};\n"],
   "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,YACd,MACA,gBACQ;AACR,MAAI,KAAK,WAAW,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB;AAClB,WAAO,KAAK,QAAQ,IAChB,uBACA;AAAA,EACN;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAC5B,SACW;AACX,SAAO,KAAK,QAAQ,IAChB,6BACA;AACN;AAEO,MAAM,mBAAmB,CAC9B,SACW;AACX,SAAO,KAAK,QAAQ,IAChB,+BACA;AACN;",
   "names": []
 }

package/esm/charts/tree-map/utils/should-draw-leaf-node.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/should-draw-leaf-node.ts"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\n\nimport {\n  RECT_STROKE_WIDTH,\n  MIN_CLUSTER_HEIGHT_WITH_VISIBLE_CHILDREN,\n  MIN_CLUSTER_WIDTH_WITH_VISIBLE_CHILDREN,\n} from '../constants.js';\nimport type { LeafNode } from '../types/guards/node-guards.js';\n\nexport const shouldDrawLeafNode = (\n  leaf: HierarchyRectangularNode<LeafNode>,\n) => {\n  const { y0 = 0, y1 = 0, x0 = 0, x1 = 0 } = leaf.parent ?? {};\n\n  const nodeHeight = Math.abs(y1 - y0);\n  const nodeWidth = Math.abs(x1 - x0);\n\n  const fitHeight =\n    nodeHeight + RECT_STROKE_WIDTH >= MIN_CLUSTER_HEIGHT_WITH_VISIBLE_CHILDREN;\n\n  const fitWidth =\n    nodeWidth + RECT_STROKE_WIDTH >= MIN_CLUSTER_WIDTH_WITH_VISIBLE_CHILDREN;\n\n  return fitHeight && fitWidth;\n};\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport {\n  RECT_STROKE_WIDTH,\n  MIN_CLUSTER_HEIGHT_WITH_VISIBLE_CHILDREN,\n  MIN_CLUSTER_WIDTH_WITH_VISIBLE_CHILDREN,\n} from '../constants.js';\nimport type { LeafNode } from '../types/guards/node-guards.js';\n\nexport const shouldDrawLeafNode = (\n  leaf: HierarchyRectangularNode<LeafNode>,\n) => {\n  const { y0 = 0, y1 = 0, x0 = 0, x1 = 0 } = leaf.parent ?? {};\n\n  const nodeHeight = Math.abs(y1 - y0);\n  const nodeWidth = Math.abs(x1 - x0);\n\n  const fitHeight =\n    nodeHeight + RECT_STROKE_WIDTH >= MIN_CLUSTER_HEIGHT_WITH_VISIBLE_CHILDREN;\n\n  const fitWidth =\n    nodeWidth + RECT_STROKE_WIDTH >= MIN_CLUSTER_WIDTH_WITH_VISIBLE_CHILDREN;\n\n  return fitHeight && fitWidth;\n};\n"],
   "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,MAAM,qBAAqB,CAChC,SACG;AACH,QAAM,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,KAAK,UAAU,CAAC;AAE3D,QAAM,aAAa,KAAK,IAAI,KAAK,EAAE;AACnC,QAAM,YAAY,KAAK,IAAI,KAAK,EAAE;AAElC,QAAM,YACJ,aAAa,qBAAqB;AAEpC,QAAM,WACJ,YAAY,qBAAqB;AAEnC,SAAO,aAAa;AACtB;",
   "names": []
 }

package/esm/charts/tree-map/utils/split-nodes-by-depth.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/split-nodes-by-depth.ts"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\n\nimport type { ClusterNode, LeafNode } from '../types/guards/node-guards.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const splitNodesByDepth = (\n  nodes: HierarchyRectangularNode<InternalTreeMapNode>[],\n) => {\n  const splitNodes: {\n    clusters: HierarchyRectangularNode<ClusterNode>[];\n    leafs: HierarchyRectangularNode<LeafNode>[];\n  } = { clusters: [], leafs: [] };\n\n  return nodes.reduce((acc, node) => {\n    if (node.depth === 1) {\n      acc.clusters.push(node as HierarchyRectangularNode<ClusterNode>);\n    }\n    if (node.depth > 1) {\n      acc.leafs.push(node as HierarchyRectangularNode<LeafNode>);\n    }\n    return acc;\n  }, splitNodes);\n};\n"],
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport type { ClusterNode, LeafNode } from '../types/guards/node-guards.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const splitNodesByDepth = (\n  nodes: HierarchyRectangularNode<InternalTreeMapNode>[],\n) => {\n  const splitNodes: {\n    clusters: HierarchyRectangularNode<ClusterNode>[];\n    leafs: HierarchyRectangularNode<LeafNode>[];\n  } = { clusters: [], leafs: [] };\n\n  return nodes.reduce((acc, node) => {\n    if (node.depth === 1) {\n      acc.clusters.push(node as HierarchyRectangularNode<ClusterNode>);\n    }\n    if (node.depth > 1) {\n      acc.leafs.push(node as HierarchyRectangularNode<LeafNode>);\n    }\n    return acc;\n  }, splitNodes);\n};\n"],
   "mappings": "AAKO,MAAM,oBAAoB,CAC/B,UACG;AACH,QAAM,aAGF,EAAE,UAAU,CAAC,GAAG,OAAO,CAAC,EAAE;AAE9B,SAAO,MAAM,OAAO,CAAC,KAAK,SAAS;AACjC,QAAI,KAAK,UAAU,GAAG;AACpB,UAAI,SAAS,KAAK,IAA6C;AAAA,IACjE;AACA,QAAI,KAAK,QAAQ,GAAG;AAClB,UAAI,MAAM,KAAK,IAA0C;AAAA,IAC3D;AACA,WAAO;AAAA,EACT,GAAG,UAAU;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

@@ -11,10 +11,7 @@ import { BarLabelLayout } from "./components/displays/BarDisplay/BarLabelLayout.
 import { XYChartGridLayout } from "./components/layout/XYChartGridLayout.js";
 import { XYChartOverlay } from "./components/overlay/XYChartOverlay.js";
 import { XYChartThresholdArea } from "./components/thresholds/XYChartThresholdArea.js";
-import {
-  ANNOTATIONS_PADDING_BOTTOM,
-  XY_CHART_ARIA_LABEL
-} from "./constants/defaults.js";
+import { XY_CHART_ARIA_LABEL } from "./constants/defaults.js";
 import { XYChartSelectConfigContext } from "./context/XYChartSelectConfig.context.js";
 import { XYChartTooltipContext } from "./context/XYChartTooltip.context.js";
 import { useVisibleAxesConfig } from "./hooks/useVisibleAxesConfig.js";
@@ -35,6 +32,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 +66,18 @@ const XYChart = forwardRef(
       annotationsConfig?.fixedTracks,
       hiddenTracks.length
     );
-    const annotationsAreaHeight = annotationsVisibleArea + (tracksQuantity - hiddenTracks.length > 0 ? ANNOTATIONS_PADDING_BOTTOM : 0);
+    const annotationsAreaHeight = annotationsVisibleArea;
+    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 +98,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 +107,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 { XY_CHART_ARIA_LABEL } 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 annotationsAreaHeight = annotationsVisibleArea;\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,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/xy-chart/XYChartRoot.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartLegend } from './components/legend/XYChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { XYChartAxesConfigContext } from './context/axes/XYChartAxesConfig.context.js';\nimport { XYChartAnnotationsConfig } from './context/XYChartAnnotationsConfig.context.js';\nimport { XYChartColorPaletteContext } from './context/XYChartColorPalette.context.js';\nimport { XYChartLegendHiddenContext } from './context/XYChartLegendHidden.context.js';\nimport { XYChartThresholdsContext } from './context/XYChartThresholds.context.js';\nimport { XYChartToolbarContext } from './context/XYChartToolbar.context.js';\nimport { XYChartTruncationModeContext } from './context/XYChartTruncationMode.context.js';\nimport { useXYChartConfig } from './hooks/useXYChartConfig.js';\nimport { XYChartAnnotationsDataProvider } from './providers/XYChartAnnotationsDataProvider.js';\nimport { XYChartAnnotationsShownIndicatorsProvider } from './providers/XYChartAnnotationsShownIndicatorsProvider.js';\nimport { XYChartColorScalesProvider } from './providers/XYChartColorScalesProvider.js';\nimport { XYChartChartDataProvider } from './providers/XYChartDataProvider.js';\nimport { XYChartDownloadProvider } from './providers/XYChartDownloadProvider.js';\nimport { XYChartIdProvider } from './providers/XYChartIdProvider.js';\nimport { XYChartStoreDomainSync } from './providers/XYChartStoreDomainSync.js';\nimport { XYChartStoreProvider } from './providers/XYChartStoreProvider.js';\nimport { XYChartVisibleAxesProvider } from './providers/XYChartVisibleAxesProvider.js';\nimport { Annotations } from './slots/Annotations/Annotations.js';\nimport { Marker } from './slots/Annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/Annotations/Tooltip.js';\nimport { Track } from './slots/Annotations/Track.js';\nimport { AreaSeries } from './slots/AreaSeries.js';\nimport { BarSeries } from './slots/BarSeries.js';\n// DEPRECATION: [APPDEV-17650] BREAKING-CHANGE: Remove CustomTooltip slot.\nimport { CustomTooltip } from './slots/CustomTooltip.js';\nimport { DotSeries } from './slots/DotSeries.js';\nimport { Legend } from './slots/Legend.js';\nimport { LineSeries } from './slots/LineSeries.js';\nimport { RectSeries } from './slots/RectSeries.js';\nimport { Select } from './slots/Select.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { XYChartTooltipSlot as Tooltip } from './slots/Tooltip.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport type { XYChartProps } from './types/xy-chart-props.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { isEmptyData } from './utils/is-empty-data.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildInternalConfig } from './utils/xy-chart-configuration.js';\nimport { XYChart as XYChartInternal } from './XYChart.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { OverlayProvider } from '../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    __downloadDataCallback: downloadDataCallback,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const slots = iterateSlots(props.children);\n  const config = useXYChartConfig(props, slots);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n    ref,\n    containerRef,\n  ]);\n\n  const {\n    hidden: legendHidden,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n    position: legendPosition,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n\n  const internalConfig = buildInternalConfig(config, slots);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <XYChartIdProvider>\n      <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n        <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n          <XYChartColorPaletteContext.Provider value={config.colorPalette}>\n            <XYChartDownloadProvider\n              downloadDataCallback={downloadDataCallback}\n            >\n              <XYChartToolbarContext.Provider value={config.toolbar}>\n                <XYChartTruncationModeContext.Provider\n                  value={{ truncationMode: config.truncationMode }}\n                >\n                  <XYChartLegendHiddenContext.Provider\n                    value={Boolean(legendHidden)}\n                  >\n                    <XYChartAnnotationsConfig.Provider\n                      value={config.annotations}\n                    >\n                      <ColorRuleContext.Provider value={config.colorRules}>\n                        <XYChartStoreProvider>\n                          <XYChartChartDataProvider\n                            data={data}\n                            seriesVariantsProps={internalConfig.series}\n                          >\n                            <XYChartStoreDomainSync>\n                              <XYChartAnnotationsDataProvider>\n                                <XYChartVisibleAxesProvider>\n                                  <XYChartColorScalesProvider>\n                                    <XYChartAnnotationsShownIndicatorsProvider>\n                                      <OverlayProvider>\n                                        <TooltipProvider>\n                                          <ChartLayout\n                                            ref={chartLayoutRef}\n                                            chartHeight={chartHeight}\n                                            chartWidth={width}\n                                            className={className}\n                                            emptyState={emptyState}\n                                            errorState={errorState}\n                                            isEmpty={isEmptyData(\n                                              children,\n                                              data,\n                                            )}\n                                            showLoader={loading}\n                                            style={style}\n                                            data-dtrum-mask={dataDtrumMask}\n                                            data-dtrum-allow={dataDtrumAllow}\n                                            {...behaviorTrackingProps}\n                                            data-dt-component={\n                                              COMPONENT_NAME_BEHAVIOURAL_TRACKING\n                                            }\n                                          >\n                                            <ChartLayout.Graph>\n                                              <XYChartInternal\n                                                config={config}\n                                                ref={rootRef}\n                                              />\n                                            </ChartLayout.Graph>\n                                            {!legendHidden && (\n                                              <ChartLayout.Legend\n                                                position={legendPosition}\n                                                initialRatio={legendRatio}\n                                                onResize={onRatioChange}\n                                              >\n                                                <XYChartLegend />\n                                              </ChartLayout.Legend>\n                                            )}\n                                          </ChartLayout>\n                                        </TooltipProvider>\n                                      </OverlayProvider>\n                                    </XYChartAnnotationsShownIndicatorsProvider>\n                                  </XYChartColorScalesProvider>\n                                </XYChartVisibleAxesProvider>\n                              </XYChartAnnotationsDataProvider>\n                            </XYChartStoreDomainSync>\n                          </XYChartChartDataProvider>\n                        </XYChartStoreProvider>\n                      </ColorRuleContext.Provider>\n                    </XYChartAnnotationsConfig.Provider>\n                  </XYChartLegendHiddenContext.Provider>\n                </XYChartTruncationModeContext.Provider>\n              </XYChartToolbarContext.Provider>\n            </XYChartDownloadProvider>\n          </XYChartColorPaletteContext.Provider>\n        </XYChartAxesConfigContext.Provider>\n      </XYChartThresholdsContext.Provider>\n    </XYChartIdProvider>\n  );\n});\n\n/**\n * The `XYChart` encompasses various types of charts that utilize both x-axis and\n * y-axis for data representation, designed to visually display and analyze data\n * that involve two numerical variables.\n * @public\n */\nexport const XYChart = Object.assign(XYChartRoot, {\n  Annotations,\n  RectSeries,\n  DotSeries,\n  LineSeries,\n  BarSeries,\n  AreaSeries,\n  XAxis,\n  YAxis,\n  Legend,\n  Toolbar,\n  /** @deprecated Use `XYChart.Tooltip` instead. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  CustomTooltip,\n  Tooltip,\n  Intent,\n  Select,\n  ThresholdIndicator,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n\n/**\n * XYAnnotations Slots\n * @public\n */\nexport const XYChartAnnotations = {\n  Marker,\n  Track,\n  Tooltip: AnnotationsTooltip,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartLegend } from './components/legend/XYChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { XYChartAxesConfigContext } from './context/axes/XYChartAxesConfig.context.js';\nimport { XYChartAnnotationsConfig } from './context/XYChartAnnotationsConfig.context.js';\nimport { XYChartColorPaletteContext } from './context/XYChartColorPalette.context.js';\nimport { XYChartLegendHiddenContext } from './context/XYChartLegendHidden.context.js';\nimport { XYChartThresholdsContext } from './context/XYChartThresholds.context.js';\nimport { XYChartToolbarContext } from './context/XYChartToolbar.context.js';\nimport { XYChartTruncationModeContext } from './context/XYChartTruncationMode.context.js';\nimport { useXYChartConfig } from './hooks/useXYChartConfig.js';\nimport { XYChartAnnotationsDataProvider } from './providers/XYChartAnnotationsDataProvider.js';\nimport { XYChartAnnotationsShownIndicatorsProvider } from './providers/XYChartAnnotationsShownIndicatorsProvider.js';\nimport { XYChartColorScalesProvider } from './providers/XYChartColorScalesProvider.js';\nimport { XYChartChartDataProvider } from './providers/XYChartDataProvider.js';\nimport { XYChartDownloadProvider } from './providers/XYChartDownloadProvider.js';\nimport { XYChartIdProvider } from './providers/XYChartIdProvider.js';\nimport { XYChartStoreDomainSync } from './providers/XYChartStoreDomainSync.js';\nimport { XYChartStoreProvider } from './providers/XYChartStoreProvider.js';\nimport { XYChartVisibleAxesProvider } from './providers/XYChartVisibleAxesProvider.js';\nimport { Annotations } from './slots/Annotations/Annotations.js';\nimport { Marker } from './slots/Annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/Annotations/Tooltip.js';\nimport { Track } from './slots/Annotations/Track.js';\nimport { AreaSeries } from './slots/AreaSeries.js';\nimport { BarSeries } from './slots/BarSeries.js';\n// DEPRECATION: [APPDEV-17650] BREAKING-CHANGE: Remove CustomTooltip slot.\nimport { CustomTooltip } from './slots/CustomTooltip.js';\nimport { DotSeries } from './slots/DotSeries.js';\nimport { Legend } from './slots/Legend.js';\nimport { LineSeries } from './slots/LineSeries.js';\nimport { RectSeries } from './slots/RectSeries.js';\nimport { Select } from './slots/Select.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { XYChartTooltipSlot as Tooltip } from './slots/Tooltip.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport type { XYChartProps } from './types/xy-chart-props.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { isEmptyData } from './utils/is-empty-data.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildInternalConfig } from './utils/xy-chart-configuration.js';\nimport { XYChart as XYChartInternal } from './XYChart.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { OverlayProvider } from '../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    __downloadDataCallback: downloadDataCallback,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    // @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.\n    'data-dt-component': componentName = COMPONENT_NAME_BEHAVIOURAL_TRACKING,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const slots = iterateSlots(props.children);\n  const config = useXYChartConfig(props, slots);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n    ref,\n    containerRef,\n  ]);\n\n  const {\n    hidden: legendHidden,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n    position: legendPosition,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n\n  const internalConfig = buildInternalConfig(config, slots);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <XYChartIdProvider>\n      <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n        <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n          <XYChartColorPaletteContext.Provider value={config.colorPalette}>\n            <XYChartDownloadProvider\n              downloadDataCallback={downloadDataCallback}\n            >\n              <XYChartToolbarContext.Provider value={config.toolbar}>\n                <XYChartTruncationModeContext.Provider\n                  value={{ truncationMode: config.truncationMode }}\n                >\n                  <XYChartLegendHiddenContext.Provider\n                    value={Boolean(legendHidden)}\n                  >\n                    <XYChartAnnotationsConfig.Provider\n                      value={config.annotations}\n                    >\n                      <ColorRuleContext.Provider value={config.colorRules}>\n                        <XYChartStoreProvider>\n                          <XYChartChartDataProvider\n                            data={data}\n                            seriesVariantsProps={internalConfig.series}\n                          >\n                            <XYChartStoreDomainSync>\n                              <XYChartAnnotationsDataProvider>\n                                <XYChartVisibleAxesProvider>\n                                  <XYChartColorScalesProvider>\n                                    <XYChartAnnotationsShownIndicatorsProvider>\n                                      <OverlayProvider>\n                                        <TooltipProvider>\n                                          <ChartLayout\n                                            ref={chartLayoutRef}\n                                            chartHeight={chartHeight}\n                                            chartWidth={width}\n                                            className={className}\n                                            emptyState={emptyState}\n                                            errorState={errorState}\n                                            isEmpty={isEmptyData(\n                                              children,\n                                              data,\n                                            )}\n                                            showLoader={loading}\n                                            style={style}\n                                            data-dtrum-mask={dataDtrumMask}\n                                            data-dtrum-allow={dataDtrumAllow}\n                                            {...behaviorTrackingProps}\n                                            data-dt-component={componentName}\n                                          >\n                                            <ChartLayout.Graph>\n                                              <XYChartInternal\n                                                config={config}\n                                                ref={rootRef}\n                                              />\n                                            </ChartLayout.Graph>\n                                            {!legendHidden && (\n                                              <ChartLayout.Legend\n                                                position={legendPosition}\n                                                initialRatio={legendRatio}\n                                                onResize={onRatioChange}\n                                              >\n                                                <XYChartLegend />\n                                              </ChartLayout.Legend>\n                                            )}\n                                          </ChartLayout>\n                                        </TooltipProvider>\n                                      </OverlayProvider>\n                                    </XYChartAnnotationsShownIndicatorsProvider>\n                                  </XYChartColorScalesProvider>\n                                </XYChartVisibleAxesProvider>\n                              </XYChartAnnotationsDataProvider>\n                            </XYChartStoreDomainSync>\n                          </XYChartChartDataProvider>\n                        </XYChartStoreProvider>\n                      </ColorRuleContext.Provider>\n                    </XYChartAnnotationsConfig.Provider>\n                  </XYChartLegendHiddenContext.Provider>\n                </XYChartTruncationModeContext.Provider>\n              </XYChartToolbarContext.Provider>\n            </XYChartDownloadProvider>\n          </XYChartColorPaletteContext.Provider>\n        </XYChartAxesConfigContext.Provider>\n      </XYChartThresholdsContext.Provider>\n    </XYChartIdProvider>\n  );\n});\n\n/**\n * The `XYChart` encompasses various types of charts that utilize both x-axis and\n * y-axis for data representation, designed to visually display and analyze data\n * that involve two numerical variables.\n * @public\n */\nexport const XYChart = Object.assign(XYChartRoot, {\n  Annotations,\n  RectSeries,\n  DotSeries,\n  LineSeries,\n  BarSeries,\n  AreaSeries,\n  XAxis,\n  YAxis,\n  Legend,\n  Toolbar,\n  /** @deprecated Use `XYChart.Tooltip` instead. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  CustomTooltip,\n  Tooltip,\n  Intent,\n  Select,\n  ThresholdIndicator,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n\n/**\n * XYAnnotations Slots\n * @public\n */\nexport const XYChartAnnotations = {\n  Marker,\n  Track,\n  Tooltip: AnnotationsTooltip,\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/components/annotations/XYChartAnnotationsArea.js

@@ -10,7 +10,7 @@ import {
 } from "../../../core/components/annotations/constants.js";
 import { ChartGrid } from "../../../core/components/chart-grid/ChartGridRoot.js";
 import { useGridPlotSize } from "../../../core/components/chart-grid/hooks/useGridPlotSize.js";
-import { ANNOTATIONS_PADDING_BOTTOM } from "../../constants/defaults.js";
+import { useVisibleAxesScales } from "../../hooks/useVisibleAxesScales.js";
 import { useXYChartAnnotationsConfig } from "../../hooks/useXYChartAnnotationsConfig.js";
 import { useXYChartAnnotationsData } from "../../hooks/useXYChartAnnotationsData.js";
 import { useXYChartData } from "../../hooks/useXYChartData.js";
@@ -25,6 +25,7 @@ const XYChartAnnotationsArea = () => {
   const annotationsData = useXYChartAnnotationsData();
   const setState = useSetState();
   const { width } = useGridPlotSize();
+  const { top: topAxisScale } = useVisibleAxesScales();
   const { axes } = useXYChartData();
   const [behaviorTrackingProps] = useBehavioralTrackingProps(
     annotationsConfig ?? {}
@@ -53,42 +54,36 @@ const XYChartAnnotationsArea = () => {
     axisType: axis.type,
     axisScale: scale
   }) ? AnnotationsTimeDisplay : AnnotationsNumericalDisplay;
-  return /* @__PURE__ */ jsx(
-    ChartGrid.GridArea,
-    {
-      paddingBottom: ANNOTATIONS_PADDING_BOTTOM,
-      gridArea: AREAS.annotations,
-      children: ({ availableWidth, availableHeight }) => {
-        const labelsOffset = availableWidth - width;
-        const annotationsCommonConfig = {
-          tracks: serializedAnnotationsData,
-          showLabels,
-          labelsOffset,
-          width: availableWidth,
-          markerGroupHover: handleUpdateIndicators,
-          textOverflow: DEFAULT_INTEGRATION_TEXT_OVERFLOW,
-          truncateMode: "middle",
-          tooltipConfig: annotationsConfig.tooltip,
-          ...behaviorTrackingProps
-        };
-        return /* @__PURE__ */ jsx(
-          AnnotationsScrollWrapper,
+  return /* @__PURE__ */ jsx(ChartGrid.GridArea, { gridArea: AREAS.annotations, children: ({ availableWidth, availableHeight }) => {
+    const labelsOffset = availableWidth - width;
+    const annotationsCommonConfig = {
+      tracks: serializedAnnotationsData,
+      showLabels,
+      outerBottomLine: !isUndefined(topAxisScale),
+      labelsOffset,
+      width: availableWidth,
+      markerGroupHover: handleUpdateIndicators,
+      textOverflow: DEFAULT_INTEGRATION_TEXT_OVERFLOW,
+      truncateMode: "middle",
+      tooltipConfig: annotationsConfig.tooltip,
+      ...behaviorTrackingProps
+    };
+    return /* @__PURE__ */ jsx(
+      AnnotationsScrollWrapper,
+      {
+        height: availableHeight,
+        width: availableWidth + SCROLLBAR_THRESHOLD,
+        children: /* @__PURE__ */ jsx(
+          DisplayComponent,
           {
-            height: availableHeight,
-            width: availableWidth + SCROLLBAR_THRESHOLD,
-            children: /* @__PURE__ */ jsx(
-              DisplayComponent,
-              {
-                scale,
-                annotationsActions: (annotation) => annotation && annotationsActions?.(annotation),
-                ...annotationsCommonConfig
-              }
-            )
+            scale,
+            annotationsActions: (annotation) => annotation && annotationsActions?.(annotation),
+            ...annotationsCommonConfig
           }
-        );
+        )
       }
-    }
-  );
+    );
+  } });
 };
 export {
   XYChartAnnotationsArea

package/esm/charts/xy-chart/components/annotations/XYChartAnnotationsArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/annotations/XYChartAnnotationsArea.tsx"],
-  "sourcesContent": ["import { ScaleLinear } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\n\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AnnotationsNumericalDisplay } from '../../../core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsTimeDisplay } from '../../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  DEFAULT_INTEGRATION_TEXT_OVERFLOW,\n  SCROLLBAR_THRESHOLD,\n} from '../../../core/components/annotations/constants.js';\nimport { AnnotationsActionsPayload } from '../../../core/components/annotations/types/annotations.js';\nimport type { TextOverflowOptions } from '../../../core/components/annotations/types/marker.js';\nimport type { SelectionState } from '../../../core/components/annotations/types/state.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport type { DateScales } from '../../../core/types/scales.js';\nimport { ANNOTATIONS_PADDING_BOTTOM } from '../../constants/defaults.js';\nimport { useXYChartAnnotationsConfig } from '../../hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from '../../hooks/useXYChartAnnotationsData.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { useSetState } from '../../store/selectors.js';\nimport { isTimeScale } from '../../types/guards.js';\nimport { getCurrentScale } from '../../utils/get-scale.js';\nimport { AREAS } from '../../utils/grid-templates.js';\n\nexport const XYChartAnnotationsArea = () => {\n  const scales = useXYChartScales();\n  const annotationsConfig = useXYChartAnnotationsConfig();\n  const annotationsData = useXYChartAnnotationsData();\n  const setState = useSetState();\n  const { width } = useGridPlotSize();\n  /* Using axes from data provider instead of config ones as some axes might disappear when filtering\n   * This could leave the annotations space empty and this expected to avoid suddenly moving areas around.\n   */\n  const { axes } = useXYChartData();\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(\n    annotationsConfig ?? {},\n  );\n\n  const handleUpdateIndicators = (event: Partial<SelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      annotations: {\n        ...prev.annotations,\n        ...event,\n      },\n    }));\n  };\n\n  if (isUndefined(annotationsConfig) || isUndefined(annotationsData)) {\n    return null;\n  }\n\n  const { xAxisId, showLabels = false, annotationsActions } = annotationsConfig;\n  const axis = axes.find(({ id }) => id === xAxisId);\n\n  if (axis === undefined) {\n    return null;\n  }\n\n  const scale = getCurrentScale(scales, xAxisId) as ScaleLinear<\n    number,\n    number\n  > &\n    DateScales;\n\n  const trackNames = Array.from(annotationsData.keys());\n\n  const serializedAnnotationsData = trackNames\n    .map((name) => annotationsData.get(name))\n    .filter((track) => !isUndefined(track));\n\n  const DisplayComponent = isTimeScale({\n    axisType: axis.type,\n    axisScale: scale,\n  })\n    ? AnnotationsTimeDisplay\n    : AnnotationsNumericalDisplay;\n\n  return (\n    <ChartGrid.GridArea\n      paddingBottom={ANNOTATIONS_PADDING_BOTTOM}\n      gridArea={AREAS.annotations}\n    >\n      {({ availableWidth, availableHeight }) => {\n        const labelsOffset = availableWidth - width;\n        const annotationsCommonConfig = {\n          tracks: serializedAnnotationsData,\n          showLabels,\n          labelsOffset,\n          width: availableWidth,\n          markerGroupHover: handleUpdateIndicators,\n          textOverflow:\n            DEFAULT_INTEGRATION_TEXT_OVERFLOW as TextOverflowOptions,\n          truncateMode: 'middle' as const,\n          tooltipConfig: annotationsConfig.tooltip,\n          ...behaviorTrackingProps,\n        };\n\n        return (\n          <AnnotationsScrollWrapper\n            height={availableHeight}\n            width={availableWidth + SCROLLBAR_THRESHOLD}\n          >\n            <DisplayComponent\n              scale={scale}\n              annotationsActions={(\n                annotation: AnnotationsActionsPayload | undefined,\n              ) => annotation && annotationsActions?.(annotation)}\n              {...annotationsCommonConfig}\n            />\n          </AnnotationsScrollWrapper>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n};\n"],
-  "mappings": "AA0GY;AAzGZ,SAAS,mBAAmB;AAE5B,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAIP,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEf,MAAM,yBAAyB,MAAM;AAC1C,QAAM,SAAS,iBAAiB;AAChC,QAAM,oBAAoB,4BAA4B;AACtD,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAIlC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,CAAC,qBAAqB,IAAI;AAAA,IAC9B,qBAAqB,CAAC;AAAA,EACxB;AAEA,QAAM,yBAAyB,CAAC,UAAmC;AACjE,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,aAAa;AAAA,QACX,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,MAAI,YAAY,iBAAiB,KAAK,YAAY,eAAe,GAAG;AAClE,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,SAAS,aAAa,OAAO,mBAAmB,IAAI;AAC5D,QAAM,OAAO,KAAK,KAAK,CAAC,EAAE,GAAG,MAAM,OAAO,OAAO;AAEjD,MAAI,SAAS,QAAW;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,gBAAgB,QAAQ,OAAO;AAM7C,QAAM,aAAa,MAAM,KAAK,gBAAgB,KAAK,CAAC;AAEpD,QAAM,4BAA4B,WAC/B,IAAI,CAAC,SAAS,gBAAgB,IAAI,IAAI,CAAC,EACvC,OAAO,CAAC,UAAU,CAAC,YAAY,KAAK,CAAC;AAExC,QAAM,mBAAmB,YAAY;AAAA,IACnC,UAAU,KAAK;AAAA,IACf,WAAW;AAAA,EACb,CAAC,IACG,yBACA;AAEJ,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,eAAe;AAAA,MACf,UAAU,MAAM;AAAA,MAEf,WAAC,EAAE,gBAAgB,gBAAgB,MAAM;AACxC,cAAM,eAAe,iBAAiB;AACtC,cAAM,0BAA0B;AAAA,UAC9B,QAAQ;AAAA,UACR;AAAA,UACA;AAAA,UACA,OAAO;AAAA,UACP,kBAAkB;AAAA,UAClB,cACE;AAAA,UACF,cAAc;AAAA,UACd,eAAe,kBAAkB;AAAA,UACjC,GAAG;AAAA,QACL;AAEA,eACE;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,YACR,OAAO,iBAAiB;AAAA,YAExB;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,oBAAoB,CAClB,eACG,cAAc,qBAAqB,UAAU;AAAA,gBACjD,GAAG;AAAA;AAAA,YACN;AAAA;AAAA,QACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import { ScaleLinear } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\n\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AnnotationsNumericalDisplay } from '../../../core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsTimeDisplay } from '../../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  DEFAULT_INTEGRATION_TEXT_OVERFLOW,\n  SCROLLBAR_THRESHOLD,\n} from '../../../core/components/annotations/constants.js';\nimport { AnnotationsActionsPayload } from '../../../core/components/annotations/types/annotations.js';\nimport type { TextOverflowOptions } from '../../../core/components/annotations/types/marker.js';\nimport type { SelectionState } from '../../../core/components/annotations/types/state.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport type { DateScales } from '../../../core/types/scales.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { useXYChartAnnotationsConfig } from '../../hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from '../../hooks/useXYChartAnnotationsData.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { useSetState } from '../../store/selectors.js';\nimport { isTimeScale } from '../../types/guards.js';\nimport { getCurrentScale } from '../../utils/get-scale.js';\nimport { AREAS } from '../../utils/grid-templates.js';\n\nexport const XYChartAnnotationsArea = () => {\n  const scales = useXYChartScales();\n  const annotationsConfig = useXYChartAnnotationsConfig();\n  const annotationsData = useXYChartAnnotationsData();\n  const setState = useSetState();\n  const { width } = useGridPlotSize();\n  const { top: topAxisScale } = useVisibleAxesScales();\n  /* Using axes from data provider instead of config ones as some axes might disappear when filtering\n   * This could leave the annotations space empty and this expected to avoid suddenly moving areas around.\n   */\n  const { axes } = useXYChartData();\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(\n    annotationsConfig ?? {},\n  );\n\n  const handleUpdateIndicators = (event: Partial<SelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      annotations: {\n        ...prev.annotations,\n        ...event,\n      },\n    }));\n  };\n\n  if (isUndefined(annotationsConfig) || isUndefined(annotationsData)) {\n    return null;\n  }\n\n  const { xAxisId, showLabels = false, annotationsActions } = annotationsConfig;\n  const axis = axes.find(({ id }) => id === xAxisId);\n\n  if (axis === undefined) {\n    return null;\n  }\n\n  const scale = getCurrentScale(scales, xAxisId) as ScaleLinear<\n    number,\n    number\n  > &\n    DateScales;\n\n  const trackNames = Array.from(annotationsData.keys());\n\n  const serializedAnnotationsData = trackNames\n    .map((name) => annotationsData.get(name))\n    .filter((track) => !isUndefined(track));\n\n  const DisplayComponent = isTimeScale({\n    axisType: axis.type,\n    axisScale: scale,\n  })\n    ? AnnotationsTimeDisplay\n    : AnnotationsNumericalDisplay;\n\n  return (\n    <ChartGrid.GridArea gridArea={AREAS.annotations}>\n      {({ availableWidth, availableHeight }) => {\n        const labelsOffset = availableWidth - width;\n        const annotationsCommonConfig = {\n          tracks: serializedAnnotationsData,\n          showLabels,\n          outerBottomLine: !isUndefined(topAxisScale),\n          labelsOffset,\n          width: availableWidth,\n          markerGroupHover: handleUpdateIndicators,\n          textOverflow:\n            DEFAULT_INTEGRATION_TEXT_OVERFLOW as TextOverflowOptions,\n          truncateMode: 'middle' as const,\n          tooltipConfig: annotationsConfig.tooltip,\n          ...behaviorTrackingProps,\n        };\n\n        return (\n          <AnnotationsScrollWrapper\n            height={availableHeight}\n            width={availableWidth + SCROLLBAR_THRESHOLD}\n          >\n            <DisplayComponent\n              scale={scale}\n              annotationsActions={(\n                annotation: AnnotationsActionsPayload | undefined,\n              ) => annotation && annotationsActions?.(annotation)}\n              {...annotationsCommonConfig}\n            />\n          </AnnotationsScrollWrapper>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n};\n"],
+  "mappings": "AAyGY;AAxGZ,SAAS,mBAAmB;AAE5B,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAIP,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,SAAS,4BAA4B;AACrC,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEf,MAAM,yBAAyB,MAAM;AAC1C,QAAM,SAAS,iBAAiB;AAChC,QAAM,oBAAoB,4BAA4B;AACtD,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,EAAE,KAAK,aAAa,IAAI,qBAAqB;AAInD,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,CAAC,qBAAqB,IAAI;AAAA,IAC9B,qBAAqB,CAAC;AAAA,EACxB;AAEA,QAAM,yBAAyB,CAAC,UAAmC;AACjE,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,aAAa;AAAA,QACX,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,MAAI,YAAY,iBAAiB,KAAK,YAAY,eAAe,GAAG;AAClE,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,SAAS,aAAa,OAAO,mBAAmB,IAAI;AAC5D,QAAM,OAAO,KAAK,KAAK,CAAC,EAAE,GAAG,MAAM,OAAO,OAAO;AAEjD,MAAI,SAAS,QAAW;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,gBAAgB,QAAQ,OAAO;AAM7C,QAAM,aAAa,MAAM,KAAK,gBAAgB,KAAK,CAAC;AAEpD,QAAM,4BAA4B,WAC/B,IAAI,CAAC,SAAS,gBAAgB,IAAI,IAAI,CAAC,EACvC,OAAO,CAAC,UAAU,CAAC,YAAY,KAAK,CAAC;AAExC,QAAM,mBAAmB,YAAY;AAAA,IACnC,UAAU,KAAK;AAAA,IACf,WAAW;AAAA,EACb,CAAC,IACG,yBACA;AAEJ,SACE,oBAAC,UAAU,UAAV,EAAmB,UAAU,MAAM,aACjC,WAAC,EAAE,gBAAgB,gBAAgB,MAAM;AACxC,UAAM,eAAe,iBAAiB;AACtC,UAAM,0BAA0B;AAAA,MAC9B,QAAQ;AAAA,MACR;AAAA,MACA,iBAAiB,CAAC,YAAY,YAAY;AAAA,MAC1C;AAAA,MACA,OAAO;AAAA,MACP,kBAAkB;AAAA,MAClB,cACE;AAAA,MACF,cAAc;AAAA,MACd,eAAe,kBAAkB;AAAA,MACjC,GAAG;AAAA,IACL;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO,iBAAiB;AAAA,QAExB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,oBAAoB,CAClB,eACG,cAAc,qBAAqB,UAAU;AAAA,YACjD,GAAG;AAAA;AAAA,QACN;AAAA;AAAA,IACF;AAAA,EAEJ,GACF;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/components/annotations/utils/get-indicators-from-annotations.js

@@ -19,6 +19,7 @@ const serializeAnnotationsMarkerFromXYChartData = (data, markerConfig) => {
     hidden: evaluateOptionalAttribute(markerConfig.hidden, data, false),
     priority: evaluateOptionalAttribute(markerConfig.priority, data, 0),
     color: markerConfig.colorAccessor ? getDatumValue(data, markerConfig.colorAccessor) : void 0,
+    symbolColor: markerConfig.symbolColorAccessor ? getDatumValue(data, markerConfig.symbolColorAccessor) : void 0,
     title: markerConfig.titleAccessor ? getDatumValue(data, markerConfig.titleAccessor) : void 0,
     description: markerConfig.descriptionAccessor ? getDatumValue(data, markerConfig.descriptionAccessor) : void 0,
     indicatorsDisplay: evaluateOptionalAttribute(