@mui/x-charts-pro 8.7.0 → 8.8.0

package/ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartAxisZoomSliderPreviewContent = ChartAxisZoomSliderPreviewContent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-charts/internals");
+var _LinePreviewPlot = require("./previews/LinePreviewPlot");
+var _AreaPreviewPlot = require("./previews/AreaPreviewPlot");
+var _BarPreviewPlot = require("./previews/BarPreviewPlot");
+var _ScatterPreviewPlot = require("./previews/ScatterPreviewPlot");
+var _jsxRuntime = require("react/jsx-runtime");
+function ChartAxisZoomSliderPreviewContent(props) {
+  const {
+    axisId,
+    x,
+    y,
+    width,
+    height
+  } = props;
+  const store = (0, _internals.useStore)();
+  const processedSeries = (0, _internals.useSelector)(store, _internals.selectorChartSeriesProcessed);
+  const children = [];
+  const clipId = `zoom-preview-mask-${axisId}`;
+  const hasLineSeries = (processedSeries.line?.seriesOrder?.length ?? 0) > 0;
+  const hasBarSeries = (processedSeries.bar?.seriesOrder?.length ?? 0) > 0;
+  const hasScatterSeries = (processedSeries.scatter?.seriesOrder?.length ?? 0) > 0;
+  if (hasLineSeries) {
+    children.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AreaPreviewPlot.AreaPreviewPlot, {
+      axisId: axisId
+    }, "area"));
+  }
+  if (hasBarSeries) {
+    children.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_BarPreviewPlot.BarPreviewPlot, (0, _extends2.default)({}, props), "bar"));
+  }
+  if (hasLineSeries) {
+    children.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinePreviewPlot.LinePreviewPlot, {
+      axisId: axisId
+    }, "line"));
+  }
+  if (hasScatterSeries) {
+    children.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScatterPreviewPlot.ScatterPreviewPlot, (0, _extends2.default)({}, props), "scatter"));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
+      id: clipId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+        x: x,
+        y: y,
+        width: width,
+        height: height
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      clipPath: `url(#${clipId})`,
+      children: children
+    })]
+  });
+}

package/ChartZoomSlider/internals/previews/AreaPreviewPlot.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { SeriesId } from '@mui/x-charts/internals';
+import { PreviewPlotProps } from "./PreviewPlot.types.js";
+interface AreaPreviewPlotProps extends PreviewPlotProps {}
+export declare function AreaPreviewPlot({
+  axisId
+}: AreaPreviewPlotProps): React.JSX.Element;
+export interface PreviewAreaElementProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'color' | 'id'> {
+  id: SeriesId;
+  gradientId?: string;
+  color: string;
+  d: string;
+}
+export {};

package/ChartZoomSlider/internals/previews/AreaPreviewPlot.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AreaPreviewPlot = AreaPreviewPlot;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _internals = require("@mui/x-charts/internals");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["id", "color", "gradientId", "onClick"];
+const AreaPlotRoot = (0, _styles.styled)('g', {
+  name: 'MuiAreaPlot',
+  slot: 'Root'
+})();
+function AreaPreviewPlot({
+  axisId
+}) {
+  const completedData = useAreaPreviewData(axisId);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AreaPlotRoot, {
+    children: completedData.map(({
+      d,
+      seriesId,
+      color,
+      area,
+      gradientId
+    }) => !!area && /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviewAreaElement, {
+      id: seriesId,
+      d: d,
+      color: color,
+      gradientId: gradientId
+    }, seriesId))
+  });
+}
+/**
+ * Preview of the area element for the zoom preview.
+ * Based on AreaElement and AnimatedArea.
+ */
+function PreviewAreaElement(_ref) {
+  let {
+      id,
+      color,
+      gradientId
+    } = _ref,
+    other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({
+    fill: gradientId ? `url(#${gradientId})` : color,
+    stroke: "none",
+    "data-series": id
+  }, other));
+}
+function useAreaPreviewData(axisId) {
+  const store = (0, _internals.useStore)();
+  const xAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, [axisId]);
+  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, [axisId]);
+  return (0, _internals.useAreaPlotData)(xAxes, yAxes);
+}

