@mui/x-charts 7.12.0 → 7.13.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, {
@@ -208,15 +211,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,
@@ -314,6 +319,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';
@@ -154,15 +157,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,
@@ -262,6 +267,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.d.ts

@@ -1,3 +1,3 @@
-import { ExtremumGetter } from '../models/seriesType/config';
+import { ExtremumGetter } from '../context/PluginProvider/ExtremumGetter.types';
 export declare const getExtremumX: ExtremumGetter<'line'>;
 export declare const getExtremumY: ExtremumGetter<'line'>;

package/LineChart/extremums.js

@@ -14,16 +14,10 @@ const getExtremumX = params => {
 };
 exports.getExtremumX = getExtremumX;
 function getSeriesExtremums(getValues, stackedData) {
-  if (stackedData.length === 0) {
-    return [null, null];
-  }
   return stackedData.reduce((seriesAcc, stackedValue) => {
     const [base, value] = getValues(stackedValue);
-    if (seriesAcc[0] === null) {
-      return [Math.min(base, value), Math.max(base, value)];
-    }
     return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
-  }, getValues(stackedData[0]));
+  }, [Infinity, -Infinity]);
 }
 const getExtremumY = params => {
   const {
@@ -40,17 +34,12 @@ 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]).
 
+    // 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);
-    if (acc[0] === null) {
-      return seriesExtremums;
-    }
-    if (seriesExtremums[0] === null) {
-      return acc;
-    }
     const [seriesMin, seriesMax] = seriesExtremums;
     return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
-  }, [null, null]);
+  }, [Infinity, -Infinity]);
 };
 exports.getExtremumY = getExtremumY;

package/LineChart/formatter.d.ts

@@ -1,3 +1,3 @@
-import { Formatter } from '../models/seriesType/config';
-declare const formatter: Formatter<'line'>;
+import { SeriesFormatter } from '../context/PluginProvider/SeriesFormatter.types';
+declare const formatter: SeriesFormatter<'line'>;
 export default formatter;

package/LineChart/getColor.d.ts

@@ -1,3 +1,3 @@
-import { AxisDefaultized } from '../models/axis';
-import { DefaultizedLineSeriesType } from '../models/seriesType/line';
-export default function getColor(series: DefaultizedLineSeriesType, xAxis?: AxisDefaultized, yAxis?: AxisDefaultized): (dataIndex: number) => string;
+import { ColorProcessor } from '../context/PluginProvider/ColorProcessor.types';
+declare const getColor: ColorProcessor<'line'>;
+export default getColor;

package/LineChart/getColor.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getColor;
-function getColor(series, xAxis, yAxis) {
+exports.default = void 0;
+const getColor = (series, xAxis, yAxis) => {
   const yColorScale = yAxis?.colorScale;
   const xColorScale = xAxis?.colorScale;
   if (yColorScale) {
@@ -28,4 +28,5 @@ function getColor(series, xAxis, yAxis) {
     };
   }
   return () => series.color;
-}
+};
+var _default = exports.default = getColor;

package/LineChart/legend.d.ts

@@ -1,3 +1,3 @@
-import { LegendGetter } from '../models/seriesType/config';
+import { LegendGetter } from '../context/PluginProvider';
 declare const legendGetter: LegendGetter<'line'>;
 export default legendGetter;

package/LineChart/plugin.d.ts

@@ -1,2 +1,2 @@
-import { ChartsPluginType } from '../models/plugin';
-export declare const plugin: ChartsPluginType<'line'>;
+import type { ChartsPlugin } from '../context/PluginProvider';
+export declare const plugin: ChartsPlugin<'line'>;

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/PieChart/formatter.d.ts

@@ -1,3 +1,3 @@
-import { Formatter } from '../models/seriesType/config';
-declare const formatter: Formatter<'pie'>;
+import { SeriesFormatter } from '../context/PluginProvider/SeriesFormatter.types';
+declare const formatter: SeriesFormatter<'pie'>;
 export default formatter;

package/PieChart/getColor.d.ts

@@ -1,2 +1,3 @@
-import { DefaultizedPieSeriesType } from '../models/seriesType/pie';
-export default function getColor(series: DefaultizedPieSeriesType): (dataIndex: number) => string;
+import { ColorProcessor } from '../context/PluginProvider/ColorProcessor.types';
+declare const getColor: ColorProcessor<'pie'>;
+export default getColor;

