@mui/x-charts 7.11.1 → 7.12.1

package/LineChart/AnimatedArea.d.ts

@@ -833,26 +833,26 @@ export declare const AreaElementPath: import("@emotion/styled").StyledComponent<
         strokeWidth?: import("csstype").Property.StrokeWidth<string | number> | undefined;
         textAnchor?: import("csstype").Property.TextAnchor | undefined;
         vectorEffect?: import("csstype").Property.VectorEffect | undefined;
-        x?: string | number;
-        y?: string | number;
-        z?: string | number;
-        translateX?: string | number;
-        translateY?: string | number;
-        translateZ?: string | number;
-        translate3d?: readonly [string | number, string | number, string | number];
-        rotateX?: string | number;
-        rotateY?: string | number;
-        rotateZ?: string | number;
-        rotate3d?: readonly [number, number, number, string | number];
-        scaleX?: number;
-        scaleY?: number;
-        scaleZ?: number;
-        scale3d?: readonly [number, number, number];
-        skew?: (string | number) | readonly [string | number, string | number];
-        skewX?: string | number;
-        skewY?: string | number;
-        matrix?: readonly [number, number, number, number, number, number];
-        matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number];
+        x?: (string | number) | undefined;
+        y?: (string | number) | undefined;
+        z?: (string | number) | undefined;
+        translateX?: (string | number) | undefined;
+        translateY?: (string | number) | undefined;
+        translateZ?: (string | number) | undefined;
+        translate3d?: readonly [string | number, string | number, string | number] | undefined;
+        rotateX?: (string | number) | undefined;
+        rotateY?: (string | number) | undefined;
+        rotateZ?: (string | number) | undefined;
+        rotate3d?: readonly [number, number, number, string | number] | undefined;
+        scaleX?: number | undefined;
+        scaleY?: number | undefined;
+        scaleZ?: number | undefined;
+        scale3d?: readonly [number, number, number] | undefined;
+        skew?: ((string | number) | readonly [string | number, string | number]) | undefined;
+        skewX?: (string | number) | undefined;
+        skewY?: (string | number) | undefined;
+        matrix?: readonly [number, number, number, number, number, number] | undefined;
+        matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number] | undefined;
     } | undefined;
     unicode?: number | string | undefined;
     fill?: string | undefined;

package/LineChart/AnimatedArea.js

@@ -11,8 +11,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
-var _d3Color = require("d3-color");
 var _web = require("@react-spring/web");
+var _d3Color = require("@mui/x-charts-vendor/d3-color");
 var _useAnimatedPath = require("../internals/useAnimatedPath");
 var _cleanId = require("../internals/cleanId");
 var _hooks = require("../hooks");

package/LineChart/AnimatedLine.d.ts

@@ -833,26 +833,26 @@ export declare const LineElementPath: import("@emotion/styled").StyledComponent<
         strokeWidth?: import("csstype").Property.StrokeWidth<string | number> | undefined;
         textAnchor?: import("csstype").Property.TextAnchor | undefined;
         vectorEffect?: import("csstype").Property.VectorEffect | undefined;
-        x?: string | number;
-        y?: string | number;
-        z?: string | number;
-        translateX?: string | number;
-        translateY?: string | number;
-        translateZ?: string | number;
-        translate3d?: readonly [string | number, string | number, string | number];
-        rotateX?: string | number;
-        rotateY?: string | number;
-        rotateZ?: string | number;
-        rotate3d?: readonly [number, number, number, string | number];
-        scaleX?: number;
-        scaleY?: number;
-        scaleZ?: number;
-        scale3d?: readonly [number, number, number];
-        skew?: (string | number) | readonly [string | number, string | number];
-        skewX?: string | number;
-        skewY?: string | number;
-        matrix?: readonly [number, number, number, number, number, number];
-        matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number];
+        x?: (string | number) | undefined;
+        y?: (string | number) | undefined;
+        z?: (string | number) | undefined;
+        translateX?: (string | number) | undefined;
+        translateY?: (string | number) | undefined;
+        translateZ?: (string | number) | undefined;
+        translate3d?: readonly [string | number, string | number, string | number] | undefined;
+        rotateX?: (string | number) | undefined;
+        rotateY?: (string | number) | undefined;
+        rotateZ?: (string | number) | undefined;
+        rotate3d?: readonly [number, number, number, string | number] | undefined;
+        scaleX?: number | undefined;
+        scaleY?: number | undefined;
+        scaleZ?: number | undefined;
+        scale3d?: readonly [number, number, number] | undefined;
+        skew?: ((string | number) | readonly [string | number, string | number]) | undefined;
+        skewX?: (string | number) | undefined;
+        skewY?: (string | number) | undefined;
+        matrix?: readonly [number, number, number, number, number, number] | undefined;
+        matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number] | undefined;
     } | undefined;
     unicode?: number | string | undefined;
     fill?: string | undefined;

