@dynatrace/strato-components 3.12.1 → 3.13.0

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

@@ -21,4 +21,4 @@ __export(TopList_css_exports, {
 });
 module.exports = __toCommonJS(TopList_css_exports);
 var import_TopList_css_ts_vanilla = require("./TopList.css");
-var scrollContainer = "_jwlby60-3-12-1";
+var scrollContainer = "_jwlby60-3-13-0";

package/charts/tree-map/components/TreeMapChartLayout.js

@@ -53,7 +53,7 @@ const TreeMapChartLayout = /* @__PURE__ */ (0, import_react.forwardRef)((props,
   const {
     hidden: legendHidden,
     position: legendPosition,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     ratio,
     initialRatio,
     onRatioChange

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

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

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

@@ -21,4 +21,4 @@ __export(TreeMapOverlay_css_exports, {
 });
 module.exports = __toCommonJS(TreeMapOverlay_css_exports);
 var import_TreeMapOverlay_css_ts_vanilla = require("./TreeMapOverlay.css");
-var container = "_1iqz50a0-3-12-1";
+var container = "_1iqz50a0-3-13-0";

package/charts/tree-map/providers/StoreProvider.js

@@ -29,6 +29,6 @@ const StoreProvider = ({
   children
 }) => {
   const storeRef = (0, import_react.useRef)(void 0);
-  storeRef.current = (0, import_store.createStore)(value ?? import_store2.initialTreeMapState);
+  storeRef.current ??= (0, import_store.createStore)(value ?? import_store2.initialTreeMapState);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_store2.TreeMapStateContext.Provider, { value: storeRef.current, children });
 };

package/charts/tree-map/providers/TreeMapChartProviders.js

@@ -64,8 +64,7 @@ const TreeMapChartProviders = (props) => {
     import_ChartSeriesActionContext.ChartSeriesActionContext.Provider,
     {
       value: {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore Strict mode transition - needs to be investigated
+        // @ts-expect-error: Strict mode transition — `seriesActions` typed as `(node: TreeMapLeafNode) => SeriesActionsTemplate` is not assignable to `Actions<unknown>` due to parameter type contravariance
         chartSeriesActions: seriesActions
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/charts/xy-chart/XYChartRoot.js

@@ -110,7 +110,7 @@ const XYChartRoot = /* @__PURE__ */ (0, import_react.forwardRef)((props, ref) =>
   ]);
   const {
     hidden: legendHidden,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     ratio,
     initialRatio,
     onRatioChange,
@@ -212,7 +212,7 @@ const XYChart = Object.assign(XYChartRoot, {
   Legend: import_Legend.Legend,
   Toolbar: import_Toolbar.Toolbar,
   /** @deprecated Use `XYChart.Tooltip` instead. */
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
+  // oxlint-disable-next-line typescript/no-deprecated
   CustomTooltip: import_CustomTooltip.CustomTooltip,
   Tooltip: import_Tooltip2.XYChartTooltipSlot,
   Intent: import_Intent.Intent,

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

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

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

@@ -21,4 +21,4 @@ __export(AxisArea_css_exports, {
 });
 module.exports = __toCommonJS(AxisArea_css_exports);
 var import_AxisArea_css_ts_vanilla = require("./AxisArea.css");
-var axisContainerStyle = "_bidc430-3-12-1";
+var axisContainerStyle = "_bidc430-3-13-0";

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

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

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

@@ -23,6 +23,6 @@ __export(AxisTickWithTruncation_css_exports, {
 });
 module.exports = __toCommonJS(AxisTickWithTruncation_css_exports);
 var import_AxisTickWithTruncation_css_ts_vanilla = require("./AxisTickWithTruncation.css");
-var directionValue = "var(--_z2zz8y0-3-12-1)";
-var tickStyle = "_z2zz8y2-3-12-1";
-var widthContainer = "var(--_z2zz8y1-3-12-1)";
+var directionValue = "var(--_z2zz8y0-3-13-0)";
+var tickStyle = "_z2zz8y2-3-13-0";
+var widthContainer = "var(--_z2zz8y1-3-13-0)";

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

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

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

@@ -22,5 +22,5 @@ __export(BarLabelOverlay_css_exports, {
 });
 module.exports = __toCommonJS(BarLabelOverlay_css_exports);
 var import_BarLabelOverlay_css_ts_vanilla = require("./BarLabelOverlay.css");
-var labelSpan = "_b76tm81-3-12-1";
-var overlayContainer = "_b76tm80-3-12-1";
+var labelSpan = "_b76tm81-3-13-0";
+var overlayContainer = "_b76tm80-3-13-0";

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

@@ -1,10 +1,10 @@
-._1a48u8w0-3-12-1 {
+._1a48u8w0-3-13-0 {
   position: absolute;
   inset: 0;
   overflow: hidden;
   pointer-events: none;
 }
-._1a48u8w1-3-12-1 {
+._1a48u8w1-3-13-0 {
   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-1 {
+._1a48u8w2-3-13-0 {
   position: absolute;
   overflow: hidden;
   pointer-events: none;

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

@@ -23,6 +23,6 @@ __export(RectLabelOverlay_css_exports, {
 });
 module.exports = __toCommonJS(RectLabelOverlay_css_exports);
 var import_RectLabelOverlay_css_ts_vanilla = require("./RectLabelOverlay.css");
-var rectLabelClipWrapper = "_1a48u8w2-3-12-1";
-var rectLabelSpan = "_1a48u8w1-3-12-1";
-var rectOverlayContainer = "_1a48u8w0-3-12-1";
+var rectLabelClipWrapper = "_1a48u8w2-3-13-0";
+var rectLabelSpan = "_1a48u8w1-3-13-0";
+var rectOverlayContainer = "_1a48u8w0-3-13-0";

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

@@ -32,7 +32,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
     (0, import_get_color_from_scale_and_data.getColorFromScaleAndData)(
       colorScale,
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      // oxlint-disable-next-line typescript/no-non-null-assertion
       datapoint.value,
       (0, import_safe_get.safeGet)(metaDataMap, datapoint)?.colorOverride
     )

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

@@ -100,7 +100,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 = (0, import_getXYLegendActions.getXYLegendActions)(series, seriesToMetadata);

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

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

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

@@ -21,4 +21,4 @@ __export(xy_legend_css_exports, {
 });
 module.exports = __toCommonJS(xy_legend_css_exports);
 var import_xy_legend_css_ts_vanilla = require("./xy-legend.css");
-var shapeIconWrapper = "_1lwufqz0-3-12-1";
+var shapeIconWrapper = "_1lwufqz0-3-13-0";

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

@@ -41,7 +41,6 @@ var import_selectors2 = require("../../../core/components/overlay-tooltip/select
 var import_SynchronizedSelectionArea = require("../../../core/components/shared-chart-interactions/components/SynchronizedSelectionArea.js");
 var import_useSynchronizedSelection = require("../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js");
 var import_useToolbarHandlerRef = require("../../../core/components/toolbar/hooks/useToolbarHandlerRef.js");
-var import_ChartVariantContext = require("../../../core/context/ChartVariantContext.js");
 var import_useEffectOnValueChange = require("../../../core/hooks/useEffectOnValueChange.js");
 var import_xy_chart_z_index_areas = require("../../constants/xy-chart-z-index-areas.js");
 var import_XYChartSelectionAreaRef_context = require("../../context/XYChartSelectionAreaRef.context.js");
@@ -77,7 +76,6 @@ const XYChartOverlay = () => {
   const chartId = (0, import_useXYChartId.useXYChartId)();
   const syncedXScale = (0, import_useSyncedXScaleByPriority.useSyncedXScaleByPriority)();
   const { axesMetadata } = (0, import_useXYChartData.useXYChartData)();
-  const { crosshair: crosshairConfig } = (0, import_react.useContext)(import_ChartVariantContext.ChartVariantContext);
   const { zoomOutEnabled } = (0, import_selectors.useZoomState)();
   const isZoomDisabled = !axesMetadata.isZoomEnabled;
   const isPanDisabled = !(axesMetadata.isPanEnabled && zoomOutEnabled);
@@ -117,7 +115,7 @@ const XYChartOverlay = () => {
       style: {
         zIndex: import_xy_chart_z_index_areas.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/charts/xy-chart/components/overlay/explore/XYChartCrosshair.css

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

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

@@ -40,7 +40,6 @@ var import_HorizontalCrosshair = require("../../../../core/components/crosshair/
 var import_VerticalCrosshair = require("../../../../core/components/crosshair/VerticalCrosshair.js");
 var import_selectors = require("../../../../core/components/overlay-tooltip/selectors.js");
 var import_useTooltipReducer = require("../../../../core/components/overlay-tooltip/useTooltipReducer.js");
-var import_ChartVariantContext = require("../../../../core/context/ChartVariantContext.js");
 var import_useApplyCallbackOnScroll = require("../../../../core/hooks/useApplyCallbackOnScroll.js");
 var import_useAxesFormatter = require("../../../hooks/useAxesFormatter.js");
 var import_useFormatCategory = require("../../../hooks/useFormatCategory.js");
@@ -61,15 +60,18 @@ function XYChartCrosshairLines({
   height,
   thresholdOffset,
   thresholdYAxes,
+  thresholdXAxes,
   axisIdToScaleDomain,
   seriesToMetadata,
   datapointMetadataMap,
   axisIdToScales,
   hasVisibleSeriesOnThresholdAxis,
+  hasVisibleSeriesOnThresholdXAxis,
   chartBounds,
   isBottomLabelRotated,
   isTopLabelRotated,
   widthWithBaseOffset,
+  heightWithBaseOffset,
   hideHorizontal,
   hideVertical
 }) {
@@ -112,7 +114,6 @@ function XYChartCrosshairLines({
     isHorizontal,
     isStacked
   ]);
-  const { crosshair: crosshairConfig } = (0, import_react.useContext)(import_ChartVariantContext.ChartVariantContext);
   const coordinates = calculatedCoordinates ?? position ?? { x: 0, y: 0 };
   if (!position) {
     return null;
@@ -121,9 +122,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__ */ (0, import_jsx_runtime.jsxs)("svg", { className: (0, import_clsx.default)(import_ChartGrid_css.plotLayout, import_XYChartCrosshair_css.crosshair), children: [
     showHorizontalCrosshair && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_HorizontalCrosshair.HorizontalCrosshair,
@@ -148,8 +152,11 @@ function XYChartCrosshairLines({
         isBottomLabelRotated,
         isTopLabelRotated,
         x: coordinates.x,
-        height,
+        top: -topOffset,
+        height: heightWithOffset,
         width: widthWithOffset,
+        offset: bottomOffset,
+        topOffset,
         chartBounds
       }
     )
@@ -164,7 +171,11 @@ function XYChartCrosshair({
   const axesIdToFormatter = (0, import_useAxesFormatter.useAxesFormatter)();
   const formatCategory = (0, import_useFormatCategory.useFormatCategory)();
   const { width, height } = (0, import_useGridPlotSize.useGridPlotSize)();
-  const { offset: thresholdOffset, yAxes: thresholdYAxes } = (0, import_useGetThresholds.useGetThresholds)();
+  const {
+    offset: thresholdOffset,
+    yAxes: thresholdYAxes,
+    xAxes: thresholdXAxes
+  } = (0, import_useGetThresholds.useGetThresholds)();
   const { axisIdToScaleDomain, seriesToMetadata, datapointMetadataMap } = (0, import_useXYChartData.useXYChartData)();
   const axisIdToScales = (0, import_useXYChartScales.useXYChartScales)();
   const chartBounds = chartRef.current?.getBoundingClientRect();
@@ -174,17 +185,23 @@ function XYChartCrosshair({
   const isBottomLabelRotated = axesConfig["bottom"]?.tickLabelLayout === "vertical";
   const isTopLabelRotated = axesConfig["top"]?.tickLabelLayout === "vertical";
   const { hideHorizontal, hideVertical } = (0, import_useXYChartCrosshairHidden.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 = (0, import_chartCrosshairDataTransformer.chartCrosshairDataTransformer)({
@@ -201,15 +218,18 @@ function XYChartCrosshair({
       height,
       thresholdOffset,
       thresholdYAxes,
+      thresholdXAxes,
       axisIdToScaleDomain,
       seriesToMetadata,
       datapointMetadataMap,
       axisIdToScales,
       hasVisibleSeriesOnThresholdAxis,
+      hasVisibleSeriesOnThresholdXAxis,
       chartBounds,
       isBottomLabelRotated,
       isTopLabelRotated,
       widthWithBaseOffset: width,
+      heightWithBaseOffset: height,
       hideHorizontal,
       hideVertical
     }

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

@@ -21,4 +21,4 @@ __export(XYChartCrosshair_css_exports, {
 });
 module.exports = __toCommonJS(XYChartCrosshair_css_exports);
 var import_XYChartCrosshair_css_ts_vanilla = require("./XYChartCrosshair.css");
-var crosshair = "_1bbe5uo0-3-12-1";
+var crosshair = "_1bbe5uo0-3-13-0";

package/charts/xy-chart/components/overlay/explore/XYChartExplore.css

@@ -1,4 +1,4 @@
-._cd1yys0-3-12-1 {
+._cd1yys0-3-13-0 {
   top: -11px;
   left: -11px;
   width: calc(100% + 22px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._cd1yys1-3-12-1 {
+._cd1yys1-3-13-0 {
   top: 0px;
   left: 0px;
   width: calc(100% + 1px);

package/charts/xy-chart/components/overlay/explore/XYChartExplore.sty.js

@@ -23,5 +23,5 @@ __export(XYChartExplore_css_exports, {
 module.exports = __toCommonJS(XYChartExplore_css_exports);
 var import_ChartGrid_css_ts_vanilla = require("../../../../core/components/chart-grid/ChartGrid.css");
 var import_XYChartExplore_css_ts_vanilla = require("./XYChartExplore.css");
-var datapointIndicatorLayout = "_cd1yys1-3-12-1 _13lzg4k0-3-12-1";
-var datapointIndicatorShiftedLayout = "_cd1yys0-3-12-1 _13lzg4k0-3-12-1";
+var datapointIndicatorLayout = "_cd1yys1-3-13-0 _13lzg4k0-3-13-0";
+var datapointIndicatorShiftedLayout = "_cd1yys0-3-13-0 _13lzg4k0-3-13-0";

package/charts/xy-chart/components/thresholds/XYChartThresholdIndicators.css

@@ -1,3 +1,3 @@
-._1mfu0sw0-3-12-1 {
+._1mfu0sw0-3-13-0 {
   z-index: 2;
 }

package/charts/xy-chart/components/thresholds/XYChartThresholdIndicators.sty.js

@@ -22,4 +22,4 @@ __export(XYChartThresholdIndicators_css_exports, {
 module.exports = __toCommonJS(XYChartThresholdIndicators_css_exports);
 var import_ChartGrid_css_ts_vanilla = require("../../../core/components/chart-grid/ChartGrid.css");
 var import_XYChartThresholdIndicators_css_ts_vanilla = require("./XYChartThresholdIndicators.css");
-var thresholdPlot = "_1mfu0sw0-3-12-1 _13lzg4k0-3-12-1";
+var thresholdPlot = "_1mfu0sw0-3-13-0 _13lzg4k0-3-13-0";

package/charts/xy-chart/components/tooltip/XYChartTooltipContent.js

@@ -34,6 +34,7 @@ var import_useAxesFormatter = require("../../hooks/useAxesFormatter.js");
 var import_useXYChartColorScales = require("../../hooks/useXYChartColorScales.js");
 var import_useXYChartData = require("../../hooks/useXYChartData.js");
 var import_useXYChartTooltip = require("../../hooks/useXYChartTooltip.js");
+var import_useXYChartTruncationMode = require("../../hooks/useXYChartTruncationMode.js");
 var import_xy_chart_internals = require("../../types/xy-chart-internals.js");
 const XYChartTooltipContent = ({
   content
@@ -44,6 +45,7 @@ const XYChartTooltipContent = ({
   const colorScaleMap = (0, import_useXYChartColorScales.useXYChartColorScales)();
   const { seriesToMetadata } = (0, import_useXYChartData.useXYChartData)();
   const { datapointMetadataMap } = (0, import_useXYChartData.useXYChartData)();
+  const { truncationMode } = (0, import_useXYChartTruncationMode.useXYChartTruncationMode)();
   if (customTooltip?.hidden) {
     return null;
   }
@@ -61,7 +63,13 @@ const XYChartTooltipContent = ({
       return null;
     }
     if (customTooltipContent) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_OverlayTooltip.OverlayTooltip, { template: customTooltipContent });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_OverlayTooltip.OverlayTooltip,
+        {
+          template: customTooltipContent,
+          truncation: truncationMode
+        }
+      );
     }
   }
   switch (content.type) {

package/charts/xy-chart/components/tooltip/utils/tooltip-styles.css

@@ -1,23 +1,23 @@
-._1u58xor0-3-12-1 {
+._1u58xor0-3-13-0 {
   display: flex;
   flex-wrap: wrap;
   overflow-wrap: anywhere;
   margin-left: var(--dt-spacings-size-4, 4px);
   margin-right: var(--dt-spacings-size-4, 4px);
 }
-._1u58xor1-3-12-1 {
+._1u58xor1-3-13-0 {
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1u58xor1-3-12-1::after {
+._1u58xor1-3-13-0::after {
   content: " ";
   white-space: pre;
 }
-._1u58xor2-3-12-1 {
+._1u58xor2-3-13-0 {
   flex: 0 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }
-._1u58xor3-3-12-1 {
+._1u58xor3-3-13-0 {
   flex: 1 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }

package/charts/xy-chart/components/tooltip/utils/tooltip-styles.sty.js

@@ -24,7 +24,7 @@ __export(tooltip_styles_css_exports, {
 });
 module.exports = __toCommonJS(tooltip_styles_css_exports);
 var import_tooltip_styles_css_ts_vanilla = require("./tooltip-styles.css");
-var axisName = "_1u58xor1-3-12-1";
-var axisValue = "_1u58xor2-3-12-1";
-var duration = "_1u58xor3-3-12-1";
-var wrapper = "_1u58xor0-3-12-1";
+var axisName = "_1u58xor1-3-13-0";
+var axisValue = "_1u58xor2-3-13-0";
+var duration = "_1u58xor3-3-13-0";
+var wrapper = "_1u58xor0-3-13-0";

package/charts/xy-chart/layout/XYChartLayout.css

@@ -1,10 +1,10 @@
-._1ru1qe70-3-12-1 {
+._1ru1qe70-3-13-0 {
   pointer-events: none;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
-._1ru1qe71-3-12-1 {
+._1ru1qe71-3-13-0 {
   top: -5.5px;
   left: -5.5px;
   width: calc(100% + 11px);

package/charts/xy-chart/layout/XYChartLayout.sty.js

@@ -23,5 +23,5 @@ __export(XYChartLayout_css_exports, {
 module.exports = __toCommonJS(XYChartLayout_css_exports);
 var import_ChartGrid_css_ts_vanilla = require("../../core/components/chart-grid/ChartGrid.css");
 var import_XYChartLayout_css_ts_vanilla = require("./XYChartLayout.css");
-var datapointCanvasPlot = "_1ru1qe71-3-12-1 _13lzg4k0-3-12-1 _1ru1qe70-3-12-1";
-var rectangleCanvasPlot = "_13lzg4k0-3-12-1 _1ru1qe70-3-12-1";
+var datapointCanvasPlot = "_1ru1qe71-3-13-0 _13lzg4k0-3-13-0 _1ru1qe70-3-13-0";
+var rectangleCanvasPlot = "_13lzg4k0-3-13-0 _1ru1qe70-3-13-0";

package/charts/xy-chart/processing-strategies/strategies/dot-series.js

@@ -47,7 +47,7 @@ class DotSeriesStrategy extends import_base_series.SeriesBaseStrategy {
       intl,
       seriesIndex,
       // APPDEV-15290 - Adjust after removing name prop from series
-      // eslint-disable-next-line @typescript-eslint/no-deprecated
+      // oxlint-disable-next-line typescript/no-deprecated
       seriesProps.name,
       {
         seriesNameAccessor,

package/charts/xy-chart/providers/XYChartOverlayPerformanceProvider.js

@@ -50,7 +50,10 @@ const XYChartOverlayPerformanceProvider = ({
   const seriesIdToTree = isSharedVariant ? void 0 : buildResult;
   const context = (0, import_react.useMemo)(() => {
     if (isSharedVariant) {
-      const queryAllHovered = seriesIdToHoverGrid ? (0, import_query_hovered_grid.buildQueryAllHoveredFromGrid)(seriesIdToHoverGrid) : (0, import_query_hovered.buildQueryAllHovered)(
+      const queryAllHovered = seriesIdToHoverGrid ? (0, import_query_hovered_grid.buildQueryAllHoveredFromGrid)(
+        seriesIdToHoverGrid,
+        datapointMetadataMap
+      ) : (0, import_query_hovered.buildQueryAllHovered)(
         axisIdToScales,
         datapointMetadataMap,
         seriesToMetadata,
@@ -67,7 +70,7 @@ const XYChartOverlayPerformanceProvider = ({
         )
       };
     }
-    const queryHovered = seriesIdToHoverGrid ? (0, import_query_hovered_grid.buildQueryHoveredFromGrid)(seriesIdToHoverGrid) : (0, import_query_hovered.buildQueryHovered)(
+    const queryHovered = seriesIdToHoverGrid ? (0, import_query_hovered_grid.buildQueryHoveredFromGrid)(seriesIdToHoverGrid, datapointMetadataMap) : (0, import_query_hovered.buildQueryHovered)(
       axisIdToScales,
       datapointMetadataMap,
       seriesToMetadata,

package/charts/xy-chart/providers/XYChartStoreProvider.js

@@ -27,10 +27,10 @@ var import_defaults = require("../constants/defaults.js");
 var import_XYChartStore_context = require("../context/XYChartStore.context.js");
 const XYChartStoreProvider = ({ children }) => {
   const storeRef = (0, import_react.useRef)(void 0);
-  const lastInteraction = storeRef?.current?.getState().interactionMode;
+  const previousState = storeRef.current?.getState();
   storeRef.current = (0, import_store.createStore)({
     ...import_defaults.initialState,
-    interactionMode: lastInteraction || "explore"
+    ...previousState
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XYChartStore_context.XYChartStoreContext.Provider, { value: storeRef.current, children });
 };

package/charts/xy-chart/utils/query-closest-quadtree.js

@@ -114,6 +114,9 @@ function findClosestDatapointInSeries(series, tree, position, metadata, queryCon
   if (!datapoint) {
     return void 0;
   }
+  if (!queryContext.datapointToMetadata.has(datapoint)) {
+    return void 0;
+  }
   const [xValue, yValue] = getDatapointAxisValues(
     datapoint,
     series,

package/charts/xy-chart/utils/query-hovered-grid.d.ts

@@ -18,14 +18,14 @@ export declare function buildHoverGrids(seriesWithDatapoints: (RectSeriesWithDat
  * lookup — the hot path the shared tooltip walks on every mouse
  * move.
  */
-export declare function buildQueryAllHoveredFromGrid(seriesIdToGrid: SeriesToHoverGrid): (arrayOfSeries: (RectSeriesWithDatapoints | BarSeriesWithDatapoints)[], position: Point) => SeriesQueryResult[];
+export declare function buildQueryAllHoveredFromGrid(seriesIdToGrid: SeriesToHoverGrid, datapointMetadataMap: MapDatapoints): (arrayOfSeries: (RectSeriesWithDatapoints | BarSeriesWithDatapoints)[], position: Point) => SeriesQueryResult[];
 /**
  * Build a hovered-datapoint query backed by pre-computed per-series
  * grids. Iterates the input series in reverse so the topmost
  * (last-rendered) overlapping datapoint wins, matching the legacy
  * `buildQueryHovered` behaviour.
  */
-export declare function buildQueryHoveredFromGrid(seriesIdToGrid: SeriesToHoverGrid): {
+export declare function buildQueryHoveredFromGrid(seriesIdToGrid: SeriesToHoverGrid, datapointMetadataMap: MapDatapoints): {
     (arrayOfSeries: RectSeriesWithDatapoints[], position: Point): RectSeriesQueryResult | undefined;
     (arrayOfSeries: BarSeriesWithDatapoints[], position: Point): BarSeriesQueryResult | undefined;
 };

package/charts/xy-chart/utils/query-hovered-grid.js

@@ -144,7 +144,7 @@ function findInGrid(grid, position) {
   }
   return void 0;
 }
-function buildQueryAllHoveredFromGrid(seriesIdToGrid) {
+function buildQueryAllHoveredFromGrid(seriesIdToGrid, datapointMetadataMap) {
   return (arrayOfSeries, position) => {
     if (position.x < 0 || position.y < 0) {
       return [];
@@ -159,6 +159,9 @@ function buildQueryAllHoveredFromGrid(seriesIdToGrid) {
       if (!datapoint) {
         continue;
       }
+      if (!datapointMetadataMap.has(datapoint)) {
+        return [];
+      }
       results.push({
         type: series.type,
         distance: 0,
@@ -169,7 +172,7 @@ function buildQueryAllHoveredFromGrid(seriesIdToGrid) {
     return results;
   };
 }
-function buildQueryHoveredFromGrid(seriesIdToGrid) {
+function buildQueryHoveredFromGrid(seriesIdToGrid, datapointMetadataMap) {
   function query(arrayOfSeries, position) {
     if (position.x < 0 || position.y < 0) {
       return void 0;
@@ -184,6 +187,9 @@ function buildQueryHoveredFromGrid(seriesIdToGrid) {
       if (!datapoint) {
         continue;
       }
+      if (!datapointMetadataMap.has(datapoint)) {
+        return void 0;
+      }
       return {
         type: series.type,
         distance: 0,