package/PieChart/getColor.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getColor;
-function getColor(series) {
+exports.default = void 0;
+const getColor = series => {
   return dataIndex => {
     return series.data[dataIndex].color;
   };
-}
+};
+var _default = exports.default = getColor;

package/PieChart/legend.d.ts

@@ -1,3 +1,3 @@
-import { LegendGetter } from '../models/seriesType/config';
+import { LegendGetter } from '../context/PluginProvider';
 declare const legendGetter: LegendGetter<'pie'>;
 export default legendGetter;

package/PieChart/plugin.d.ts

@@ -1,2 +1,2 @@
-import { ChartsPluginType } from '../models/plugin';
-export declare const plugin: ChartsPluginType<'pie'>;
+import type { ChartsPlugin } from '../context/PluginProvider';
+export declare const plugin: ChartsPlugin<'pie'>;

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,11 +1,10 @@
 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, "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;
-        plugins?: import("..").ChartsPluginType<import("../internals").ChartSeriesType>[];
     } & {
         ref: React.ForwardedRef<unknown>;
     };

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.d.ts

@@ -1,3 +1,3 @@
-import { ExtremumGetter } from '../models/seriesType/config';
+import { ExtremumGetter } from '../context/PluginProvider/ExtremumGetter.types';
 export declare const getExtremumX: ExtremumGetter<'scatter'>;
 export declare const getExtremumY: ExtremumGetter<'scatter'>;

package/ScatterChart/extremums.js

@@ -5,12 +5,6 @@ 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 => {
@@ -26,11 +20,10 @@ const getExtremumX = params => {
     const seriesMinMax = series[seriesId].data.reduce((accSeries, {
       x
     }) => {
-      const val = [x, x];
-      return mergeMinMax(accSeries, val);
-    }, [null, null]);
+      return mergeMinMax(accSeries, [x, x]);
+    }, [Infinity, -Infinity]);
     return mergeMinMax(acc, seriesMinMax);
-  }, [null, null]);
+  }, [Infinity, -Infinity]);
 };
 exports.getExtremumX = getExtremumX;
 const getExtremumY = params => {
@@ -46,10 +39,9 @@ const getExtremumY = params => {
     const seriesMinMax = series[seriesId].data.reduce((accSeries, {
       y
     }) => {
-      const val = [y, y];
-      return mergeMinMax(accSeries, val);
-    }, [null, null]);
+      return mergeMinMax(accSeries, [y, y]);
+    }, [Infinity, -Infinity]);
     return mergeMinMax(acc, seriesMinMax);
-  }, [null, null]);
+  }, [Infinity, -Infinity]);
 };
 exports.getExtremumY = getExtremumY;

package/ScatterChart/formatter.d.ts

@@ -1,3 +1,3 @@
-import { Formatter } from '../models/seriesType/config';
-declare const formatter: Formatter<'scatter'>;
+import { SeriesFormatter } from '../context/PluginProvider/SeriesFormatter.types';
+declare const formatter: SeriesFormatter<'scatter'>;
 export default formatter;

package/ScatterChart/getColor.d.ts

@@ -1,4 +1,3 @@
-import { AxisDefaultized } from '../models/axis';
-import { ZAxisDefaultized } from '../models/z-axis';
-import { DefaultizedScatterSeriesType } from '../models/seriesType/scatter';
-export default function getColor(series: DefaultizedScatterSeriesType, xAxis?: AxisDefaultized, yAxis?: AxisDefaultized, zAxis?: ZAxisDefaultized): (dataIndex: number) => string;
+import { ColorProcessor } from '../context/PluginProvider/ColorProcessor.types';
+declare const getColor: ColorProcessor<'scatter'>;
+export default getColor;

package/ScatterChart/getColor.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getColor;
-function getColor(series, xAxis, yAxis, zAxis) {
+exports.default = void 0;
+const getColor = (series, xAxis, yAxis, zAxis) => {
   const zColorScale = zAxis?.colorScale;
   const yColorScale = yAxis?.colorScale;
   const xColorScale = xAxis?.colorScale;
@@ -45,4 +45,5 @@ function getColor(series, xAxis, yAxis, zAxis) {
     };
   }
   return () => series.color;
-}
+};
+var _default = exports.default = getColor;

