@mui/x-charts 7.22.1 → 8.0.0-alpha.0

package/context/CartesianProvider/defaultizeAxis.d.ts

@@ -1,4 +1,4 @@
-import { MakeOptional } from '../../models/helpers';
+import { MakeOptional } from '@mui/x-internals/types';
 import { AxisConfig, ScaleName } from '../../models';
 import { ChartsAxisProps } from '../../models/axis';
 export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, axisName: "x" | "y") => {
@@ -32,5 +32,9 @@ export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName,
     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;
+    domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {
+        min: number;
+        max: number;
+    })) | undefined;
     id: import("../../internals").AxisId;
 }[];

package/context/ChartDataProvider/ChartDataProvider.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { MakeOptional } from '@mui/x-internals/types';
+import { DrawingProviderProps } from '../DrawingProvider';
+import { SeriesProviderProps } from '../SeriesProvider';
+import { ChartsSurfaceProps } from '../../ChartsSurface';
+import { CartesianProviderProps } from '../CartesianProvider';
+import { HighlightedProviderProps, ZAxisContextProviderProps } from '..';
+import { PluginProviderProps } from '../PluginProvider';
+import { AxisConfig, ChartsXAxisProps, ChartsYAxisProps, ScaleName } from '../../models/axis';
+import { AnimationProviderProps } from '../AnimationProvider';
+export type ChartDataProviderProps = Omit<ChartsSurfaceProps & Omit<SeriesProviderProps, 'seriesFormatters'> & Omit<DrawingProviderProps, 'svgRef'> & Pick<CartesianProviderProps, 'dataset'> & ZAxisContextProviderProps & HighlightedProviderProps & PluginProviderProps & AnimationProviderProps, 'children'> & {
+    /**
+     * 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'>[];
+    children?: React.ReactNode;
+};
+declare const ChartDataProvider: React.ForwardRefExoticComponent<Omit<ChartsSurfaceProps & Omit<SeriesProviderProps, "seriesFormatters"> & Omit<DrawingProviderProps, "svgRef"> & Pick<CartesianProviderProps, "dataset"> & ZAxisContextProviderProps & HighlightedProviderProps & PluginProviderProps & AnimationProviderProps, "children"> & {
+    /**
+     * 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">[];
+    children?: React.ReactNode;
+} & React.RefAttributes<SVGSVGElement>>;
+export { ChartDataProvider };

package/{ResponsiveChartContainer/ResponsiveChartContainer.js → context/ChartDataProvider/ChartDataProvider.js}

@@ -3,21 +3,50 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { ChartContainer } from "../ChartContainer/index.js";
-import { ResizableContainer } from "./ResizableContainer.js";
-import { useResponsiveChartContainerProps } from "./useResponsiveChartContainerProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const ResponsiveChartContainer = /*#__PURE__*/React.forwardRef(function ResponsiveChartContainer(props, ref) {
+import { DrawingProvider } from "../DrawingProvider.js";
+import { SeriesProvider } from "../SeriesProvider/index.js";
+import { InteractionProvider } from "../InteractionProvider.js";
+import { ChartsSurface } from "../../ChartsSurface/index.js";
+import { CartesianProvider } from "../CartesianProvider/index.js";
+import { ChartsAxesGradients } from "../../internals/components/ChartsAxesGradients/index.js";
+import { HighlightedProvider, ZAxisContextProvider } from "../index.js";
+import { PluginProvider } from "../PluginProvider/index.js";
+import { useChartDataProviderProps } from "./useChartDataProviderProps.js";
+import { AnimationProvider } from "../AnimationProvider/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ChartDataProvider = /*#__PURE__*/React.forwardRef(function ChartDataProvider(props, ref) {
   const {
-    hasIntrinsicSize,
-    chartContainerProps,
-    resizableChartContainerProps
-  } = useResponsiveChartContainerProps(props, ref);
-  return /*#__PURE__*/_jsx(ResizableContainer, _extends({}, resizableChartContainerProps, {
-    children: hasIntrinsicSize ? /*#__PURE__*/_jsx(ChartContainer, _extends({}, chartContainerProps)) : null
+    children,
+    drawingProviderProps,
+    seriesProviderProps,
+    cartesianProviderProps,
+    zAxisContextProps,
+    highlightedProviderProps,
+    chartsSurfaceProps,
+    pluginProviderProps,
+    animationProviderProps
+  } = useChartDataProviderProps(props, ref);
+  return /*#__PURE__*/_jsx(DrawingProvider, _extends({}, drawingProviderProps, {
+    children: /*#__PURE__*/_jsx(PluginProvider, _extends({}, pluginProviderProps, {
+      children: /*#__PURE__*/_jsx(SeriesProvider, _extends({}, seriesProviderProps, {
+        children: /*#__PURE__*/_jsx(CartesianProvider, _extends({}, cartesianProviderProps, {
+          children: /*#__PURE__*/_jsx(ZAxisContextProvider, _extends({}, zAxisContextProps, {
+            children: /*#__PURE__*/_jsx(InteractionProvider, {
+              children: /*#__PURE__*/_jsx(HighlightedProvider, _extends({}, highlightedProviderProps, {
+                children: /*#__PURE__*/_jsx(AnimationProvider, _extends({}, animationProviderProps, {
+                  children: /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
+                    children: [/*#__PURE__*/_jsx(ChartsAxesGradients, {}), children]
+                  }))
+                }))
+              }))
+            })
+          }))
+        }))
+      }))
+    }))
   }));
 });
