@dynatrace/strato-components 3.5.2 → 3.7.0

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

@@ -8,6 +8,7 @@ import {
 import { XYChartAxesConfigContext } from "./context/axes/XYChartAxesConfig.context.js";
 import { XYChartAnnotationsConfig } from "./context/XYChartAnnotationsConfig.context.js";
 import { XYChartColorPaletteContext } from "./context/XYChartColorPalette.context.js";
+import { XYChartLegendHiddenContext } from "./context/XYChartLegendHidden.context.js";
 import { XYChartThresholdsContext } from "./context/XYChartThresholds.context.js";
 import { XYChartToolbarContext } from "./context/XYChartToolbar.context.js";
 import { XYChartTruncationModeContext } from "./context/XYChartTruncationMode.context.js";
@@ -98,49 +99,64 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
         XYChartTruncationModeContext.Provider,
         {
           value: { truncationMode: config.truncationMode },
-          children: /* @__PURE__ */ jsx(XYChartAnnotationsConfig.Provider, { value: config.annotations, children: /* @__PURE__ */ jsx(ColorRuleContext.Provider, { value: config.colorRules, children: /* @__PURE__ */ jsx(XYChartStoreProvider, { children: /* @__PURE__ */ jsx(
-            XYChartChartDataProvider,
+          children: /* @__PURE__ */ jsx(
+            XYChartLegendHiddenContext.Provider,
             {
-              data,
-              seriesVariantsProps: internalConfig.series,
-              children: /* @__PURE__ */ jsx(XYChartStoreDomainSync, { children: /* @__PURE__ */ jsx(XYChartAnnotationsDataProvider, { children: /* @__PURE__ */ jsx(XYChartVisibleAxesProvider, { children: /* @__PURE__ */ jsx(XYChartColorScalesProvider, { children: /* @__PURE__ */ jsx(XYChartAnnotationsShownIndicatorsProvider, { children: /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
-                ChartLayout,
+              value: Boolean(legendHidden),
+              children: /* @__PURE__ */ jsx(
+                XYChartAnnotationsConfig.Provider,
                 {
-                  ref: chartLayoutRef,
-                  chartHeight,
-                  chartWidth: width,
-                  className,
-                  emptyState,
-                  errorState,
-                  isEmpty: isEmptyData(children, data),
-                  showLoader: loading,
-                  style,
-                  "data-dtrum-mask": dataDtrumMask,
-                  "data-dtrum-allow": dataDtrumAllow,
-                  ...behaviorTrackingProps,
-                  "data-dt-component": COMPONENT_NAME_BEHAVIOURAL_TRACKING,
-                  children: [
-                    /* @__PURE__ */ jsx(ChartLayout.Graph, { children: /* @__PURE__ */ jsx(
-                      XYChartInternal,
-                      {
-                        config,
-                        ref: rootRef
-                      }
-                    ) }),
-                    !legendHidden && /* @__PURE__ */ jsx(
-                      ChartLayout.Legend,
-                      {
-                        position: legendPosition,
-                        initialRatio: legendRatio,
-                        onResize: onRatioChange,
-                        children: /* @__PURE__ */ jsx(XYChartLegend, {})
-                      }
-                    )
-                  ]
+                  value: config.annotations,
+                  children: /* @__PURE__ */ jsx(ColorRuleContext.Provider, { value: config.colorRules, children: /* @__PURE__ */ jsx(XYChartStoreProvider, { children: /* @__PURE__ */ jsx(
+                    XYChartChartDataProvider,
+                    {
+                      data,
+                      seriesVariantsProps: internalConfig.series,
+                      children: /* @__PURE__ */ jsx(XYChartStoreDomainSync, { children: /* @__PURE__ */ jsx(XYChartAnnotationsDataProvider, { children: /* @__PURE__ */ jsx(XYChartVisibleAxesProvider, { children: /* @__PURE__ */ jsx(XYChartColorScalesProvider, { children: /* @__PURE__ */ jsx(XYChartAnnotationsShownIndicatorsProvider, { children: /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
+                        ChartLayout,
+                        {
+                          ref: chartLayoutRef,
+                          chartHeight,
+                          chartWidth: width,
+                          className,
+                          emptyState,
+                          errorState,
+                          isEmpty: isEmptyData(
+                            children,
+                            data
+                          ),
+                          showLoader: loading,
+                          style,
+                          "data-dtrum-mask": dataDtrumMask,
+                          "data-dtrum-allow": dataDtrumAllow,
+                          ...behaviorTrackingProps,
+                          "data-dt-component": COMPONENT_NAME_BEHAVIOURAL_TRACKING,
+                          children: [
+                            /* @__PURE__ */ jsx(ChartLayout.Graph, { children: /* @__PURE__ */ jsx(
+                              XYChartInternal,
+                              {
+                                config,
+                                ref: rootRef
+                              }
+                            ) }),
+                            !legendHidden && /* @__PURE__ */ jsx(
+                              ChartLayout.Legend,
+                              {
+                                position: legendPosition,
+                                initialRatio: legendRatio,
+                                onResize: onRatioChange,
+                                children: /* @__PURE__ */ jsx(XYChartLegend, {})
+                              }
+                            )
+                          ]
+                        }
+                      ) }) }) }) }) }) }) })
+                    }
+                  ) }) })
                 }
-              ) }) }) }) }) }) }) })
+              )
             }