package/ScatterChart/legend.d.ts

@@ -1,3 +1,3 @@
-import { LegendGetter } from '../models/seriesType/config';
+import { LegendGetter } from '../context/PluginProvider';
 declare const legendGetter: LegendGetter<'scatter'>;
 export default legendGetter;

package/ScatterChart/plugin.d.ts

@@ -1,2 +1,2 @@
-import { ChartsPluginType } from '../models/plugin';
-export declare const plugin: ChartsPluginType<'scatter'>;
+import type { ChartsPlugin } from '../context/PluginProvider';
+export declare const plugin: ChartsPlugin<'scatter'>;

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/CartesianProvider.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { AxisConfig, ChartsXAxisProps, ChartsYAxisProps, ScaleName } from '../../models/axis';
 import { DatasetType } from '../../models/seriesType/config';
-import { ExtremumGettersConfig } from '../../models';
-export type CartesianContextProviderProps = {
+export type CartesianProviderProps = {
     /**
      * The configuration of the x-axes.
      * If not provided, a default axis config is used.
@@ -19,15 +18,7 @@ export type CartesianContextProviderProps = {
      * An array of objects that can be used to populate series and axes data using their `dataKey` property.
      */
     dataset?: DatasetType;
-    /**
-     * An object with x-axis extremum getters per series type.
-     */
-    xExtremumGetters: ExtremumGettersConfig;
-    /**
-     * An object with y-axis extremum getters per series type.
-     */
-    yExtremumGetters: ExtremumGettersConfig;
     children: React.ReactNode;
 };
-declare function CartesianContextProvider(props: CartesianContextProviderProps): React.JSX.Element;
-export { CartesianContextProvider };
+declare function CartesianProvider(props: CartesianProviderProps): React.JSX.Element;
+export { CartesianProvider };

package/context/CartesianProvider/CartesianProvider.js

@@ -3,26 +3,28 @@
 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");
 var _CartesianContext = require("./CartesianContext");
 var _computeValue = require("./computeValue");
+var _useXExtremumGetter = require("../PluginProvider/useXExtremumGetter");
+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,
-    xExtremumGetters,
-    yExtremumGetters,
     children
   } = props;
   const formattedSeries = (0, _useSeries.useSeries)();
   const drawingArea = (0, _useDrawingArea.useDrawingArea)();
