@mui/x-charts 7.6.2 → 7.7.1

package/themeAugmentation/components.d.ts

@@ -1,9 +1,9 @@
 import { ComponentsProps, ComponentsOverrides } from '@mui/material/styles';
 
-export interface ChartsComponents {
+export interface ChartsComponents<Theme = unknown> {
   MuiChartsAxis?: {
     defaultProps?: ComponentsProps['MuiChartsAxis'];
-    styleOverrides?: ComponentsOverrides['MuiChartsAxis'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiChartsAxis'];
   };
   MuiChartsXAxis?: {
     defaultProps?: ComponentsProps['MuiChartsXAxis'];
@@ -13,22 +13,22 @@ export interface ChartsComponents {
   };
   MuiChartsAxisHighlight?: {
     defaultProps?: ComponentsProps['MuiChartsAxisHighlight'];
-    styleOverrides?: ComponentsOverrides['MuiChartsAxisHighlight'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiChartsAxisHighlight'];
   };
   MuiChartsClipPath?: {
     defaultProps?: ComponentsProps['MuiChartsClipPath'];
   };
   MuiChartsGrid?: {
     defaultProps?: ComponentsProps['MuiChartsGrid'];
-    styleOverrides?: ComponentsOverrides['MuiChartsGrid'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiChartsGrid'];
   };
   MuiChartsLegend?: {
     defaultProps?: ComponentsProps['MuiChartsLegend'];
-    styleOverrides?: ComponentsOverrides['MuiChartsLegend'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiChartsLegend'];
   };
   MuiChartsTooltip?: {
     defaultProps?: ComponentsProps['MuiChartsTooltip'];
-    styleOverrides?: ComponentsOverrides['MuiChartsTooltip'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiChartsTooltip'];
   };
   MuiChartsSurface?: {
     defaultProps?: ComponentsProps['MuiChartsSurface'];
@@ -38,26 +38,26 @@ export interface ChartsComponents {
   };
   MuiBarElement?: {
     defaultProps?: ComponentsProps['MuiBarElement'];
-    styleOverrides?: ComponentsOverrides['MuiBarElement'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiBarElement'];
   };
   MuiBarLabel?: {
     defaultProps?: ComponentsProps['MuiBarLabel'];
-    styleOverrides?: ComponentsOverrides['MuiBarLabel'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiBarLabel'];
   };
   MuiLineChart?: {
     defaultProps?: ComponentsProps['MuiLineChart'];
   };
   MuiAreaElement?: {
     defaultProps?: ComponentsProps['MuiAreaElement'];
-    styleOverrides?: ComponentsOverrides['MuiAreaElement'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiAreaElement'];
   };
   MuiLineElement?: {
     defaultProps?: ComponentsProps['MuiLineElement'];
-    styleOverrides?: ComponentsOverrides['MuiLineElement'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiLineElement'];
   };
   MuiMarkElement?: {
     defaultProps?: ComponentsProps['MuiMarkElement'];
-    styleOverrides?: ComponentsOverrides['MuiMarkElement'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiMarkElement'];
   };
   MuiScatterChart?: {
     defaultProps?: ComponentsProps['MuiScatterChart'];
@@ -68,5 +68,5 @@ export interface ChartsComponents {
 }
 
 declare module '@mui/material/styles' {
-  interface Components extends ChartsComponents {}
+  interface Components<Theme = unknown> extends ChartsComponents<Theme> {}
 }

package/context/CartesianContextProvider.d.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import { AxisConfig, AxisDefaultized, ChartsXAxisProps, ChartsYAxisProps, ScaleName } from '../models/axis';
-import { CartesianChartSeriesType, ChartSeriesType, DatasetType, ExtremumGetter } from '../models/seriesType/config';
-import { MakeOptional } from '../models/helpers';
-export type ExtremumGettersConfig<T extends ChartSeriesType = CartesianChartSeriesType> = {
-    [K in T]?: ExtremumGetter<K>;
-};
-export type CartesianContextProviderProps = {
-    /**
-     * The configuration of the x-axes.
-     * If not provided, a default axis config is used.
-     * An array of [[AxisConfig]] objects.
-     */
-    xAxis?: MakeOptional<AxisConfig<ScaleName, any, ChartsXAxisProps>, 'id'>[];
-    /**
-     * The configuration of the y-axes.
-     * If not provided, a default axis config is used.
-     * An array of [[AxisConfig]] objects.
-     */
-    yAxis?: MakeOptional<AxisConfig<ScaleName, any, ChartsYAxisProps>, 'id'>[];
-    /**
-     * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-     */
-    dataset?: DatasetType;
-    children: React.ReactNode;
-};
-type DefaultizedAxisConfig<AxisProps> = {
-    [axisKey: string]: AxisDefaultized<ScaleName, any, AxisProps>;
-};
-export declare const CartesianContext: React.Context<{
-    /**
-     * Mapping from x-axis key to scaling configuration.
-     */
-    xAxis: {
-        DEFAULT_X_AXIS_KEY: AxisDefaultized<ScaleName, any, ChartsXAxisProps>;
-    } & DefaultizedAxisConfig<ChartsXAxisProps>;
-    /**
-     * Mapping from y-axis key to scaling configuration.
-     */
-    yAxis: {
-        DEFAULT_X_AXIS_KEY: AxisDefaultized<ScaleName, any, ChartsYAxisProps>;
-    } & DefaultizedAxisConfig<ChartsYAxisProps>;
-    /**
-     * The x-axes IDs sorted by order they got provided.
-     */
-    xAxisIds: string[];
-    /**
-     * The y-axes IDs sorted by order they got provided.
-     */
-    yAxisIds: string[];
-}>;
-declare function CartesianContextProvider(props: CartesianContextProviderProps): React.JSX.Element;
-export { CartesianContextProvider };

package/context/CartesianContextProvider.js

@@ -1,233 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CartesianContext = void 0;
-exports.CartesianContextProvider = CartesianContextProvider;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _d3Scale = require("d3-scale");
-var _extremums = require("../BarChart/extremums");
-var _extremums2 = require("../ScatterChart/extremums");
-var _extremums3 = require("../LineChart/extremums");
-var _axis = require("../models/axis");
-var _getScale = require("../internals/getScale");
-var _constants = require("../constants");
-var _useTicks = require("../hooks/useTicks");
-var _useDrawingArea = require("../hooks/useDrawingArea");
-var _colorScale = require("../internals/colorScale");
-var _useSeries = require("../hooks/useSeries");
-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; }
-const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
-const DEFAULT_BAR_GAP_RATIO = 0.1;
-
-// TODO: those might be better placed in a distinct file
-const xExtremumGetters = {
-  bar: _extremums.getExtremumX,
-  scatter: _extremums2.getExtremumX,
-  line: _extremums3.getExtremumX
-};
-const yExtremumGetters = {
-  bar: _extremums.getExtremumY,
-  scatter: _extremums2.getExtremumY,
-  line: _extremums3.getExtremumY
-};
-const CartesianContext = exports.CartesianContext = /*#__PURE__*/React.createContext({
-  xAxis: {},
-  yAxis: {},
-  xAxisIds: [],
-  yAxisIds: []
-});
-if (process.env.NODE_ENV !== 'production') {
-  CartesianContext.displayName = 'CartesianContext';
-}
-function CartesianContextProvider(props) {
-  const {
-    xAxis: inXAxis,
-    yAxis: inYAxis,
-    dataset,
-    children
-  } = props;
-  const formattedSeries = (0, _useSeries.useSeries)();
-  const drawingArea = (0, _useDrawingArea.useDrawingArea)();
-  const xAxis = React.useMemo(() => inXAxis?.map(axisConfig => {
-    const dataKey = axisConfig.dataKey;
-    if (dataKey === undefined || axisConfig.data !== undefined) {
-      return axisConfig;
-    }
-    if (dataset === undefined) {
-      throw Error('MUI X Charts: x-axis uses `dataKey` but no `dataset` is provided.');
-    }
-    return (0, _extends2.default)({}, axisConfig, {
-      data: dataset.map(d => d[dataKey])
-    });
-  }), [inXAxis, dataset]);
-  const yAxis = React.useMemo(() => inYAxis?.map(axisConfig => {
-    const dataKey = axisConfig.dataKey;
-    if (dataKey === undefined || axisConfig.data !== undefined) {
-      return axisConfig;
-    }
-    if (dataset === undefined) {
-      throw Error('MUI X Charts: y-axis uses `dataKey` but no `dataset` is provided.');
-    }
-    return (0, _extends2.default)({}, axisConfig, {
-      data: dataset.map(d => d[dataKey])
-    });
-  }), [inYAxis, dataset]);
-  const value = React.useMemo(() => {
-    const axisExtremumCallback = (acc, chartType, axis, getters, isDefaultAxis) => {
-      const getter = getters[chartType];
-      const series = formattedSeries[chartType]?.series ?? {};
-      const [minChartTypeData, maxChartTypeData] = getter({
-        series,
-        axis,
-        isDefaultAxis
-      });
-      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)];
-    };
-    const getAxisExtremum = (axis, getters, isDefaultAxis) => {
-      const charTypes = Object.keys(getters);
-      return charTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, getters, isDefaultAxis), [null, null]);
-    };
-    const allXAxis = [...(xAxis?.map((axis, index) => (0, _extends2.default)({
-      id: `defaultized-x-axis-${index}`
-    }, axis)) ?? []),
-    // Allows to specify an axis with id=DEFAULT_X_AXIS_KEY
-    ...(xAxis === undefined || xAxis.findIndex(({
-      id
-    }) => id === _constants.DEFAULT_X_AXIS_KEY) === -1 ? [{
-      id: _constants.DEFAULT_X_AXIS_KEY,
-      scaleType: 'linear'
-    }] : [])];
-    const completedXAxis = {};
-    allXAxis.forEach((axis, axisIndex) => {
-      const isDefaultAxis = axisIndex === 0;
-      const [minData, maxData] = getAxisExtremum(axis, xExtremumGetters, isDefaultAxis);
-      const range = axis.reverse ? [drawingArea.left + drawingArea.width, drawingArea.left] : [drawingArea.left, drawingArea.left + drawingArea.width];
-      if ((0, _axis.isBandScaleConfig)(axis)) {
-        const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
-        const barGapRatio = axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
-        completedXAxis[axis.id] = (0, _extends2.default)({
-          categoryGapRatio,
-          barGapRatio
-        }, axis, {
-          scale: (0, _d3Scale.scaleBand)(axis.data, range).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
-          tickNumber: axis.data.length,
-          colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
-            values: axis.data
-          }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
-        });
-      }
-      if ((0, _axis.isPointScaleConfig)(axis)) {
-        completedXAxis[axis.id] = (0, _extends2.default)({}, axis, {
-          scale: (0, _d3Scale.scalePoint)(axis.data, range),
-          tickNumber: axis.data.length,
-          colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
-            values: axis.data
-          }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
-        });
-      }
-      if (axis.scaleType === 'band' || axis.scaleType === 'point') {
-        // Could be merged with the two previous "if conditions" but then TS does not get that `axis.scaleType` can't be `band` or `point`.
-        return;
-      }
-      const scaleType = axis.scaleType ?? 'linear';
-      const extremums = [axis.min ?? minData, axis.max ?? maxData];
-      const tickNumber = (0, _useTicks.getTickNumber)((0, _extends2.default)({}, axis, {
-        range,
-        domain: extremums
-      }));
-      const niceScale = (0, _getScale.getScale)(scaleType, extremums, range).nice(tickNumber);
-      const niceDomain = niceScale.domain();
-      const domain = [axis.min ?? niceDomain[0], axis.max ?? niceDomain[1]];
-      completedXAxis[axis.id] = (0, _extends2.default)({}, axis, {
-        scaleType,
-        scale: niceScale.domain(domain),
-        tickNumber,
-        colorScale: axis.colorMap && (0, _colorScale.getColorScale)(axis.colorMap)
-      });
-    });
-    const allYAxis = [...(yAxis?.map((axis, index) => (0, _extends2.default)({
-      id: `defaultized-y-axis-${index}`
-    }, axis)) ?? []), ...(yAxis === undefined || yAxis.findIndex(({
-      id
-    }) => id === _constants.DEFAULT_Y_AXIS_KEY) === -1 ? [{
-      id: _constants.DEFAULT_Y_AXIS_KEY,
-      scaleType: 'linear'
-    }] : [])];
-    const completedYAxis = {};
-    allYAxis.forEach((axis, axisIndex) => {
-      const isDefaultAxis = axisIndex === 0;
-      const [minData, maxData] = getAxisExtremum(axis, yExtremumGetters, isDefaultAxis);
-      const range = axis.reverse ? [drawingArea.top, drawingArea.top + drawingArea.height] : [drawingArea.top + drawingArea.height, drawingArea.top];
-      if ((0, _axis.isBandScaleConfig)(axis)) {
-        const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
-        completedYAxis[axis.id] = (0, _extends2.default)({
-          categoryGapRatio,
-          barGapRatio: 0
-        }, axis, {
-          scale: (0, _d3Scale.scaleBand)(axis.data, [range[1], range[0]]).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
-          tickNumber: axis.data.length,
-          colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
-            values: axis.data
-          }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
-        });
-      }
-      if ((0, _axis.isPointScaleConfig)(axis)) {
-        completedYAxis[axis.id] = (0, _extends2.default)({}, axis, {
-          scale: (0, _d3Scale.scalePoint)(axis.data, [range[1], range[0]]),
-          tickNumber: axis.data.length,
-          colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
-            values: axis.data
-          }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
-        });
-      }
-      if (axis.scaleType === 'band' || axis.scaleType === 'point') {
-        // Could be merged with the two previous "if conditions" but then TS does not get that `axis.scaleType` can't be `band` or `point`.
-        return;
-      }
-      const scaleType = axis.scaleType ?? 'linear';
-      const extremums = [axis.min ?? minData, axis.max ?? maxData];
-      const tickNumber = (0, _useTicks.getTickNumber)((0, _extends2.default)({}, axis, {
-        range,
-        domain: extremums
-      }));
-      const niceScale = (0, _getScale.getScale)(scaleType, extremums, range).nice(tickNumber);
-      const niceDomain = niceScale.domain();
-      const domain = [axis.min ?? niceDomain[0], axis.max ?? niceDomain[1]];
-      completedYAxis[axis.id] = (0, _extends2.default)({}, axis, {
-        scaleType,
-        scale: niceScale.domain(domain),
-        tickNumber,
-        colorScale: axis.colorMap && (0, _colorScale.getColorScale)(axis.colorMap)
-      });
-    });
-    return {
-      xAxis: completedXAxis,
-      yAxis: completedYAxis,
-      xAxisIds: allXAxis.map(({
-        id
-      }) => id),
-      yAxisIds: allYAxis.map(({
-        id
-      }) => id)
-    };
-  }, [drawingArea.height, drawingArea.left, drawingArea.top, drawingArea.width, formattedSeries, xAxis, yAxis]);
-
-  // @ts-ignore
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CartesianContext.Provider, {
-    value: value,
-    children: children
-  });
-}

package/esm/context/CartesianContextProvider.js

@@ -1,224 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { scaleBand, scalePoint } from 'd3-scale';
-import { getExtremumX as getBarExtremumX, getExtremumY as getBarExtremumY } from '../BarChart/extremums';
-import { getExtremumX as getScatterExtremumX, getExtremumY as getScatterExtremumY } from '../ScatterChart/extremums';
-import { getExtremumX as getLineExtremumX, getExtremumY as getLineExtremumY } from '../LineChart/extremums';
-import { isBandScaleConfig, isPointScaleConfig } from '../models/axis';
-import { getScale } from '../internals/getScale';
-import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '../constants';
-import { getTickNumber } from '../hooks/useTicks';
-import { useDrawingArea } from '../hooks/useDrawingArea';
-import { getColorScale, getOrdinalColorScale } from '../internals/colorScale';
-import { useSeries } from '../hooks/useSeries';
-import { jsx as _jsx } from "react/jsx-runtime";
-const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
-const DEFAULT_BAR_GAP_RATIO = 0.1;
-
-// TODO: those might be better placed in a distinct file
-const xExtremumGetters = {
-  bar: getBarExtremumX,
-  scatter: getScatterExtremumX,
-  line: getLineExtremumX
-};
-const yExtremumGetters = {
-  bar: getBarExtremumY,
-  scatter: getScatterExtremumY,
-  line: getLineExtremumY
-};
-export const CartesianContext = /*#__PURE__*/React.createContext({
-  xAxis: {},
-  yAxis: {},
-  xAxisIds: [],
-  yAxisIds: []
-});
-if (process.env.NODE_ENV !== 'production') {
-  CartesianContext.displayName = 'CartesianContext';
-}
-function CartesianContextProvider(props) {
-  const {
-    xAxis: inXAxis,
-    yAxis: inYAxis,
-    dataset,
-    children
-  } = props;
-  const formattedSeries = useSeries();
-  const drawingArea = useDrawingArea();
-  const xAxis = React.useMemo(() => inXAxis?.map(axisConfig => {
-    const dataKey = axisConfig.dataKey;
-    if (dataKey === undefined || axisConfig.data !== undefined) {
-      return axisConfig;
-    }
-    if (dataset === undefined) {
-      throw Error('MUI X Charts: x-axis uses `dataKey` but no `dataset` is provided.');
-    }
-    return _extends({}, axisConfig, {
-      data: dataset.map(d => d[dataKey])
-    });
-  }), [inXAxis, dataset]);
-  const yAxis = React.useMemo(() => inYAxis?.map(axisConfig => {
-    const dataKey = axisConfig.dataKey;
-    if (dataKey === undefined || axisConfig.data !== undefined) {
-      return axisConfig;
-    }
-    if (dataset === undefined) {
-      throw Error('MUI X Charts: y-axis uses `dataKey` but no `dataset` is provided.');
-    }
-    return _extends({}, axisConfig, {
-      data: dataset.map(d => d[dataKey])
-    });
-  }), [inYAxis, dataset]);
-  const value = React.useMemo(() => {
-    const axisExtremumCallback = (acc, chartType, axis, getters, isDefaultAxis) => {
-      const getter = getters[chartType];
-      const series = formattedSeries[chartType]?.series ?? {};
-      const [minChartTypeData, maxChartTypeData] = getter({
-        series,
-        axis,
-        isDefaultAxis
-      });
-      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)];
-    };
-    const getAxisExtremum = (axis, getters, isDefaultAxis) => {
-      const charTypes = Object.keys(getters);
-      return charTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, getters, isDefaultAxis), [null, null]);
-    };
-    const allXAxis = [...(xAxis?.map((axis, index) => _extends({
-      id: `defaultized-x-axis-${index}`
-    }, axis)) ?? []),
-    // Allows to specify an axis with id=DEFAULT_X_AXIS_KEY
-    ...(xAxis === undefined || xAxis.findIndex(({
-      id
-    }) => id === DEFAULT_X_AXIS_KEY) === -1 ? [{
-      id: DEFAULT_X_AXIS_KEY,
-      scaleType: 'linear'
-    }] : [])];
-    const completedXAxis = {};
-    allXAxis.forEach((axis, axisIndex) => {
-      const isDefaultAxis = axisIndex === 0;
-      const [minData, maxData] = getAxisExtremum(axis, xExtremumGetters, isDefaultAxis);
-      const range = axis.reverse ? [drawingArea.left + drawingArea.width, drawingArea.left] : [drawingArea.left, drawingArea.left + drawingArea.width];
-      if (isBandScaleConfig(axis)) {
-        const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
-        const barGapRatio = axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
-        completedXAxis[axis.id] = _extends({
-          categoryGapRatio,
-          barGapRatio
-        }, axis, {
-          scale: scaleBand(axis.data, range).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
-          tickNumber: axis.data.length,
-          colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
-            values: axis.data
-          }, axis.colorMap)) : getColorScale(axis.colorMap))
-        });
-      }
-      if (isPointScaleConfig(axis)) {
-        completedXAxis[axis.id] = _extends({}, axis, {
-          scale: scalePoint(axis.data, range),
-          tickNumber: axis.data.length,
-          colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
-            values: axis.data
-          }, axis.colorMap)) : getColorScale(axis.colorMap))
-        });
-      }
-      if (axis.scaleType === 'band' || axis.scaleType === 'point') {
-        // Could be merged with the two previous "if conditions" but then TS does not get that `axis.scaleType` can't be `band` or `point`.
-        return;
-      }
-      const scaleType = axis.scaleType ?? 'linear';
-      const extremums = [axis.min ?? minData, axis.max ?? maxData];
-      const tickNumber = getTickNumber(_extends({}, axis, {
-        range,
-        domain: extremums
-      }));
-      const niceScale = getScale(scaleType, extremums, range).nice(tickNumber);
-      const niceDomain = niceScale.domain();
-      const domain = [axis.min ?? niceDomain[0], axis.max ?? niceDomain[1]];
-      completedXAxis[axis.id] = _extends({}, axis, {
-        scaleType,
-        scale: niceScale.domain(domain),
-        tickNumber,
-        colorScale: axis.colorMap && getColorScale(axis.colorMap)
-      });
-    });
-    const allYAxis = [...(yAxis?.map((axis, index) => _extends({
-      id: `defaultized-y-axis-${index}`
-    }, axis)) ?? []), ...(yAxis === undefined || yAxis.findIndex(({
-      id
-    }) => id === DEFAULT_Y_AXIS_KEY) === -1 ? [{
-      id: DEFAULT_Y_AXIS_KEY,
-      scaleType: 'linear'
-    }] : [])];
-    const completedYAxis = {};
-    allYAxis.forEach((axis, axisIndex) => {
-      const isDefaultAxis = axisIndex === 0;
-      const [minData, maxData] = getAxisExtremum(axis, yExtremumGetters, isDefaultAxis);
-      const range = axis.reverse ? [drawingArea.top, drawingArea.top + drawingArea.height] : [drawingArea.top + drawingArea.height, drawingArea.top];
-      if (isBandScaleConfig(axis)) {
-        const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
-        completedYAxis[axis.id] = _extends({
-          categoryGapRatio,
-          barGapRatio: 0
-        }, axis, {
-          scale: scaleBand(axis.data, [range[1], range[0]]).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
-          tickNumber: axis.data.length,
-          colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
-            values: axis.data
-          }, axis.colorMap)) : getColorScale(axis.colorMap))
-        });
-      }
-      if (isPointScaleConfig(axis)) {
-        completedYAxis[axis.id] = _extends({}, axis, {
-          scale: scalePoint(axis.data, [range[1], range[0]]),
-          tickNumber: axis.data.length,
-          colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
-            values: axis.data
-          }, axis.colorMap)) : getColorScale(axis.colorMap))
-        });
-      }
-      if (axis.scaleType === 'band' || axis.scaleType === 'point') {
-        // Could be merged with the two previous "if conditions" but then TS does not get that `axis.scaleType` can't be `band` or `point`.
-        return;
-      }
-      const scaleType = axis.scaleType ?? 'linear';
-      const extremums = [axis.min ?? minData, axis.max ?? maxData];
-      const tickNumber = getTickNumber(_extends({}, axis, {
-        range,
-        domain: extremums
-      }));
-      const niceScale = getScale(scaleType, extremums, range).nice(tickNumber);
-      const niceDomain = niceScale.domain();
-      const domain = [axis.min ?? niceDomain[0], axis.max ?? niceDomain[1]];
-      completedYAxis[axis.id] = _extends({}, axis, {
-        scaleType,
-        scale: niceScale.domain(domain),
-        tickNumber,
-        colorScale: axis.colorMap && getColorScale(axis.colorMap)
-      });
-    });
-    return {
-      xAxis: completedXAxis,
-      yAxis: completedYAxis,
-      xAxisIds: allXAxis.map(({
-        id
-      }) => id),
-      yAxisIds: allYAxis.map(({
-        id
-      }) => id)
-    };
-  }, [drawingArea.height, drawingArea.left, drawingArea.top, drawingArea.width, formattedSeries, xAxis, yAxis]);
-
-  // @ts-ignore
-  return /*#__PURE__*/_jsx(CartesianContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-export { CartesianContextProvider };

package/esm/internals/colorGetter.js

@@ -1,22 +0,0 @@
-import getBarColor from '../BarChart/getColor';
-import getLineColor from '../LineChart/getColor';
-import getScatterColor from '../ScatterChart/getColor';
-import getPieColor from '../PieChart/getColor';
-function getColor(series, xAxis, yAxis, zAxis) {
-  if (xAxis !== undefined && yAxis !== undefined) {
-    if (series.type === 'bar') {
-      return getBarColor(series, xAxis, yAxis);
-    }
-    if (series.type === 'line') {
-      return getLineColor(series, xAxis, yAxis);
-    }
-    if (series.type === 'scatter') {
-      return getScatterColor(series, xAxis, yAxis, zAxis);
-    }
-  }
-  if (series.type === 'pie') {
-    return getPieColor(series);
-  }
-  throw Error(`MUI X Charts: getColor called with unexpected arguments for series with id "${series.id}"`);
-}
-export default getColor;

package/internals/colorGetter.d.ts

@@ -1,7 +0,0 @@
-import { DefaultizedBarSeriesType, DefaultizedLineSeriesType, DefaultizedPieSeriesType, DefaultizedScatterSeriesType } from '../models';
-import { AxisDefaultized } from '../models/axis';
-import { ZAxisDefaultized } from '../models/z-axis';
-declare function getColor(series: DefaultizedPieSeriesType): (dataIndex: number) => string;
-declare function getColor(series: DefaultizedBarSeriesType | DefaultizedLineSeriesType, xAxis: AxisDefaultized, yAxis: AxisDefaultized): (dataIndex: number) => string;
-declare function getColor(series: DefaultizedScatterSeriesType, xAxis: AxisDefaultized, yAxis: AxisDefaultized, zAxis?: ZAxisDefaultized): (dataIndex: number) => string;
-export default getColor;

package/internals/colorGetter.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _getColor = _interopRequireDefault(require("../BarChart/getColor"));
-var _getColor2 = _interopRequireDefault(require("../LineChart/getColor"));
-var _getColor3 = _interopRequireDefault(require("../ScatterChart/getColor"));
-var _getColor4 = _interopRequireDefault(require("../PieChart/getColor"));
-function getColor(series, xAxis, yAxis, zAxis) {
-  if (xAxis !== undefined && yAxis !== undefined) {
-    if (series.type === 'bar') {
-      return (0, _getColor.default)(series, xAxis, yAxis);
-    }
-    if (series.type === 'line') {
-      return (0, _getColor2.default)(series, xAxis, yAxis);
-    }
-    if (series.type === 'scatter') {
-      return (0, _getColor3.default)(series, xAxis, yAxis, zAxis);
-    }
-  }
-  if (series.type === 'pie') {
-    return (0, _getColor4.default)(series);
-  }
-  throw Error(`MUI X Charts: getColor called with unexpected arguments for series with id "${series.id}"`);
-}
-var _default = exports.default = getColor;