@dynatrace/strato-components 3.2.1 → 3.3.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/tree-map/components/TreeMapTooltip/TreeMapTooltip.css.ts"],
-  "sourcesContent": ["import './TreeMapTooltip.css';\nexport var headerText = '_1j83htq0-3-2-1';\nexport var valueChip = '_1j83htq1-3-2-1';"],
-  "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,YAAY;",
+  "sourcesContent": ["import './TreeMapTooltip.css';\nexport var headerText = '_1j83htq0-3-3-0';\nexport var tooltipContentContainer = '_1j83htq2-3-3-0';\nexport var valueChip = '_1j83htq1-3-3-0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,0BAA0B;AAC9B,IAAI,YAAY;",
   "names": []
 }

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

@@ -47,6 +47,8 @@ import { Intent } from "../../core/slots/Intent/Intent.js";
 import { ChartLayout } from "../core/components/chart-layout/ChartLayout.js";
 import { useAutoLegendRefresh } from "../core/components/chart-layout/hooks/useAutoLegendRefresh.js";
 import { getChartStatesTemplates } from "../core/components/chart-states/utils/get-chart-states-template.js";
+import { OverlayProvider } from "../core/components/overlay-tooltip/contexts/OverlayContext.js";
+import { TooltipProvider } from "../core/components/overlay-tooltip/contexts/TooltipContext.js";
 import { ColorRuleContext } from "../core/context/ColorRuleContext.js";
 import { EmptyStateSlot } from "../core/slots/chart-states/EmptyStateSlot.js";
 import { ErrorStateSlot } from "../core/slots/chart-states/ErrorStateSlot.js";
@@ -95,7 +97,7 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
         {
           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__ */ jsxs(
+          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,
@@ -130,7 +132,7 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
                 )
               ]
             }