-process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartDataProvider.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -41,9 +70,9 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
    */
   disableAxisListener: PropTypes.bool,
   /**
-   * The height of the chart in px. If not defined, it takes the height of the parent element.
+   * The height of the chart in px.
    */
-  height: PropTypes.number,
+  height: PropTypes.number.isRequired,
   /**
    * The item currently highlighted. Turns highlighting into a controlled prop.
    */
@@ -74,16 +103,6 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
    * If not provided, the container supports line, bar, scatter and pie charts.
    */
   plugins: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * The chart will try to wait for the parent container to resolve its size
-   * before it renders for the first time.
-   *
-   * This can be useful in some scenarios where the chart appear to grow after
-   * the first render, like when used inside a grid.
-   *
-   * @default false
-   */
-  resolveSizeBeforeRender: PropTypes.bool,
   /**
    * The array of series to display.
    * Each type of series has its own specificity.
@@ -104,9 +123,9 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
     y: PropTypes.number
   }),
   /**
-   * The width of the chart in px. If not defined, it takes the width of the parent element.
+   * The width of the chart in px.
    */
-  width: PropTypes.number,
+  width: PropTypes.number.isRequired,
   /**
    * The configuration of the x-axes.
    * If not provided, a default axis config is used.
@@ -133,6 +152,7 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
     dataKey: PropTypes.string,
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
+    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
     fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -186,6 +206,7 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
     dataKey: PropTypes.string,
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
+    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
     fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -239,4 +260,4 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
     min: PropTypes.number
   }))
 } : void 0;
-export { ResponsiveChartContainer };
+export { ChartDataProvider };

package/context/ChartDataProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './ChartDataProvider';

package/context/ChartDataProvider/index.js

@@ -0,0 +1 @@
+export * from "./ChartDataProvider.js";

package/context/ChartDataProvider/useChartDataProviderProps.d.ts

@@ -0,0 +1,97 @@
+import * as React from 'react';
+import type { DrawingProviderProps } from '../DrawingProvider';
+import type { CartesianProviderProps } from '../CartesianProvider';
+import type { SeriesProviderProps } from '../SeriesProvider';
+import type { ZAxisContextProviderProps } from '../ZAxisContextProvider';
+import type { ChartDataProviderProps } from './ChartDataProvider';
+import { HighlightedProviderProps } from '..';
+import { ChartsSurfaceProps } from '../../ChartsSurface';
+import { PluginProviderProps } from '../PluginProvider';
+import { AnimationProviderProps } from '../AnimationProvider';
+export declare const useChartDataProviderProps: (props: ChartDataProviderProps, ref: React.Ref<SVGSVGElement>) => {
+    children: React.ReactNode;
+    drawingProviderProps: Omit<DrawingProviderProps, "children">;
+    seriesProviderProps: Omit<SeriesProviderProps, "children">;
+    cartesianProviderProps: Omit<CartesianProviderProps, "children">;
+    zAxisContextProps: Omit<ZAxisContextProviderProps, "children">;
+    highlightedProviderProps: Omit<HighlightedProviderProps, "children">;
+    chartsSurfaceProps: ChartsSurfaceProps & {
+        ref: any;
+    };
+    pluginProviderProps: Omit<PluginProviderProps, "children">;
+    animationProviderProps: Omit<AnimationProviderProps, "children">;
+    xAxis: {
+        reverse?: boolean | undefined;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        data?: any[] | undefined;
+        label?: string | undefined;
+        max?: (number | Date) | undefined;
+        min?: (number | Date) | undefined;
+        valueFormatter?: ((value: any, context: import("../../internals").AxisValueFormatterContext) => string) | undefined;
+        dataKey?: string | undefined;
+        sx?: import("@mui/system").SxProps | undefined;
+        classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
+        tickMaxStep?: number | undefined;
+        tickMinStep?: number | undefined;
+        tickNumber?: number | undefined;
+        disableLine?: boolean | undefined;
+        disableTicks?: boolean | undefined;
+        tickFontSize?: number | undefined;
+        tickLabelStyle?: import("../..").ChartsTextProps["style"];
+        labelStyle?: import("../..").ChartsTextProps["style"];
+        tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
+        labelFontSize?: number | undefined;
+        tickSize?: number | undefined;
+        slots?: Partial<import("../../internals").ChartsAxisSlots> | undefined;
+        slotProps?: Partial<import("../../internals").ChartsAxisSlotProps> | undefined;
+        tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
+        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;
+        domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {
+            min: number;
+            max: number;
+        })) | undefined;
+        id: import("../../internals").AxisId;
+    }[];
+    yAxis: {
+        reverse?: boolean | undefined;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        data?: any[] | undefined;
+        label?: string | undefined;
+        max?: (number | Date) | undefined;
+        min?: (number | Date) | undefined;
+        valueFormatter?: ((value: any, context: import("../../internals").AxisValueFormatterContext) => string) | undefined;
+        dataKey?: string | undefined;
+        sx?: import("@mui/system").SxProps | undefined;
+        classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
+        tickMaxStep?: number | undefined;
+        tickMinStep?: number | undefined;
+        tickNumber?: number | undefined;
+        disableLine?: boolean | undefined;
+        disableTicks?: boolean | undefined;
+        tickFontSize?: number | undefined;
+        tickLabelStyle?: import("../..").ChartsTextProps["style"];
+        labelStyle?: import("../..").ChartsTextProps["style"];
+        tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
+        labelFontSize?: number | undefined;
+        tickSize?: number | undefined;
+        slots?: Partial<import("../../internals").ChartsAxisSlots> | undefined;
+        slotProps?: Partial<import("../../internals").ChartsAxisSlotProps> | undefined;
+        tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
+        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;
+        domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {
+            min: number;
+            max: number;
+        })) | undefined;
+        id: import("../../internals").AxisId;
+    }[];
+};

package/context/ChartDataProvider/useChartDataProviderProps.js

@@ -0,0 +1,86 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["width", "height", "series", "margin", "xAxis", "yAxis", "zAxis", "colors", "dataset", "sx", "title", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "children", "skipAnimation"];
+import * as React from 'react';
+import useForkRef from '@mui/utils/useForkRef';
+import { useDefaultizeAxis } from "./useDefaultizeAxis.js";
+export const useChartDataProviderProps = (props, ref) => {
+  const {
+      width,
+      height,
+      series,
+      margin,
+      xAxis,
+      yAxis,
+      zAxis,
+      colors,
+      dataset,
+      sx,
+      title,
+      desc,
+      disableAxisListener,
+      highlightedItem,
+      onHighlightChange,
+      plugins,
+      children,
+      skipAnimation
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const svgRef = React.useRef(null);
+  const chartSurfaceRef = useForkRef(ref, svgRef);
+  const [defaultizedXAxis, defaultizedYAxis] = useDefaultizeAxis(xAxis, yAxis, dataset);
+  const drawingProviderProps = {
+    width,
+    height,
+    margin,
+    svgRef
+  };
+  const animationProviderProps = {
+    skipAnimation
+  };
+  const pluginProviderProps = {
+    plugins
+  };
+  const seriesProviderProps = {
+    series,
+    colors,
+    dataset
+  };
+  const cartesianProviderProps = {
+    xAxis: defaultizedXAxis,
+    yAxis: defaultizedYAxis,
+    dataset
+  };
+  const zAxisContextProps = {
+    zAxis,
+    dataset
+  };
+  const highlightedProviderProps = {
+    highlightedItem,
+    onHighlightChange
+  };
+  const chartsSurfaceProps = _extends({}, other, {
+    width,
+    height,
+    ref: chartSurfaceRef,
+    sx,
+    title,
+    desc,
+    disableAxisListener
+  });
+  return {
+    children,
+    drawingProviderProps,
+    seriesProviderProps,
+    cartesianProviderProps,
+    zAxisContextProps,
+    highlightedProviderProps,
+    chartsSurfaceProps,
+    pluginProviderProps,
+    animationProviderProps,
+    xAxis: defaultizedXAxis,
+    yAxis: defaultizedYAxis
+  };
+};

package/{ChartContainer → context/ChartDataProvider}/useDefaultizeAxis.d.ts

@@ -1,7 +1,7 @@
-import { MakeOptional } from '../models/helpers';
-import { AxisConfig, ScaleName } from '../models';
-import { ChartsAxisProps } from '../models/axis';
-import { DatasetType } from '../models/seriesType/config';
+import { MakeOptional } from '@mui/x-internals/types';
+import { AxisConfig, ScaleName } from '../../models';
+import { ChartsAxisProps } from '../../models/axis';
+import { DatasetType } from '../../models/seriesType/config';
 export declare const useDefaultizeAxis: (inXAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, inYAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, dataset: DatasetType | undefined) => {
     reverse?: boolean | undefined;
     fill?: string | undefined;
@@ -10,28 +10,32 @@ export declare const useDefaultizeAxis: (inXAxis: MakeOptional<AxisConfig<ScaleN
     label?: string | undefined;
     max?: (number | Date) | undefined;
     min?: (number | Date) | undefined;
-    valueFormatter?: ((value: any, context: import("../internals").AxisValueFormatterContext) => string) | undefined;
+    valueFormatter?: ((value: any, context: import("../../internals").AxisValueFormatterContext) => string) | undefined;
     dataKey?: string | undefined;
     sx?: import("@mui/system").SxProps | undefined;
-    classes?: Partial<import("..").ChartsAxisClasses> | undefined;
+    classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
     tickMaxStep?: number | undefined;
     tickMinStep?: number | undefined;
     tickNumber?: number | undefined;
     disableLine?: boolean | undefined;
     disableTicks?: boolean | undefined;
     tickFontSize?: number | undefined;
-    tickLabelStyle?: import("..").ChartsTextProps["style"];
-    labelStyle?: import("..").ChartsTextProps["style"];
+    tickLabelStyle?: import("../..").ChartsTextProps["style"];
+    labelStyle?: import("../..").ChartsTextProps["style"];
     tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
     labelFontSize?: number | undefined;
     tickSize?: number | undefined;
-    slots?: Partial<import("../internals").ChartsAxisSlots> | undefined;
-    slotProps?: Partial<import("../internals").ChartsAxisSlotProps> | undefined;
+    slots?: Partial<import("../../internals").ChartsAxisSlots> | undefined;
+    slotProps?: Partial<import("../../internals").ChartsAxisSlotProps> | undefined;
     tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
     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;
+    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("../internals").AxisId;
+    domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {
+        min: number;
+        max: number;
+    })) | undefined;
+    id: import("../../internals").AxisId;
 }[][];

package/{ChartContainer → context/ChartDataProvider}/useDefaultizeAxis.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from "../constants/index.js";
+import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from "../../constants/index.js";
 const defaultizeAxis = (inAxis, dataset, axisName) => {
   const DEFAULT_AXIS_KEY = axisName === 'x' ? DEFAULT_X_AXIS_KEY : DEFAULT_Y_AXIS_KEY;
   return [...(inAxis?.map((axis, index) => _extends({

package/context/HighlightedProvider/HighlightedContext.d.ts

@@ -30,10 +30,6 @@ export type HighlightItemData = {
 export type HighlightOptions = 'none' | 'item' | 'series';
 export type FadeOptions = 'none' | 'series' | 'global';
 export type HighlightScope = {
-    /**
-     * @deprecated Use `highlight` instead.
-     */
-    highlighted?: HighlightOptions;
     /**
      * The scope of highlighted elements.
      * - 'none': no highlight.
@@ -42,10 +38,6 @@ export type HighlightScope = {
      * @default 'none'
      */
     highlight?: HighlightOptions;
