@mui/x-charts 7.12.1 → 7.14.0

package/ChartsXAxis/ChartsXAxis.js

@@ -21,6 +21,8 @@ var _geometry = require("../internals/geometry");
 var _useMounted = require("../hooks/useMounted");
 var _useDrawingArea = require("../hooks/useDrawingArea");
 var _getWordsByLines = require("../internals/getWordsByLines");
+var _isInfinity = require("../internals/isInfinity");
+var _isBandScale = require("../internals/isBandScale");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["scale", "tickNumber", "reverse"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -146,7 +148,8 @@ function ChartsXAxis(inProps) {
     tickInterval,
     tickLabelInterval,
     tickPlacement,
-    tickLabelPlacement
+    tickLabelPlacement,
+    sx
   } = defaultizedProps;
   const theme = (0, _styles.useTheme)();
   const classes = useUtilityClasses((0, _extends2.default)({}, defaultizedProps, {
@@ -156,7 +159,8 @@ function ChartsXAxis(inProps) {
     left,
     top,
     width,
-    height
+    height,
+    isPointInside
   } = (0, _useDrawingArea.useDrawingArea)();
   const tickSize = disableTicks ? 4 : tickSizeProp;
   const positionSign = position === 'bottom' ? 1 : -1;
@@ -208,15 +212,17 @@ function ChartsXAxis(inProps) {
     ownerState: {}
   });
   const domain = xScale.domain();
-  if (domain.length === 0 || domain[0] === domain[1]) {
-    // Skip axis rendering if
-    // - the data is empty (for band and point axis)
-    // - No data is associated to the axis (other scale types)
+  const ordinalAxis = (0, _isBandScale.isBandScale)(xScale);
+  // Skip axis rendering if no data is available
+  // - The domain is an empty array for band/point scales.
+  // - The domains contains Infinity for continuous scales.
+  if (ordinalAxis && domain.length === 0 || !ordinalAxis && domain.some(_isInfinity.isInfinity)) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_AxisSharedComponents.AxisRoot, {
     transform: `translate(0, ${position === 'bottom' ? top + height : top})`,
     className: classes.root,
+    sx: sx,
     children: [!disableLine && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, (0, _extends2.default)({
       x1: left,
       x2: left + width,
@@ -229,8 +235,18 @@ function ChartsXAxis(inProps) {
     }, index) => {
       const xTickLabel = labelOffset ?? 0;
       const yTickLabel = positionSign * (tickSize + 3);
-      const showTick = offset >= left - 1 && offset <= left + width + 1;
-      const showTickLabel = offset + xTickLabel >= left - 1 && offset + xTickLabel <= left + width + 1;
+      const showTick = isPointInside({
+        x: offset,
+        y: -1
+      }, {
+        direction: 'x'
+      });
+      const showTickLabel = isPointInside({
+        x: offset + xTickLabel,
+        y: -1
+      }, {
+        direction: 'x'
+      });
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
         transform: `translate(${offset}, 0)`,
         className: classes.tickContainer,
@@ -314,6 +330,7 @@ process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
    * @default 'currentColor'
    */
   stroke: _propTypes.default.string,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * The font size of the axis ticks text.
    * @default 12

package/ChartsYAxis/ChartsYAxis.js

@@ -18,6 +18,8 @@ var _useDrawingArea = require("../hooks/useDrawingArea");
 var _AxisSharedComponents = require("../internals/components/AxisSharedComponents");
 var _ChartsText = require("../ChartsText");
 var _axisClasses = require("../ChartsAxis/axisClasses");
+var _isInfinity = require("../internals/isInfinity");
+var _isBandScale = require("../internals/isBandScale");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["scale", "tickNumber"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -87,7 +89,8 @@ function ChartsYAxis(inProps) {
     tickPlacement,
     tickLabelPlacement,
     tickInterval,
-    tickLabelInterval
+    tickLabelInterval,
+    sx
   } = defaultizedProps;
   const theme = (0, _styles.useTheme)();
   const isRTL = theme.direction === 'rtl';
@@ -98,7 +101,8 @@ function ChartsYAxis(inProps) {
     left,
     top,
     width,
-    height
+    height,
+    isPointInside
   } = (0, _useDrawingArea.useDrawingArea)();
   const tickSize = disableTicks ? 4 : tickSizeProp;
   const yTicks = (0, _useTicks.useTicks)({
@@ -154,15 +158,17 @@ function ChartsYAxis(inProps) {
     ownerState: {}
   });
   const domain = yScale.domain();
-  if (domain.length === 0 || domain[0] === domain[1]) {
-    // Skip axis rendering if
-    // - the data is empty (for band and point axis)
-    // - No data is associated to the axis (other scale types)
+  const ordinalAxis = (0, _isBandScale.isBandScale)(yScale);
+  // Skip axis rendering if no data is available
+  // - The domain is an empty array for band/point scales.
+  // - The domains contains Infinity for continuous scales.
+  if (ordinalAxis && domain.length === 0 || !ordinalAxis && domain.some(_isInfinity.isInfinity)) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_AxisSharedComponents.AxisRoot, {
     transform: `translate(${position === 'right' ? left + width : left}, 0)`,
     className: classes.root,
+    sx: sx,
     children: [!disableLine && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, (0, _extends2.default)({
       y1: top,
       y2: top + height,
@@ -176,7 +182,12 @@ function ChartsYAxis(inProps) {
       const xTickLabel = positionSign * (tickSize + 2);
       const yTickLabel = labelOffset;
       const skipLabel = typeof tickLabelInterval === 'function' && !tickLabelInterval?.(value, index);
-      const showLabel = offset >= top - 1 && offset <= height + top + 1;
+      const showLabel = isPointInside({
+        x: -1,
+        y: offset
+      }, {
+        direction: 'y'
+      });
       if (!showLabel) {
         return null;
       }
@@ -262,6 +273,7 @@ process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes = {
    * @default 'currentColor'
    */
   stroke: _propTypes.default.string,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * The font size of the axis ticks text.
    * @default 12

package/LineChart/AreaPlot.js

@@ -51,7 +51,8 @@ const useAggregatedData = () => {
         yAxisKey = defaultYAxisId,
         stackedData,
         data,
-        connectNulls
+        connectNulls,
+        baseline
       } = series[seriesId];
       const xAxisId = xAxisIdProp ?? xAxisKey;
       const yAxisId = yAxisIdProp ?? yAxisKey;
@@ -68,6 +69,15 @@ const useAggregatedData = () => {
         }
       }
       const areaPath = (0, _d3Shape.area)().x(d => xScale(d.x)).defined((_, i) => connectNulls || data[i] != null).y0(d => {
+        if (typeof baseline === 'number') {
+          return yScale(baseline);
+        }
+        if (baseline === 'max') {
+          return yScale.range()[1];
+        }
+        if (baseline === 'min') {
+          return yScale.range()[0];
+        }
         const value = d.y && yScale(d.y[0]);
         if (Number.isNaN(value)) {
           return yScale.range()[0];

package/LineChart/LineChart.js

@@ -283,6 +283,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
@@ -335,6 +336,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),

package/LineChart/extremums.js

@@ -13,23 +13,27 @@ const getExtremumX = params => {
   return [minX, maxX];
 };
 exports.getExtremumX = getExtremumX;
-function getSeriesExtremums(getValues, stackedData) {
-  if (stackedData.length === 0) {
-    return [null, null];
-  }
-  return stackedData.reduce((seriesAcc, stackedValue) => {
+function getSeriesExtremums(getValues, stackedData, filter) {
+  return stackedData.reduce((seriesAcc, stackedValue, index) => {
     const [base, value] = getValues(stackedValue);
-    if (seriesAcc[0] === null) {
-      return [Math.min(base, value), Math.max(base, value)];
+    if (filter && (!filter({
+      y: base,
+      x: null
+    }, index) || !filter({
+      y: value,
+      x: null
+    }, index))) {
+      return seriesAcc;
     }
     return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
-  }, getValues(stackedData[0]));
+  }, [Infinity, -Infinity]);
 }
 const getExtremumY = params => {
   const {
     series,
     axis,
-    isDefaultAxis
+    isDefaultAxis,
+    getFilters
   } = params;
   return Object.keys(series).filter(seriesId => {
     const yAxisId = series[seriesId].yAxisId ?? series[seriesId].yAxisKey;
@@ -40,17 +44,18 @@ const getExtremumY = params => {
       stackedData
     } = series[seriesId];
     const isArea = area !== undefined;
-    const getValues = isArea && axis.scaleType !== 'log' ? d => d : d => [d[1], d[1]]; // Since this series is not used to display an area, we do not consider the base (the d[0]).
+    const filter = getFilters?.({
+      currentAxisId: axis.id,
+      isDefaultAxis,
+      seriesXAxisId: series[seriesId].xAxisId ?? series[seriesId].xAxisKey,
+      seriesYAxisId: series[seriesId].yAxisId ?? series[seriesId].yAxisKey
+    });
 
-    const seriesExtremums = getSeriesExtremums(getValues, stackedData);
-    if (acc[0] === null) {
-      return seriesExtremums;
-    }
-    if (seriesExtremums[0] === null) {
-      return acc;
-    }
+    // Since this series is not used to display an area, we do not consider the base (the d[0]).
+    const getValues = isArea && axis.scaleType !== 'log' && typeof series[seriesId].baseline !== 'string' ? d => d : d => [d[1], d[1]];
+    const seriesExtremums = getSeriesExtremums(getValues, stackedData, filter);
     const [seriesMin, seriesMax] = seriesExtremums;
     return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
-  }, [null, null]);
+  }, [Infinity, -Infinity]);
 };
 exports.getExtremumY = getExtremumY;

package/PieChart/PieChart.js

@@ -327,6 +327,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
@@ -379,6 +380,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),

package/ResponsiveChartContainer/ResponsiveChartContainer.js

@@ -139,6 +139,7 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
@@ -191,6 +192,7 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),

package/ResponsiveChartContainer/useResponsiveChartContainerProps.d.ts

@@ -1,7 +1,7 @@
 import type { ResponsiveChartContainerProps } from './ResponsiveChartContainer';
 export declare const useResponsiveChartContainerProps: (props: ResponsiveChartContainerProps, ref: React.ForwardedRef<unknown>) => {
     hasIntrinsicSize: number;
-    chartContainerProps: Omit<import("..").ChartsSurfaceProps & Omit<import("../internals").SeriesProviderProps, "seriesFormatters"> & Omit<import("../internals").DrawingProviderProps, "svgRef"> & Pick<import("../internals").CartesianContextProviderProps, "dataset"> & import("..").ZAxisContextProviderProps & import("..").HighlightedProviderProps & import("../internals").PluginProviderProps, "children"> & {
+    chartContainerProps: Omit<import("..").ChartsSurfaceProps & Omit<import("../internals").SeriesProviderProps, "seriesFormatters"> & Omit<import("../internals").DrawingProviderProps, "svgRef"> & Pick<import("../internals").CartesianProviderProps, "dataset"> & import("..").ZAxisContextProviderProps & import("..").HighlightedProviderProps & import("../internals").PluginProviderProps, "children"> & {
         xAxis?: import("../internals").MakeOptional<import("..").AxisConfig<import("..").ScaleName, any, import("..").ChartsXAxisProps>, "id">[];
         yAxis?: import("../internals").MakeOptional<import("..").AxisConfig<import("..").ScaleName, any, import("..").ChartsYAxisProps>, "id">[];
         children?: import("react").ReactNode;

package/ScatterChart/ScatterChart.js

@@ -264,6 +264,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
@@ -316,6 +317,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),

package/ScatterChart/extremums.js

@@ -5,51 +5,59 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getExtremumY = exports.getExtremumX = void 0;
 const mergeMinMax = (acc, val) => {
-  if (acc[0] === null || acc[1] === null) {
-    return val;
-  }
-  if (val[0] === null || val[1] === null) {
-    return acc;
-  }
   return [Math.min(acc[0], val[0]), Math.max(acc[1], val[1])];
 };
 const getExtremumX = params => {
   const {
     series,
     axis,
-    isDefaultAxis
+    isDefaultAxis,
+    getFilters
   } = params;
   return Object.keys(series).filter(seriesId => {
     const axisId = series[seriesId].xAxisId ?? series[seriesId].xAxisKey;
     return axisId === axis.id || axisId === undefined && isDefaultAxis;
   }).reduce((acc, seriesId) => {
-    const seriesMinMax = series[seriesId].data.reduce((accSeries, {
-      x
-    }) => {
-      const val = [x, x];
-      return mergeMinMax(accSeries, val);
-    }, [null, null]);
+    const filter = getFilters?.({
+      currentAxisId: axis.id,
+      isDefaultAxis,
+      seriesXAxisId: series[seriesId].xAxisId ?? series[seriesId].xAxisKey,
+      seriesYAxisId: series[seriesId].yAxisId ?? series[seriesId].yAxisKey
+    });
+    const seriesMinMax = series[seriesId].data.reduce((accSeries, d, dataIndex) => {
+      if (filter && !filter(d, dataIndex)) {
+        return accSeries;
+      }
+      return mergeMinMax(accSeries, [d.x, d.x]);
+    }, [Infinity, -Infinity]);
     return mergeMinMax(acc, seriesMinMax);
-  }, [null, null]);
+  }, [Infinity, -Infinity]);
 };
 exports.getExtremumX = getExtremumX;
 const getExtremumY = params => {
   const {
     series,
     axis,
-    isDefaultAxis
+    isDefaultAxis,
+    getFilters
   } = params;
   return Object.keys(series).filter(seriesId => {
     const axisId = series[seriesId].yAxisId ?? series[seriesId].yAxisKey;
     return axisId === axis.id || axisId === undefined && isDefaultAxis;
   }).reduce((acc, seriesId) => {
-    const seriesMinMax = series[seriesId].data.reduce((accSeries, {
-      y
-    }) => {
-      const val = [y, y];
-      return mergeMinMax(accSeries, val);
-    }, [null, null]);
+    const filter = getFilters?.({
+      currentAxisId: axis.id,
+      isDefaultAxis,
+      seriesXAxisId: series[seriesId].xAxisId ?? series[seriesId].xAxisKey,
+      seriesYAxisId: series[seriesId].yAxisId ?? series[seriesId].yAxisKey
+    });
+    const seriesMinMax = series[seriesId].data.reduce((accSeries, d, dataIndex) => {
+      if (filter && !filter(d, dataIndex)) {
+        return accSeries;
+      }
+      return mergeMinMax(accSeries, [d.y, d.y]);
+    }, [Infinity, -Infinity]);
     return mergeMinMax(acc, seriesMinMax);
-  }, [null, null]);
+  }, [Infinity, -Infinity]);
 };
 exports.getExtremumY = getExtremumY;

package/SparkLineChart/SparkLineChart.js

@@ -288,6 +288,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
@@ -339,6 +340,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),

package/context/CartesianProvider/Cartesian.types.d.ts

@@ -0,0 +1,59 @@
+import { DatasetType } from '../../models/seriesType/config';
+import { AxisDefaultized, ScaleName, ChartsXAxisProps, ChartsYAxisProps, AxisId, AxisConfig } from '../../models/axis';
+import { ExtremumFilter } from '../PluginProvider';
+export type CartesianProviderProps = {
+    /**
+     * The configuration of the x-axes.
+     * If not provided, a default axis config is used.
+     * An array of [[AxisConfig]] objects.
+     */
+    xAxis: AxisConfig<ScaleName, any, ChartsXAxisProps>[];
+    /**
+     * The configuration of the y-axes.
+     * If not provided, a default axis config is used.
+     * An array of [[AxisConfig]] objects.
+     */
+    yAxis: AxisConfig<ScaleName, any, ChartsYAxisProps>[];
+    /**
+     * An array of objects that can be used to populate series and axes data using their `dataKey` property.
+     */
+    dataset?: DatasetType;
+    children: React.ReactNode;
+};
+export type DefaultizedAxisConfig<AxisProps> = {
+    [axisId: AxisId]: AxisDefaultized<ScaleName, any, AxisProps>;
+};
+export type CartesianContextState = {
+    /**
+     * Mapping from x-axis key to scaling configuration.
+     */
+    xAxis: DefaultizedAxisConfig<ChartsXAxisProps>;
+    /**
+     * Mapping from y-axis key to scaling configuration.
+     */
+    yAxis: DefaultizedAxisConfig<ChartsYAxisProps>;
+    /**
+     * The x-axes IDs sorted by order they got provided.
+     */
+    xAxisIds: AxisId[];
+    /**
+     * The y-axes IDs sorted by order they got provided.
+     */
+    yAxisIds: AxisId[];
+};
+export type ZoomData = {
+    axisId: AxisId;
+    start: number;
+    end: number;
+};
+export type ZoomFilterMode = 'keep' | 'discard' | 'empty';
+export type ZoomOptions = Record<AxisId, {
+    filterMode: ZoomFilterMode;
+}>;
+export type ZoomAxisFilters = Record<AxisId, ExtremumFilter>;
+export type GetZoomAxisFilters = (params: {
+    currentAxisId: AxisId | undefined;
+    seriesXAxisId?: AxisId;
+    seriesYAxisId?: AxisId;
+    isDefaultAxis: boolean;
+}) => ExtremumFilter;

package/context/CartesianProvider/Cartesian.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/context/CartesianProvider/CartesianContext.d.ts

@@ -1,25 +1,4 @@
 import * as React from 'react';
 import { Initializable } from '../context.types';
-import { AxisDefaultized, ScaleName, ChartsXAxisProps, ChartsYAxisProps, AxisId } from '../../models/axis';
-export type DefaultizedAxisConfig<AxisProps> = {
-    [axisId: AxisId]: AxisDefaultized<ScaleName, any, AxisProps>;
-};
-export type CartesianContextState = {
-    /**
-     * Mapping from x-axis key to scaling configuration.
-     */
-    xAxis: DefaultizedAxisConfig<ChartsXAxisProps>;
-    /**
-     * Mapping from y-axis key to scaling configuration.
-     */
-    yAxis: DefaultizedAxisConfig<ChartsYAxisProps>;
-    /**
-     * The x-axes IDs sorted by order they got provided.
-     */
-    xAxisIds: AxisId[];
-    /**
-     * The y-axes IDs sorted by order they got provided.
-     */
-    yAxisIds: AxisId[];
-};
+import { CartesianContextState } from './Cartesian.types';
 export declare const CartesianContext: React.Context<Initializable<CartesianContextState>>;

package/context/CartesianProvider/CartesianProvider.d.ts

@@ -1,24 +1,4 @@
 import * as React from 'react';
-import { AxisConfig, ChartsXAxisProps, ChartsYAxisProps, ScaleName } from '../../models/axis';
-import { DatasetType } from '../../models/seriesType/config';
-export type CartesianContextProviderProps = {
-    /**
-     * The configuration of the x-axes.
-     * If not provided, a default axis config is used.
-     * An array of [[AxisConfig]] objects.
-     */
-    xAxis: AxisConfig<ScaleName, any, ChartsXAxisProps>[];
-    /**
-     * The configuration of the y-axes.
-     * If not provided, a default axis config is used.
-     * An array of [[AxisConfig]] objects.
-     */
-    yAxis: AxisConfig<ScaleName, any, ChartsYAxisProps>[];
-    /**
-     * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-     */
-    dataset?: DatasetType;
-    children: React.ReactNode;
-};
-declare function CartesianContextProvider(props: CartesianContextProviderProps): React.JSX.Element;
-export { CartesianContextProvider };
+import { CartesianProviderProps } from './Cartesian.types';
+declare function CartesianProvider(props: CartesianProviderProps): React.JSX.Element;
+export { CartesianProvider };

package/context/CartesianProvider/CartesianProvider.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CartesianContextProvider = CartesianContextProvider;
+exports.CartesianProvider = CartesianProvider;
 var React = _interopRequireWildcard(require("react"));
 var _useDrawingArea = require("../../hooks/useDrawingArea");
 var _useSeries = require("../../hooks/useSeries");
@@ -14,11 +14,10 @@ var _PluginProvider = require("../PluginProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function CartesianContextProvider(props) {
+function CartesianProvider(props) {
   const {
     xAxis,
     yAxis,
-    dataset,
     children
   } = props;
   const formattedSeries = (0, _useSeries.useSeries)();
@@ -30,17 +29,15 @@ function CartesianContextProvider(props) {
     formattedSeries,
     axis: xAxis,
     extremumGetters: xExtremumGetters,
-    dataset,
     axisDirection: 'x'
-  }), [drawingArea, formattedSeries, xAxis, xExtremumGetters, dataset]);
+  }), [drawingArea, formattedSeries, xAxis, xExtremumGetters]);
   const yValues = React.useMemo(() => (0, _computeValue.computeValue)({
     drawingArea,
     formattedSeries,
     axis: yAxis,
     extremumGetters: yExtremumGetters,
-    dataset,
     axisDirection: 'y'
-  }), [drawingArea, formattedSeries, yAxis, yExtremumGetters, dataset]);
+  }), [drawingArea, formattedSeries, yAxis, yExtremumGetters]);
   const value = React.useMemo(() => ({
     isInitialized: true,
     data: {

package/context/CartesianProvider/computeValue.d.ts

@@ -1,43 +1,30 @@
 import { AxisConfig, ScaleName } from '../../models';
-import { ChartsXAxisProps, ChartsAxisProps, ChartsYAxisProps, AxisId } from '../../models/axis';
-import { CartesianChartSeriesType, DatasetType } from '../../models/seriesType/config';
-import { DefaultizedAxisConfig } from './CartesianContext';
+import { ChartsXAxisProps, ChartsAxisProps, ChartsYAxisProps } from '../../models/axis';
+import { CartesianChartSeriesType } from '../../models/seriesType/config';
 import { DrawingArea } from '../DrawingProvider';
 import { FormattedSeries } from '../SeriesProvider';
 import { ExtremumGetter } from '../PluginProvider';
-export declare function computeValue(options: {
-    drawingArea: DrawingArea;
-    formattedSeries: FormattedSeries;
-    axis: AxisConfig<ScaleName, any, ChartsYAxisProps>[] | undefined;
-    extremumGetters: {
-        [K in CartesianChartSeriesType]?: ExtremumGetter<K>;
-    };
-    axisDirection: 'y';
-    dataset: DatasetType | undefined;
-    zoomData?: {
-        axisId: AxisId;
-        start: number;
-        end: number;
-    }[];
-}): {
-    axis: DefaultizedAxisConfig<ChartsYAxisProps>;
+import { DefaultizedAxisConfig, ZoomData, ZoomOptions, GetZoomAxisFilters } from './Cartesian.types';
+type ComputeResult<T extends ChartsAxisProps> = {
+    axis: DefaultizedAxisConfig<T>;
     axisIds: string[];
 };
-export declare function computeValue(options: {
+type ComputeCommonParams = {
     drawingArea: DrawingArea;
     formattedSeries: FormattedSeries;
-    axis: AxisConfig<ScaleName, any, ChartsXAxisProps>[] | undefined;
     extremumGetters: {
         [K in CartesianChartSeriesType]?: ExtremumGetter<K>;
     };
-    axisDirection: 'x';
-    dataset: DatasetType | undefined;
-    zoomData?: {
-        axisId: AxisId;
-        start: number;
-        end: number;
-    }[];
-}): {
-    axis: DefaultizedAxisConfig<ChartsAxisProps>;
-    axisIds: string[];
+    zoomData?: ZoomData[];
+    zoomOptions?: ZoomOptions;
+    getFilters?: GetZoomAxisFilters;
 };
+export declare function computeValue(options: ComputeCommonParams & {
+    axis: AxisConfig<ScaleName, any, ChartsYAxisProps>[];
+    axisDirection: 'y';
+}): ComputeResult<ChartsYAxisProps>;
+export declare function computeValue(options: ComputeCommonParams & {
+    axis: AxisConfig<ScaleName, any, ChartsXAxisProps>[];
+    axisDirection: 'x';
+}): ComputeResult<ChartsAxisProps>;
+export {};