-          ) }) }) }) }) })
+          ) }) }) }) }) }) }) })
         }
       ) }) }) })
     }

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 { XYChartLoadingContext } from './context/XYChartLoading.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 { 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';\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 { 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 { 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    '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      <XYChartLoadingContext.Provider value={loading}>\n        <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n          <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n            <XYChartColorPaletteContext.Provider value={config.colorPalette}>\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                                    <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                                  </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            </XYChartColorPaletteContext.Provider>\n          </XYChartAxesConfigContext.Provider>\n        </XYChartThresholdsContext.Provider>\n      </XYChartLoadingContext.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  CustomTooltip,\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 { XYChartLoadingContext } from './context/XYChartLoading.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 { 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';\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 { 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    '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      <XYChartLoadingContext.Provider value={loading}>\n        <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n          <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n            <XYChartColorPaletteContext.Provider value={config.colorPalette}>\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            </XYChartColorPaletteContext.Provider>\n          </XYChartAxesConfigContext.Provider>\n        </XYChartThresholdsContext.Provider>\n      </XYChartLoadingContext.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  CustomTooltip,\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/builders/XYChartImperativeHandlerBuilder.js

@@ -3,13 +3,13 @@ import {
 } from "react";
 import { useGridPlotSize } from "../../core/components/chart-grid/hooks/useGridPlotSize.js";
 import { INTERACTION_MODE } from "../../core/components/interactions-overlay/types.js";
-import { reduceInteractionMode } from "../../core/components/interactions-state-helpers/reducers/mode-reducers.js";
 import { useTriggerZoom } from "../../core/components/zoom/hooks/useTriggerZoom.js";
 import { ChartType } from "../../core/types/chart-types.js";
 import { ZOOM_CHANGE_TYPE } from "../../core/types/zoom.js";
 import { useApplyZoomDelta } from "../components/overlay/hooks/useApplyZoomDelta.js";
 import { useResetInteractions } from "../components/overlay/hooks/useResetInteractions.js";
 import { useXYChartData } from "../hooks/useXYChartData.js";
+import { reduceInteractionMode } from "../store/reduce-interaction-mode.js";
 import { useSetState, useZoomState } from "../store/selectors.js";
 import { buildAndDownloadCsv } from "../utils/build-and-download-csv.js";
 const XYChartImperativeHandlerBuilder = ({

package/esm/charts/xy-chart/builders/XYChartImperativeHandlerBuilder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/builders/XYChartImperativeHandlerBuilder.tsx"],
-  "sourcesContent": ["import {\n  useImperativeHandle,\n  type PropsWithChildren,\n  type Ref,\n  type RefObject,\n} from 'react';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { INTERACTION_MODE } from '../../core/components/interactions-overlay/types.js';\nimport { reduceInteractionMode } from '../../core/components/interactions-state-helpers/reducers/mode-reducers.js';\nimport { useTriggerZoom } from '../../core/components/zoom/hooks/useTriggerZoom.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport { ZOOM_CHANGE_TYPE } from '../../core/types/zoom.js';\nimport { useApplyZoomDelta } from '../components/overlay/hooks/useApplyZoomDelta.js';\nimport { useResetInteractions } from '../components/overlay/hooks/useResetInteractions.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { useSetState, useZoomState } from '../store/selectors.js';\nimport type { XYChartConfigProperties } from '../types/xy-chart-props.js';\nimport type { XYChartRef } from '../types/xy-chart.js';\nimport { buildAndDownloadCsv } from '../utils/build-and-download-csv.js';\n\ninterface XYChartImperativeHandlerBuilderProps {\n  chartRef: Ref<XYChartRef>;\n  containerRef: RefObject<HTMLDivElement | null>;\n  config: XYChartConfigProperties;\n}\n\nexport const XYChartImperativeHandlerBuilder = ({\n  chartRef,\n  containerRef,\n  config,\n  children,\n}: PropsWithChildren<XYChartImperativeHandlerBuilderProps>) => {\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n  const setState = useSetState();\n  const { zoomInEnabled, zoomOutEnabled } = useZoomState();\n  const { axesMetadata } = useXYChartData();\n\n  const { width } = useGridPlotSize();\n  const applyZoom = useApplyZoomDelta();\n  const triggerZoom = useTriggerZoom(width, applyZoom);\n\n  const resetInteractions = useResetInteractions();\n\n  useImperativeHandle(chartRef, () => ({\n    element: containerRef.current,\n    getConfig: () =>\n      JSON.stringify({\n        type: ChartType.XYChart,\n        ...config,\n      }),\n    downloadData: () => {\n      buildAndDownloadCsv(\n        seriesWithDatapoints,\n        seriesToMetadata,\n        datapointMetadataMap,\n      );\n    },\n    exploreMode: () => {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    },\n    zoomMode: () => {\n      if (axesMetadata.isZoomEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Zoom));\n      }\n    },\n    panMode: () => {\n      if (zoomOutEnabled && axesMetadata.isPanEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Pan));\n      }\n    },\n    zoomIn: () => {\n      if (zoomInEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomIn);\n      }\n    },\n    zoomOut: () => {\n      if (zoomOutEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomOut);\n      }\n    },\n    reset: () => {\n      resetInteractions();\n    },\n  }));\n\n  return children;\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AAEP,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,aAAa,oBAAoB;AAG1C,SAAS,2BAA2B;AAQ7B,MAAM,kCAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+D;AAC7D,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AACjB,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,eAAe,eAAe,IAAI,aAAa;AACvD,QAAM,EAAE,aAAa,IAAI,eAAe;AAExC,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,YAAY,kBAAkB;AACpC,QAAM,cAAc,eAAe,OAAO,SAAS;AAEnD,QAAM,oBAAoB,qBAAqB;AAE/C,sBAAoB,UAAU,OAAO;AAAA,IACnC,SAAS,aAAa;AAAA,IACtB,WAAW,MACT,KAAK,UAAU;AAAA,MACb,MAAM,UAAU;AAAA,MAChB,GAAG;AAAA,IACL,CAAC;AAAA,IACH,cAAc,MAAM;AAClB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa,MAAM;AACjB,eAAS,sBAAsB,iBAAiB,OAAO,CAAC;AAAA,IAC1D;AAAA,IACA,UAAU,MAAM;AACd,UAAI,aAAa,eAAe;AAC9B,iBAAS,sBAAsB,iBAAiB,IAAI,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,kBAAkB,aAAa,cAAc;AAC/C,iBAAS,sBAAsB,iBAAiB,GAAG,CAAC;AAAA,MACtD;AAAA,IACF;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,eAAe;AACjB,oBAAY,iBAAiB,MAAM;AAAA,MACrC;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,gBAAgB;AAClB,oBAAY,iBAAiB,OAAO;AAAA,MACtC;AAAA,IACF;AAAA,IACA,OAAO,MAAM;AACX,wBAAkB;AAAA,IACpB;AAAA,EACF,EAAE;AAEF,SAAO;AACT;",
+  "sourcesContent": ["import {\n  useImperativeHandle,\n  type PropsWithChildren,\n  type Ref,\n  type RefObject,\n} from 'react';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { INTERACTION_MODE } from '../../core/components/interactions-overlay/types.js';\nimport { useTriggerZoom } from '../../core/components/zoom/hooks/useTriggerZoom.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport { ZOOM_CHANGE_TYPE } from '../../core/types/zoom.js';\nimport { useApplyZoomDelta } from '../components/overlay/hooks/useApplyZoomDelta.js';\nimport { useResetInteractions } from '../components/overlay/hooks/useResetInteractions.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { reduceInteractionMode } from '../store/reduce-interaction-mode.js';\nimport { useSetState, useZoomState } from '../store/selectors.js';\nimport type { XYChartConfigProperties } from '../types/xy-chart-props.js';\nimport type { XYChartRef } from '../types/xy-chart.js';\nimport { buildAndDownloadCsv } from '../utils/build-and-download-csv.js';\n\ninterface XYChartImperativeHandlerBuilderProps {\n  chartRef: Ref<XYChartRef>;\n  containerRef: RefObject<HTMLDivElement | null>;\n  config: XYChartConfigProperties;\n}\n\nexport const XYChartImperativeHandlerBuilder = ({\n  chartRef,\n  containerRef,\n  config,\n  children,\n}: PropsWithChildren<XYChartImperativeHandlerBuilderProps>) => {\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n  const setState = useSetState();\n  const { zoomInEnabled, zoomOutEnabled } = useZoomState();\n  const { axesMetadata } = useXYChartData();\n\n  const { width } = useGridPlotSize();\n  const applyZoom = useApplyZoomDelta();\n  const triggerZoom = useTriggerZoom(width, applyZoom);\n\n  const resetInteractions = useResetInteractions();\n\n  useImperativeHandle(chartRef, () => ({\n    element: containerRef.current,\n    getConfig: () =>\n      JSON.stringify({\n        type: ChartType.XYChart,\n        ...config,\n      }),\n    downloadData: () => {\n      buildAndDownloadCsv(\n        seriesWithDatapoints,\n        seriesToMetadata,\n        datapointMetadataMap,\n      );\n    },\n    exploreMode: () => {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    },\n    zoomMode: () => {\n      if (axesMetadata.isZoomEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Zoom));\n      }\n    },\n    panMode: () => {\n      if (zoomOutEnabled && axesMetadata.isPanEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Pan));\n      }\n    },\n    zoomIn: () => {\n      if (zoomInEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomIn);\n      }\n    },\n    zoomOut: () => {\n      if (zoomOutEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomOut);\n      }\n    },\n    reset: () => {\n      resetInteractions();\n    },\n  }));\n\n  return children;\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AAEP,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,aAAa,oBAAoB;AAG1C,SAAS,2BAA2B;AAQ7B,MAAM,kCAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+D;AAC7D,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AACjB,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,eAAe,eAAe,IAAI,aAAa;AACvD,QAAM,EAAE,aAAa,IAAI,eAAe;AAExC,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,YAAY,kBAAkB;AACpC,QAAM,cAAc,eAAe,OAAO,SAAS;AAEnD,QAAM,oBAAoB,qBAAqB;AAE/C,sBAAoB,UAAU,OAAO;AAAA,IACnC,SAAS,aAAa;AAAA,IACtB,WAAW,MACT,KAAK,UAAU;AAAA,MACb,MAAM,UAAU;AAAA,MAChB,GAAG;AAAA,IACL,CAAC;AAAA,IACH,cAAc,MAAM;AAClB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa,MAAM;AACjB,eAAS,sBAAsB,iBAAiB,OAAO,CAAC;AAAA,IAC1D;AAAA,IACA,UAAU,MAAM;AACd,UAAI,aAAa,eAAe;AAC9B,iBAAS,sBAAsB,iBAAiB,IAAI,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,kBAAkB,aAAa,cAAc;AAC/C,iBAAS,sBAAsB,iBAAiB,GAAG,CAAC;AAAA,MACtD;AAAA,IACF;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,eAAe;AACjB,oBAAY,iBAAiB,MAAM;AAAA,MACrC;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,gBAAgB;AAClB,oBAAY,iBAAiB,OAAO;AAAA,MACtC;AAAA,IACF;AAAA,IACA,OAAO,MAAM;AACX,wBAAkB;AAAA,IACpB;AAAA,EACF,EAAE;AAEF,SAAO;AACT;",
   "names": []
 }

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

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

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

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

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

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

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

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

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

@@ -6,14 +6,21 @@ import { safeGet } from "../../../core/utils/safe-get.js";
 import { useXYChartData } from "../../hooks/useXYChartData.js";
 import { isRangeLegend } from "../../utils/is-range-legend.js";
 import { isRectSeries } from "../../utils/type-guards.js";
-function buildLegendIdentityKey(series) {
-  return series.map((s) => s.id).join(",");
+function buildLegendIdentityKey(series, seriesToMetadata) {
+  return series.map((s) => {
+    const metadata = safeGet(seriesToMetadata, s);
+    const color = "color" in metadata ? metadata.color.Default : "";
+    return `${s.id}:${color}`;
+  }).join(",");
 }
 const XYChartLegend = () => {
-  const { seriesWithDatapoints, seriesToMetadata: fullSeriesToMetadata } = useXYChartData();
-  const identityKey = buildLegendIdentityKey(seriesWithDatapoints);
+  const { seriesWithDatapoints, seriesToMetadata } = useXYChartData();
+  const identityKey = buildLegendIdentityKey(
+    seriesWithDatapoints,
+    seriesToMetadata
+  );
   const stableSeries = useMemo(() => seriesWithDatapoints, [identityKey]);
-  const stableMetadata = useMemo(() => fullSeriesToMetadata, [identityKey]);
+  const stableMetadata = useMemo(() => seriesToMetadata, [identityKey]);
   const firstSeries = stableSeries[0];
   if (isRectSeries(firstSeries)) {
     const { valueType: firstSeriesValueType } = safeGet(

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 { XYChartSeriesWithDatapoints } 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). Uses only series IDs\n * (not data.length) because hidden series have empty data arrays \u2014 their\n * datapoints are not registered during processing to avoid unnecessary work.\n */\nfunction buildLegendIdentityKey(series: XYChartSeriesWithDatapoints[]): string {\n  return series.map((s) => s.id).join(',');\n}\n\nexport const XYChartLegend = () => {\n  const { seriesWithDatapoints, seriesToMetadata: fullSeriesToMetadata } =\n    useXYChartData();\n\n  const identityKey = buildLegendIdentityKey(seriesWithDatapoints);\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(() => fullSeriesToMetadata, [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": "AA8Ca;AA9Cb,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAE/B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAQ7B,SAAS,uBAAuB,QAA+C;AAC7E,SAAO,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,GAAG;AACzC;AAEO,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,sBAAsB,kBAAkB,qBAAqB,IACnE,eAAe;AAEjB,QAAM,cAAc,uBAAuB,oBAAoB;AAK/D,QAAM,eAAe,QAAQ,MAAM,sBAAsB,CAAC,WAAW,CAAC;AAEtE,QAAM,iBAAiB,QAAQ,MAAM,sBAAsB,CAAC,WAAW,CAAC;AAExE,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;",
+  "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"],
+  "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

@@ -11,6 +11,7 @@ import {
 import { useChartLayoutOrientation } from "../../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js";
 import { getLegendOrientation } from "../../../../core/components/chart-layout/utils/orientation.js";
 import { ChartLegend } from "../../../../core/components/legend/categorical/ChartLegend.js";
+import { useTooltipReducer } from "../../../../core/components/overlay-tooltip/useTooltipReducer.js";
 import { buildCategoricalItemsFromScale } from "../../../../core/utils/build-categorical-items-from-scale.js";
 import { safeGet } from "../../../../core/utils/safe-get.js";
 import { useXYChartColorScales } from "../../../hooks/useXYChartColorScales.js";
@@ -65,6 +66,7 @@ function getLegendItems(series, metadata, isMixedSeries, scaleColorMap, isCatego
   });
 }
 function XYLegend({ series, seriesToMetadata }) {
+  const dispatch = useTooltipReducer();
   const { orientation: layoutOrientation } = useChartLayoutOrientation();
   const orientation = getLegendOrientation(layoutOrientation);
   const setState = useSetState();
@@ -84,15 +86,17 @@ function XYLegend({ series, seriesToMetadata }) {
       scaleColorMap,
       isCategoricalRectOnly
     ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/preserve-manual-memoization
     [series, seriesToMetadata]
   );
   const legendActions = getXYLegendActions(series, seriesToMetadata);
   const updateVisibleSeries = useCallback(
     (visibleItems) => {
       const visibleIds = new Set(visibleItems.map((item) => item.id));
+      dispatch({ type: "RESET_TOOLTIP" })();
       setState(reduceFilterSeries(visibleIds));
     },
-    [setState]
+    [setState, dispatch]
   );
   const updateHighlightedSeriesId = (legendItemId) => {
     setState((prev) => ({ ...prev, highlightedSeriesId: legendItemId }));

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 { 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 { 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 { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const setState = useSetState();\n\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    [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      setState(reduceFilterSeries(visibleIds));\n    },\n    [setState],\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      onSeriesAction={legendActions}\n      onHover={(legendItem) => updateHighlightedSeriesId(legendItem?.id)}\n      onClick={updateVisibleSeries}\n    />\n  );\n}\n"],
-  "mappings": "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",
+  "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 { 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 { useTooltipReducer } from '../../../../core/components/overlay-tooltip/useTooltipReducer.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 dispatch = useTooltipReducer();\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const setState = useSetState();\n\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, react-hooks/preserve-manual-memoization\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      dispatch({ type: 'RESET_TOOLTIP' })();\n      setState(reduceFilterSeries(visibleIds));\n    },\n    [setState, dispatch],\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      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-2-1 {
+._1lwufqz0-3-3-0 {
   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-2-1";
+var shapeIconWrapper = "_1lwufqz0-3-3-0";
 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-2-1';"],
+  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-3-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -4,25 +4,25 @@ 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";
-import { reduceExploreCancelTooltip } from "../../../core/components/interactions-state-helpers/reducers/explore-reducers.js";
-import { XYChartOverlayRefContext } from "../../context/XYChartOverlayRef.context.js";
+import { useOverlay } from "../../../core/components/overlay-tooltip/contexts/OverlayContext.js";
 import {
   useInteractionModeState,
-  usePinnedState,
   useSelectState,
   useSetState,
-  useVisibleState,
   useZoomState
 } from "../../store/selectors.js";
 import { XYChartSelectionArea } from "../selection/XYChartSelectionArea.js";
 import { XYChartToolbar } from "../toolbar/XYChartToolbar.js";
-import { XYChartTooltip } from "../tooltip/XYChartTooltip.js";
+import { XYChartOverlayTooltip } from "../tooltip/XYChartOverlayTooltip.js";
 import { XYChartCrosshair } from "./explore/XYChartCrosshair.js";
 import { XYChartLinearPoint } from "./explore/XYChartLinearPoint.js";
 import { XYChartRectanglePoint } from "./explore/XYChartRectanglePoint.js";
 import { useOverlayEvents } from "./hooks/useOverlayEvents.js";
-import { useResetOnResize } from "./hooks/useResetOnResize.js";
 import { isOwnEvent } from "../../../core/components/interactions-overlay/utils/is-own-event.js";
+import {
+  useSelector,
+  useTooltipSnapshot
+} from "../../../core/components/overlay-tooltip/selectors.js";
 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";
@@ -34,11 +34,11 @@ import { useXYChartId } from "../../hooks/useXYChartId.js";
 const XYChartOverlay = () => {
   const setState = useSetState();
   const handlerRef = useToolbarHandlerRef();
-  const chartRef = useRef(null);
+  const overlay = useOverlay();
   const selectionRef = useRef(null);
   const { width, height } = useGridPlotSize();
-  const visible = useVisibleState();
-  const pinned = usePinnedState();
+  useSelector(({ inBounds: inBounds2, pinned: pinned2 }) => `${inBounds2}-${pinned2}`);
+  const { inBounds, pinned } = useTooltipSnapshot();
   const {
     handleModeChange,
     handleHover,
@@ -49,7 +49,8 @@ const XYChartOverlay = () => {
     handleSelectChange,
     handleSelectEnd,
     handleZoomChange,
-    handleSelectStart
+    handleSelectStart,
+    resetTooltip
   } = useOverlayEvents();
   const mode = useInteractionModeState();
   const selectState = useSelectState();
@@ -74,7 +75,6 @@ const XYChartOverlay = () => {
       synchronizedSelection.resetSelectionState?.();
     }
   }, [!!selectState]);
-  useResetOnResize();
   const showHighlightedData = selectState === void 0 || selectState?.variant === "select";
   const handleFocus = (event) => {
     if (!event || event.cancelable) {
@@ -84,14 +84,14 @@ const XYChartOverlay = () => {
       handlerRef.current.handleFocus();
     }
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     InteractionsOverlay,
     {
       style: {
         zIndex: zIndicesXYChartAreas.overlays,
         userSelect: selectState?.finished === false ? "none" : "auto"
       },
-      ref: chartRef,
+      ref: overlay.overlayRef,
       mode,
       pinned,
       selectionArea: selectState ? [selectState?.start, selectState?.end] : void 0,
@@ -111,35 +111,22 @@ const XYChartOverlay = () => {
       isZoomDisabled,
       isZoomXDisabled: isZoomDisabled,
       isPanDisabled,
-      children: /* @__PURE__ */ jsxs(XYChartOverlayRefContext.Provider, { value: chartRef, children: [
-        (visible || pinned || selectState) && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(XYChartTooltip, {}, "XYChartTooltip"),
-          /* @__PURE__ */ jsx(
-            XYChartCrosshair,
-            {
-              chartRef,
-              pinned
-            },
-            "XYChartCrosshair"
-          ),
+      children: [
+        (inBounds || pinned || selectState) && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(XYChartOverlayTooltip, {}),
+          /* @__PURE__ */ jsx(XYChartCrosshair, { chartRef: overlay.overlayRef }),
           showHighlightedData && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(XYChartRectanglePoint, {}, "XYChartRectanglePoint"),
-            /* @__PURE__ */ jsx(XYChartLinearPoint, {}, "XYChartLinearPoint")
+            /* @__PURE__ */ jsx(XYChartRectanglePoint, {}),
+            /* @__PURE__ */ jsx(XYChartLinearPoint, {})
           ] })
         ] }),
         /* @__PURE__ */ jsx(XYChartSynchronizedCrosshair, {}),
         /* @__PURE__ */ jsxs(XYChartSelectionAreaRefContext.Provider, { value: selectionRef, children: [
-          /* @__PURE__ */ jsx(
-            XYChartToolbar,
-            {
-              onMouseEnter: () => setState(reduceExploreCancelTooltip),
-              handlerRef
-            }
-          ),
+          /* @__PURE__ */ jsx(XYChartToolbar, { onMouseEnter: resetTooltip, handlerRef }),
           /* @__PURE__ */ jsx(XYChartSelectionArea, {})
         ] }),
         synchronizedSelection.selectedChartId && synchronizedSelection.selectedChartId !== chartId && syncedXScale && /* @__PURE__ */ jsx(SynchronizedSelectionArea, { scale: syncedXScale })
-      ] })
+      ]
     }
   );
 };

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 { 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 { reduceExploreCancelTooltip } from '../../../core/components/interactions-state-helpers/reducers/explore-reducers.js';\nimport { XYChartOverlayRefContext } from '../../context/XYChartOverlayRef.context.js';\nimport {\n  useInteractionModeState,\n  usePinnedState,\n  useSelectState,\n  useSetState,\n  useVisibleState,\n  useZoomState,\n} from '../../store/selectors.js';\nimport { XYChartSelectionArea } from '../selection/XYChartSelectionArea.js';\nimport { XYChartToolbar } from '../toolbar/XYChartToolbar.js';\nimport { XYChartTooltip } from '../tooltip/XYChartTooltip.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 { useResetOnResize } from './hooks/useResetOnResize.js';\nimport { isOwnEvent } from '../../../core/components/interactions-overlay/utils/is-own-event.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 { zIndicesXYChartAreas } from '../../constants/xy-chart-z-index-areas.js';\nimport { XYChartSelectionAreaRefContext } from '../../context/XYChartSelectionAreaRef.context.js';\nimport { useSyncedXScaleByPriority } from '../../hooks/useSyncedXScaleByPriority.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 chartRef = useRef<HTMLDivElement>(null);\n  const selectionRef = useRef<_SelectionRef>(null);\n  const { width, height } = useGridPlotSize();\n  const visible = useVisibleState();\n  const pinned = usePinnedState();\n  const {\n    handleModeChange,\n    handleHover,\n    handleTogglePin,\n    handleReset,\n    handleLeave,\n    handlePanChange,\n    handleSelectChange,\n    handleSelectEnd,\n    handleZoomChange,\n    handleSelectStart,\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\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  }, [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  }, [!!selectState]);\n\n  useResetOnResize();\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      }}\n      ref={chartRef}\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    >\n      <XYChartOverlayRefContext.Provider value={chartRef}>\n        {(visible || pinned || selectState) && (\n          <>\n            <XYChartTooltip key=\"XYChartTooltip\" />\n            <XYChartCrosshair\n              key=\"XYChartCrosshair\"\n              chartRef={chartRef}\n              pinned={pinned}\n            />\n            {showHighlightedData && (\n              <>\n                <XYChartRectanglePoint key=\"XYChartRectanglePoint\" />\n                <XYChartLinearPoint key=\"XYChartLinearPoint\" />\n              </>\n            )}\n          </>\n        )}\n        <XYChartSynchronizedCrosshair />\n        <XYChartSelectionAreaRefContext.Provider value={selectionRef}>\n          <XYChartToolbar\n            onMouseEnter={() => setState(reduceExploreCancelTooltip)}\n            handlerRef={handlerRef}\n          />\n          <XYChartSelectionArea />\n        </XYChartSelectionAreaRefContext.Provider>\n        {synchronizedSelection.selectedChartId &&\n          synchronizedSelection.selectedChartId !== chartId &&\n          syncedXScale && <SynchronizedSelectionArea scale={syncedXScale} />}\n      </XYChartOverlayRefContext.Provider>\n    </InteractionsOverlay>\n  );\n};\n\nXYChartOverlay['displayName'] = 'XYChartOverlay';\n"],
-  "mappings": "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",
-  "names": []
+  "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 {\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 { zIndicesXYChartAreas } from '../../constants/xy-chart-z-index-areas.js';\nimport { XYChartSelectionAreaRefContext } from '../../context/XYChartSelectionAreaRef.context.js';\nimport { useSyncedXScaleByPriority } from '../../hooks/useSyncedXScaleByPriority.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\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  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      }}\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    >\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-2-1 {
+._1bbe5uo0-3-3-0 {
   overflow: visible;
   cursor: crosshair;
   z-index: 1;