package/ChartZoomSlider/internals/previews/BarPreviewPlot.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { PreviewPlotProps } from "./PreviewPlot.types.js";
+interface BarPreviewPlotProps extends PreviewPlotProps {
+  x: number;
+  y: number;
+  height: number;
+  width: number;
+}
+export declare function BarPreviewPlot(props: BarPreviewPlotProps): React.JSX.Element;
+export {};

package/ChartZoomSlider/internals/previews/BarPreviewPlot.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BarPreviewPlot = BarPreviewPlot;
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-charts/internals");
+var _BarChart = require("@mui/x-charts/BarChart");
+var _jsxRuntime = require("react/jsx-runtime");
+function BarPreviewPlot(props) {
+  const drawingArea = {
+    left: props.x,
+    top: props.y,
+    width: props.width,
+    height: props.height,
+    right: props.x + props.width,
+    bottom: props.y + props.height
+  };
+  const {
+    completedData
+  } = useBarPreviewData(props.axisId, drawingArea);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    children: completedData.map(({
+      seriesId,
+      data
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      children: data.map(({
+        dataIndex,
+        color,
+        layout,
+        x,
+        xOrigin,
+        y,
+        yOrigin,
+        width,
+        height
+      }) => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.BarElement, {
+          id: seriesId,
+          dataIndex: dataIndex,
+          color: color,
+          skipAnimation: true,
+          layout: layout ?? 'vertical',
+          x: x,
+          xOrigin: xOrigin,
+          y: y,
+          yOrigin: yOrigin,
+          width: width,
+          height: height
+        }, dataIndex);
+      })
+    }, seriesId))
+  });
+}
+function useBarPreviewData(axisId, drawingArea) {
+  const store = (0, _internals.useStore)();
+  const xAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, [axisId]);
+  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, [axisId]);
+  return (0, _internals.useBarPlotData)(drawingArea, xAxes, yAxes);
+}

package/ChartZoomSlider/internals/previews/LinePreviewPlot.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { SeriesId } from '@mui/x-charts/internals';
+import { PreviewPlotProps } from "./PreviewPlot.types.js";
+interface LinePreviewPlotProps extends PreviewPlotProps {}
+export declare function LinePreviewPlot({
+  axisId
+}: LinePreviewPlotProps): React.JSX.Element;
+export interface PreviewLineElementProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'color' | 'id'> {
+  id: SeriesId;
+  gradientId?: string;
+  color: string;
+  d: string;
+}
+export {};

package/ChartZoomSlider/internals/previews/LinePreviewPlot.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinePreviewPlot = LinePreviewPlot;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-charts/internals");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["id", "color", "gradientId", "onClick"];
+function LinePreviewPlot({
+  axisId
+}) {
+  const completedData = useLinePreviewData(axisId);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    children: completedData.map(({
+      d,
+      seriesId,
+      color,
+      gradientId
+    }) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviewLineElement, {
+        id: seriesId,
+        d: d,
+        color: color,
+        gradientId: gradientId
+      }, seriesId);
+    })
+  });
+}
+/**
+ * Preview of the line element for the zoom preview.
+ * Based on LineElement and AnimatedLine.
+ */
+function PreviewLineElement(_ref) {
+  let {
+      id,
+      color,
+      gradientId
+    } = _ref,
+    other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({
+    stroke: gradientId ? `url(#${gradientId})` : color,
+    strokeWidth: 2,
+    strokeLinejoin: "round",
+    fill: "none",
+    "data-series": id
+  }, other));
+}
+function useLinePreviewData(axisId) {
+  const store = (0, _internals.useStore)();
+  const xAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, [axisId]);
+  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, [axisId]);
+  return (0, _internals.useLinePlotData)(xAxes, yAxes);
+}