-    /**
-     * @deprecated Use `fade` instead.
-     */
-    faded?: FadeOptions;
     /**
      * The scope of faded elements.
      * - 'none': no fading.

package/context/HighlightedProvider/HighlightedProvider.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["highlighted", "faded"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useControlled from '@mui/utils/useControlled';
@@ -11,18 +8,6 @@ import { createIsFaded } from "./createIsFaded.js";
 import { createIsHighlighted } from "./createIsHighlighted.js";
 import { useSeries } from "../../hooks/useSeries.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const mergeDeprecatedOptions = options => {
-  const _ref = options ?? {},
-    {
-      highlighted,
-      faded
-    } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return _extends({
-    highlight: highlighted,
-    fade: faded
-  }, other);
-};
 function HighlightedProvider({
   children,
   highlightedItem: highlightedItemProps,
@@ -41,7 +26,7 @@ function HighlightedProvider({
       const seriesData = series[seriesType];
       Object.keys(seriesData?.series ?? {}).forEach(seriesId => {
         const seriesItem = seriesData?.series[seriesId];
-        map.set(seriesId, mergeDeprecatedOptions(seriesItem?.highlightScope));
+        map.set(seriesId, seriesItem?.highlightScope);
       });
     });
     return map;

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

@@ -1,11 +1,11 @@
-import type { CartesianChartSeriesType, ChartSeries, ChartSeriesType } from '../../models/seriesType/config';
+import type { CartesianChartSeriesType, ChartSeriesDefaultized, ChartSeriesType } from '../../models/seriesType/config';
 import type { AxisConfig, AxisId } 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>>;
+    series: Record<SeriesId, ChartSeriesDefaultized<T>>;
     axis: AxisConfig;
     axisIndex: number;
     isDefaultAxis: boolean;

package/context/ZAxisContextProvider.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
+import { MakeOptional } from '@mui/x-internals/types';
 import { DatasetType } from '../models/seriesType/config';
-import { MakeOptional } from '../models/helpers';
 import { ZAxisConfig, ZAxisDefaultized } from '../models/z-axis';
 export type ZAxisContextProviderProps = {
     /**

package/index.d.ts

@@ -21,6 +21,5 @@ export * from './PieChart';
 export * from './ScatterChart';
 export * from './SparkLineChart';
 export * from './Gauge';
-export * from './ChartContainer';
 export * from './ChartsSurface';
-export * from './ResponsiveChartContainer';
+export * from './ChartContainer';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.22.1
+ * @mui/x-charts v8.0.0-alpha.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -28,6 +28,5 @@ export * from "./PieChart/index.js";
 export * from "./ScatterChart/index.js";
 export * from "./SparkLineChart/index.js";
 export * from "./Gauge/index.js";
-export * from "./ChartContainer/index.js";
 export * from "./ChartsSurface/index.js";
-export * from "./ResponsiveChartContainer/index.js";
+export * from "./ChartContainer/index.js";

package/internals/computeAxisValue.js

@@ -98,22 +98,30 @@ export function computeAxisValue({
       return;
     }
     const scaleType = axis.scaleType ?? 'linear';
+    const domainLimit = axis.domainLimit ?? 'nice';
     const axisExtremums = [axis.min ?? minData, axis.max ?? maxData];
+    if (typeof domainLimit === 'function') {
+      const {
+        min,
+        max
+      } = domainLimit(minData, maxData);
+      axisExtremums[0] = min;
+      axisExtremums[1] = max;
+    }
     const rawTickNumber = getTickNumber(_extends({}, axis, {
       range,
       domain: axisExtremums
     }));
     const tickNumber = rawTickNumber / ((zoomRange[1] - zoomRange[0]) / 100);
     const zoomedRange = zoomScaleRange(range, zoomRange);
-
-    // TODO: move nice to prop? Disable when there is zoom?
-    const scale = getScale(scaleType, axisExtremums, zoomedRange).nice(rawTickNumber);
-    const [minDomain, maxDomain] = scale.domain();
+    const scale = getScale(scaleType, axisExtremums, zoomedRange);
+    const finalScale = domainLimit === 'nice' ? scale.nice(rawTickNumber) : scale;
+    const [minDomain, maxDomain] = finalScale.domain();
     const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];
     completeAxis[axis.id] = _extends({}, axis, {
       data,
       scaleType: scaleType,
-      scale: scale.domain(domain),
+      scale: finalScale.domain(domain),
       tickNumber,
       colorScale: axis.colorMap && getColorScale(axis.colorMap)
     });

package/internals/defaultizeColor.d.ts

@@ -41,7 +41,7 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     };
     id?: import(".").SeriesId;
     color?: string;
-    valueFormatter?: import(".").SeriesValueFormatter<import(".").MakeOptional<import("..").PieValueType, "id">> | undefined;
+    valueFormatter?: import(".").SeriesValueFormatter<import("@mui/x-internals/types").MakeOptional<import("..").PieValueType, "id">> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
 } | {
     type: "bar";
@@ -54,8 +54,6 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     color: string;
     valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
-    xAxisKey?: string;
-    yAxisKey?: string;
     xAxisId?: string;
     yAxisId?: string;
     stack?: string;
@@ -66,7 +64,6 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     markerSize?: number;
     label?: string | ((location: "tooltip" | "legend") => string);
     disableHover?: boolean;
-    zAxisKey?: string;
     zAxisId?: string;
     datasetKeys?: {
         x: string;
@@ -78,8 +75,6 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     color: string;
     valueFormatter?: import(".").SeriesValueFormatter<import("..").ScatterValueType> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
-    xAxisKey?: string;
-    yAxisKey?: string;
     xAxisId?: string;
     yAxisId?: string;
 } | {
@@ -99,8 +94,6 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     color: string;
     valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
-    xAxisKey?: string;
-    yAxisKey?: string;
     xAxisId?: string;
     yAxisId?: string;
     stackOrder?: import("..").StackOrderType;

package/internals/getSymbol.js

@@ -1,5 +1,21 @@
-// Returns the index of a defined shape
 export function getSymbol(shape) {
-  const symbolNames = 'circle cross diamond square star triangle wye'.split(/ /);
-  return symbolNames.indexOf(shape) || 0;
+  // prettier-ignore
+  switch (shape) {
+    case 'circle':
+      return 0;
+    case 'cross':
+      return 1;
+    case 'diamond':
+      return 2;
+    case 'square':
+      return 3;
+    case 'star':
+      return 4;
+    case 'triangle':
+      return 5;
+    case 'wye':
+      return 6;
+    default:
+      return 0;
+  }
 }