@dynatrace/strato-components 3.9.0 → 3.10.0

package/esm/charts/timeseries/utils/iterate-config-slots.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/timeseries/utils/iterate-config-slots.ts"],
-  "sourcesContent": ["import { isEmpty, merge } from 'lodash-es';\nimport { Children, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport { Intent, type IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport type { AnnotationsTooltipConfig } from '../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport type { AnnotationsMarkerConfig } from '../../core/components/annotations/types/annotations-marker-props.js';\nimport type { AnnotationsTrackConfig } from '../../core/components/annotations/types/annotations-track-props.js';\nimport { populateMissingMarkerProps } from '../../core/components/annotations/utils/populate-missing-marker-props.js';\nimport { populateMissingTrackProps } from '../../core/components/annotations/utils/populate-missing-track-props.js';\nimport { ChartInteractions } from '../../core/slots/chart-interactions/ChartInteractions.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport { ChartInteractionsConfig } from '../../core/types/interactions.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport { getConfigPlusDefaultOrEmpty } from '../../core/utils/interactions.js';\nimport { iterateChartInteractionsSlots } from '../../core/utils/iterate-chart-interactions-slots.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 { TimeseriesChartDownloadCSVSlot } from '../slots/DownloadCSV.js';\nimport { Legend } from '../slots/Legend.js';\nimport { Pan } from '../slots/Pan.js';\nimport { Select } from '../slots/Select.js';\nimport { Area, TimeseriesChartAreaProps } from '../slots/shapes/Area.js';\nimport { Band } from '../slots/shapes/Band.js';\nimport { Bar, TimeseriesChartBarProps } from '../slots/shapes/Bar.js';\nimport { Line, TimeseriesChartLineProps } from '../slots/shapes/Line.js';\nimport { ThresholdIndicator } from '../slots/ThresholdIndicator.js';\nimport { Toolbar } from '../slots/Toolbar.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { XAxis } from '../slots/XAxis.js';\nimport { YAxis } from '../slots/YAxis.js';\nimport { Zoom } from '../slots/Zoom.js';\nimport { TimeseriesChartBandProps } from '../types/timeseries-band.js';\nimport { TimeseriesChartSlots } from '../types/timeseries-config.js';\nimport {\n  ChartVariantInternal,\n  TimeseriesAreaSlotProps,\n  TimeseriesBandSlotProps,\n  TimeseriesBarSlotProps,\n  TimeseriesLineSlotProps,\n  TimeseriesPerVariant,\n} from '../types/timeseries.js';\nimport { TimeseriesChartToolbarConfig } from '../types/toolbar.js';\n\n/**\n * Generate chart config based on slots\n * @param children - TimeseriesChart children\n * @returns TimeseriesChartSlots slot config\n */\n\nconst slotInteractionsDefaultValues = {\n  zoom: { enabled: true },\n  zoomX: { enabled: true },\n  pan: { enabled: true },\n};\n\nconst chartInteractionsDefaultValues = {\n  zoom: { enabled: false },\n  zoomX: { enabled: false },\n  pan: { enabled: false },\n};\n\nconst getInteractionsConfig = (\n  chartConfig: ChartInteractionsConfig,\n  slotsConfig: ChartInteractionsConfig,\n) => {\n  const chartApiValues = getConfigPlusDefaultOrEmpty(\n    chartInteractionsDefaultValues,\n    chartConfig,\n  );\n  const slotsApiValues = getConfigPlusDefaultOrEmpty(\n    slotInteractionsDefaultValues,\n    slotsConfig,\n  );\n  return merge({}, chartApiValues, slotsApiValues);\n};\n\nconst disabledOnlyWhenSpecified = ({ disabled }: { disabled?: boolean }) =>\n  disabled;\n\nexport const iterateConfigSlots = (\n  children: ReactNode,\n): TimeseriesChartSlots => {\n  let slots: TimeseriesChartSlots = {\n    toolbar: {},\n    legend: {},\n    xAxis: {},\n    tooltip: {},\n    yAxis: [],\n    thresholds: [],\n    interactions: {},\n    colorRules: [],\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  let slotToolbar: TimeseriesChartToolbarConfig = {};\n  let chartToolbar: TimeseriesChartToolbarConfig = {};\n  let slotInteractions = {};\n  let chartInteractions = {};\n\n  Children.forEach(children, (child) => {\n    /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n    if (isSlot(child, ChartInteractions)) {\n      const { children, ...previousInteractions } = child.props;\n      const interactions = iterateChartInteractionsSlots(children);\n\n      chartInteractions = {\n        ...previousInteractions,\n        ...interactions,\n      };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      // TODO APPDEV-15615: Remove deprecated ChartToolbar handling\n      const { children, ...toolbar } = child.props;\n      const childrenToolbar = iterateChartToolbarSlots(children);\n\n      chartToolbar = {\n        enabled: true,\n        ...toolbar,\n        ...childrenToolbar,\n      };\n    } else if (isSlot(child, Toolbar)) {\n      // TODO: APPDEV-15615: Remove enabled key after deprecation\n      slotToolbar = {\n        enabled: child.props.hidden !== true,\n        ...slotToolbar,\n        ...sanitizeProps(child.props),\n        ...extractBehaviorTrackingProps(child.props),\n      };\n    } else if (isSlot(child, TimeseriesChartDownloadCSVSlot)) {\n      slotToolbar = { ...slotToolbar, downloadData: { enabled: true } };\n    } else if (isSlot(child, Zoom)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n\n      slotInteractions = {\n        ...slotInteractions,\n        zoom: { enabled },\n        zoomX: { enabled },\n      };\n    } else if (isSlot(child, Pan)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n      slotInteractions = { ...slotInteractions, pan: { enabled } };\n    } else if (isSlot(child, Legend)) {\n      const legend = child.props;\n\n      slots = {\n        ...slots,\n        legend,\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, XAxis)) {\n      const xAxis = child.props;\n      slots = {\n        ...slots,\n        xAxis,\n      };\n    } else if (isSlot(child, YAxis)) {\n      const yAxis = child.props;\n      slots.yAxis.push(yAxis);\n    } else if (isSlot(child, Tooltip)) {\n      const tooltip = child.props;\n      slots = {\n        ...slots,\n        tooltip,\n      };\n    } else if (isSlot(child, Annotations)) {\n      const { children, ...annotationsProps } = child.props;\n\n      const { tracks, tooltip } = iterateTrackSlots(children);\n\n      const annotations = {\n        ...annotationsProps,\n        tracks,\n        tooltip,\n      };\n\n      slots = {\n        ...slots,\n        annotations,\n      };\n    } else if (isSlot(child, ThresholdIndicator)) {\n      const thresholdProps = child.props;\n      slots.thresholds.push(thresholdProps);\n    } else if (isSlot(child, Select)) {\n      const select = child.props;\n\n      slots = {\n        ...slots,\n        select,\n      };\n    } else if (isSlot(child, ColorRule)) {\n      const colorRule = child.props;\n      if (isValidColorRule(colorRule)) {\n        slots.colorRules.push(colorRule);\n      }\n    }\n  });\n\n  const hasInteractionConfig =\n    Object.keys(chartInteractions).length > 0 ||\n    Object.keys(slotInteractions).length > 0;\n\n  slots.interactions = hasInteractionConfig\n    ? getInteractionsConfig(chartInteractions, slotInteractions)\n    : {};\n\n  const hasToolbarConfig =\n    !isEmpty(slotToolbar) || !isEmpty(chartToolbar) || intents;\n\n  if (hasToolbarConfig) {\n    slots.toolbar = {\n      ...chartToolbar,\n      ...slotToolbar,\n      enabled: slotToolbar.enabled ?? chartToolbar.enabled ?? true,\n      intents,\n    };\n  }\n\n  return slots;\n};\n\n/**\n * Generate config based on the Tracks and Markers slots\n * @param children - Annotations children\n * @returns tracks configuration including the markers\n */\nconst iterateTrackSlots = (children: ReactNode) => {\n  const tracks: AnnotationsTrackConfig[] = [];\n  let tooltip: AnnotationsTooltipConfig = {\n    template: undefined,\n    hidden: false,\n  };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Track)) {\n      const { children, ...trackProps } = child.props;\n      const currentTrack = {\n        ...trackProps,\n        markers: [] as AnnotationsMarkerConfig[],\n      };\n\n      Children.forEach(children, (child) => {\n        if (isSlot(child, Marker)) {\n          const marker = populateMissingMarkerProps(child.props, trackProps);\n\n          currentTrack.markers.push(marker);\n        }\n      });\n\n      const track = populateMissingTrackProps(currentTrack);\n      tracks.push(track);\n    } else if (isSlot(child, AnnotationsTooltip)) {\n      const { children, hidden } = child.props;\n      tooltip = {\n        template: children,\n        hidden: hidden ?? false,\n      };\n    }\n  });\n\n  return { tracks, tooltip };\n};\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (\n  children: ReactNode,\n): TimeseriesChartToolbarConfig => {\n  let toolbar = {};\n\n  Children.forEach(children, (childToolbar) => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (isElement(childToolbar) && childToolbar.type === DownloadData) {\n      toolbar = {\n        ...toolbar,\n        downloadData: { enabled: true },\n      };\n    }\n  });\n\n  return toolbar;\n};\n\n/**\n * Generate chart config based on slots\n * @param children - chartSeries children\n * @param defaultVariant - The variant defined at root level of TimeseriesChart\n * @returns ChartSeries slot config\n */\nexport const iterateChartSeriesSlots = (\n  children: ReactNode,\n): TimeseriesPerVariant => {\n  const line: TimeseriesLineSlotProps[] = [];\n  const bar: TimeseriesBarSlotProps[] = [];\n  const area: TimeseriesAreaSlotProps[] = [];\n  const band: TimeseriesBandSlotProps[] = [];\n  const shapePriority: ChartVariantInternal[] = [];\n\n  Children.forEach(children, (childSlot) => {\n    if (isElement(childSlot)) {\n      switch (childSlot.type) {\n        case Line: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartLineProps;\n          line.push({ ...data, ...overrides });\n          if (!shapePriority.includes('line')) {\n            shapePriority.push('line');\n          }\n          break;\n        }\n        case Bar: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartBarProps;\n          bar.push({ ...data, ...overrides });\n          if (!shapePriority.includes('bar')) {\n            shapePriority.push('bar');\n          }\n          break;\n        }\n        case Area: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartAreaProps;\n          area.push({ ...data, ...overrides });\n          if (!shapePriority.includes('area')) {\n            shapePriority.push('area');\n          }\n          break;\n        }\n        case Band: {\n          const {\n            data,\n            strokeOnly = false,\n            color,\n            gapPolicy,\n          } = childSlot.props as TimeseriesChartBandProps;\n          band.push({ ...data, strokeOnly, color, gapPolicy });\n          if (!shapePriority.includes('band')) {\n            shapePriority.push('band');\n          }\n          break;\n        }\n      }\n    }\n  });\n\n  return { band, line, area, bar, shapePriority };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isEmpty, merge } from 'lodash-es';\nimport { Children, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport { Intent, type IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport type { AnnotationsTooltipConfig } from '../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport type { AnnotationsMarkerConfig } from '../../core/components/annotations/types/annotations-marker-props.js';\nimport type { AnnotationsTrackConfig } from '../../core/components/annotations/types/annotations-track-props.js';\nimport { populateMissingMarkerProps } from '../../core/components/annotations/utils/populate-missing-marker-props.js';\nimport { populateMissingTrackProps } from '../../core/components/annotations/utils/populate-missing-track-props.js';\nimport { ChartInteractions } from '../../core/slots/chart-interactions/ChartInteractions.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport { ChartInteractionsConfig } from '../../core/types/interactions.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport { getConfigPlusDefaultOrEmpty } from '../../core/utils/interactions.js';\nimport { iterateChartInteractionsSlots } from '../../core/utils/iterate-chart-interactions-slots.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 { TimeseriesChartDownloadCSVSlot } from '../slots/DownloadCSV.js';\nimport { Legend } from '../slots/Legend.js';\nimport { Pan } from '../slots/Pan.js';\nimport { Select } from '../slots/Select.js';\nimport { Area, TimeseriesChartAreaProps } from '../slots/shapes/Area.js';\nimport { Band } from '../slots/shapes/Band.js';\nimport { Bar, TimeseriesChartBarProps } from '../slots/shapes/Bar.js';\nimport { Line, TimeseriesChartLineProps } from '../slots/shapes/Line.js';\nimport { ThresholdIndicator } from '../slots/ThresholdIndicator.js';\nimport { Toolbar } from '../slots/Toolbar.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { XAxis } from '../slots/XAxis.js';\nimport { YAxis } from '../slots/YAxis.js';\nimport { Zoom } from '../slots/Zoom.js';\nimport { TimeseriesChartBandProps } from '../types/timeseries-band.js';\nimport { TimeseriesChartSlots } from '../types/timeseries-config.js';\nimport {\n  ChartVariantInternal,\n  TimeseriesAreaSlotProps,\n  TimeseriesBandSlotProps,\n  TimeseriesBarSlotProps,\n  TimeseriesLineSlotProps,\n  TimeseriesPerVariant,\n} from '../types/timeseries.js';\nimport { TimeseriesChartToolbarConfig } from '../types/toolbar.js';\n\n/**\n * Generate chart config based on slots\n * @param children - TimeseriesChart children\n * @returns TimeseriesChartSlots slot config\n */\n\nconst slotInteractionsDefaultValues = {\n  zoom: { enabled: true },\n  zoomX: { enabled: true },\n  pan: { enabled: true },\n};\n\nconst chartInteractionsDefaultValues = {\n  zoom: { enabled: false },\n  zoomX: { enabled: false },\n  pan: { enabled: false },\n};\n\nconst getInteractionsConfig = (\n  chartConfig: ChartInteractionsConfig,\n  slotsConfig: ChartInteractionsConfig,\n) => {\n  const chartApiValues = getConfigPlusDefaultOrEmpty(\n    chartInteractionsDefaultValues,\n    chartConfig,\n  );\n  const slotsApiValues = getConfigPlusDefaultOrEmpty(\n    slotInteractionsDefaultValues,\n    slotsConfig,\n  );\n  return merge({}, chartApiValues, slotsApiValues);\n};\n\nconst disabledOnlyWhenSpecified = ({ disabled }: { disabled?: boolean }) =>\n  disabled;\n\nexport const iterateConfigSlots = (\n  children: ReactNode,\n): TimeseriesChartSlots => {\n  let slots: TimeseriesChartSlots = {\n    toolbar: {},\n    legend: {},\n    xAxis: {},\n    tooltip: {},\n    yAxis: [],\n    thresholds: [],\n    interactions: {},\n    colorRules: [],\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  let slotToolbar: TimeseriesChartToolbarConfig = {};\n  let chartToolbar: TimeseriesChartToolbarConfig = {};\n  let slotInteractions = {};\n  let chartInteractions = {};\n\n  Children.forEach(children, (child) => {\n    /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n    if (isSlot(child, ChartInteractions)) {\n      const { children, ...previousInteractions } = child.props;\n      const interactions = iterateChartInteractionsSlots(children);\n\n      chartInteractions = {\n        ...previousInteractions,\n        ...interactions,\n      };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      // TODO APPDEV-15615: Remove deprecated ChartToolbar handling\n      const { children, ...toolbar } = child.props;\n      const childrenToolbar = iterateChartToolbarSlots(children);\n\n      chartToolbar = {\n        enabled: true,\n        ...toolbar,\n        ...childrenToolbar,\n      };\n    } else if (isSlot(child, Toolbar)) {\n      // TODO: APPDEV-15615: Remove enabled key after deprecation\n      slotToolbar = {\n        enabled: child.props.hidden !== true,\n        ...slotToolbar,\n        ...sanitizeProps(child.props),\n        ...extractBehaviorTrackingProps(child.props),\n      };\n    } else if (isSlot(child, TimeseriesChartDownloadCSVSlot)) {\n      slotToolbar = { ...slotToolbar, downloadData: { enabled: true } };\n    } else if (isSlot(child, Zoom)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n\n      slotInteractions = {\n        ...slotInteractions,\n        zoom: { enabled },\n        zoomX: { enabled },\n      };\n    } else if (isSlot(child, Pan)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n      slotInteractions = { ...slotInteractions, pan: { enabled } };\n    } else if (isSlot(child, Legend)) {\n      const legend = child.props;\n\n      slots = {\n        ...slots,\n        legend,\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, XAxis)) {\n      const xAxis = child.props;\n      slots = {\n        ...slots,\n        xAxis,\n      };\n    } else if (isSlot(child, YAxis)) {\n      const yAxis = child.props;\n      slots.yAxis.push(yAxis);\n    } else if (isSlot(child, Tooltip)) {\n      const tooltip = child.props;\n      slots = {\n        ...slots,\n        tooltip,\n      };\n    } else if (isSlot(child, Annotations)) {\n      const { children, ...annotationsProps } = child.props;\n\n      const { tracks, tooltip } = iterateTrackSlots(children);\n\n      const annotations = {\n        ...annotationsProps,\n        tracks,\n        tooltip,\n      };\n\n      slots = {\n        ...slots,\n        annotations,\n      };\n    } else if (isSlot(child, ThresholdIndicator)) {\n      const thresholdProps = child.props;\n      slots.thresholds.push(thresholdProps);\n    } else if (isSlot(child, Select)) {\n      const select = child.props;\n\n      slots = {\n        ...slots,\n        select,\n      };\n    } else if (isSlot(child, ColorRule)) {\n      const colorRule = child.props;\n      if (isValidColorRule(colorRule)) {\n        slots.colorRules.push(colorRule);\n      }\n    }\n  });\n\n  const hasInteractionConfig =\n    Object.keys(chartInteractions).length > 0 ||\n    Object.keys(slotInteractions).length > 0;\n\n  slots.interactions = hasInteractionConfig\n    ? getInteractionsConfig(chartInteractions, slotInteractions)\n    : {};\n\n  const hasToolbarConfig =\n    !isEmpty(slotToolbar) || !isEmpty(chartToolbar) || intents;\n\n  if (hasToolbarConfig) {\n    slots.toolbar = {\n      ...chartToolbar,\n      ...slotToolbar,\n      enabled: slotToolbar.enabled ?? chartToolbar.enabled ?? true,\n      intents,\n    };\n  }\n\n  return slots;\n};\n\n/**\n * Generate config based on the Tracks and Markers slots\n * @param children - Annotations children\n * @returns tracks configuration including the markers\n */\nconst iterateTrackSlots = (children: ReactNode) => {\n  const tracks: AnnotationsTrackConfig[] = [];\n  let tooltip: AnnotationsTooltipConfig | undefined;\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Track)) {\n      const { children, ...trackProps } = child.props;\n      const currentTrack = {\n        ...trackProps,\n        markers: [] as AnnotationsMarkerConfig[],\n      };\n\n      Children.forEach(children, (child) => {\n        if (isSlot(child, Marker)) {\n          const marker = populateMissingMarkerProps(child.props, trackProps);\n\n          currentTrack.markers.push(marker);\n        }\n      });\n\n      const track = populateMissingTrackProps(currentTrack);\n      tracks.push(track);\n    } else if (isSlot(child, AnnotationsTooltip)) {\n      const { children, hidden } = child.props;\n      tooltip = {\n        template: children,\n        hidden: hidden ?? false,\n      };\n    }\n  });\n\n  return { tracks, tooltip };\n};\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (\n  children: ReactNode,\n): TimeseriesChartToolbarConfig => {\n  let toolbar = {};\n\n  Children.forEach(children, (childToolbar) => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (isElement(childToolbar) && childToolbar.type === DownloadData) {\n      toolbar = {\n        ...toolbar,\n        downloadData: { enabled: true },\n      };\n    }\n  });\n\n  return toolbar;\n};\n\n/**\n * Generate chart config based on slots\n * @param children - chartSeries children\n * @param defaultVariant - The variant defined at root level of TimeseriesChart\n * @returns ChartSeries slot config\n */\nexport const iterateChartSeriesSlots = (\n  children: ReactNode,\n): TimeseriesPerVariant => {\n  const line: TimeseriesLineSlotProps[] = [];\n  const bar: TimeseriesBarSlotProps[] = [];\n  const area: TimeseriesAreaSlotProps[] = [];\n  const band: TimeseriesBandSlotProps[] = [];\n  const shapePriority: ChartVariantInternal[] = [];\n\n  Children.forEach(children, (childSlot) => {\n    if (isElement(childSlot)) {\n      switch (childSlot.type) {\n        case Line: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartLineProps;\n          line.push({ ...data, ...overrides });\n          if (!shapePriority.includes('line')) {\n            shapePriority.push('line');\n          }\n          break;\n        }\n        case Bar: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartBarProps;\n          bar.push({ ...data, ...overrides });\n          if (!shapePriority.includes('bar')) {\n            shapePriority.push('bar');\n          }\n          break;\n        }\n        case Area: {\n          const { data, ...overrides } =\n            childSlot.props as TimeseriesChartAreaProps;\n          area.push({ ...data, ...overrides });\n          if (!shapePriority.includes('area')) {\n            shapePriority.push('area');\n          }\n          break;\n        }\n        case Band: {\n          const {\n            data,\n            strokeOnly = false,\n            color,\n            gapPolicy,\n          } = childSlot.props as TimeseriesChartBandProps;\n          band.push({ ...data, strokeOnly, color, gapPolicy });\n          if (!shapePriority.includes('band')) {\n            shapePriority.push('band');\n          }\n          break;\n        }\n      }\n    }\n  });\n\n  return { band, line, area, bar, shapePriority };\n};\n"],
+  "mappings": "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",
   "names": ["children", "child"]
 }