package/ChartZoomSlider/internals/previews/PreviewPlot.types.d.ts

@@ -0,0 +1,4 @@
+import { AxisId } from '@mui/x-charts/internals';
+export interface PreviewPlotProps {
+  axisId: AxisId;
+}

package/ChartZoomSlider/internals/previews/PreviewPlot.types.js

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

package/ChartZoomSlider/internals/previews/ScatterPreviewPlot.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { PreviewPlotProps } from "./PreviewPlot.types.js";
+interface ScatterPreviewPlotProps extends PreviewPlotProps {
+  x: number;
+  y: number;
+  height: number;
+  width: number;
+}
+export declare function ScatterPreviewPlot({
+  axisId,
+  x,
+  y,
+  height,
+  width
+}: ScatterPreviewPlotProps): React.JSX.Element | null;
+export {};

package/ChartZoomSlider/internals/previews/ScatterPreviewPlot.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScatterPreviewPlot = ScatterPreviewPlot;
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-charts/internals");
+var _hooks = require("@mui/x-charts/hooks");
+var _ScatterChart = require("@mui/x-charts/ScatterChart");
+var _jsxRuntime = require("react/jsx-runtime");
+function ScatterPreviewPlot({
+  axisId,
+  x,
+  y,
+  height,
+  width
+}) {
+  const store = (0, _internals.useStore)();
+  const seriesData = (0, _hooks.useScatterSeriesContext)();
+  const xAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, [axisId]);
+  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, [axisId]);
+  const defaultXAxisId = (0, _hooks.useXAxes)().xAxisIds[0];
+  const defaultYAxisId = (0, _hooks.useYAxes)().yAxisIds[0];
+  const {
+    zAxis: zAxes,
+    zAxisIds
+  } = (0, _hooks.useZAxes)();
+  const defaultZAxisId = zAxisIds[0];
+  if (seriesData === undefined) {
+    return null;
+  }
+  const {
+    series,
+    seriesOrder
+  } = seriesData;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+    children: seriesOrder.map(seriesId => {
+      const {
+        id,
+        xAxisId,
+        yAxisId,
+        zAxisId,
+        color
+      } = series[seriesId];
+      const colorGetter = _internals.scatterSeriesConfig.colorProcessor(series[seriesId], xAxes[xAxisId ?? defaultXAxisId], yAxes[yAxisId ?? defaultYAxisId], zAxes[zAxisId ?? defaultZAxisId]);
+      const xScale = xAxes[xAxisId ?? defaultXAxisId].scale;
+      const yScale = yAxes[yAxisId ?? defaultYAxisId].scale;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ScatterPreviewItems, {
+        xScale: xScale,
+        yScale: yScale,
+        color: color,
+        colorGetter: colorGetter,
+        series: series[seriesId],
+        x: x,
+        y: y,
+        height: height,
+        width: width
+      }, id);
+    })
+  });
+}
+function ScatterPreviewItems(props) {
+  const {
+    series,
+    xScale,
+    yScale,
+    color,
+    colorGetter,
+    x,
+    y,
+    width,
+    height
+  } = props;
+  const isPointInside = React.useCallback((px, py) => px >= x && px <= x + width && py >= y && py <= y + height, [height, width, x, y]);
+  const scatterPlotData = (0, _internals.useScatterPlotData)(series, xScale, yScale, isPointInside);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    "data-series": series.id,
+    children: scatterPlotData.map((dataPoint, i) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScatterChart.ScatterMarker, {
+        dataIndex: dataPoint.dataIndex,
+        color: colorGetter ? colorGetter(i) : color,
+        x: dataPoint.x,
+        y: dataPoint.y,
+        seriesId: series.id,
+        size: series.preview.markerSize,
+        isHighlighted: false,
+        isFaded: false
+      }, dataPoint.id ?? dataPoint.dataIndex);
+    })
+  });
+}

package/ChartsToolbarPro/ChartsToolbarImageExportTrigger.js