-          ) }) }) })
+          )
         }
       ) })
     }

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

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

package/esm/charts/xy-chart/components/axes/AxisArea.css

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

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

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

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.css

@@ -1,8 +1,8 @@
-._z2zz8y2-3-5-2 {
-  direction: var(--_z2zz8y0-3-5-2);
+._z2zz8y2-3-7-0 {
+  direction: var(--_z2zz8y0-3-7-0);
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   text-wrap: nowrap;
-  width: var(--_z2zz8y1-3-5-2);
+  width: var(--_z2zz8y1-3-7-0);
 }

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

@@ -1,7 +1,7 @@
 import "./AxisTickWithTruncation.css";
-var directionValue = "var(--_z2zz8y0-3-5-2)";
-var tickStyle = "_z2zz8y2-3-5-2";
-var widthContainer = "var(--_z2zz8y1-3-5-2)";
+var directionValue = "var(--_z2zz8y0-3-7-0)";
+var tickStyle = "_z2zz8y2-3-7-0";
+var widthContainer = "var(--_z2zz8y1-3-7-0)";
 export {
   directionValue,
   tickStyle,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/AxisTickWithTruncation.css.ts"],
-  "sourcesContent": ["import './AxisTickWithTruncation.css';\nexport var directionValue = 'var(--_z2zz8y0-3-5-2)';\nexport var tickStyle = '_z2zz8y2-3-5-2';\nexport var widthContainer = 'var(--_z2zz8y1-3-5-2)';"],
+  "sourcesContent": ["import './AxisTickWithTruncation.css';\nexport var directionValue = 'var(--_z2zz8y0-3-7-0)';\nexport var tickStyle = '_z2zz8y2-3-7-0';\nexport var widthContainer = 'var(--_z2zz8y1-3-7-0)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,YAAY;AAChB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/XYChartBottomAxisArea.js

@@ -3,6 +3,7 @@ import { useGesture } from "@use-gesture/react";
 import clsx from "clsx";
 import { useRef } from "react";
 import { axisContainerStyle } from "./AxisArea.sty.js";
+import { computeCollisionAwareMaxSpace } from "./utils/compute-collision-aware-max-space.js";
 import { isAxisPannable } from "./utils/is-axis-pannable.js";
 import { XTickWithTruncation } from "./XTickWithTruncation.js";
 import { XYChartPanningControls } from "./XYChartPanningControls.js";
@@ -13,10 +14,7 @@ import {
   EMOJI_REGEX
 } from "../../../core/components/axes/constants.js";
 import { getXTickMaxSize } from "../../../core/components/axes/utils/calculate-axis-size.js";
-import {
-  getTickLabelPropsForCategoryAxis,
-  getTickLabelPropsForValueAxis
-} from "../../../core/components/axes/utils/get-tick-label-props.js";
+import { getXAxisTickLabelProps } from "../../../core/components/axes/utils/get-tick-label-props.js";
 import { isTickLabelSpaceAvailable } from "../../../core/components/axes/utils/is-tick-label-visible.js";
 import { ChartGrid } from "../../../core/components/chart-grid/ChartGridRoot.js";
 import { KEYBOARD_HANDLERS } from "../../../core/components/zoom/constants.js";
@@ -38,7 +36,14 @@ function XYChartBottomAxisArea() {
   const canPan = isAxisPannable(bottomConfig, scales);
   const tickFormat = (_, index) => bottomTicks.formattedTicks[index];
   const isCategoricalAxis = bottomConfig?.type ? isCategorical(bottomConfig.type) : false;
-  const tickLabelProps = isCategoricalAxis ? getTickLabelPropsForCategoryAxis("bottom", bottomConfig?.tickLabelLayout) : getTickLabelPropsForValueAxis("bottom", bottomConfig?.tickLabelLayout);
+  const isTickRotated = bottomConfig?.tickLabelLayout === "vertical";
+  const tickLabelProps = getXAxisTickLabelProps(
+    "bottom",
+    isCategoricalAxis,
+    isTickRotated,
+    bottomScale,
+    bottomConfig?.tickLabelLayout
+  );
   const areCategoricalTicksNotFittable = bottomScale && isCategoricalAxis && !isTickLabelSpaceAvailable(bottomScale.step());
   const handlePan = useApplyPanDelta();
   useGesture(
@@ -53,70 +58,80 @@ function XYChartBottomAxisArea() {
     }
   );
   const hideAxis = bottomConfig === void 0 || areCategoricalTicksNotFittable || bottomScale === void 0;
-  const isTickRotated = bottomConfig?.tickLabelLayout === "vertical";
   const tickNameHasEmoji = bottomTicks.ticks.some(
     (name) => EMOJI_REGEX.test(name)
   );
-  return hideAxis ? null : /* @__PURE__ */ jsx(ChartGrid.GridArea, { gridArea: AREAS.bottomAxis, children: ({ availableWidth, availableHeight }) => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: clsx(
-        cursorStyle({ isPanEnabled: canPan }),
-        axisContainerStyle
+  return hideAxis ? null : /* @__PURE__ */ jsx(ChartGrid.GridArea, { gridArea: AREAS.bottomAxis, children: ({ availableWidth, availableHeight }) => {
+    const maxSpaceForTruncation = computeCollisionAwareMaxSpace(
+      getXTickMaxSize(
+        availableHeight,
+        availableWidth,
+        isTickRotated,
+        bottomScale,
+        bottomConfig.label,
+        bottomTicks.ticks.length
       ),
-      ref: axisRef,
-      children: [
-        canPan && /* @__PURE__ */ jsx(
-          XYChartPanningControls,
-          {
-            visibleAxis: bottomConfig,
-            onClickPan: (delta) => handlePan(-delta)
-          }
+      bottomTicks.formattedTicks,
+      bottomTicks.ticks,
+      bottomScale,
+      isCategoricalAxis,
+      isTickRotated
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(
+          cursorStyle({ isPanEnabled: canPan }),
+          axisContainerStyle
         ),
-        /* @__PURE__ */ jsx(
-          DivAxisWrapper,
-          {
-            divAxisStyle: axisFontProps,
-            ticks: bottomTicks.formattedTicks,
-            label: bottomConfig.label,
-            isTickVertical: true,
-            isTickRotated,
-            children: /* @__PURE__ */ jsx(
-              AxisBottom,
-              {
-                role: "group",
-                "aria-label": XY_CHART_BOTTOM_AXIS_LABEL,
-                scale: bottomScale,
-                containerSize: availableWidth,
-                height: availableHeight,
-                tickValues: bottomTicks.ticks,
-                tickLabelProps,
-                tickFormat,
-                label: bottomConfig.label,
-                tickComponent: (renderProps) => /* @__PURE__ */ jsx(
-                  XTickWithTruncation,
-                  {
-                    renderProps,
-                    maxSpaceForTruncation: getXTickMaxSize(
-                      availableHeight,
-                      availableWidth,
+        ref: axisRef,
+        children: [
+          canPan && /* @__PURE__ */ jsx(
+            XYChartPanningControls,
+            {
+              visibleAxis: bottomConfig,
+              onClickPan: (delta) => handlePan(-delta)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DivAxisWrapper,
+            {
+              divAxisStyle: axisFontProps,
+              ticks: bottomTicks.formattedTicks,
+              label: bottomConfig.label,
+              isTickVertical: true,
+              isTickRotated,
+              children: /* @__PURE__ */ jsx(
+                AxisBottom,
+                {
+                  role: "group",
+                  "aria-label": XY_CHART_BOTTOM_AXIS_LABEL,
+                  scale: bottomScale,
+                  containerSize: availableWidth,
+                  height: availableHeight,
+                  tickValues: bottomTicks.ticks,
+                  tickLabelProps,
+                  tickFormat,
+                  label: bottomConfig.label,
+                  tickComponent: (renderProps) => /* @__PURE__ */ jsx(
+                    XTickWithTruncation,
+                    {
+                      renderProps,
+                      maxSpaceForTruncation,
+                      centerTick: isCategoricalAxis,
                       isTickRotated,
-                      bottomScale,
-                      bottomConfig.label
-                    ),
-                    centerTick: isCategoricalAxis,
-                    isTickRotated,
-                    position: "bottom",
-                    tickNameHasEmoji
-                  }
-                )
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
+                      position: "bottom",
+                      tickNameHasEmoji
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  } });
 }
 XYChartBottomAxisArea["displayName"] = "XYChartValueBottomAxisArea";
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/XYChartBottomAxisArea.tsx"],
-  "sourcesContent": ["import { useGesture } from '@use-gesture/react';\nimport clsx from 'clsx';\nimport type { ScaleBand } from 'd3-scale';\nimport { useRef } from 'react';\n\nimport { axisContainerStyle } from './AxisArea.sty.js';\nimport { isAxisPannable } from './utils/is-axis-pannable.js';\nimport { XTickWithTruncation } from './XTickWithTruncation.js';\nimport { XYChartPanningControls } from './XYChartPanningControls.js';\nimport { AxisBottom } from '../../../core/components/axes/AxisBottom.js';\nimport { DivAxisWrapper } from '../../../core/components/axes/components/DivAxisWrapper.js';\nimport {\n  axisFontProps,\n  EMOJI_REGEX,\n} from '../../../core/components/axes/constants.js';\nimport { getXTickMaxSize } from '../../../core/components/axes/utils/calculate-axis-size.js';\nimport {\n  getTickLabelPropsForCategoryAxis,\n  getTickLabelPropsForValueAxis,\n} from '../../../core/components/axes/utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../../../core/components/axes/utils/is-tick-label-visible.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { KEYBOARD_HANDLERS } from '../../../core/components/zoom/constants.js';\nimport { cursorStyle } from '../../../core/components/zoom/ZoomCursors.sty.js';\nimport { XY_CHART_BOTTOM_AXIS_LABEL } from '../../constants/defaults.js';\nimport { useAxesTicks } from '../../hooks/useAxesTicks.js';\nimport { useVisibleAxesConfig } from '../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { isCategorical } from '../../types/guards.js';\nimport { AREAS } from '../../utils/grid-templates.js';\nimport { useApplyPanDelta } from '../overlay/hooks/useApplyPanDelta.js';\n\nexport function XYChartBottomAxisArea() {\n  const axisRef = useRef<HTMLDivElement>(null);\n\n  const { bottomTicks } = useAxesTicks();\n  const { bottom: bottomConfig } = useVisibleAxesConfig();\n  const { bottom: bottomScale } = useVisibleAxesScales();\n  const scales = useXYChartScales();\n\n  const canPan = isAxisPannable(bottomConfig, scales);\n\n  const tickFormat = (_: unknown, index: number) =>\n    bottomTicks.formattedTicks[index];\n\n  const isCategoricalAxis = bottomConfig?.type\n    ? isCategorical(bottomConfig.type)\n    : false;\n  const tickLabelProps = isCategoricalAxis\n    ? getTickLabelPropsForCategoryAxis('bottom', bottomConfig?.tickLabelLayout)\n    : getTickLabelPropsForValueAxis('bottom', bottomConfig?.tickLabelLayout);\n\n  const areCategoricalTicksNotFittable =\n    bottomScale &&\n    isCategoricalAxis &&\n    !isTickLabelSpaceAvailable((bottomScale as ScaleBand<string>).step());\n\n  const handlePan = useApplyPanDelta();\n\n  useGesture(\n    {\n      onDrag: (e) =>\n        KEYBOARD_HANDLERS.includes(e.type) ? null : handlePan(-e.delta[0]),\n    },\n    {\n      target: axisRef,\n      eventOptions: { passive: false },\n      drag: { filterTaps: true, pointer: { buttons: [1, 4] } },\n      enabled: canPan,\n    },\n  );\n\n  const hideAxis =\n    bottomConfig === undefined ||\n    areCategoricalTicksNotFittable ||\n    bottomScale === undefined;\n\n  const isTickRotated = bottomConfig?.tickLabelLayout === 'vertical';\n\n  const tickNameHasEmoji = bottomTicks.ticks.some((name) =>\n    EMOJI_REGEX.test(name),\n  );\n\n  return hideAxis ? null : (\n    <ChartGrid.GridArea gridArea={AREAS.bottomAxis}>\n      {({ availableWidth, availableHeight }) => (\n        <div\n          className={clsx(\n            cursorStyle({ isPanEnabled: canPan }),\n            axisContainerStyle,\n          )}\n          ref={axisRef}\n        >\n          {canPan && (\n            <XYChartPanningControls\n              visibleAxis={bottomConfig}\n              onClickPan={(delta) => handlePan(-delta)}\n            />\n          )}\n          <DivAxisWrapper\n            divAxisStyle={axisFontProps}\n            ticks={bottomTicks.formattedTicks}\n            label={bottomConfig.label}\n            isTickVertical\n            isTickRotated={isTickRotated}\n          >\n            <AxisBottom\n              role=\"group\"\n              aria-label={XY_CHART_BOTTOM_AXIS_LABEL}\n              scale={bottomScale}\n              containerSize={availableWidth}\n              height={availableHeight}\n              tickValues={bottomTicks.ticks}\n              tickLabelProps={tickLabelProps}\n              tickFormat={tickFormat}\n              label={bottomConfig.label}\n              tickComponent={(renderProps) => (\n                <XTickWithTruncation\n                  renderProps={renderProps}\n                  maxSpaceForTruncation={getXTickMaxSize(\n                    availableHeight,\n                    availableWidth,\n                    isTickRotated,\n                    bottomScale,\n                    bottomConfig.label,\n                  )}\n                  centerTick={isCategoricalAxis}\n                  isTickRotated={isTickRotated}\n                  position=\"bottom\"\n                  tickNameHasEmoji={tickNameHasEmoji}\n                />\n              )}\n            />\n          </DivAxisWrapper>\n        </div>\n      )}\n    </ChartGrid.GridArea>\n  );\n}\n\nXYChartBottomAxisArea['displayName'] = 'XYChartValueBottomAxisArea';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useGesture } from '@use-gesture/react';\nimport clsx from 'clsx';\nimport type { NumberValue, ScaleBand } from 'd3-scale';\nimport { useRef } from 'react';\n\nimport { axisContainerStyle } from './AxisArea.sty.js';\nimport { computeCollisionAwareMaxSpace } from './utils/compute-collision-aware-max-space.js';\nimport { isAxisPannable } from './utils/is-axis-pannable.js';\nimport { XTickWithTruncation } from './XTickWithTruncation.js';\nimport { XYChartPanningControls } from './XYChartPanningControls.js';\nimport { AxisBottom } from '../../../core/components/axes/AxisBottom.js';\nimport { DivAxisWrapper } from '../../../core/components/axes/components/DivAxisWrapper.js';\nimport {\n  axisFontProps,\n  EMOJI_REGEX,\n} from '../../../core/components/axes/constants.js';\nimport { getXTickMaxSize } from '../../../core/components/axes/utils/calculate-axis-size.js';\nimport { getXAxisTickLabelProps } from '../../../core/components/axes/utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../../../core/components/axes/utils/is-tick-label-visible.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { KEYBOARD_HANDLERS } from '../../../core/components/zoom/constants.js';\nimport { cursorStyle } from '../../../core/components/zoom/ZoomCursors.sty.js';\nimport { XY_CHART_BOTTOM_AXIS_LABEL } from '../../constants/defaults.js';\nimport { useAxesTicks } from '../../hooks/useAxesTicks.js';\nimport { useVisibleAxesConfig } from '../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { isCategorical } from '../../types/guards.js';\nimport { AREAS } from '../../utils/grid-templates.js';\nimport { useApplyPanDelta } from '../overlay/hooks/useApplyPanDelta.js';\n\nexport function XYChartBottomAxisArea() {\n  const axisRef = useRef<HTMLDivElement>(null);\n\n  const { bottomTicks } = useAxesTicks();\n  const { bottom: bottomConfig } = useVisibleAxesConfig();\n  const { bottom: bottomScale } = useVisibleAxesScales();\n  const scales = useXYChartScales();\n\n  const canPan = isAxisPannable(bottomConfig, scales);\n\n  const tickFormat = (_: unknown, index: number) =>\n    bottomTicks.formattedTicks[index];\n\n  const isCategoricalAxis = bottomConfig?.type\n    ? isCategorical(bottomConfig.type)\n    : false;\n  const isTickRotated = bottomConfig?.tickLabelLayout === 'vertical';\n  const tickLabelProps = getXAxisTickLabelProps(\n    'bottom',\n    isCategoricalAxis,\n    isTickRotated,\n    bottomScale,\n    bottomConfig?.tickLabelLayout,\n  );\n\n  const areCategoricalTicksNotFittable =\n    bottomScale &&\n    isCategoricalAxis &&\n    !isTickLabelSpaceAvailable((bottomScale as ScaleBand<string>).step());\n\n  const handlePan = useApplyPanDelta();\n\n  useGesture(\n    {\n      onDrag: (e) =>\n        KEYBOARD_HANDLERS.includes(e.type) ? null : handlePan(-e.delta[0]),\n    },\n    {\n      target: axisRef,\n      eventOptions: { passive: false },\n      drag: { filterTaps: true, pointer: { buttons: [1, 4] } },\n      enabled: canPan,\n    },\n  );\n\n  const hideAxis =\n    bottomConfig === undefined ||\n    areCategoricalTicksNotFittable ||\n    bottomScale === undefined;\n\n  const tickNameHasEmoji = bottomTicks.ticks.some((name) =>\n    EMOJI_REGEX.test(name),\n  );\n\n  return hideAxis ? null : (\n    <ChartGrid.GridArea gridArea={AREAS.bottomAxis}>\n      {({ availableWidth, availableHeight }) => {\n        const maxSpaceForTruncation = computeCollisionAwareMaxSpace(\n          getXTickMaxSize(\n            availableHeight,\n            availableWidth,\n            isTickRotated,\n            bottomScale,\n            bottomConfig.label,\n            bottomTicks.ticks.length,\n          ),\n          bottomTicks.formattedTicks,\n          bottomTicks.ticks as unknown as NumberValue[],\n          bottomScale,\n          isCategoricalAxis,\n          isTickRotated,\n        );\n\n        return (\n          <div\n            className={clsx(\n              cursorStyle({ isPanEnabled: canPan }),\n              axisContainerStyle,\n            )}\n            ref={axisRef}\n          >\n            {canPan && (\n              <XYChartPanningControls\n                visibleAxis={bottomConfig}\n                onClickPan={(delta) => handlePan(-delta)}\n              />\n            )}\n            <DivAxisWrapper\n              divAxisStyle={axisFontProps}\n              ticks={bottomTicks.formattedTicks}\n              label={bottomConfig.label}\n              isTickVertical\n              isTickRotated={isTickRotated}\n            >\n              <AxisBottom\n                role=\"group\"\n                aria-label={XY_CHART_BOTTOM_AXIS_LABEL}\n                scale={bottomScale}\n                containerSize={availableWidth}\n                height={availableHeight}\n                tickValues={bottomTicks.ticks}\n                tickLabelProps={tickLabelProps}\n                tickFormat={tickFormat}\n                label={bottomConfig.label}\n                tickComponent={(renderProps) => (\n                  <XTickWithTruncation\n                    renderProps={renderProps}\n                    maxSpaceForTruncation={maxSpaceForTruncation}\n                    centerTick={isCategoricalAxis}\n                    isTickRotated={isTickRotated}\n                    position=\"bottom\"\n                    tickNameHasEmoji={tickNameHasEmoji}\n                  />\n                )}\n              />\n            </DivAxisWrapper>\n          </div>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n}\n\nXYChartBottomAxisArea['displayName'] = 'XYChartValueBottomAxisArea';\n"],
+  "mappings": "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",
   "names": []
 }