package/esm/charts/top-list/TopList.css

@@ -1,4 +1,4 @@
-._jwlby60-3-9-0 {
+._jwlby60-3-10-0 {
   width: 100%;
   overflow-y: auto;
 }

package/esm/charts/top-list/TopList.js

@@ -7,6 +7,7 @@ import {
 } from "react";
 import {
   ROW_HEIGHT,
+  ROW_KEY,
   SERIES_ID_KEY,
   SERIES_NAME_KEY,
   X_AXIS_ID,
@@ -19,6 +20,7 @@ import {
   coerceSizeValue,
   coerceSizeValueToPixels
 } from "../core/utils/coerceSizeValue.js";
+import { getFormatter } from "../core/utils/get-formatter.js";
 import { DEFAULT_CHART_HEIGHT } from "../xy-chart/constants/defaults.js";
 import { XYChart } from "../xy-chart/XYChartRoot.js";
 const COMPONENT_NAME_BEHAVIOURAL_TRACKING = "TopList";
@@ -26,11 +28,7 @@ const TopListRoot = forwardRef(function TopList({
   data,
   labelAccessor,
   valueAccessor,
-  categoryAccessor,
-  categoryFormatter,
   valueFormatter,
-  seriesIdAccessor,
-  seriesNameAccessor,
   comparator,
   children,
   height = DEFAULT_CHART_HEIGHT,
@@ -41,18 +39,21 @@ const TopListRoot = forwardRef(function TopList({
   const internalRef = useRef(null);
   const mergedRef = useMergeRefs([internalRef, forwardedRef]);
   const onScroll = useCallback(() => internalRef.current?.reset(), []);
-  const dataWithSyntheticSeries = useMemo(() => {
-    const mapped = seriesIdAccessor !== void 0 ? data : data.map((d) => ({
+  const dataWithSyntheticFields = useMemo(() => {
+    const sortDescending = (a, b) => Number(b[valueAccessor]) - Number(a[valueAccessor]);
+    return data.map((d, i) => ({
       ...d,
       [SERIES_ID_KEY]: "series",
-      [SERIES_NAME_KEY]: "Series"
-    }));
-    const sortDescending = (a, b) => Number(b[valueAccessor]) - Number(a[valueAccessor]);
-    return [...mapped].sort(comparator ?? sortDescending);
-  }, [comparator, data, seriesIdAccessor, valueAccessor]);
+      [SERIES_NAME_KEY]: "Series",
+      [ROW_KEY]: String(i)
+    })).sort(comparator ?? sortDescending);
+  }, [comparator, data, valueAccessor]);
+  const yAxisFormatter = useMemo(() => {
+    const numFormatter = getFormatter(valueFormatter);
+    return (_rowKey, record) => numFormatter(Number(record[valueAccessor]));
+  }, [valueFormatter, valueAccessor]);
   const viewportPx = coerceSizeValueToPixels(height) ?? DEFAULT_CHART_HEIGHT;
   const contentHeight = Math.max(viewportPx, data.length * ROW_HEIGHT);
-  const legend = seriesIdAccessor === void 0 && /* @__PURE__ */ jsx(XYChart.Legend, { hidden: true });
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -63,7 +64,7 @@ const TopListRoot = forwardRef(function TopList({
       children: /* @__PURE__ */ jsxs(
         XYChart,
         {
-          data: dataWithSyntheticSeries,
+          data: dataWithSyntheticFields,
           height: contentHeight,
           ref: mergedRef,
           ...xyChartProps,
@@ -72,11 +73,11 @@ const TopListRoot = forwardRef(function TopList({
               XYChart.BarSeries,
               {
                 variant: "single",
-                y0Accessor: categoryAccessor,
+                y0Accessor: ROW_KEY,
                 x1Accessor: valueAccessor,
                 labelAccessor,
-                seriesIdAccessor: seriesIdAccessor ?? SERIES_ID_KEY,
-                nameAccessor: seriesNameAccessor ?? SERIES_NAME_KEY,
+                seriesIdAccessor: SERIES_ID_KEY,
+                nameAccessor: SERIES_NAME_KEY,
                 yAxisId: Y_AXIS_ID,
                 xAxisId: X_AXIS_ID
               }
@@ -99,10 +100,10 @@ const TopListRoot = forwardRef(function TopList({
                 id: Y_AXIS_ID,
                 type: "categorical",
                 position: "left",
-                formatter: categoryFormatter
+                formatter: yAxisFormatter
               }
             ),
-            legend,
+            /* @__PURE__ */ jsx(XYChart.Legend, { hidden: true }),
             children
           ]
         }

package/esm/charts/top-list/TopList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/top-list/TopList.tsx"],
-  "sourcesContent": ["import {\n  type ForwardedRef,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  ROW_HEIGHT,\n  SERIES_ID_KEY,\n  SERIES_NAME_KEY,\n  X_AXIS_ID,\n  Y_AXIS_ID,\n} from './constants.js';\nimport { scrollContainer } from './TopList.sty.js';\nimport type { TopListProps } from './types/top-list.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport {\n  coerceSizeValue,\n  coerceSizeValueToPixels,\n} from '../core/utils/coerceSizeValue.js';\nimport { DEFAULT_CHART_HEIGHT } from '../xy-chart/constants/defaults.js';\nimport type { XYChartData, XYChartRef } from '../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../xy-chart/XYChartRoot.js';\n\nexport type { TopListProps };\n\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'TopList';\n\nconst TopListRoot = forwardRef<XYChartRef, TopListProps>(function TopList(\n  {\n    data,\n    labelAccessor,\n    valueAccessor,\n    categoryAccessor,\n    categoryFormatter,\n    valueFormatter,\n    seriesIdAccessor,\n    seriesNameAccessor,\n    comparator,\n    children,\n    height = DEFAULT_CHART_HEIGHT,\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    ...xyChartProps\n  }: TopListProps,\n  forwardedRef: ForwardedRef<XYChartRef>,\n) {\n  const internalRef = useRef<XYChartRef>(null);\n  const mergedRef = useMergeRefs([internalRef, forwardedRef]);\n  const onScroll = useCallback(() => internalRef.current?.reset(), []);\n\n  const dataWithSyntheticSeries = useMemo(() => {\n    const mapped =\n      seriesIdAccessor !== undefined\n        ? data\n        : data.map((d) => ({\n            ...d,\n            [SERIES_ID_KEY]: 'series',\n            [SERIES_NAME_KEY]: 'Series',\n          }));\n\n    const sortDescending = (a: XYChartData, b: XYChartData) =>\n      Number(b[valueAccessor]) - Number(a[valueAccessor]);\n    return [...mapped].sort(comparator ?? sortDescending);\n  }, [comparator, data, seriesIdAccessor, valueAccessor]);\n\n  const viewportPx = coerceSizeValueToPixels(height) ?? DEFAULT_CHART_HEIGHT;\n  const contentHeight = Math.max(viewportPx, data.length * ROW_HEIGHT);\n\n  const legend = seriesIdAccessor === undefined && <XYChart.Legend hidden />;\n\n  return (\n    <div\n      className={scrollContainer}\n      style={{ height: coerceSizeValue(height) }}\n      onScroll={onScroll}\n      data-dt-component={componentName}\n    >\n      <XYChart\n        data={dataWithSyntheticSeries}\n        height={contentHeight}\n        ref={mergedRef}\n        {...xyChartProps}\n      >\n        <XYChart.BarSeries\n          variant=\"single\"\n          y0Accessor={categoryAccessor}\n          x1Accessor={valueAccessor}\n          labelAccessor={labelAccessor}\n          seriesIdAccessor={seriesIdAccessor ?? SERIES_ID_KEY}\n          nameAccessor={seriesNameAccessor ?? SERIES_NAME_KEY}\n          yAxisId={Y_AXIS_ID}\n          xAxisId={X_AXIS_ID}\n        />\n        <XYChart.XAxis\n          id={X_AXIS_ID}\n          type=\"numerical\"\n          position=\"bottom\"\n          hidden\n          disableZoom\n          disablePan\n          formatter={valueFormatter}\n        />\n        <XYChart.YAxis\n          id={Y_AXIS_ID}\n          type=\"categorical\"\n          position=\"left\"\n          formatter={categoryFormatter}\n        />\n        {legend}\n        {children}\n      </XYChart>\n    </div>\n  );\n});\n\n/**\n * A horizontal ranked-bar chart with labels inside bars and a hidden numerical\n * axis, implemented as a wrapper around XYChart. When the list has more items\n * than fit in `height`, the viewport becomes scrollable.\n *\n * Slots such as `<TopList.ColorRule>` can be passed as children to customize\n * bar colors per datapoint; they are forwarded to the internal `XYChart`.\n * @public\n */\nexport const TopList = Object.assign(TopListRoot, {\n  /**\n   * Apply a conditional color override to bars matching the rule. Same\n   * component reference as `XYChart.ColorRule` and `TimeseriesChart.ColorRule`.\n   */\n  ColorRule,\n});\n\n(TopList as typeof TopList & { displayName: string }).displayName = 'TopList';\n"],
-  "mappings": "AAwEmD,cAS7C,YAT6C;AAxEnD;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAEhC,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AAErC,SAAS,eAAe;AAIxB,MAAM,sCAAsC;AAE5C,MAAM,cAAc,WAAqC,SAAS,QAChE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA;AAAA,EAET,qBAAqB,gBAAgB;AAAA,EACrC,GAAG;AACL,GACA,cACA;AACA,QAAM,cAAc,OAAmB,IAAI;AAC3C,QAAM,YAAY,aAAa,CAAC,aAAa,YAAY,CAAC;AAC1D,QAAM,WAAW,YAAY,MAAM,YAAY,SAAS,MAAM,GAAG,CAAC,CAAC;AAEnE,QAAM,0BAA0B,QAAQ,MAAM;AAC5C,UAAM,SACJ,qBAAqB,SACjB,OACA,KAAK,IAAI,CAAC,OAAO;AAAA,MACf,GAAG;AAAA,MACH,CAAC,aAAa,GAAG;AAAA,MACjB,CAAC,eAAe,GAAG;AAAA,IACrB,EAAE;AAER,UAAM,iBAAiB,CAAC,GAAgB,MACtC,OAAO,EAAE,aAAa,CAAC,IAAI,OAAO,EAAE,aAAa,CAAC;AACpD,WAAO,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,cAAc;AAAA,EACtD,GAAG,CAAC,YAAY,MAAM,kBAAkB,aAAa,CAAC;AAEtD,QAAM,aAAa,wBAAwB,MAAM,KAAK;AACtD,QAAM,gBAAgB,KAAK,IAAI,YAAY,KAAK,SAAS,UAAU;AAEnE,QAAM,SAAS,qBAAqB,UAAa,oBAAC,QAAQ,QAAR,EAAe,QAAM,MAAC;AAExE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,QAAQ,gBAAgB,MAAM,EAAE;AAAA,MACzC;AAAA,MACA,qBAAmB;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,KAAK;AAAA,UACJ,GAAG;AAAA,UAEJ;AAAA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,SAAQ;AAAA,gBACR,YAAY;AAAA,gBACZ,YAAY;AAAA,gBACZ;AAAA,gBACA,kBAAkB,oBAAoB;AAAA,gBACtC,cAAc,sBAAsB;AAAA,gBACpC,SAAS;AAAA,gBACT,SAAS;AAAA;AAAA,YACX;AAAA,YACA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,QAAM;AAAA,gBACN,aAAW;AAAA,gBACX,YAAU;AAAA,gBACV,WAAW;AAAA;AAAA,YACb;AAAA,YACA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,WAAW;AAAA;AAAA,YACb;AAAA,YACC;AAAA,YACA;AAAA;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAWM,MAAMA,WAAU,OAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD;AACF,CAAC;AAEAA,SAAqD,cAAc;",
+  "sourcesContent": ["import {\n  type ForwardedRef,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  ROW_HEIGHT,\n  ROW_KEY,\n  SERIES_ID_KEY,\n  SERIES_NAME_KEY,\n  X_AXIS_ID,\n  Y_AXIS_ID,\n} from './constants.js';\nimport { scrollContainer } from './TopList.sty.js';\nimport type { TopListProps } from './types/top-list.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport type { CategoricalFormatter } from '../core/types/formatter.js';\nimport {\n  coerceSizeValue,\n  coerceSizeValueToPixels,\n} from '../core/utils/coerceSizeValue.js';\nimport { getFormatter } from '../core/utils/get-formatter.js';\nimport { DEFAULT_CHART_HEIGHT } from '../xy-chart/constants/defaults.js';\nimport type { XYChartData, XYChartRef } from '../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../xy-chart/XYChartRoot.js';\n\nexport type { TopListProps };\n\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'TopList';\n\nconst TopListRoot = forwardRef<XYChartRef, TopListProps>(function TopList(\n  {\n    data,\n    labelAccessor,\n    valueAccessor,\n    valueFormatter,\n    comparator,\n    children,\n    height = DEFAULT_CHART_HEIGHT,\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    ...xyChartProps\n  }: TopListProps,\n  forwardedRef: ForwardedRef<XYChartRef>,\n) {\n  const internalRef = useRef<XYChartRef>(null);\n  const mergedRef = useMergeRefs([internalRef, forwardedRef]);\n  const onScroll = useCallback(() => internalRef.current?.reset(), []);\n\n  const dataWithSyntheticFields = useMemo(() => {\n    const sortDescending = (a: XYChartData, b: XYChartData) =>\n      Number(b[valueAccessor]) - Number(a[valueAccessor]);\n\n    return data\n      .map((d, i) => ({\n        ...d,\n        [SERIES_ID_KEY]: 'series',\n        [SERIES_NAME_KEY]: 'Series',\n        [ROW_KEY]: String(i),\n      }))\n      .sort(comparator ?? sortDescending);\n  }, [comparator, data, valueAccessor]);\n\n  const yAxisFormatter = useMemo<CategoricalFormatter>(() => {\n    const numFormatter = getFormatter(valueFormatter);\n    return (_rowKey, record) => numFormatter(Number(record[valueAccessor]));\n  }, [valueFormatter, valueAccessor]);\n\n  const viewportPx = coerceSizeValueToPixels(height) ?? DEFAULT_CHART_HEIGHT;\n  const contentHeight = Math.max(viewportPx, data.length * ROW_HEIGHT);\n\n  return (\n    <div\n      className={scrollContainer}\n      style={{ height: coerceSizeValue(height) }}\n      onScroll={onScroll}\n      data-dt-component={componentName}\n    >\n      <XYChart\n        data={dataWithSyntheticFields}\n        height={contentHeight}\n        ref={mergedRef}\n        {...xyChartProps}\n      >\n        <XYChart.BarSeries\n          variant=\"single\"\n          y0Accessor={ROW_KEY}\n          x1Accessor={valueAccessor}\n          labelAccessor={labelAccessor}\n          seriesIdAccessor={SERIES_ID_KEY}\n          nameAccessor={SERIES_NAME_KEY}\n          yAxisId={Y_AXIS_ID}\n          xAxisId={X_AXIS_ID}\n        />\n        <XYChart.XAxis\n          id={X_AXIS_ID}\n          type=\"numerical\"\n          position=\"bottom\"\n          hidden\n          disableZoom\n          disablePan\n          formatter={valueFormatter}\n        />\n        <XYChart.YAxis\n          id={Y_AXIS_ID}\n          type=\"categorical\"\n          position=\"left\"\n          formatter={yAxisFormatter}\n        />\n        <XYChart.Legend hidden />\n        {children}\n      </XYChart>\n    </div>\n  );\n});\n\n/**\n * A horizontal ranked-bar chart with labels inside bars and a hidden numerical\n * axis, implemented as a wrapper around XYChart. When the list has more items\n * than fit in `height`, the viewport becomes scrollable.\n *\n * Slots such as `<TopList.ColorRule>` can be passed as children to customize\n * bar colors per datapoint; they are forwarded to the internal `XYChart`.\n * @public\n */\nexport const TopList = Object.assign(TopListRoot, {\n  /**\n   * Apply a conditional color override to bars matching the rule. Same\n   * component reference as `XYChart.ColorRule` and `TimeseriesChart.ColorRule`.\n   */\n  ColorRule,\n});\n\n(TopList as typeof TopList & { displayName: string }).displayName = 'TopList';\n"],
+  "mappings": "AAkFM,SAME,KANF;AAlFN;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAEhC,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAE1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAErC,SAAS,eAAe;AAIxB,MAAM,sCAAsC;AAE5C,MAAM,cAAc,WAAqC,SAAS,QAChE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA;AAAA,EAET,qBAAqB,gBAAgB;AAAA,EACrC,GAAG;AACL,GACA,cACA;AACA,QAAM,cAAc,OAAmB,IAAI;AAC3C,QAAM,YAAY,aAAa,CAAC,aAAa,YAAY,CAAC;AAC1D,QAAM,WAAW,YAAY,MAAM,YAAY,SAAS,MAAM,GAAG,CAAC,CAAC;AAEnE,QAAM,0BAA0B,QAAQ,MAAM;AAC5C,UAAM,iBAAiB,CAAC,GAAgB,MACtC,OAAO,EAAE,aAAa,CAAC,IAAI,OAAO,EAAE,aAAa,CAAC;AAEpD,WAAO,KACJ,IAAI,CAAC,GAAG,OAAO;AAAA,MACd,GAAG;AAAA,MACH,CAAC,aAAa,GAAG;AAAA,MACjB,CAAC,eAAe,GAAG;AAAA,MACnB,CAAC,OAAO,GAAG,OAAO,CAAC;AAAA,IACrB,EAAE,EACD,KAAK,cAAc,cAAc;AAAA,EACtC,GAAG,CAAC,YAAY,MAAM,aAAa,CAAC;AAEpC,QAAM,iBAAiB,QAA8B,MAAM;AACzD,UAAM,eAAe,aAAa,cAAc;AAChD,WAAO,CAAC,SAAS,WAAW,aAAa,OAAO,OAAO,aAAa,CAAC,CAAC;AAAA,EACxE,GAAG,CAAC,gBAAgB,aAAa,CAAC;AAElC,QAAM,aAAa,wBAAwB,MAAM,KAAK;AACtD,QAAM,gBAAgB,KAAK,IAAI,YAAY,KAAK,SAAS,UAAU;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,QAAQ,gBAAgB,MAAM,EAAE;AAAA,MACzC;AAAA,MACA,qBAAmB;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,KAAK;AAAA,UACJ,GAAG;AAAA,UAEJ;AAAA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,SAAQ;AAAA,gBACR,YAAY;AAAA,gBACZ,YAAY;AAAA,gBACZ;AAAA,gBACA,kBAAkB;AAAA,gBAClB,cAAc;AAAA,gBACd,SAAS;AAAA,gBACT,SAAS;AAAA;AAAA,YACX;AAAA,YACA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,QAAM;AAAA,gBACN,aAAW;AAAA,gBACX,YAAU;AAAA,gBACV,WAAW;AAAA;AAAA,YACb;AAAA,YACA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,WAAW;AAAA;AAAA,YACb;AAAA,YACA,oBAAC,QAAQ,QAAR,EAAe,QAAM,MAAC;AAAA,YACtB;AAAA;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAWM,MAAMA,WAAU,OAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD;AACF,CAAC;AAEAA,SAAqD,cAAc;",
   "names": ["TopList"]
 }

package/esm/charts/top-list/TopList.sty.js

@@ -1,5 +1,5 @@
 import "./TopList.css";
-var scrollContainer = "_jwlby60-3-9-0";
+var scrollContainer = "_jwlby60-3-10-0";
 export {
   scrollContainer
 };

package/esm/charts/top-list/TopList.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/top-list/TopList.css.ts"],
-  "sourcesContent": ["import './TopList.css';\nexport var scrollContainer = '_jwlby60-3-9-0';"],
+  "sourcesContent": ["import './TopList.css';\nexport var scrollContainer = '_jwlby60-3-10-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/top-list/constants.js

@@ -2,10 +2,12 @@ import { MIN_LABELED_BAR_SIZE } from "../xy-chart/constants/defaults.js";
 const ROW_HEIGHT = MIN_LABELED_BAR_SIZE;
 const SERIES_ID_KEY = "__toplist_series_id__";
 const SERIES_NAME_KEY = "__toplist_series_name__";
+const ROW_KEY = "__toplist_row_key__";
 const X_AXIS_ID = "toplist-x";
 const Y_AXIS_ID = "toplist-y";
 export {
   ROW_HEIGHT,
+  ROW_KEY,
   SERIES_ID_KEY,
   SERIES_NAME_KEY,
   X_AXIS_ID,

package/esm/charts/top-list/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/top-list/constants.ts"],
-  "sourcesContent": ["import { MIN_LABELED_BAR_SIZE } from '../xy-chart/constants/defaults.js';\n\n/** @internal */\nexport const ROW_HEIGHT = MIN_LABELED_BAR_SIZE;\n\n/** @internal */\nexport const SERIES_ID_KEY = '__toplist_series_id__';\n\n/** @internal */\nexport const SERIES_NAME_KEY = '__toplist_series_name__';\n\n/** @internal */\nexport const X_AXIS_ID = 'toplist-x';\n\n/** @internal */\nexport const Y_AXIS_ID = 'toplist-y';\n"],
-  "mappings": "AAAA,SAAS,4BAA4B;AAG9B,MAAM,aAAa;AAGnB,MAAM,gBAAgB;AAGtB,MAAM,kBAAkB;AAGxB,MAAM,YAAY;AAGlB,MAAM,YAAY;",
+  "sourcesContent": ["import { MIN_LABELED_BAR_SIZE } from '../xy-chart/constants/defaults.js';\n\n/** @internal */\nexport const ROW_HEIGHT = MIN_LABELED_BAR_SIZE;\n\n/** @internal */\nexport const SERIES_ID_KEY = '__toplist_series_id__';\n\n/** @internal */\nexport const SERIES_NAME_KEY = '__toplist_series_name__';\n\n/** @internal */\nexport const ROW_KEY = '__toplist_row_key__';\n\n/** @internal */\nexport const X_AXIS_ID = 'toplist-x';\n\n/** @internal */\nexport const Y_AXIS_ID = 'toplist-y';\n"],
+  "mappings": "AAAA,SAAS,4BAA4B;AAG9B,MAAM,aAAa;AAGnB,MAAM,gBAAgB;AAGtB,MAAM,kBAAkB;AAGxB,MAAM,UAAU;AAGhB,MAAM,YAAY;AAGlB,MAAM,YAAY;",
   "names": []
 }

package/esm/charts/tree-map/components/TreeMapInternal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/components/TreeMapInternal.tsx"],
-  "sourcesContent": ["import { hierarchy, treemap, treemapSquarify } from 'd3-hierarchy';\nimport {\n  type PropsWithChildren,\n  forwardRef,\n  useMemo,\n  type JSX,\n  type MutableRefObject,\n} from 'react';\n\nimport { TreeMapCanvas } from './TreeMapCanvas.js';\nimport { TreeMapCluster } from './TreeMapCluster.js';\nimport { Canvas } from '../../core/components/canvas/Canvas.js';\nimport { CanvasContext } from '../../core/components/canvas/CanvasContext.js';\nimport { CanvasShape } from '../../core/components/canvas/types/canvas-shape.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { TREEMAP_CHART_ARIA_LABEL } from '../constants.js';\nimport { useLabelsDisplay } from '../context/LabelsDisplayContext.js';\nimport { useTreeMapAggregationData } from '../context/TreeMapAggregationDataContext.js';\nimport { useTreeMapHighlightingMap } from '../context/TreeMapHighlightingMapContext.js';\nimport { useHighlightedState } from '../store/selectors.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\nimport {\n  nodePadding,\n  nodePaddingOuter,\n  nodePaddingTop,\n} from '../utils/node-padding.js';\nimport { withParentLabel } from '../utils/with-parent-label.js';\n\nexport const TreeMapInternal = forwardRef<HTMLDivElement, PropsWithChildren>(\n  (props, forwardedRef): JSX.Element => {\n    const { children } = props;\n    const { width, height } = useGraphSize();\n    const roundedWidth = Math.floor(width);\n    const roundedHeight = Math.floor(height);\n    const labelsDisplay = useLabelsDisplay();\n    const { dataForRendering } = useTreeMapAggregationData();\n    const highlightingMap = useTreeMapHighlightingMap();\n\n    const hasParentLabels = withParentLabel(labelsDisplay);\n\n    // build hierarchy with concrete coordinates and width/size of nodes based on tree structure\n    const root = useMemo(\n      () => hierarchy<InternalTreeMapNode>(dataForRendering),\n      [dataForRendering],\n    );\n\n    const highlightedItem = useHighlightedState();\n\n    const layout = treemap<InternalTreeMapNode>()\n      .tile(treemapSquarify)\n      .size([roundedWidth, roundedHeight])\n      .padding((node) => nodePadding(node, hasParentLabels))\n      .round(true);\n\n    if (hasParentLabels) {\n      layout\n        .paddingOuter((node) => nodePaddingOuter(node))\n        .paddingTop((node) => nodePaddingTop(node));\n    }\n\n    const rootNode = layout(root.sum((d) => (d.children ? 0 : d.value)));\n\n    return (\n      <div ref={forwardedRef} aria-label={TREEMAP_CHART_ARIA_LABEL} role=\"img\">\n        {children}\n        <CanvasContext.Provider\n          value={{\n            shapeRefs: new Map<string, MutableRefObject<CanvasShape>>(),\n          }}\n        >\n          <Canvas width={roundedWidth} height={roundedHeight}>\n            {hasParentLabels && (\n              <TreeMapCluster\n                treeMapData={rootNode}\n                highlightedItem={highlightedItem}\n                highlightingMap={highlightingMap}\n              />\n            )}\n            <TreeMapCanvas\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              treeMapData={rootNode}\n              highlightedItem={highlightedItem}\n              highlightingMap={highlightingMap}\n            />\n          </Canvas>\n        </CanvasContext.Provider>\n      </div>\n    );\n  },\n);\n"],
-  "mappings": "AAsEU,SAEI,KAFJ;AAtEV,SAAS,WAAW,SAAS,uBAAuB;AACpD;AAAA,EAEE;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C,SAAS,2BAA2B;AAEpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAEzB,MAAM,kBAAkB;AAAA,EAC7B,CAAC,OAAO,iBAA8B;AACpC,UAAM,EAAE,SAAS,IAAI;AACrB,UAAM,EAAE,OAAO,OAAO,IAAI,aAAa;AACvC,UAAM,eAAe,KAAK,MAAM,KAAK;AACrC,UAAM,gBAAgB,KAAK,MAAM,MAAM;AACvC,UAAM,gBAAgB,iBAAiB;AACvC,UAAM,EAAE,iBAAiB,IAAI,0BAA0B;AACvD,UAAM,kBAAkB,0BAA0B;AAElD,UAAM,kBAAkB,gBAAgB,aAAa;AAGrD,UAAM,OAAO;AAAA,MACX,MAAM,UAA+B,gBAAgB;AAAA,MACrD,CAAC,gBAAgB;AAAA,IACnB;AAEA,UAAM,kBAAkB,oBAAoB;AAE5C,UAAM,SAAS,QAA6B,EACzC,KAAK,eAAe,EACpB,KAAK,CAAC,cAAc,aAAa,CAAC,EAClC,QAAQ,CAAC,SAAS,YAAY,MAAM,eAAe,CAAC,EACpD,MAAM,IAAI;AAEb,QAAI,iBAAiB;AACnB,aACG,aAAa,CAAC,SAAS,iBAAiB,IAAI,CAAC,EAC7C,WAAW,CAAC,SAAS,eAAe,IAAI,CAAC;AAAA,IAC9C;AAEA,UAAM,WAAW,OAAO,KAAK,IAAI,CAAC,MAAO,EAAE,WAAW,IAAI,EAAE,KAAM,CAAC;AAEnE,WACE,qBAAC,SAAI,KAAK,cAAc,cAAY,0BAA0B,MAAK,OAChE;AAAA;AAAA,MACD;AAAA,QAAC,cAAc;AAAA,QAAd;AAAA,UACC,OAAO;AAAA,YACL,WAAW,oBAAI,IAA2C;AAAA,UAC5D;AAAA,UAEA,+BAAC,UAAO,OAAO,cAAc,QAAQ,eAClC;AAAA,+BACC;AAAA,cAAC;AAAA;AAAA,gBACC,aAAa;AAAA,gBACb;AAAA,gBACA;AAAA;AAAA,YACF;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBAGC,aAAa;AAAA,gBACb;AAAA,gBACA;AAAA;AAAA,YACF;AAAA,aACF;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import { hierarchy, treemap, treemapSquarify } from 'd3-hierarchy';\nimport {\n  type PropsWithChildren,\n  forwardRef,\n  useMemo,\n  type JSX,\n  type RefObject,\n} from 'react';\n\nimport { TreeMapCanvas } from './TreeMapCanvas.js';\nimport { TreeMapCluster } from './TreeMapCluster.js';\nimport { Canvas } from '../../core/components/canvas/Canvas.js';\nimport { CanvasContext } from '../../core/components/canvas/CanvasContext.js';\nimport { CanvasShape } from '../../core/components/canvas/types/canvas-shape.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { TREEMAP_CHART_ARIA_LABEL } from '../constants.js';\nimport { useLabelsDisplay } from '../context/LabelsDisplayContext.js';\nimport { useTreeMapAggregationData } from '../context/TreeMapAggregationDataContext.js';\nimport { useTreeMapHighlightingMap } from '../context/TreeMapHighlightingMapContext.js';\nimport { useHighlightedState } from '../store/selectors.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\nimport {\n  nodePadding,\n  nodePaddingOuter,\n  nodePaddingTop,\n} from '../utils/node-padding.js';\nimport { withParentLabel } from '../utils/with-parent-label.js';\n\nexport const TreeMapInternal = forwardRef<HTMLDivElement, PropsWithChildren>(\n  (props, forwardedRef): JSX.Element => {\n    const { children } = props;\n    const { width, height } = useGraphSize();\n    const roundedWidth = Math.floor(width);\n    const roundedHeight = Math.floor(height);\n    const labelsDisplay = useLabelsDisplay();\n    const { dataForRendering } = useTreeMapAggregationData();\n    const highlightingMap = useTreeMapHighlightingMap();\n\n    const hasParentLabels = withParentLabel(labelsDisplay);\n\n    // build hierarchy with concrete coordinates and width/size of nodes based on tree structure\n    const root = useMemo(\n      () => hierarchy<InternalTreeMapNode>(dataForRendering),\n      [dataForRendering],\n    );\n\n    const highlightedItem = useHighlightedState();\n\n    const layout = treemap<InternalTreeMapNode>()\n      .tile(treemapSquarify)\n      .size([roundedWidth, roundedHeight])\n      .padding((node) => nodePadding(node, hasParentLabels))\n      .round(true);\n\n    if (hasParentLabels) {\n      layout\n        .paddingOuter((node) => nodePaddingOuter(node))\n        .paddingTop((node) => nodePaddingTop(node));\n    }\n\n    const rootNode = layout(root.sum((d) => (d.children ? 0 : d.value)));\n\n    return (\n      <div ref={forwardedRef} aria-label={TREEMAP_CHART_ARIA_LABEL} role=\"img\">\n        {children}\n        <CanvasContext.Provider\n          value={{\n            shapeRefs: new Map<string, RefObject<CanvasShape>>(),\n          }}\n        >\n          <Canvas width={roundedWidth} height={roundedHeight}>\n            {hasParentLabels && (\n              <TreeMapCluster\n                treeMapData={rootNode}\n                highlightedItem={highlightedItem}\n                highlightingMap={highlightingMap}\n              />\n            )}\n            <TreeMapCanvas\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              treeMapData={rootNode}\n              highlightedItem={highlightedItem}\n              highlightingMap={highlightingMap}\n            />\n          </Canvas>\n        </CanvasContext.Provider>\n      </div>\n    );\n  },\n);\n"],
+  "mappings": "AAsEU,SAEI,KAFJ;AAtEV,SAAS,WAAW,SAAS,uBAAuB;AACpD;AAAA,EAEE;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C,SAAS,2BAA2B;AAEpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAEzB,MAAM,kBAAkB;AAAA,EAC7B,CAAC,OAAO,iBAA8B;AACpC,UAAM,EAAE,SAAS,IAAI;AACrB,UAAM,EAAE,OAAO,OAAO,IAAI,aAAa;AACvC,UAAM,eAAe,KAAK,MAAM,KAAK;AACrC,UAAM,gBAAgB,KAAK,MAAM,MAAM;AACvC,UAAM,gBAAgB,iBAAiB;AACvC,UAAM,EAAE,iBAAiB,IAAI,0BAA0B;AACvD,UAAM,kBAAkB,0BAA0B;AAElD,UAAM,kBAAkB,gBAAgB,aAAa;AAGrD,UAAM,OAAO;AAAA,MACX,MAAM,UAA+B,gBAAgB;AAAA,MACrD,CAAC,gBAAgB;AAAA,IACnB;AAEA,UAAM,kBAAkB,oBAAoB;AAE5C,UAAM,SAAS,QAA6B,EACzC,KAAK,eAAe,EACpB,KAAK,CAAC,cAAc,aAAa,CAAC,EAClC,QAAQ,CAAC,SAAS,YAAY,MAAM,eAAe,CAAC,EACpD,MAAM,IAAI;AAEb,QAAI,iBAAiB;AACnB,aACG,aAAa,CAAC,SAAS,iBAAiB,IAAI,CAAC,EAC7C,WAAW,CAAC,SAAS,eAAe,IAAI,CAAC;AAAA,IAC9C;AAEA,UAAM,WAAW,OAAO,KAAK,IAAI,CAAC,MAAO,EAAE,WAAW,IAAI,EAAE,KAAM,CAAC;AAEnE,WACE,qBAAC,SAAI,KAAK,cAAc,cAAY,0BAA0B,MAAK,OAChE;AAAA;AAAA,MACD;AAAA,QAAC,cAAc;AAAA,QAAd;AAAA,UACC,OAAO;AAAA,YACL,WAAW,oBAAI,IAAoC;AAAA,UACrD;AAAA,UAEA,+BAAC,UAAO,OAAO,cAAc,QAAQ,eAClC;AAAA,+BACC;AAAA,cAAC;AAAA;AAAA,gBACC,aAAa;AAAA,gBACb;AAAA,gBACA;AAAA;AAAA,YACF;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBAGC,aAAa;AAAA,gBACb;AAAA,gBACA;AAAA;AAAA,YACF;AAAA,aACF;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AACF;",
   "names": []
 }

package/esm/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.css

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

package/esm/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.sty.js

@@ -1,5 +1,5 @@
 import "./TreeMapOverlay.css";
-var container = "_1iqz50a0-3-9-0";
+var container = "_1iqz50a0-3-10-0";
 export {
   container
 };

package/esm/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.css.ts"],
-  "sourcesContent": ["import './TreeMapOverlay.css';\nexport var container = '_1iqz50a0-3-9-0';"],
+  "sourcesContent": ["import './TreeMapOverlay.css';\nexport var container = '_1iqz50a0-3-10-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

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

@@ -43,7 +43,6 @@ const DEFAULT_LABELS_DISPLAY = LABELS_DISPLAY.None;
 const DEFAULT_LABEL_ALIGN = TEXT_ALIGN.Center;
 const DEFAULT_LABEL_BASELINE = TEXT_BASELINE.Middle;
 const DEFAULT_LABEL_FONTSIZE = 12;
-const DEFAULT_LABEL_LINE_HEIGHT = 16;
 const DEFAULT_CLUSTER_LABEL_FONTSIZE = 12;
 const DEFAULT_CLUSTER_LABEL_LINE_HEIGHT = 20;
 const CLUSTER_LABEL_OFFSET_Y = DEFAULT_LABEL_FONTSIZE + 2;
@@ -52,7 +51,6 @@ const CLUSTER_LABEL_PADDING = 4;
 const CLUSTER_LABEL_PADDING_SUM = CLUSTER_LABEL_PADDING * 2;
 const MIN_CLUSTER_HEIGHT = DEFAULT_CLUSTER_LABEL_FONTSIZE + CLUSTER_LABEL_PADDING_SUM;
 const DEFAULT_LABEL_PADDING = 4;
-const LABEL_FONT_FAMILY = "DT Flow";
 const DEFAULT_FONT_WEIGHT = 400;
 const INCREASED_FONT_WEIGHT = 500;
 const DEFAULT_NAME_ACCESSOR = void 0;
@@ -96,7 +94,6 @@ export {
   DEFAULT_LABEL_ALIGN,
   DEFAULT_LABEL_BASELINE,
   DEFAULT_LABEL_FONTSIZE,
-  DEFAULT_LABEL_LINE_HEIGHT,
   DEFAULT_LABEL_PADDING,
   DEFAULT_LOADING_STATE,
   DEFAULT_MIN_NODE_SIZE,
@@ -112,7 +109,6 @@ export {
   DISPLAY_NAME,
   INCREASED_FONT_WEIGHT,
   LABELS_DISPLAY,
-  LABEL_FONT_FAMILY,
   LIGHT_LABEL_TEXT,
   MIN_CLUSTER_HEIGHT,
   MIN_CLUSTER_HEIGHT_WITH_VISIBLE_CHILDREN,

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

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

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

@@ -8,13 +8,8 @@ const useFormatter = () => {
   const { formatter } = useContext(FormatterContext);
   return getAppliedFormatter(formatter);
 };
-const useTruncationMode = () => {
-  const { truncationMode } = useContext(FormatterContext);
-  return truncationMode;
-};
 export {
   FormatterContext,
-  useFormatter,
-  useTruncationMode
+  useFormatter
 };
 //# sourceMappingURL=FormatterContext.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/context/FormatterContext.ts"],
-  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport type { TreeMapFormatter } from '../types/internal.js';\nimport { getAppliedFormatter } from '../utils/get-applied-formatter.js';\n\nexport type FormatterContextProps = {\n  /**\n   * Custom or default formatter for the chart\n   * @defaultValue the default formatter\n   */\n  formatter: TreeMapFormatter;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode: TruncationMode;\n};\n\nexport const FormatterContext = createContext<FormatterContextProps>({\n  formatter: () => '',\n  truncationMode: 'middle',\n});\n\nexport const useFormatter = (): Formatter => {\n  const { formatter } = useContext(FormatterContext);\n\n  return getAppliedFormatter(formatter);\n};\n\nexport const useTruncationMode = (): TruncationMode => {\n  const { truncationMode } = useContext(FormatterContext);\n\n  return truncationMode;\n};\n"],
-  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAK1C,SAAS,2BAA2B;AAgB7B,MAAM,mBAAmB,cAAqC;AAAA,EACnE,WAAW,MAAM;AAAA,EACjB,gBAAgB;AAClB,CAAC;AAEM,MAAM,eAAe,MAAiB;AAC3C,QAAM,EAAE,UAAU,IAAI,WAAW,gBAAgB;AAEjD,SAAO,oBAAoB,SAAS;AACtC;AAEO,MAAM,oBAAoB,MAAsB;AACrD,QAAM,EAAE,eAAe,IAAI,WAAW,gBAAgB;AAEtD,SAAO;AACT;",
+  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport type { TreeMapFormatter } from '../types/internal.js';\nimport { getAppliedFormatter } from '../utils/get-applied-formatter.js';\n\nexport type FormatterContextProps = {\n  /**\n   * Custom or default formatter for the chart\n   * @defaultValue the default formatter\n   */\n  formatter: TreeMapFormatter;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode: TruncationMode;\n};\n\nexport const FormatterContext = createContext<FormatterContextProps>({\n  formatter: () => '',\n  truncationMode: 'middle',\n});\n\nexport const useFormatter = (): Formatter => {\n  const { formatter } = useContext(FormatterContext);\n\n  return getAppliedFormatter(formatter);\n};\n\n"],
+  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAK1C,SAAS,2BAA2B;AAgB7B,MAAM,mBAAmB,cAAqC;AAAA,EACnE,WAAW,MAAM;AAAA,EACjB,gBAAgB;AAClB,CAAC;AAEM,MAAM,eAAe,MAAiB;AAC3C,QAAM,EAAE,UAAU,IAAI,WAAW,gBAAgB;AAEjD,SAAO,oBAAoB,SAAS;AACtC;",
   "names": []
 }

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

@@ -6,7 +6,6 @@ const useSetState = () => {
   const { setState } = useContext(TreeMapStateContext);
   return setState;
 };
-const useTreeMapState = () => useSelector((state) => state);
 const useHighlightedState = () => useSelector((state) => state.highlightedItem);
 const useGroupsSelectedState = () => useSelector((state) => state.groupsSelected);
 const useLeafNodesState = () => useSelector((state) => state.hierarchyLeafNodes);
@@ -19,7 +18,6 @@ export {
   useHighlightedState,
   useLeafNodesState,
   useSelector,
-  useSetState,
-  useTreeMapState
+  useSetState
 };
 //# 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 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;",
+  "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 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,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

@@ -1,4 +1,4 @@
-import { createContext, useContext } from "react";
+import { createContext } from "react";
 import { createStore } from "../../../core/store/store.js";
 const initialTreeMapState = {
   groupsSelected: [],
@@ -10,13 +10,8 @@ const initialTreeMapState = {
 const TreeMapStateContext = createContext(
   createStore(initialTreeMapState)
 );
-const useSetState = () => {
-  const { setState } = useContext(TreeMapStateContext);
-  return setState;
-};
 export {
   TreeMapStateContext,
-  initialTreeMapState,
-  useSetState
+  initialTreeMapState
 };
 //# sourceMappingURL=store.js.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  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;",
+  "sourcesContent": ["import { createContext } 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"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAE9B,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;",
   "names": []
 }

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

@@ -42,7 +42,12 @@ const XYChartAnnotationsArea = () => {
   if (isUndefined(annotationsConfig) || isUndefined(annotationsData)) {
     return null;
   }
-  const { xAxisId, showLabels = false, annotationsActions } = annotationsConfig;
+  const {
+    xAxisId,
+    showLabels = false,
+    annotationsActions,
+    textOverflow = DEFAULT_INTEGRATION_TEXT_OVERFLOW
+  } = annotationsConfig;
   const axis = axes.find(({ id }) => id === xAxisId);
   if (axis === void 0) {
     return null;
@@ -63,7 +68,7 @@ const XYChartAnnotationsArea = () => {
       labelsOffset,
       width: availableWidth,
       markerGroupHover: handleUpdateIndicators,
-      textOverflow: DEFAULT_INTEGRATION_TEXT_OVERFLOW,
+      textOverflow,
       truncateMode: "middle",
       tooltipConfig: annotationsConfig.tooltip,
       ...behaviorTrackingProps

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 { 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;",
+  "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 { 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 {\n    xAxisId,\n    showLabels = false,\n    annotationsActions,\n    textOverflow = DEFAULT_INTEGRATION_TEXT_OVERFLOW,\n  } = 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          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": "AA4GY;AA3GZ,SAAS,mBAAmB;AAE5B,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGP,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;AAAA,IACJ;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,eAAe;AAAA,EACjB,IAAI;AACJ,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;AAAA,MACA,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/axes/AxisArea.css

@@ -1,3 +1,3 @@
-._bidc430-3-9-0 {
+._bidc430-3-10-0 {
   position: relative;
 }

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js

@@ -1,5 +1,5 @@
 import "./AxisArea.css";
-var axisContainerStyle = "_bidc430-3-9-0";
+var axisContainerStyle = "_bidc430-3-10-0";
 export {
   axisContainerStyle
 };

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/AxisArea.css.ts"],
-  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-9-0';"],
+  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-10-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }