Fix preview

Author: bernardobelchior

packages/x-charts/src/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.ts

@@ -13,12 +13,15 @@ import {
   selectorChartXScales,
   selectorChartYScales,
   selectorChartZoomAxisFilters,
+  selectorChartZoomMap,
   selectorChartZoomOptionsLookup,
 } from './useChartCartesianAxisRendering.selectors';
 import { AxisId } from '../../../../models/axis';
 import { ZoomData } from './zoom.types';
 import { selectorChartDrawingArea } from '../../corePlugins/useChartDimensions';
 import { ZOOM_SLIDER_PREVIEW_SIZE } from '../../../constants';
+import { selectorPreferStrictDomainInLineCharts } from '../../corePlugins/useChartExperimentalFeature';
+import { getXAxesScales, getYAxesScales } from './getAxisScale';
 
 function createPreviewDrawingArea(
   axisDirection: 'x' | 'y',
@@ -43,6 +46,42 @@ function createPreviewDrawingArea(
       };
 }
 
+export const selectorChartPreviewXScales = createSelector(
+  [
+    selectorChartRawXAxis,
+    selectorChartDrawingArea,
+    selectorChartSeriesProcessed,
+    selectorChartSeriesConfig,
+    selectorChartZoomMap,
+    selectorChartZoomOptionsLookup,
+    selectorPreferStrictDomainInLineCharts,
+    (_, axisId: AxisId) => axisId,
+  ],
+  function selectorChartPreviewXScales(
+    xAxes,
+    chartDrawingArea,
+    formattedSeries,
+    seriesConfig,
+    zoomMap,
+    zoomOptions,
+    preferStrictDomainInLineCharts,
+    axisId,
+  ) {
+    const hasAxis = xAxes?.some((axis) => axis.id === axisId);
+    const drawingArea = createPreviewDrawingArea(hasAxis ? 'x' : 'y', chartDrawingArea);
+
+    return getXAxesScales({
+      drawingArea,
+      formattedSeries,
+      axis: xAxes,
+      seriesConfig,
+      zoomMap,
+      zoomOptions,
+      preferStrictDomainInLineCharts,
+    });
+  },
+);
+
 export const selectorChartPreviewComputedXAxis = createSelector(
   [
     selectorChartRawXAxis,
@@ -51,7 +90,7 @@ export const selectorChartPreviewComputedXAxis = createSelector(
     selectorChartZoomOptionsLookup,
     selectorChartZoomAxisFilters,
     selectorChartDrawingArea,
-    selectorChartXScales,
+    selectorChartPreviewXScales,
     (_, axisId: AxisId) => axisId,
   ],
 
@@ -93,6 +132,42 @@ export const selectorChartPreviewComputedXAxis = createSelector(
   },
 );
 
+export const selectorChartPreviewYScales = createSelector(
+  [
+    selectorChartRawYAxis,
+    selectorChartDrawingArea,
+    selectorChartSeriesProcessed,
+    selectorChartSeriesConfig,
+    selectorChartZoomMap,
+    selectorChartZoomOptionsLookup,
+    selectorPreferStrictDomainInLineCharts,
+    (_, axisId: AxisId) => axisId,
+  ],
+  function selectorChartPreviewYScales(
+    yAxes,
+    chartDrawingArea,
+    formattedSeries,
+    seriesConfig,
+    zoomMap,
+    zoomOptions,
+    preferStrictDomainInLineCharts,
+    axisId,
+  ) {
+    const hasAxis = yAxes?.some((axis) => axis.id === axisId);
+    const drawingArea = createPreviewDrawingArea(hasAxis ? 'y' : 'x', chartDrawingArea);
+
+    return getYAxesScales({
+      drawingArea,
+      formattedSeries,
+      axis: yAxes,
+      seriesConfig,
+      zoomMap,
+      zoomOptions,
+      preferStrictDomainInLineCharts,
+    });
+  },
+);
+
 export const selectorChartPreviewComputedYAxis = createSelector(
   [
     selectorChartRawYAxis,
@@ -101,7 +176,7 @@ export const selectorChartPreviewComputedYAxis = createSelector(
     selectorChartZoomOptionsLookup,
     selectorChartZoomAxisFilters,
     selectorChartDrawingArea,
-    selectorChartYScales,
+    selectorChartPreviewYScales,
     (_, axisId: AxisId) => axisId,
   ],
   (