@dynatrace/strato-components 3.12.2 → 3.13.2

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, useMemo, 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 { PinCoordinationProvider } from '../core/components/overlay-tooltip/contexts/PinCoordinationContext.js';\nimport { TooltipProvider } from '../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { AriaLabelingContext } from '../core/context/AriaLabelingContext.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    __downloadDataCallback: downloadDataCallback,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.\n    'data-dt-component': componentName = COMPONENT_NAME_BEHAVIOURAL_TRACKING,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\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  const ariaLabelingValue = useMemo(\n    () => ({\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n    }),\n    [ariaLabel, ariaLabelledBy, ariaDescribedBy, ariaDetails],\n  );\n\n  return (\n    <AriaLabelingContext.Provider value={ariaLabelingValue}>\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                                        <PinCoordinationProvider>\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={\n                                                  dataDtrumAllow\n                                                }\n                                                {...behaviorTrackingProps}\n                                                data-dt-component={\n                                                  componentName\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                                        </PinCoordinationProvider>\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    </AriaLabelingContext.Provider>\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"],
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useMemo, 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 { PinCoordinationProvider } from '../core/components/overlay-tooltip/contexts/PinCoordinationContext.js';\nimport { TooltipProvider } from '../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { AriaLabelingContext } from '../core/context/AriaLabelingContext.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    __downloadDataCallback: downloadDataCallback,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.\n    'data-dt-component': componentName = COMPONENT_NAME_BEHAVIOURAL_TRACKING,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\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    // oxlint-disable-next-line typescript/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  const ariaLabelingValue = useMemo(\n    () => ({\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n    }),\n    [ariaLabel, ariaLabelledBy, ariaDescribedBy, ariaDetails],\n  );\n\n  return (\n    <AriaLabelingContext.Provider value={ariaLabelingValue}>\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                                        <PinCoordinationProvider>\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={\n                                                  dataDtrumAllow\n                                                }\n                                                {...behaviorTrackingProps}\n                                                data-dt-component={\n                                                  componentName\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                                        </PinCoordinationProvider>\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    </AriaLabelingContext.Provider>\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  // oxlint-disable-next-line typescript/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-12-2 {
+._bidc430-3-13-2 {
   position: relative;
 }

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

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

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

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

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

@@ -1,7 +1,7 @@
 import "./AxisTickWithTruncation.css";
-var directionValue = "var(--_z2zz8y0-3-12-2)";
-var tickStyle = "_z2zz8y2-3-12-2";
-var widthContainer = "var(--_z2zz8y1-3-12-2)";
+var directionValue = "var(--_z2zz8y0-3-13-2)";
+var tickStyle = "_z2zz8y2-3-13-2";
+var widthContainer = "var(--_z2zz8y1-3-13-2)";
 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-12-2)';\nexport var tickStyle = '_z2zz8y2-3-12-2';\nexport var widthContainer = 'var(--_z2zz8y1-3-12-2)';"],
+  "sourcesContent": ["import './AxisTickWithTruncation.css';\nexport var directionValue = 'var(--_z2zz8y0-3-13-2)';\nexport var tickStyle = '_z2zz8y2-3-13-2';\nexport var widthContainer = 'var(--_z2zz8y1-3-13-2)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,YAAY;AAChB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.css

@@ -1,10 +1,10 @@
-._b76tm80-3-12-2 {
+._b76tm80-3-13-2 {
   position: absolute;
   inset: 0;
   overflow: hidden;
   pointer-events: none;
 }
-._b76tm81-3-12-2 {
+._b76tm81-3-13-2 {
   position: absolute;
   white-space: nowrap;
   font-size: var(--dt-typography-text-small-default-size, 12px);

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.sty.js

@@ -1,6 +1,6 @@
 import "./BarLabelOverlay.css";
-var labelSpan = "_b76tm81-3-12-2";
-var overlayContainer = "_b76tm80-3-12-2";
+var labelSpan = "_b76tm81-3-13-2";
+var overlayContainer = "_b76tm80-3-13-2";
 export {
   labelSpan,
   overlayContainer

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.css.ts"],
-  "sourcesContent": ["import './BarLabelOverlay.css';\nexport var labelSpan = '_b76tm81-3-12-2';\nexport var overlayContainer = '_b76tm80-3-12-2';"],
+  "sourcesContent": ["import './BarLabelOverlay.css';\nexport var labelSpan = '_b76tm81-3-13-2';\nexport var overlayContainer = '_b76tm80-3-13-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/xy-chart/components/displays/RectLabelOverlay.css

@@ -1,10 +1,10 @@
-._1a48u8w0-3-12-2 {
+._1a48u8w0-3-13-2 {
   position: absolute;
   inset: 0;
   overflow: hidden;
   pointer-events: none;
 }
-._1a48u8w1-3-12-2 {
+._1a48u8w1-3-13-2 {
   position: absolute;
   white-space: nowrap;
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -12,7 +12,7 @@
   font-weight: var(--dt-typography-text-small-default-weight, 400);
   line-height: 1;
 }
-._1a48u8w2-3-12-2 {
+._1a48u8w2-3-13-2 {
   position: absolute;
   overflow: hidden;
   pointer-events: none;

package/esm/charts/xy-chart/components/displays/RectLabelOverlay.sty.js

@@ -1,7 +1,7 @@
 import "./RectLabelOverlay.css";
-var rectLabelClipWrapper = "_1a48u8w2-3-12-2";
-var rectLabelSpan = "_1a48u8w1-3-12-2";
-var rectOverlayContainer = "_1a48u8w0-3-12-2";
+var rectLabelClipWrapper = "_1a48u8w2-3-13-2";
+var rectLabelSpan = "_1a48u8w1-3-13-2";
+var rectOverlayContainer = "_1a48u8w0-3-13-2";
 export {
   rectLabelClipWrapper,
   rectLabelSpan,

package/esm/charts/xy-chart/components/displays/RectLabelOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/displays/RectLabelOverlay.css.ts"],
-  "sourcesContent": ["import './RectLabelOverlay.css';\nexport var rectLabelClipWrapper = '_1a48u8w2-3-12-2';\nexport var rectLabelSpan = '_1a48u8w1-3-12-2';\nexport var rectOverlayContainer = '_1a48u8w0-3-12-2';"],
+  "sourcesContent": ["import './RectLabelOverlay.css';\nexport var rectLabelClipWrapper = '_1a48u8w2-3-13-2';\nexport var rectLabelSpan = '_1a48u8w1-3-13-2';\nexport var rectOverlayContainer = '_1a48u8w0-3-13-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;AAC3B,IAAI,gBAAgB;AACpB,IAAI,uBAAuB;",
   "names": []
 }

package/esm/charts/xy-chart/components/displays/rect-accessors.js

@@ -10,7 +10,7 @@ function colorAccessor(colorScale, metaDataMap) {
     // At this point we know value can not be null, undefined nor NaN, hence it will not be painted in the canvas
     getColorFromScaleAndData(
       colorScale,
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      // oxlint-disable-next-line typescript/no-non-null-assertion
       datapoint.value,
       safeGet(metaDataMap, datapoint)?.colorOverride
     )

package/esm/charts/xy-chart/components/displays/rect-accessors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/displays/rect-accessors.ts"],
-  "sourcesContent": ["import { safeGet } from '../../../core/utils/safe-get.js';\nimport type {\n  AnyXYChartScale,\n  MapDatapoints,\n  RectDatapointInternal,\n  XYChartColorScale,\n} from '../../types/xy-chart-internals.js';\nimport { getColorFromScaleAndData } from '../../utils/coloring/get-color-from-scale-and-data.js';\nimport {\n  isCategoricalRectScale,\n  isNumericalRectScale,\n  isTimeRectScale,\n} from '../../utils/type-guards.js';\n\nexport function colorAccessor(\n  colorScale: XYChartColorScale,\n  metaDataMap: MapDatapoints,\n) {\n  return (datapoint: RectDatapointInternal) =>\n    // At this point we know value can not be null, undefined nor NaN, hence it will not be painted in the canvas\n    getColorFromScaleAndData(\n      colorScale,\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      datapoint.value!,\n      safeGet(metaDataMap, datapoint)?.colorOverride,\n    );\n}\n\nfunction genericAccessor(\n  scale: AnyXYChartScale,\n  v0: string | number | Date,\n  v1?: string | number | Date | undefined,\n  relAccessor?: (value: number) => number,\n): number {\n  const args = { scale, v0, v1 };\n\n  if (isCategoricalRectScale(args)) {\n    return args.scale(args.v0) ?? 0;\n  } else if (isNumericalRectScale(args) || isTimeRectScale(args)) {\n    const { scale } = args;\n    let { v0, v1 } = args;\n\n    if (relAccessor) {\n      if (isNumericalRectScale(args)) {\n        v0 = relAccessor(v0 as number);\n        v1 = relAccessor(v1 as number);\n      }\n    }\n    return Math.min(scale(v0), scale(v1));\n  }\n\n  throw Error('unknown genericAccessor value for Rect');\n}\n\nfunction spanAccessor(\n  scale: AnyXYChartScale,\n  v0: string | number | Date,\n  v1?: string | number | Date | undefined,\n  relAccessor?: (value: number) => number,\n): number {\n  const args = { scale, v0, v1 };\n\n  if (isNumericalRectScale(args) || isTimeRectScale(args)) {\n    const { scale } = args;\n    let { v0, v1 } = args;\n\n    if (relAccessor) {\n      if (isNumericalRectScale(args)) {\n        v0 = relAccessor(v0 as number);\n        v1 = relAccessor(v1 as number);\n      }\n    }\n    return Math.abs(scale(v1) - scale(v0));\n  } else if (isCategoricalRectScale(args)) {\n    return args.scale.bandwidth();\n  }\n\n  throw Error('unknown spanAccessor value for Rect');\n}\n\nexport function xAccessor(\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: RectDatapointInternal) =>\n    genericAccessor(scale, datapoint.x0, datapoint.x1, relAccessor);\n}\n\nexport function yAccessor(\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: RectDatapointInternal) =>\n    genericAccessor(scale, datapoint.y0, datapoint.y1, relAccessor);\n}\n\nexport function widthAccessor(\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: RectDatapointInternal) =>\n    spanAccessor(scale, datapoint.x0, datapoint.x1, relAccessor);\n}\n\nexport function heightAccessor(\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: RectDatapointInternal) =>\n    spanAccessor(scale, datapoint.y0, datapoint.y1, relAccessor);\n}\n"],
+  "sourcesContent": ["import { safeGet } from '../../../core/utils/safe-get.js';\nimport type {\n  AnyXYChartScale,\n  MapDatapoints,\n  RectDatapointInternal,\n  XYChartColorScale,\n} from '../../types/xy-chart-internals.js';\nimport { getColorFromScaleAndData } from '../../utils/coloring/get-color-from-scale-and-data.js';\nimport {\n  isCategoricalRectScale,\n  isNumericalRectScale,\n  isTimeRectScale,\n} from '../../utils/type-guards.js';\n\nexport function colorAccessor(\n  colorScale: XYChartColorScale,\n  metaDataMap: MapDatapoints,\n) {\n  return (datapoint: RectDatapointInternal) =>\n    // At this point we know value can not be null, undefined nor NaN, hence it will not be painted in the canvas\n    getColorFromScaleAndData(\n      colorScale,\n      // oxlint-disable-next-line typescript/no-non-null-assertion\n      datapoint.value!,\n      safeGet(metaDataMap, datapoint)?.colorOverride,\n    );\n}\n\nfunction genericAccessor(\n  scale: AnyXYChartScale,\n  v0: string | number | Date,\n  v1?: string | number | Date | undefined,\n  relAccessor?: (value: number) => number,\n): number {\n  const args = { scale, v0, v1 };\n\n  if (isCategoricalRectScale(args)) {\n    return args.scale(args.v0) ?? 0;\n  } else if (isNumericalRectScale(args) || isTimeRectScale(args)) {\n    const { scale } = args;\n    let { v0, v1 } = args;\n\n    if (relAccessor) {\n      if (isNumericalRectScale(args)) {\n        v0 = relAccessor(v0 as number);\n        v1 = relAccessor(v1 as number);\n      }\n    }\n    return Math.min(scale(v0), scale(v1));\n  }\n\n  throw Error('unknown genericAccessor value for Rect');\n}\n\nfunction spanAccessor(\n  scale: AnyXYChartScale,\n  v0: string | number | Date,\n  v1?: string | number | Date | undefined,\n  relAccessor?: (value: number) => number,\n): number {\n  const args = { scale, v0, v1 };\n\n  if (isNumericalRectScale(args) || isTimeRectScale(args)) {\n    const { scale } = args;\n    let { v0, v1 } = args;\n\n    if (relAccessor) {\n      if (isNumericalRectScale(args)) {\n        v0 = relAccessor(v0 as number);\n        v1 = relAccessor(v1 as number);\n      }\n    }\n    return Math.abs(scale(v1) - scale(v0));\n  } else if (isCategoricalRectScale(args)) {\n    return args.scale.bandwidth();\n  }\n\n  throw Error('unknown spanAccessor value for Rect');\n}\n\nexport function xAccessor(\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: RectDatapointInternal) =>\n    genericAccessor(scale, datapoint.x0, datapoint.x1, relAccessor);\n}\n\nexport function yAccessor(\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: RectDatapointInternal) =>\n    genericAccessor(scale, datapoint.y0, datapoint.y1, relAccessor);\n}\n\nexport function widthAccessor(\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: RectDatapointInternal) =>\n    spanAccessor(scale, datapoint.x0, datapoint.x1, relAccessor);\n}\n\nexport function heightAccessor(\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: RectDatapointInternal) =>\n    spanAccessor(scale, datapoint.y0, datapoint.y1, relAccessor);\n}\n"],
   "mappings": "AAAA,SAAS,eAAe;AAOxB,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,cACd,YACA,aACA;AACA,SAAO,CAAC;AAAA;AAAA,IAEN;AAAA,MACE;AAAA;AAAA,MAEA,UAAU;AAAA,MACV,QAAQ,aAAa,SAAS,GAAG;AAAA,IACnC;AAAA;AACJ;AAEA,SAAS,gBACP,OACA,IACA,IACA,aACQ;AACR,QAAM,OAAO,EAAE,OAAO,IAAI,GAAG;AAE7B,MAAI,uBAAuB,IAAI,GAAG;AAChC,WAAO,KAAK,MAAM,KAAK,EAAE,KAAK;AAAA,EAChC,WAAW,qBAAqB,IAAI,KAAK,gBAAgB,IAAI,GAAG;AAC9D,UAAM,EAAE,OAAAA,OAAM,IAAI;AAClB,QAAI,EAAE,IAAAC,KAAI,IAAAC,IAAG,IAAI;AAEjB,QAAI,aAAa;AACf,UAAI,qBAAqB,IAAI,GAAG;AAC9B,QAAAD,MAAK,YAAYA,GAAY;AAC7B,QAAAC,MAAK,YAAYA,GAAY;AAAA,MAC/B;AAAA,IACF;AACA,WAAO,KAAK,IAAIF,OAAMC,GAAE,GAAGD,OAAME,GAAE,CAAC;AAAA,EACtC;AAEA,QAAM,MAAM,wCAAwC;AACtD;AAEA,SAAS,aACP,OACA,IACA,IACA,aACQ;AACR,QAAM,OAAO,EAAE,OAAO,IAAI,GAAG;AAE7B,MAAI,qBAAqB,IAAI,KAAK,gBAAgB,IAAI,GAAG;AACvD,UAAM,EAAE,OAAAF,OAAM,IAAI;AAClB,QAAI,EAAE,IAAAC,KAAI,IAAAC,IAAG,IAAI;AAEjB,QAAI,aAAa;AACf,UAAI,qBAAqB,IAAI,GAAG;AAC9B,QAAAD,MAAK,YAAYA,GAAY;AAC7B,QAAAC,MAAK,YAAYA,GAAY;AAAA,MAC/B;AAAA,IACF;AACA,WAAO,KAAK,IAAIF,OAAME,GAAE,IAAIF,OAAMC,GAAE,CAAC;AAAA,EACvC,WAAW,uBAAuB,IAAI,GAAG;AACvC,WAAO,KAAK,MAAM,UAAU;AAAA,EAC9B;AAEA,QAAM,MAAM,qCAAqC;AACnD;AAEO,SAAS,UACd,OACA,aACA;AACA,SAAO,CAAC,cACN,gBAAgB,OAAO,UAAU,IAAI,UAAU,IAAI,WAAW;AAClE;AAEO,SAAS,UACd,OACA,aACA;AACA,SAAO,CAAC,cACN,gBAAgB,OAAO,UAAU,IAAI,UAAU,IAAI,WAAW;AAClE;AAEO,SAAS,cACd,OACA,aACA;AACA,SAAO,CAAC,cACN,aAAa,OAAO,UAAU,IAAI,UAAU,IAAI,WAAW;AAC/D;AAEO,SAAS,eACd,OACA,aACA;AACA,SAAO,CAAC,cACN,aAAa,OAAO,UAAU,IAAI,UAAU,IAAI,WAAW;AAC/D;",
   "names": ["scale", "v0", "v1"]
 }

package/esm/charts/xy-chart/components/legend/XYChartLegend.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/legend/XYChartLegend.tsx"],
-  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { RectRangeLegend } from './RectRangeLegend/RectRangeLegend.js';\nimport { XYLegend } from './XYLegend/XYLegend.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport type {\n  SeriesToMetadata,\n  XYChartSeriesWithDatapoints,\n} from '../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../utils/type-guards.js';\n\n/**\n * Builds a stable identity key from series that changes only when the consumer\n * provides different series (added/removed/reordered) or when a series color\n * changes in metadata. Uses series IDs and resolved colors so the legend\n * re-renders when color rules update.\n */\nfunction buildLegendIdentityKey(\n  series: XYChartSeriesWithDatapoints[],\n  seriesToMetadata: SeriesToMetadata,\n): string {\n  return series\n    .map((s) => {\n      const metadata = safeGet(seriesToMetadata, s);\n      const color = 'color' in metadata ? metadata.color.Default : '';\n      return `${s.id}:${color}`;\n    })\n    .join(',');\n}\n\nexport const XYChartLegend = () => {\n  const { seriesWithDatapoints, seriesToMetadata } = useXYChartData();\n\n  const identityKey = buildLegendIdentityKey(\n    seriesWithDatapoints,\n    seriesToMetadata,\n  );\n\n  // Deps use identityKey (not the object references) intentionally \u2014 we want\n  // stable references that only change when series are added/removed/reordered.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableSeries = useMemo(() => seriesWithDatapoints, [identityKey]);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableMetadata = useMemo(() => seriesToMetadata, [identityKey]);\n\n  const firstSeries = stableSeries[0];\n\n  if (isRectSeries(firstSeries)) {\n    const { valueType: firstSeriesValueType } = safeGet(\n      stableMetadata,\n      firstSeries,\n    );\n\n    if (!firstSeriesValueType) {\n      return null;\n    }\n\n    if (isRangeLegend(stableMetadata, firstSeries)) {\n      return <RectRangeLegend series={firstSeries} />;\n    }\n  }\n\n  return <XYLegend series={stableSeries} seriesToMetadata={stableMetadata} />;\n};\n"],
+  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { RectRangeLegend } from './RectRangeLegend/RectRangeLegend.js';\nimport { XYLegend } from './XYLegend/XYLegend.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport type {\n  SeriesToMetadata,\n  XYChartSeriesWithDatapoints,\n} from '../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../utils/type-guards.js';\n\n/**\n * Builds a stable identity key from series that changes only when the consumer\n * provides different series (added/removed/reordered) or when a series color\n * changes in metadata. Uses series IDs and resolved colors so the legend\n * re-renders when color rules update.\n */\nfunction buildLegendIdentityKey(\n  series: XYChartSeriesWithDatapoints[],\n  seriesToMetadata: SeriesToMetadata,\n): string {\n  return series\n    .map((s) => {\n      const metadata = safeGet(seriesToMetadata, s);\n      const color = 'color' in metadata ? metadata.color.Default : '';\n      return `${s.id}:${color}`;\n    })\n    .join(',');\n}\n\nexport const XYChartLegend = () => {\n  const { seriesWithDatapoints, seriesToMetadata } = useXYChartData();\n\n  const identityKey = buildLegendIdentityKey(\n    seriesWithDatapoints,\n    seriesToMetadata,\n  );\n\n  // Deps use identityKey (not the object references) intentionally \u2014 we want\n  // stable references that only change when series are added/removed/reordered.\n  // oxlint-disable-next-line react-hooks/exhaustive-deps\n  const stableSeries = useMemo(() => seriesWithDatapoints, [identityKey]);\n  // oxlint-disable-next-line react-hooks/exhaustive-deps\n  const stableMetadata = useMemo(() => seriesToMetadata, [identityKey]);\n\n  const firstSeries = stableSeries[0];\n\n  if (isRectSeries(firstSeries)) {\n    const { valueType: firstSeriesValueType } = safeGet(\n      stableMetadata,\n      firstSeries,\n    );\n\n    if (!firstSeriesValueType) {\n      return null;\n    }\n\n    if (isRangeLegend(stableMetadata, firstSeries)) {\n      return <RectRangeLegend series={firstSeries} />;\n    }\n  }\n\n  return <XYLegend series={stableSeries} seriesToMetadata={stableMetadata} />;\n};\n"],
   "mappings": "AA4Da;AA5Db,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAK/B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAQ7B,SAAS,uBACP,QACA,kBACQ;AACR,SAAO,OACJ,IAAI,CAAC,MAAM;AACV,UAAM,WAAW,QAAQ,kBAAkB,CAAC;AAC5C,UAAM,QAAQ,WAAW,WAAW,SAAS,MAAM,UAAU;AAC7D,WAAO,GAAG,EAAE,EAAE,IAAI,KAAK;AAAA,EACzB,CAAC,EACA,KAAK,GAAG;AACb;AAEO,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,sBAAsB,iBAAiB,IAAI,eAAe;AAElE,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,EACF;AAKA,QAAM,eAAe,QAAQ,MAAM,sBAAsB,CAAC,WAAW,CAAC;AAEtE,QAAM,iBAAiB,QAAQ,MAAM,kBAAkB,CAAC,WAAW,CAAC;AAEpE,QAAM,cAAc,aAAa,CAAC;AAElC,MAAI,aAAa,WAAW,GAAG;AAC7B,UAAM,EAAE,WAAW,qBAAqB,IAAI;AAAA,MAC1C;AAAA,MACA;AAAA,IACF;AAEA,QAAI,CAAC,sBAAsB;AACzB,aAAO;AAAA,IACT;AAEA,QAAI,cAAc,gBAAgB,WAAW,GAAG;AAC9C,aAAO,oBAAC,mBAAgB,QAAQ,aAAa;AAAA,IAC/C;AAAA,EACF;AAEA,SAAO,oBAAC,YAAS,QAAQ,cAAc,kBAAkB,gBAAgB;AAC3E;",
   "names": []
 }

package/esm/charts/xy-chart/components/legend/XYLegend/XYLegend.js

@@ -90,7 +90,7 @@ function XYLegend({ series, seriesToMetadata }) {
       scaleColorMap,
       isCategoricalRectOnly
     ),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
     [series, seriesToMetadata]
   );
   const legendActions = getXYLegendActions(series, seriesToMetadata);

package/esm/charts/xy-chart/components/legend/XYLegend/XYLegend.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/legend/XYLegend/XYLegend.tsx"],
-  "sourcesContent": ["import type { ScaleOrdinal } from 'd3-scale';\nimport { useCallback, useMemo } from 'react';\n\nimport { getXYLegendActions } from './utils/getXYLegendActions.js';\nimport {\n  AREA_CHART_ICON_SHAPE,\n  BAR_CHART_ICON_SHAPE,\n  LINE_CHART_ICON_SHAPE,\n  RECT_CHART_ICON_SHAPE,\n  XYLegendIcon,\n} from './XYLegendIcon.js';\nimport { useChartLayoutLoading } from '../../../../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { getLegendOrientation } from '../../../../core/components/chart-layout/utils/orientation.js';\nimport { ChartLegend } from '../../../../core/components/legend/categorical/ChartLegend.js';\nimport type { LegendItem } from '../../../../core/components/legend/categorical/types/legend.js';\nimport { usePinCoordinationActions } from '../../../../core/components/overlay-tooltip/usePinCoordinationActions.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { buildCategoricalItemsFromScale } from '../../../../core/utils/build-categorical-items-from-scale.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport { reduceFilterSeries } from '../../../store/reducer-filter-series.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport {\n  AREA_VARIANT,\n  type AreaSeriesWithDatapoints,\n  BAR_VARIANT,\n  type BarSeriesWithDatapoints,\n  DOT_VARIANT,\n  type DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  type LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  type RectSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../../utils/type-guards.js';\n\nconst CHART_ICONS = {\n  [LINE_VARIANT]: LINE_CHART_ICON_SHAPE,\n  [BAR_VARIANT]: BAR_CHART_ICON_SHAPE,\n  [RECT_VARIANT]: RECT_CHART_ICON_SHAPE,\n  [AREA_VARIANT]: AREA_CHART_ICON_SHAPE,\n} as const;\n\nfunction getLegendItems(\n  series: (\n    | DotSeriesWithDatapoints\n    | LineSeriesWithDatapoints\n    | BarSeriesWithDatapoints\n    | RectSeriesWithDatapoints\n    | AreaSeriesWithDatapoints\n  )[],\n  metadata: SeriesToMetadata,\n  isMixedSeries: boolean,\n  scaleColorMap: SeriesIdToColorScale,\n  isCategoricalRectOnly: boolean,\n) {\n  return series.flatMap((series) => {\n    if (series.type === RECT_VARIANT) {\n      if (isRangeLegend(metadata, series)) {\n        return [];\n      }\n      const scale = safeGet(scaleColorMap, series.id) as ScaleOrdinal<\n        string,\n        string\n      >;\n      const overrideItems = safeGet(metadata, series).categoricalColorOverrides;\n\n      const shape = isCategoricalRectOnly ? 'circle' : CHART_ICONS[series.type];\n\n      const items = buildCategoricalItemsFromScale(\n        scale,\n        overrideItems,\n        //We need to compare exactly the same id when an action is selected\n        //In RectSeries, categories are unique per series.\n        (category: string) => `${series.id}--${category}`,\n      );\n\n      return items.map((item: LegendItem) => ({\n        ...item,\n        icon: <XYLegendIcon color={item.color.Default} shape={shape} />,\n      }));\n    } else {\n      const { name, color, shape = 'circle' } = safeGet(metadata, series);\n      const iconShape =\n        isMixedSeries && series.type !== DOT_VARIANT\n          ? CHART_ICONS[series.type]\n          : shape;\n\n      return {\n        id: series.id,\n        color,\n        name,\n        icon: <XYLegendIcon color={color.Default} shape={iconShape} />,\n      };\n    }\n  });\n}\n\ninterface XYLegendProps {\n  series: XYChartSeriesWithDatapoints[];\n  seriesToMetadata: SeriesToMetadata;\n}\n\nexport function XYLegend({ series, seriesToMetadata }: XYLegendProps) {\n  const { reset } = useTooltipActions();\n  const { dismissAnnotation } = usePinCoordinationActions();\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const setState = useSetState();\n  const isLoading = useChartLayoutLoading();\n  const scaleColorMap = useXYChartColorScales();\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const firstSeries = series[0];\n  const isCategoricalRectOnly =\n    isRectSeries(firstSeries) &&\n    series.every(isRectSeries) &&\n    !isRangeLegend(seriesToMetadata, firstSeries);\n\n  const isMixedSeries = useMemo(() => {\n    const typeSet = new Set(series.map((s) => s.type));\n    return typeSet.size >= 2;\n  }, [series]);\n\n  const legendItems = useMemo(\n    () =>\n      getLegendItems(\n        series,\n        seriesToMetadata,\n        isMixedSeries,\n        scaleColorMap,\n        isCategoricalRectOnly,\n      ),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [series, seriesToMetadata],\n  );\n\n  const legendActions = getXYLegendActions(series, seriesToMetadata);\n\n  const updateVisibleSeries = useCallback(\n    (visibleItems: LegendItem[]) => {\n      const visibleIds = new Set(visibleItems.map((item) => item.id));\n\n      reset();\n      dismissAnnotation();\n      setState(reduceFilterSeries(visibleIds));\n    },\n    [setState, reset, dismissAnnotation],\n  );\n\n  const updateHighlightedSeriesId = (legendItemId?: string) => {\n    setState((prev) => ({ ...prev, highlightedSeriesId: legendItemId }));\n  };\n\n  return (\n    <ChartLegend\n      items={legendItems}\n      orientation={orientation}\n      truncationMode={truncationMode}\n      interactionsDisabled={isLoading}\n      onSeriesAction={legendActions}\n      onHover={(legendItem) => updateHighlightedSeriesId(legendItem?.id)}\n      onClick={updateVisibleSeries}\n    />\n  );\n}\n"],
+  "sourcesContent": ["import type { ScaleOrdinal } from 'd3-scale';\nimport { useCallback, useMemo } from 'react';\n\nimport { getXYLegendActions } from './utils/getXYLegendActions.js';\nimport {\n  AREA_CHART_ICON_SHAPE,\n  BAR_CHART_ICON_SHAPE,\n  LINE_CHART_ICON_SHAPE,\n  RECT_CHART_ICON_SHAPE,\n  XYLegendIcon,\n} from './XYLegendIcon.js';\nimport { useChartLayoutLoading } from '../../../../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { getLegendOrientation } from '../../../../core/components/chart-layout/utils/orientation.js';\nimport { ChartLegend } from '../../../../core/components/legend/categorical/ChartLegend.js';\nimport type { LegendItem } from '../../../../core/components/legend/categorical/types/legend.js';\nimport { usePinCoordinationActions } from '../../../../core/components/overlay-tooltip/usePinCoordinationActions.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { buildCategoricalItemsFromScale } from '../../../../core/utils/build-categorical-items-from-scale.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport { reduceFilterSeries } from '../../../store/reducer-filter-series.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport {\n  AREA_VARIANT,\n  type AreaSeriesWithDatapoints,\n  BAR_VARIANT,\n  type BarSeriesWithDatapoints,\n  DOT_VARIANT,\n  type DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  type LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  type RectSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../../utils/type-guards.js';\n\nconst CHART_ICONS = {\n  [LINE_VARIANT]: LINE_CHART_ICON_SHAPE,\n  [BAR_VARIANT]: BAR_CHART_ICON_SHAPE,\n  [RECT_VARIANT]: RECT_CHART_ICON_SHAPE,\n  [AREA_VARIANT]: AREA_CHART_ICON_SHAPE,\n} as const;\n\nfunction getLegendItems(\n  series: (\n    | DotSeriesWithDatapoints\n    | LineSeriesWithDatapoints\n    | BarSeriesWithDatapoints\n    | RectSeriesWithDatapoints\n    | AreaSeriesWithDatapoints\n  )[],\n  metadata: SeriesToMetadata,\n  isMixedSeries: boolean,\n  scaleColorMap: SeriesIdToColorScale,\n  isCategoricalRectOnly: boolean,\n) {\n  return series.flatMap((series) => {\n    if (series.type === RECT_VARIANT) {\n      if (isRangeLegend(metadata, series)) {\n        return [];\n      }\n      const scale = safeGet(scaleColorMap, series.id) as ScaleOrdinal<\n        string,\n        string\n      >;\n      const overrideItems = safeGet(metadata, series).categoricalColorOverrides;\n\n      const shape = isCategoricalRectOnly ? 'circle' : CHART_ICONS[series.type];\n\n      const items = buildCategoricalItemsFromScale(\n        scale,\n        overrideItems,\n        //We need to compare exactly the same id when an action is selected\n        //In RectSeries, categories are unique per series.\n        (category: string) => `${series.id}--${category}`,\n      );\n\n      return items.map((item: LegendItem) => ({\n        ...item,\n        icon: <XYLegendIcon color={item.color.Default} shape={shape} />,\n      }));\n    } else {\n      const { name, color, shape = 'circle' } = safeGet(metadata, series);\n      const iconShape =\n        isMixedSeries && series.type !== DOT_VARIANT\n          ? CHART_ICONS[series.type]\n          : shape;\n\n      return {\n        id: series.id,\n        color,\n        name,\n        icon: <XYLegendIcon color={color.Default} shape={iconShape} />,\n      };\n    }\n  });\n}\n\ninterface XYLegendProps {\n  series: XYChartSeriesWithDatapoints[];\n  seriesToMetadata: SeriesToMetadata;\n}\n\nexport function XYLegend({ series, seriesToMetadata }: XYLegendProps) {\n  const { reset } = useTooltipActions();\n  const { dismissAnnotation } = usePinCoordinationActions();\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const setState = useSetState();\n  const isLoading = useChartLayoutLoading();\n  const scaleColorMap = useXYChartColorScales();\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const firstSeries = series[0];\n  const isCategoricalRectOnly =\n    isRectSeries(firstSeries) &&\n    series.every(isRectSeries) &&\n    !isRangeLegend(seriesToMetadata, firstSeries);\n\n  const isMixedSeries = useMemo(() => {\n    const typeSet = new Set(series.map((s) => s.type));\n    return typeSet.size >= 2;\n  }, [series]);\n\n  const legendItems = useMemo(\n    () =>\n      getLegendItems(\n        series,\n        seriesToMetadata,\n        isMixedSeries,\n        scaleColorMap,\n        isCategoricalRectOnly,\n      ),\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [series, seriesToMetadata],\n  );\n\n  const legendActions = getXYLegendActions(series, seriesToMetadata);\n\n  const updateVisibleSeries = useCallback(\n    (visibleItems: LegendItem[]) => {\n      const visibleIds = new Set(visibleItems.map((item) => item.id));\n\n      reset();\n      dismissAnnotation();\n      setState(reduceFilterSeries(visibleIds));\n    },\n    [setState, reset, dismissAnnotation],\n  );\n\n  const updateHighlightedSeriesId = (legendItemId?: string) => {\n    setState((prev) => ({ ...prev, highlightedSeriesId: legendItemId }));\n  };\n\n  return (\n    <ChartLegend\n      items={legendItems}\n      orientation={orientation}\n      truncationMode={truncationMode}\n      interactionsDisabled={isLoading}\n      onSeriesAction={legendActions}\n      onHover={(legendItem) => updateHighlightedSeriesId(legendItem?.id)}\n      onClick={updateVisibleSeries}\n    />\n  );\n}\n"],
   "mappings": "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",
   "names": ["series"]
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.css

@@ -1,3 +1,3 @@
-._1lwufqz0-3-12-2 {
+._1lwufqz0-3-13-2 {
   margin: var(--dt-spacings-size-2, 2px);
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js

@@ -1,5 +1,5 @@
 import "./xy-legend.css";
-var shapeIconWrapper = "_1lwufqz0-3-12-2";
+var shapeIconWrapper = "_1lwufqz0-3-13-2";
 export {
   shapeIconWrapper
 };

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/legend/XYLegend/xy-legend.css.ts"],
-  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-12-2';"],
+  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-13-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/XYChartOverlay.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { every } from "lodash-es";
-import { useContext, useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 import { XYChartSynchronizedCrosshair } from "./XYChartSynchronizedCrosshair.js";
 import { useGridPlotSize } from "../../../core/components/chart-grid/hooks/useGridPlotSize.js";
 import { InteractionsOverlay } from "../../../core/components/interactions-overlay/InteractionsOverlay.js";
@@ -27,7 +27,6 @@ import {
 import { SynchronizedSelectionArea } from "../../../core/components/shared-chart-interactions/components/SynchronizedSelectionArea.js";
 import { useSynchronizedSelection } from "../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js";
 import { useToolbarHandlerRef } from "../../../core/components/toolbar/hooks/useToolbarHandlerRef.js";
-import { ChartVariantContext } from "../../../core/context/ChartVariantContext.js";
 import { useEffectOnValueChange } from "../../../core/hooks/useEffectOnValueChange.js";
 import { zIndicesXYChartAreas } from "../../constants/xy-chart-z-index-areas.js";
 import { XYChartSelectionAreaRefContext } from "../../context/XYChartSelectionAreaRef.context.js";
@@ -63,7 +62,6 @@ const XYChartOverlay = () => {
   const chartId = useXYChartId();
   const syncedXScale = useSyncedXScaleByPriority();
   const { axesMetadata } = useXYChartData();
-  const { crosshair: crosshairConfig } = useContext(ChartVariantContext);
   const { zoomOutEnabled } = useZoomState();
   const isZoomDisabled = !axesMetadata.isZoomEnabled;
   const isPanDisabled = !(axesMetadata.isPanEnabled && zoomOutEnabled);
@@ -103,7 +101,7 @@ const XYChartOverlay = () => {
       style: {
         zIndex: zIndicesXYChartAreas.overlays,
         userSelect: selectState?.finished === false ? "none" : "auto",
-        cursor: hideHorizontal && hideVertical ? "default" : crosshairConfig?.cursor
+        cursor: hideHorizontal && hideVertical ? "default" : void 0
       },
       ref: overlay.overlayRef,
       mode,

package/esm/charts/xy-chart/components/overlay/XYChartOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/overlay/XYChartOverlay.tsx"],
-  "sourcesContent": ["import { every } from 'lodash-es';\nimport { useContext, useEffect, useRef, type FocusEvent } from 'react';\n\nimport { XYChartSynchronizedCrosshair } from './XYChartSynchronizedCrosshair.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { InteractionsOverlay } from '../../../core/components/interactions-overlay/InteractionsOverlay.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { reduceExploreCancelHighlight } from '../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSelectState,\n  useSetState,\n  useZoomState,\n} from '../../store/selectors.js';\nimport { XYChartSelectionArea } from '../selection/XYChartSelectionArea.js';\nimport { XYChartToolbar } from '../toolbar/XYChartToolbar.js';\nimport { XYChartOverlayTooltip } from '../tooltip/XYChartOverlayTooltip.js';\nimport { XYChartCrosshair } from './explore/XYChartCrosshair.js';\nimport { XYChartLinearPoint } from './explore/XYChartLinearPoint.js';\nimport { XYChartRectanglePoint } from './explore/XYChartRectanglePoint.js';\nimport { useOverlayEvents } from './hooks/useOverlayEvents.js';\nimport { isOwnEvent } from '../../../core/components/interactions-overlay/utils/is-own-event.js';\nimport {\n  useSelector,\n  useTooltipSnapshot,\n} from '../../../core/components/overlay-tooltip/selectors.js';\nimport type { _SelectionRef } from '../../../core/components/selection-area/types.js';\nimport { SynchronizedSelectionArea } from '../../../core/components/shared-chart-interactions/components/SynchronizedSelectionArea.js';\nimport { useSynchronizedSelection } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { useToolbarHandlerRef } from '../../../core/components/toolbar/hooks/useToolbarHandlerRef.js';\nimport { ChartVariantContext } from '../../../core/context/ChartVariantContext.js';\nimport { useEffectOnValueChange } from '../../../core/hooks/useEffectOnValueChange.js';\nimport { zIndicesXYChartAreas } from '../../constants/xy-chart-z-index-areas.js';\nimport { XYChartSelectionAreaRefContext } from '../../context/XYChartSelectionAreaRef.context.js';\nimport { useSelectConfig } from '../../hooks/useSelectConfig.js';\nimport { useSyncedXScaleByPriority } from '../../hooks/useSyncedXScaleByPriority.js';\nimport { useXYChartCrosshairHidden } from '../../hooks/useXYChartCrosshairHidden.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartId } from '../../hooks/useXYChartId.js';\n\nexport const XYChartOverlay = () => {\n  const setState = useSetState();\n  const handlerRef = useToolbarHandlerRef();\n  const overlay = useOverlay();\n  const selectionRef = useRef<_SelectionRef>(null);\n  const { width, height } = useGridPlotSize();\n  useSelector(({ inBounds, pinned }) => `${inBounds}-${pinned}`);\n  const { inBounds, pinned } = useTooltipSnapshot();\n  const {\n    handleModeChange,\n    handleHover,\n    handleTogglePin,\n    handleReset,\n    handleLeave,\n    handlePanChange,\n    handleSelectChange,\n    handleSelectEnd,\n    handleZoomChange,\n    handleSelectStart,\n    resetTooltip,\n  } = useOverlayEvents();\n  const mode = useInteractionModeState();\n  const selectState = useSelectState();\n  const synchronizedSelection = useSynchronizedSelection();\n  const chartId = useXYChartId();\n  const syncedXScale = useSyncedXScaleByPriority();\n  const { axesMetadata } = useXYChartData();\n  const { crosshair: crosshairConfig } = useContext(ChartVariantContext);\n  const { zoomOutEnabled } = useZoomState();\n  const isZoomDisabled = !axesMetadata.isZoomEnabled;\n  const isPanDisabled = !(axesMetadata.isPanEnabled && zoomOutEnabled);\n  const isSelectDisabled = useSelectConfig()?.disabled === true;\n\n  const { hideHorizontal, hideVertical } = useXYChartCrosshairHidden();\n\n  useEffect(() => {\n    if (\n      every([\n        selectState,\n        !synchronizedSelection.selectedChartId,\n        !synchronizedSelection?.disabled,\n      ])\n    ) {\n      // clear current chart selection if the shared selection was removed\n      setState((s) => ({ ...s, select: undefined }));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [synchronizedSelection.selectedChartId]);\n\n  useEffect(() => {\n    if (synchronizedSelection.selectedChartId === chartId && !selectState) {\n      // clear shared chart selection if the current selection was removed\n      synchronizedSelection.resetSelectionState?.();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [!!selectState]);\n\n  useEffectOnValueChange(() => {\n    if (!pinned) {\n      setState(reduceExploreCancelHighlight);\n    }\n  }, [pinned, setState]);\n\n  const showHighlightedData =\n    selectState === undefined || selectState?.variant === 'select';\n  const handleFocus = (event?: FocusEvent) => {\n    if (!event || event.cancelable) {\n      return;\n    }\n    if (isOwnEvent(event)) {\n      handlerRef.current.handleFocus();\n    }\n  };\n  return (\n    <InteractionsOverlay\n      style={{\n        zIndex: zIndicesXYChartAreas.overlays,\n        userSelect: selectState?.finished === false ? 'none' : 'auto',\n        cursor:\n          hideHorizontal && hideVertical ? 'default' : crosshairConfig?.cursor,\n      }}\n      ref={overlay.overlayRef}\n      mode={mode}\n      pinned={pinned}\n      selectionArea={\n        selectState ? [selectState?.start, selectState?.end] : undefined\n      }\n      width={width}\n      height={height}\n      onModeChange={handleModeChange}\n      onReset={handleReset}\n      onLeave={handleLeave}\n      onPanChange={handlePanChange}\n      onHover={handleHover}\n      onFocus={handleFocus}\n      onTogglePin={({ pin, position }) => handleTogglePin(pin, position)}\n      onSelectStart={handleSelectStart}\n      onSelectChange={handleSelectChange}\n      onSelectEnd={(event) => handleSelectEnd(event, selectionRef)}\n      onZoomChange={handleZoomChange}\n      isZoomDisabled={isZoomDisabled}\n      isZoomXDisabled={isZoomDisabled}\n      isPanDisabled={isPanDisabled}\n      isSelectDisabled={isSelectDisabled}\n    >\n      {(inBounds || pinned || selectState) && (\n        <>\n          <XYChartOverlayTooltip />\n          <XYChartCrosshair chartRef={overlay.overlayRef} />\n          {showHighlightedData && (\n            <>\n              <XYChartRectanglePoint />\n              <XYChartLinearPoint />\n            </>\n          )}\n        </>\n      )}\n      <XYChartSynchronizedCrosshair />\n      <XYChartSelectionAreaRefContext.Provider value={selectionRef}>\n        <XYChartToolbar onMouseEnter={resetTooltip} handlerRef={handlerRef} />\n        <XYChartSelectionArea />\n      </XYChartSelectionAreaRefContext.Provider>\n      {synchronizedSelection.selectedChartId &&\n        synchronizedSelection.selectedChartId !== chartId &&\n        syncedXScale && <SynchronizedSelectionArea scale={syncedXScale} />}\n    </InteractionsOverlay>\n  );\n};\n\nXYChartOverlay['displayName'] = 'XYChartOverlay';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { every } from 'lodash-es';\nimport { useEffect, useRef, type FocusEvent } from 'react';\n\nimport { XYChartSynchronizedCrosshair } from './XYChartSynchronizedCrosshair.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { InteractionsOverlay } from '../../../core/components/interactions-overlay/InteractionsOverlay.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { reduceExploreCancelHighlight } from '../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSelectState,\n  useSetState,\n  useZoomState,\n} from '../../store/selectors.js';\nimport { XYChartSelectionArea } from '../selection/XYChartSelectionArea.js';\nimport { XYChartToolbar } from '../toolbar/XYChartToolbar.js';\nimport { XYChartOverlayTooltip } from '../tooltip/XYChartOverlayTooltip.js';\nimport { XYChartCrosshair } from './explore/XYChartCrosshair.js';\nimport { XYChartLinearPoint } from './explore/XYChartLinearPoint.js';\nimport { XYChartRectanglePoint } from './explore/XYChartRectanglePoint.js';\nimport { useOverlayEvents } from './hooks/useOverlayEvents.js';\nimport { isOwnEvent } from '../../../core/components/interactions-overlay/utils/is-own-event.js';\nimport {\n  useSelector,\n  useTooltipSnapshot,\n} from '../../../core/components/overlay-tooltip/selectors.js';\nimport type { _SelectionRef } from '../../../core/components/selection-area/types.js';\nimport { SynchronizedSelectionArea } from '../../../core/components/shared-chart-interactions/components/SynchronizedSelectionArea.js';\nimport { useSynchronizedSelection } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { useToolbarHandlerRef } from '../../../core/components/toolbar/hooks/useToolbarHandlerRef.js';\nimport { useEffectOnValueChange } from '../../../core/hooks/useEffectOnValueChange.js';\nimport { zIndicesXYChartAreas } from '../../constants/xy-chart-z-index-areas.js';\nimport { XYChartSelectionAreaRefContext } from '../../context/XYChartSelectionAreaRef.context.js';\nimport { useSelectConfig } from '../../hooks/useSelectConfig.js';\nimport { useSyncedXScaleByPriority } from '../../hooks/useSyncedXScaleByPriority.js';\nimport { useXYChartCrosshairHidden } from '../../hooks/useXYChartCrosshairHidden.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartId } from '../../hooks/useXYChartId.js';\n\nexport const XYChartOverlay = () => {\n  const setState = useSetState();\n  const handlerRef = useToolbarHandlerRef();\n  const overlay = useOverlay();\n  const selectionRef = useRef<_SelectionRef>(null);\n  const { width, height } = useGridPlotSize();\n  useSelector(({ inBounds, pinned }) => `${inBounds}-${pinned}`);\n  const { inBounds, pinned } = useTooltipSnapshot();\n  const {\n    handleModeChange,\n    handleHover,\n    handleTogglePin,\n    handleReset,\n    handleLeave,\n    handlePanChange,\n    handleSelectChange,\n    handleSelectEnd,\n    handleZoomChange,\n    handleSelectStart,\n    resetTooltip,\n  } = useOverlayEvents();\n  const mode = useInteractionModeState();\n  const selectState = useSelectState();\n  const synchronizedSelection = useSynchronizedSelection();\n  const chartId = useXYChartId();\n  const syncedXScale = useSyncedXScaleByPriority();\n  const { axesMetadata } = useXYChartData();\n  const { zoomOutEnabled } = useZoomState();\n  const isZoomDisabled = !axesMetadata.isZoomEnabled;\n  const isPanDisabled = !(axesMetadata.isPanEnabled && zoomOutEnabled);\n  const isSelectDisabled = useSelectConfig()?.disabled === true;\n\n  const { hideHorizontal, hideVertical } = useXYChartCrosshairHidden();\n\n  useEffect(() => {\n    if (\n      every([\n        selectState,\n        !synchronizedSelection.selectedChartId,\n        !synchronizedSelection?.disabled,\n      ])\n    ) {\n      // clear current chart selection if the shared selection was removed\n      setState((s) => ({ ...s, select: undefined }));\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [synchronizedSelection.selectedChartId]);\n\n  useEffect(() => {\n    if (synchronizedSelection.selectedChartId === chartId && !selectState) {\n      // clear shared chart selection if the current selection was removed\n      synchronizedSelection.resetSelectionState?.();\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [!!selectState]);\n\n  useEffectOnValueChange(() => {\n    if (!pinned) {\n      setState(reduceExploreCancelHighlight);\n    }\n  }, [pinned, setState]);\n\n  const showHighlightedData =\n    selectState === undefined || selectState?.variant === 'select';\n  const handleFocus = (event?: FocusEvent) => {\n    if (!event || event.cancelable) {\n      return;\n    }\n    if (isOwnEvent(event)) {\n      handlerRef.current.handleFocus();\n    }\n  };\n  return (\n    <InteractionsOverlay\n      style={{\n        zIndex: zIndicesXYChartAreas.overlays,\n        userSelect: selectState?.finished === false ? 'none' : 'auto',\n        cursor: hideHorizontal && hideVertical ? 'default' : undefined,\n      }}\n      ref={overlay.overlayRef}\n      mode={mode}\n      pinned={pinned}\n      selectionArea={\n        selectState ? [selectState?.start, selectState?.end] : undefined\n      }\n      width={width}\n      height={height}\n      onModeChange={handleModeChange}\n      onReset={handleReset}\n      onLeave={handleLeave}\n      onPanChange={handlePanChange}\n      onHover={handleHover}\n      onFocus={handleFocus}\n      onTogglePin={({ pin, position }) => handleTogglePin(pin, position)}\n      onSelectStart={handleSelectStart}\n      onSelectChange={handleSelectChange}\n      onSelectEnd={(event) => handleSelectEnd(event, selectionRef)}\n      onZoomChange={handleZoomChange}\n      isZoomDisabled={isZoomDisabled}\n      isZoomXDisabled={isZoomDisabled}\n      isPanDisabled={isPanDisabled}\n      isSelectDisabled={isSelectDisabled}\n    >\n      {(inBounds || pinned || selectState) && (\n        <>\n          <XYChartOverlayTooltip />\n          <XYChartCrosshair chartRef={overlay.overlayRef} />\n          {showHighlightedData && (\n            <>\n              <XYChartRectanglePoint />\n              <XYChartLinearPoint />\n            </>\n          )}\n        </>\n      )}\n      <XYChartSynchronizedCrosshair />\n      <XYChartSelectionAreaRefContext.Provider value={selectionRef}>\n        <XYChartToolbar onMouseEnter={resetTooltip} handlerRef={handlerRef} />\n        <XYChartSelectionArea />\n      </XYChartSelectionAreaRefContext.Provider>\n      {synchronizedSelection.selectedChartId &&\n        synchronizedSelection.selectedChartId !== chartId &&\n        syncedXScale && <SynchronizedSelectionArea scale={syncedXScale} />}\n    </InteractionsOverlay>\n  );\n};\n\nXYChartOverlay['displayName'] = 'XYChartOverlay';\n"],
+  "mappings": "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",
   "names": ["inBounds", "pinned"]
 }

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.css

@@ -1,4 +1,4 @@
-._1bbe5uo0-3-12-2 {
+._1bbe5uo0-3-13-2 {
   overflow: visible;
   cursor: crosshair;
   z-index: 1;

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import { useContext, useMemo } from "react";
+import { useMemo } from "react";
 import { crosshair } from "./XYChartCrosshair.sty.js";
 import { plotLayout } from "../../../../core/components/chart-grid/ChartGrid.sty.js";
 import { useGridPlotSize } from "../../../../core/components/chart-grid/hooks/useGridPlotSize.js";
@@ -11,7 +11,6 @@ import {
   useTooltipSnapshot
 } from "../../../../core/components/overlay-tooltip/selectors.js";
 import { useTooltipReducer } from "../../../../core/components/overlay-tooltip/useTooltipReducer.js";
-import { ChartVariantContext } from "../../../../core/context/ChartVariantContext.js";
 import { useApplyCallbackOnScroll } from "../../../../core/hooks/useApplyCallbackOnScroll.js";
 import { useAxesFormatter } from "../../../hooks/useAxesFormatter.js";
 import { useFormatCategory } from "../../../hooks/useFormatCategory.js";
@@ -40,15 +39,18 @@ function XYChartCrosshairLines({
   height,
   thresholdOffset,
   thresholdYAxes,
+  thresholdXAxes,
   axisIdToScaleDomain,
   seriesToMetadata,
   datapointMetadataMap,
   axisIdToScales,
   hasVisibleSeriesOnThresholdAxis,
+  hasVisibleSeriesOnThresholdXAxis,
   chartBounds,
   isBottomLabelRotated,
   isTopLabelRotated,
   widthWithBaseOffset,
+  heightWithBaseOffset,
   hideHorizontal,
   hideVertical
 }) {
@@ -91,7 +93,6 @@ function XYChartCrosshairLines({
     isHorizontal,
     isStacked
   ]);
-  const { crosshair: crosshairConfig } = useContext(ChartVariantContext);
   const coordinates = calculatedCoordinates ?? position ?? { x: 0, y: 0 };
   if (!position) {
     return null;
@@ -100,9 +101,12 @@ function XYChartCrosshairLines({
   const leftOffset = labels.left && hasVisibleSeriesOnThresholdAxis(thresholdYAxes.left) ? thresholdOffset.left : 0;
   const rightOffset = labels.right && hasVisibleSeriesOnThresholdAxis(thresholdYAxes.right) ? thresholdOffset.right : 0;
   const widthWithOffset = widthWithBaseOffset + leftOffset + rightOffset;
+  const topOffset = labels.top && hasVisibleSeriesOnThresholdXAxis(thresholdXAxes.top) ? thresholdOffset.top : 0;
+  const bottomOffset = labels.bottom && hasVisibleSeriesOnThresholdXAxis(thresholdXAxes.bottom) ? thresholdOffset.bottom : 0;
+  const heightWithOffset = heightWithBaseOffset + topOffset + bottomOffset;
   const isBand = variant === "band";
-  const showHorizontalCrosshair = (!isBand || isHorizontal || !pinned) && !crosshairConfig?.horizontalHidden && !hideHorizontal;
-  const showVerticalCrosshair = (!isBand || !isHorizontal || !pinned) && !crosshairConfig?.verticalHidden && !hideVertical;
+  const showHorizontalCrosshair = (!isBand || isHorizontal || !pinned) && !hideHorizontal;
+  const showVerticalCrosshair = (!isBand || !isHorizontal || !pinned) && !hideVertical;
   return /* @__PURE__ */ jsxs("svg", { className: clsx(plotLayout, crosshair), children: [
     showHorizontalCrosshair && /* @__PURE__ */ jsx(
       HorizontalCrosshair,
@@ -127,8 +131,11 @@ function XYChartCrosshairLines({
         isBottomLabelRotated,
         isTopLabelRotated,
         x: coordinates.x,
-        height,
+        top: -topOffset,
+        height: heightWithOffset,
         width: widthWithOffset,
+        offset: bottomOffset,
+        topOffset,
         chartBounds
       }
     )
@@ -143,7 +150,11 @@ function XYChartCrosshair({
   const axesIdToFormatter = useAxesFormatter();
   const formatCategory = useFormatCategory();
   const { width, height } = useGridPlotSize();
-  const { offset: thresholdOffset, yAxes: thresholdYAxes } = useGetThresholds();
+  const {
+    offset: thresholdOffset,
+    yAxes: thresholdYAxes,
+    xAxes: thresholdXAxes
+  } = useGetThresholds();
   const { axisIdToScaleDomain, seriesToMetadata, datapointMetadataMap } = useXYChartData();
   const axisIdToScales = useXYChartScales();
   const chartBounds = chartRef.current?.getBoundingClientRect();
@@ -153,17 +164,23 @@ function XYChartCrosshair({
   const isBottomLabelRotated = axesConfig["bottom"]?.tickLabelLayout === "vertical";
   const isTopLabelRotated = axesConfig["top"]?.tickLabelLayout === "vertical";
   const { hideHorizontal, hideVertical } = useXYChartCrosshairHidden();
-  const hasVisibleSeriesOnThresholdAxis = (() => {
+  const { hasVisibleSeriesOnThresholdAxis, hasVisibleSeriesOnThresholdXAxis } = (() => {
     if (!filteredSeriesIds) {
-      return (_axisIds) => true;
+      return {
+        hasVisibleSeriesOnThresholdAxis: (_axisIds) => true,
+        hasVisibleSeriesOnThresholdXAxis: (_axisIds) => true
+      };
     }
     const visibleSeriesEntries = [...seriesToMetadata.entries()].filter(
       ([series]) => filteredSeriesIds.has(series.id)
     );
-    return (axisIds) => {
-      return visibleSeriesEntries.some(
+    return {
+      hasVisibleSeriesOnThresholdAxis: (axisIds) => visibleSeriesEntries.some(
         ([, series]) => axisIds.has(series.yAxis?.id ?? "")
-      );
+      ),
+      hasVisibleSeriesOnThresholdXAxis: (axisIds) => visibleSeriesEntries.some(
+        ([, series]) => axisIds.has(series.xAxis?.id ?? "")
+      )
     };
   })();
   const getLabels = chartCrosshairDataTransformer({
@@ -180,15 +197,18 @@ function XYChartCrosshair({
       height,
       thresholdOffset,
       thresholdYAxes,
+      thresholdXAxes,
       axisIdToScaleDomain,
       seriesToMetadata,
       datapointMetadataMap,
       axisIdToScales,
       hasVisibleSeriesOnThresholdAxis,
+      hasVisibleSeriesOnThresholdXAxis,
       chartBounds,
       isBottomLabelRotated,
       isTopLabelRotated,
       widthWithBaseOffset: width,
+      heightWithBaseOffset: height,
       hideHorizontal,
       hideVertical
     }