package/LineChart/AnimatedLine.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _web = require("@react-spring/web");
-var _d3Color = require("d3-color");
+var _d3Color = require("@mui/x-charts-vendor/d3-color");
 var _styles = require("@mui/material/styles");
 var _useAnimatedPath = require("../internals/useAnimatedPath");
 var _cleanId = require("../internals/cleanId");

package/LineChart/AreaElement.js

@@ -12,7 +12,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
@@ -76,7 +76,7 @@ function AreaElement(props) {
   };
   const classes = useUtilityClasses(ownerState);
   const Area = slots?.area ?? _AnimatedArea.AnimatedArea;
-  const areaProps = (0, _utils.useSlotProps)({
+  const areaProps = (0, _useSlotProps.default)({
     elementType: Area,
     externalSlotProps: slotProps?.area,
     additionalProps: (0, _extends2.default)({}, getInteractionItemProps({

package/LineChart/AreaPlot.js

@@ -9,7 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _AreaElement = require("./AreaElement");
 var _useScale = require("../hooks/useScale");

package/LineChart/LineChart.js

@@ -249,7 +249,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -302,7 +301,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,

package/LineChart/LineElement.js

@@ -12,7 +12,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
@@ -76,7 +76,7 @@ function LineElement(props) {
   };
   const classes = useUtilityClasses(ownerState);
   const Line = slots?.line ?? _AnimatedLine.AnimatedLine;
-  const lineProps = (0, _utils.useSlotProps)({
+  const lineProps = (0, _useSlotProps.default)({
     elementType: Line,
     externalSlotProps: slotProps?.line,
     additionalProps: (0, _extends2.default)({}, getInteractionItemProps({

package/LineChart/LinePlot.js

@@ -9,7 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _LineElement = require("./LineElement");
 var _useScale = require("../hooks/useScale");

package/LineChart/MarkElement.js

@@ -15,7 +15,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _styles = require("@mui/material/styles");
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _web = require("@react-spring/web");
 var _getSymbol = require("../internals/getSymbol");
 var _InteractionProvider = require("../context/InteractionProvider");

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/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/formatter.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _stackSeries = require("../internals/stackSeries");
 var _defaultizeValueFormatter = require("../internals/defaultizeValueFormatter");
 let warnedOnce = false;

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/PieArc.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _web = require("@react-spring/web");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));

package/PieChart/PieArcLabel.js

@@ -12,7 +12,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _web = require("@react-spring/web");
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _styles = require("@mui/material/styles");

package/PieChart/PieChart.js

@@ -293,7 +293,6 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -346,7 +345,6 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,

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/formatter.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _getLabel = require("../internals/getLabel");
 const getSortingComparator = (comparator = 'none') => {
   if (typeof comparator === 'function') {

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

@@ -105,7 +105,6 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -158,7 +157,6 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,

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").SeriesContextProviderProps, "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").CartesianContextProviderProps, "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>;
     };
@@ -15,6 +14,6 @@ export declare const useResponsiveChartContainerProps: (props: ResponsiveChartCo
             height: number | undefined;
         };
         ref: import("react").MutableRefObject<null>;
-        className?: string;
+        className?: string | undefined;
     };
 };

package/ScatterChart/ScatterChart.js

@@ -230,7 +230,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -283,7 +282,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,

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/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

@@ -254,7 +254,6 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Notice it is a single [[AxisConfig]] object, not an array of configuration.
    */
   xAxis: _propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -306,7 +305,6 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Notice it is a single [[AxisConfig]] object, not an array of configuration.
    */
   yAxis: _propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,

package/context/CartesianProvider/CartesianProvider.d.ts

@@ -1,7 +1,6 @@
 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 = {
     /**
      * The configuration of the x-axes.
@@ -19,14 +18,6 @@ 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;

package/context/CartesianProvider/CartesianProvider.js

@@ -9,6 +9,8 @@ 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; }
@@ -17,12 +19,12 @@ function CartesianContextProvider(props) {
     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 '../SeriesContextProvider';
+import { FormattedSeries } from '../SeriesProvider';
+import { ExtremumGetter } from '../PluginProvider';
 export declare function computeValue(options: {
     drawingArea: DrawingArea;
     formattedSeries: FormattedSeries;

package/context/CartesianProvider/computeValue.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.computeValue = computeValue;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Scale = require("d3-scale");
+var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
 var _axis = require("../../models/axis");
 var _colorScale = require("../../internals/colorScale");
 var _useTicks = require("../../hooks/useTicks");