@@ -64,7 +64,9 @@ process.env.NODE_ENV !== "production" ? ChartsToolbarImageExportTrigger.propType
    *   - [Export as Image](https://mui.com/x/react-charts/export/#export-as-image)
    */
   options: _propTypes.default.shape({
+    copyStyles: _propTypes.default.bool,
     fileName: _propTypes.default.string,
+    onBeforeExport: _propTypes.default.func,
     quality: _propTypes.default.number,
     type: _propTypes.default.string.isRequired
   }),

package/ChartsToolbarPro/ChartsToolbarPrintExportTrigger.js

@@ -64,7 +64,9 @@ process.env.NODE_ENV !== "production" ? ChartsToolbarPrintExportTrigger.propType
    *   - [Print/Export as PDF](https://mui.com/x/react-charts/export/#print-export-as-pdf)
    */
   options: _propTypes.default.shape({
-    fileName: _propTypes.default.string
+    copyStyles: _propTypes.default.bool,
+    fileName: _propTypes.default.string,
+    onBeforeExport: _propTypes.default.func
   }),
   /**
    * A function to customize the rendering of the component.

package/ChartsToolbarPro/ChartsToolbarPro.js

@@ -158,7 +158,9 @@ process.env.NODE_ENV !== "production" ? ChartsToolbarPro.propTypes = {
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   imageExportOptions: _propTypes.default.arrayOf(_propTypes.default.shape({
+    copyStyles: _propTypes.default.bool,
     fileName: _propTypes.default.string,
+    onBeforeExport: _propTypes.default.func,
     quality: _propTypes.default.number,
     type: _propTypes.default.string.isRequired
   })),

package/FunnelChart/FunnelChart.d.ts

@@ -8,7 +8,7 @@ import { ChartContainerProProps } from "../ChartContainerPro/index.js";
 import { FunnelChartSlotExtension } from "./funnelSlots.types.js";
 import { CategoryAxis } from "./categoryAxis.types.js";
 import { FunnelChartPluginsSignatures } from "./FunnelChart.plugins.js";
-export interface FunnelChartProps extends Omit<ChartContainerProProps<'funnel', FunnelChartPluginsSignatures>, 'series' | 'plugins' | 'zAxis' | 'zoom' | 'onZoomChange' | 'dataset' | 'yAxis' | 'xAxis' | 'rotationAxis' | 'radiusAxis' | 'slots' | 'slotProps'>, Omit<FunnelPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, FunnelChartSlotExtension {
+export interface FunnelChartProps extends Omit<ChartContainerProProps<'funnel', FunnelChartPluginsSignatures>, 'series' | 'plugins' | 'zAxis' | 'zoom' | 'onZoomChange' | 'dataset' | 'yAxis' | 'xAxis' | 'rotationAxis' | 'radiusAxis' | 'slots' | 'slotProps' | 'experimentalFeatures'>, Omit<FunnelPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, FunnelChartSlotExtension {
   /**
    * The series to display in the funnel chart.
    * An array of [[FunnelSeriesType]] objects.

package/FunnelChart/FunnelPlot.js

@@ -94,7 +94,7 @@ const useAggregatedData = () => {
           seriesId,
           value: currentSeries.data[dataIndex].value
         }) : currentSeries.sectionLabel;
-        const isIncreasing = currentSeries.dataDirection === 'increasing';
+        const isIncreasing = currentSeries.funnelDirection === 'increasing';
         const curve = (0, _curves.getFunnelCurve)(currentSeries.curve, {
           isHorizontal,
           gap,

package/FunnelChart/funnel.types.d.ts

@@ -16,7 +16,7 @@ export type FunnelValueType = {
   /**
    * The label to display on the tooltip, funnel section, or the legend. It can be a string or a function.
    */
-  label?: string | ((location: 'tooltip' | 'legend' | 'section') => string);
+  label?: string | ((location: 'tooltip' | 'legend' | 'section') => string | undefined);
   /**
    * The color of the funnel section
    */
@@ -78,6 +78,17 @@ export interface FunnelSeriesType extends Omit<CommonSeriesType<FunnelValueType>
    * @default 'filled'
    */
   variant?: 'filled' | 'outlined';
+  /**
+   * Controls how the funnel is drawn.
+   * Ignored on `step` and `linear-sharp` curves.
+   *
+   * This affects different curves in different ways:
+   * - `bump` & `linear`: Controls which section is the "starting" point of the funnel. This section has straight edges.
+   * - `pyramid` & `step-pyramid`: Fully changes the direction of the shape.
+   *
+   * @default 'auto'
+   */
+  funnelDirection?: 'increasing' | 'decreasing' | 'auto';
 }
 /**
  * An object that allows to identify a funnel item.
@@ -108,16 +119,10 @@ export type FunnelItem = {
    */
   value: number;
 };