+  const xExtremumGetters = (0, _useXExtremumGetter.useXExtremumGetter)();
+  const yExtremumGetters = (0, _PluginProvider.useYExtremumGetter)();
   const xValues = React.useMemo(() => (0, _computeValue.computeValue)({
     drawingArea,
     formattedSeries,

package/context/CartesianProvider/computeValue.d.ts

@@ -1,9 +1,10 @@
 import { AxisConfig, ScaleName } from '../../models';
 import { ChartsXAxisProps, ChartsAxisProps, ChartsYAxisProps, AxisId } from '../../models/axis';
-import { CartesianChartSeriesType, DatasetType, ExtremumGetter } from '../../models/seriesType/config';
+import { CartesianChartSeriesType, DatasetType } from '../../models/seriesType/config';
 import { DefaultizedAxisConfig } from './CartesianContext';
 import { DrawingArea } from '../DrawingProvider';
 import { FormattedSeries } from '../SeriesProvider';
+import { ExtremumGetter } from '../PluginProvider';
 export declare function computeValue(options: {
     drawingArea: DrawingArea;
     formattedSeries: FormattedSeries;

package/context/CartesianProvider/defaultizeAxis.d.ts

@@ -9,12 +9,12 @@ export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName,
     label?: string | undefined;
     max?: (number | Date) | undefined;
     min?: (number | Date) | undefined;
+    sx?: import("@mui/system").SxProps | undefined;
     classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
     slots?: Partial<import("../../models/axis").ChartsAxisSlots> | undefined;
     slotProps?: Partial<import("../../models/axis").ChartsAxisSlotProps> | undefined;
     dataKey?: string | undefined;
     valueFormatter?: ((value: any, context: import("../../models/axis").AxisValueFormatterContext) => string) | undefined;
-    colorMap?: import("../../models/colorMapping").ContinuousColorConfig<number | Date> | import("../../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
     tickMaxStep?: number | undefined;
     tickMinStep?: number | undefined;
     tickNumber?: number | undefined;
@@ -30,6 +30,7 @@ export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName,
     tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
     tickLabelPlacement?: ("middle" | "tick") | undefined;
     scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
+    colorMap?: import("../../models/colorMapping").ContinuousColorConfig<number | Date> | import("../../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     id: import("../../models/axis").AxisId;
 }[];

package/context/CartesianProvider/getAxisExtremum.d.ts

@@ -1,4 +1,4 @@
-import { AxisConfig, ExtremumGettersConfig } from '../../models';
-import { ExtremumGetterResult } from '../../models/seriesType/config';
+import { AxisConfig } from '../../models';
 import { FormattedSeries } from '../SeriesProvider';
+import { ExtremumGettersConfig, ExtremumGetterResult } from '../PluginProvider';
 export declare const getAxisExtremum: (axis: AxisConfig, getters: ExtremumGettersConfig, isDefaultAxis: boolean, formattedSeries: FormattedSeries) => ExtremumGetterResult;

package/context/CartesianProvider/getAxisExtremum.js

@@ -11,18 +11,11 @@ const axisExtremumCallback = (acc, chartType, axis, getters, isDefaultAxis, form
     series,
     axis,
     isDefaultAxis
-  }) ?? [null, null];
-  const [minData, maxData] = acc;
-  if (minData === null || maxData === null) {
-    return [minChartTypeData, maxChartTypeData];
-  }
-  if (minChartTypeData === null || maxChartTypeData === null) {
-    return [minData, maxData];
-  }
-  return [Math.min(minChartTypeData, minData), Math.max(maxChartTypeData, maxData)];
+  }) ?? [Infinity, -Infinity];
+  return [Math.min(minChartTypeData, acc[0]), Math.max(maxChartTypeData, acc[1])];
 };
 const getAxisExtremum = (axis, getters, isDefaultAxis, formattedSeries) => {
   const charTypes = Object.keys(getters);
-  return charTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, getters, isDefaultAxis, formattedSeries), [null, null]);
+  return charTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, getters, isDefaultAxis, formattedSeries), [Infinity, -Infinity]);
 };
 exports.getAxisExtremum = getAxisExtremum;

package/context/PluginProvider/ColorProcessor.types.d.ts

@@ -0,0 +1,8 @@
+import type { AxisDefaultized } from '../../models/axis';
+import type { DefaultizedSeriesType } from '../../models/seriesType';
+import type { ZAxisDefaultized } from '../../models/z-axis';
+import type { ChartSeriesType } from '../../models/seriesType/config';
+export type ColorProcessor<T extends ChartSeriesType> = (series: DefaultizedSeriesType<T>, xAxis?: AxisDefaultized, yAxis?: AxisDefaultized, zAxis?: ZAxisDefaultized) => (dataIndex: number) => string;
+export type ColorProcessorsConfig<T extends ChartSeriesType> = {
+    [Key in T]?: ColorProcessor<Key>;
+};

package/context/PluginProvider/ExtremumGetter.types.d.ts

@@ -0,0 +1,14 @@
+import type { CartesianChartSeriesType, ChartSeries, ChartSeriesType } from '../../models/seriesType/config';
+import type { AxisConfig } from '../../models/axis';
+import type { SeriesId } from '../../models/seriesType/common';
+export type ExtremumGettersConfig<T extends ChartSeriesType = CartesianChartSeriesType> = {
+    [K in T]?: ExtremumGetter<K>;
+};
+type ExtremumGetterParams<T extends ChartSeriesType> = {
+    series: Record<SeriesId, ChartSeries<T>>;
+    axis: AxisConfig;
+    isDefaultAxis: boolean;
+};
+export type ExtremumGetterResult = [number, number];
+export type ExtremumGetter<T extends ChartSeriesType> = (params: ExtremumGetterParams<T>) => ExtremumGetterResult;
+export {};

package/context/PluginProvider/ExtremumGetter.types.js

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