-export interface DefaultizedFunnelSeriesType extends DefaultizedProps<FunnelSeriesType, CommonDefaultizedProps | 'layout'> {
+export interface DefaultizedFunnelSeriesType extends Omit<DefaultizedProps<FunnelSeriesType, CommonDefaultizedProps | 'layout'>, 'funnelDirection'> {
   dataPoints: FunnelDataPoints[][];
   data: Readonly<MakeRequired<FunnelValueType, 'id' | 'color'>[]>;
-  /**
-   * Denotes if the data is increasing, first data point is less than the last data point.
-   * While the data is decreasing if the first data point is greater than the last data point.
-   *
-   * This is used to determine the direction of the funnel.
-   */
-  dataDirection: 'increasing' | 'decreasing';
+  funnelDirection: 'increasing' | 'decreasing';
 }
 export type FunnelDataPoints = Record<'x' | 'y', number> & {
   useBandWidth: boolean;

package/FunnelChart/funnelAxisPlugin/useChartFunnelAxis.types.d.ts

@@ -1,6 +1,6 @@
 import { ChartPluginSignature, UseChartCartesianAxisDefaultizedParameters, UseChartCartesianAxisParameters, UseChartCartesianAxisState, UseChartInteractionSignature, UseChartSeriesSignature, ChartsAxisData } from '@mui/x-charts/internals';
 export type UseChartFunnelAxisSignature = ChartPluginSignature<{
-  params: Omit<UseChartCartesianAxisParameters, 'onAxisClick'> & {
+  params: Omit<UseChartCartesianAxisParameters, 'onAxisClick' | 'onHighlightedAxisChange' | 'highlightedAxis'> & {
     /**
      * The gap, in pixels, between funnel sections.
      * @default 0

package/FunnelChart/funnelAxisPlugin/useChartFunnelAxisRendering.selectors.d.ts

@@ -3,7 +3,7 @@ import { UseChartFunnelAxisSignature } from "./useChartFunnelAxis.types.js";
 export declare const selectorFunnel: (state: ChartState<[], [UseChartFunnelAxisSignature]>) => {
   gap: number;
 } | undefined;
-export declare const selectorFunnelGap: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<Pick<import("@mui/x-charts/internals").UseChartCartesianAxisState, "cartesianAxis"> & {
+export declare const selectorFunnelGap: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<Pick<import("@mui/x-charts/internals").UseChartCartesianAxisState, "cartesianAxis"> & {
   funnel: {
     gap: number;
   };
@@ -12,7 +12,7 @@ export declare const selectorFunnelGap: import("reselect").Selector<import("@mui
 } & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
 }, number, []>;
-export declare const selectorChartXAxis: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+export declare const selectorChartXAxis: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
 } & Partial<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
@@ -33,7 +33,7 @@ export declare const selectorChartXAxis: import("reselect").Selector<import("@mu
 }> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
 }, import("./computeAxisValue.js").ComputeResult<import("@mui/x-charts").ChartsXAxisProps>, []>;
-export declare const selectorChartYAxis: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+export declare const selectorChartYAxis: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
 } & Partial<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;