@mui/x-charts-pro 8.0.0-alpha.13 → 8.0.0-alpha.14

package/modern/FunnelChart/seriesConfig/seriesProcessor.js

@@ -0,0 +1,89 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+const createPoint = ({
+  main,
+  other,
+  inverse,
+  useBandWidth,
+  stackOffset
+}) => inverse ? {
+  x: other,
+  y: main,
+  useBandWidth,
+  stackOffset
+} : {
+  x: main,
+  y: other,
+  useBandWidth,
+  stackOffset
+};
+const seriesProcessor = params => {
+  const {
+    seriesOrder,
+    series
+  } = params;
+  const completedSeries = {};
+  const isHorizontal = seriesOrder.some(seriesId => series[seriesId].layout === 'horizontal');
+  seriesOrder.forEach(seriesId => {
+    const currentSeries = series[seriesId];
+    completedSeries[seriesId] = _extends({
+      labelMarkType: 'square',
+      layout: isHorizontal ? 'horizontal' : 'vertical',
+      valueFormatter: item => item == null ? '' : item.value.toLocaleString()
+    }, currentSeries, {
+      data: currentSeries.data.map((v, i) => _extends({
+        id: `${seriesId}-funnel-item-${v.id ?? i}`
+      }, v)),
+      dataPoints: []
+    });
+    const stackOffsets = completedSeries[seriesId].data.toReversed().map((_, i, array) => array.slice(0, i).reduce((acc, item) => acc + item.value, 0)).toReversed();
+    completedSeries[seriesId].dataPoints = completedSeries[seriesId].data.map((item, dataIndex, array) => {
+      // Main = main axis, Other = other axis
+      // For horizontal layout, main is y, other is x
+      // For vertical layout, main is x, other is y
+      const currentMaxMain = item.value;
+      const nextDataIndex = dataIndex === array.length - 1 ? dataIndex : dataIndex + 1;
+      const nextMaxMain = array[nextDataIndex].value ?? 0;
+      const nextMaxOther = 0;
+      const currentMaxOther = completedSeries[seriesId].data[dataIndex].value;
+      const stackOffset = stackOffsets[dataIndex];
+      return [
+      // Top right (vertical) or Top left (horizontal)
+      createPoint({
+        main: currentMaxMain,
+        other: currentMaxOther,
+        inverse: isHorizontal,
+        useBandWidth: false,
+        stackOffset
+      }),
+      // Bottom right (vertical) or Top right (horizontal)
+      createPoint({
+        main: nextMaxMain,
+        other: nextMaxOther,
+        inverse: isHorizontal,
+        useBandWidth: true,
+        stackOffset
+      }),
+      // Bottom left (vertical) or Bottom right (horizontal)
+      createPoint({
+        main: -nextMaxMain,
+        other: nextMaxOther,
+        inverse: isHorizontal,
+        useBandWidth: true,
+        stackOffset
+      }),
+      // Top left (vertical) or Bottom left (horizontal)
+      createPoint({
+        main: -currentMaxMain,
+        other: currentMaxOther,
+        inverse: isHorizontal,
+        useBandWidth: false,
+        stackOffset
+      })];
+    });
+  });
+  return {
+    seriesOrder,
+    series: completedSeries
+  };
+};
+export default seriesProcessor;

package/modern/FunnelChart/seriesConfig/tooltip.d.ts

@@ -0,0 +1,3 @@
+import { TooltipGetter } from '@mui/x-charts/internals';
+declare const tooltipGetter: TooltipGetter<'funnel'>;
+export default tooltipGetter;

package/modern/FunnelChart/seriesConfig/tooltip.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { getLabel } from '@mui/x-charts/internals';
+const tooltipGetter = params => {
+  const {
+    series,
+    getColor,
+    identifier
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const point = series.data[identifier.dataIndex];
+  const label = getLabel(point.label, 'tooltip');
+  const value = _extends({}, point, {
+    label
+  });
+  const formattedValue = series.valueFormatter(value, {
+    dataIndex: identifier.dataIndex
+  });
+  return {
+    identifier,
+    color: getColor(identifier.dataIndex),
+    label,
+    value,
+    formattedValue,
+    markType: point.labelMarkType ?? series.labelMarkType
+  };
+};
+export default tooltipGetter;

package/modern/FunnelChart/useFunnelChartProps.d.ts

@@ -0,0 +1,30 @@
+import { ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
+import { ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
+import { ChartsLegendSlotExtension } from '@mui/x-charts/ChartsLegend';
+import { ChartsClipPathProps } from '@mui/x-charts/ChartsClipPath';
+import { ChartsWrapperProps } from '@mui/x-charts/internals';
+import { ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
+import { FunnelPlotProps } from "./FunnelPlot.js";
+import type { FunnelChartProps } from './FunnelChart';
+import { ChartContainerProProps } from "../ChartContainerPro/index.js";
+/**
+ * A helper function that extracts FunnelChartProps from the input props
+ * and returns an object with props for the children components of FunnelChart.
+ *
+ * @param props The input props for FunnelChart
+ * @returns An object with props for the children components of FunnelChart
+ */
+export declare const useFunnelChartProps: (props: FunnelChartProps) => {
+  chartContainerProps: ChartContainerProProps<"funnel">;
+  funnelPlotProps: FunnelPlotProps;
+  overlayProps: ChartsOverlayProps;
+  chartsAxisProps: ChartsAxisProps;
+  legendProps: ChartsLegendSlotExtension;
+  clipPathGroupProps: {
+    clipPath: string;
+  };
+  clipPathProps: ChartsClipPathProps;
+  chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
+  axisHighlightProps: ChartsAxisHighlightProps;
+  children: import("react").ReactNode;
+};

package/modern/FunnelChart/useFunnelChartProps.js

@@ -0,0 +1,161 @@
+'use client';
+
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["categoryAxis", "series", "width", "height", "margin", "colors", "sx", "children", "slots", "slotProps", "skipAnimation", "loading", "onItemClick", "highlightedItem", "onHighlightChange", "className", "hideLegend", "axisHighlight", "apiRef"];
+import { DEFAULT_MARGINS, DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '@mui/x-charts/constants';
+import useId from '@mui/utils/useId';
+import { defaultizeMargin } from '@mui/x-charts/internals';
+import { warnOnce } from '@mui/x-internals/warning';
+function getCategoryAxisConfig(categoryAxis, series, isHorizontal, direction) {
+  const maxSeriesLength = Math.max(...series.map(s => (s.data ?? []).length), 0);
+  const maxSeriesValue = Array.from({
+    length: maxSeriesLength
+  }, (_, index) => series.reduce((a, s) => a + (s.data?.[index]?.value ?? 0), 0));
+  if (process.env.NODE_ENV !== 'production') {
+    if ((categoryAxis?.position === 'left' || categoryAxis?.position === 'right') && isHorizontal || (categoryAxis?.position === 'top' || categoryAxis?.position === 'bottom') && !isHorizontal) {
+      warnOnce([`MUI X: the categoryAxis position is set to '${categoryAxis.position}' but the series layout is ${isHorizontal ? 'horizontal' : 'vertical'}.`, `Ensure that the categoryAxis position is set to '${isHorizontal ? 'top' : 'left'}' or '${isHorizontal ? 'bottom' : 'right'}' for ${isHorizontal ? 'horizontal' : 'vertical'} layout.\n`], 'warning');
+    }
+  }
+  const side = isHorizontal ? 'bottom' : 'left';
+  const categoryValues = _extends({
+    id: direction === 'x' ? DEFAULT_X_AXIS_KEY : DEFAULT_Y_AXIS_KEY
+  }, categoryAxis, categoryAxis?.size ? {
+    [isHorizontal ? 'height' : 'width']: categoryAxis.size
+  } : {}, {
+    position: categoryAxis?.position ?? (categoryAxis?.categories ? side : 'none')
+  });
+
+  // If the scaleType is not defined or is 'band', our job is simple.
+  if (!categoryAxis?.scaleType || categoryAxis.scaleType === 'band') {
+    return _extends({
+      scaleType: 'band',
+      categoryGapRatio: 0,
+      // Use the categories as the domain if they are defined.
+      data: categoryAxis?.categories ? categoryAxis.categories :
+      // Otherwise we just need random data to create the band scale.
+      Array.from({
+        length: maxSeriesLength
+      }, (_, index) => index),
+      tickLabelPlacement: 'middle'
+    }, categoryValues);
+  }
+
+  // If the scaleType is other than 'band', we have to do some magic.
+  // First we need to calculate the tick values additively and in reverse order.
+  const tickValues = [...maxSeriesValue.toReversed().map((_, i, arr) => arr.slice(0, i).reduce((a, value) => a + value, 0)),
+  // We add the total value of the series as the last tick value
+  maxSeriesValue.reduce((a, value) => a + value, 0)];
+  return _extends({
+    scaleType: categoryAxis.scaleType,
+    domainLimit: 'strict',
+    tickLabelPlacement: 'middle',
+    tickInterval: tickValues,
+    // No need to show the first tick label
+    tickLabelInterval: (_, i) => i !== 0,
+    // We trick the valueFormatter to show the category values.
+    // By using the index of the tickValues array we can get the category value.
+    valueFormatter: value => `${categoryAxis.categories?.toReversed()[tickValues.findIndex(v => v === value) - 1]}`
+  }, categoryValues);
+}
+
+/**
+ * A helper function that extracts FunnelChartProps from the input props
+ * and returns an object with props for the children components of FunnelChart.
+ *
+ * @param props The input props for FunnelChart
+ * @returns An object with props for the children components of FunnelChart
+ */
+export const useFunnelChartProps = props => {
+  const {
+      categoryAxis,
+      series,
+      width,
+      height,
+      margin: marginProps,
+      colors,
+      sx,
+      children,
+      slots,
+      slotProps,
+      loading,
+      onItemClick,
+      highlightedItem,
+      onHighlightChange,
+      className,
+      axisHighlight,
+      apiRef
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  const margin = defaultizeMargin(marginProps, DEFAULT_MARGINS);
+  const id = useId();
+  const clipPathId = `${id}-clip-path`;
+  const isHorizontal = series.some(s => s.layout === 'horizontal');
+  const valueAxisConfig = {
+    id: isHorizontal ? DEFAULT_Y_AXIS_KEY : DEFAULT_X_AXIS_KEY,
+    scaleType: 'linear',
+    domainLimit: 'strict',
+    position: 'none'
+  };
+  const xAxis = isHorizontal ? getCategoryAxisConfig(categoryAxis, series, isHorizontal, 'x') : valueAxisConfig;
+  const yAxis = isHorizontal ? valueAxisConfig : getCategoryAxisConfig(categoryAxis, series, isHorizontal, 'y');
+  const chartContainerProps = _extends({}, rest, {
+    series: series.map(s => _extends({
+      type: 'funnel',
+      layout: isHorizontal ? 'horizontal' : 'vertical'
+    }, s)),
+    width,
+    height,
+    margin,
+    colors,
+    xAxis: [xAxis],
+    yAxis: [yAxis],
+    sx,
+    highlightedItem,
+    onHighlightChange,
+    className,
+    apiRef
+  });
+  const funnelPlotProps = {
+    onItemClick,
+    slots,
+    slotProps
+  };
+  const overlayProps = {
+    slots,
+    slotProps,
+    loading
+  };
+  const chartsAxisProps = {
+    slots,
+    slotProps
+  };
+  const legendProps = {
+    slots,
+    slotProps
+  };
+  const clipPathGroupProps = {
+    clipPath: `url(#${clipPathId})`
+  };
+  const clipPathProps = {
+    id: clipPathId
+  };
+  const chartsWrapperProps = {
+    sx,
+    legendPosition: props.slotProps?.legend?.position,
+    legendDirection: props.slotProps?.legend?.direction
+  };
+  const axisHighlightProps = _extends({}, axisHighlight);
+  return {
+    chartContainerProps,
+    funnelPlotProps,
+    overlayProps,
+    chartsAxisProps,
+    legendProps,
+    clipPathGroupProps,
+    clipPathProps,
+    chartsWrapperProps,
+    axisHighlightProps,
+    children
+  };
+};

package/modern/Heatmap/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -0,0 +1,3 @@
+import { GetSeriesWithDefaultValues } from '@mui/x-charts/internals';
+declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'heatmap'>;
+export default getSeriesWithDefaultValues;

package/modern/Heatmap/seriesConfig/getSeriesWithDefaultValues.js

@@ -0,0 +1,8 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
+  return _extends({
+    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
+    color: colors[seriesIndex % colors.length]
+  }, seriesData);
+};
+export default getSeriesWithDefaultValues;

package/modern/Heatmap/seriesConfig/index.js

@@ -2,11 +2,13 @@ import { getBaseExtremum } from "./extremums.js";
 import seriesProcessor from "./seriesProcessor.js";
 import getColor from "./getColor.js";
 import tooltipGetter from "./tooltip.js";
+import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.js";
 export const seriesConfig = {
   seriesProcessor,
   colorProcessor: getColor,
   legendGetter: () => [],
   tooltipGetter,
   xExtremumGetter: getBaseExtremum,
-  yExtremumGetter: getBaseExtremum
+  yExtremumGetter: getBaseExtremum,
+  getSeriesWithDefaultValues
 };

package/modern/LineChartPro/LineChartPro.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { LineChartProps } from '@mui/x-charts/LineChart';
 import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-export interface LineChartProProps extends Omit<LineChartProps, 'apiRef'>, Omit<ChartContainerProProps<'line'>, 'series' | 'plugins' | 'seriesConfig'> {}
+import { LineChartProPluginsSignatures } from "./LineChartPro.plugins.js";
+export interface LineChartProProps extends Omit<LineChartProps, 'apiRef'>, Omit<ChartContainerProProps<'line', LineChartProPluginsSignatures>, 'series' | 'plugins' | 'seriesConfig'> {}
 /**
  * Demos:
  *

package/modern/hooks/useFunnelSeries.d.ts

@@ -0,0 +1,33 @@
+import { ProcessedSeries, SeriesId, ChartSeriesDefaultized } from '@mui/x-charts/internals';
+export type UseFunnelSeriesReturnValue = ChartSeriesDefaultized<'funnel'>;
+export type UseFunnelSeriesContextReturnValue = ProcessedSeries['funnel'];
+/**
+ * Get access to the internal state of funnel series.
+ *
+ * @param {SeriesId} seriesId The id of the series to get.
+ * @returns {UseFunnelSeriesReturnValue} the funnel series
+ */
+export declare function useFunnelSeries(seriesId: SeriesId): UseFunnelSeriesReturnValue | undefined;
+/**
+ * Get access to the internal state of funnel series.
+ *
+ * When called without arguments, it returns all funnel series.
+ *
+ * @returns {UseFunnelSeriesReturnValue[]} the funnel series
+ */
+export declare function useFunnelSeries(): UseFunnelSeriesReturnValue[];
+/**
+ * Get access to the internal state of funnel series.
+ *
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
+ * @returns {UseFunnelSeriesReturnValue[]} the funnel series
+ */
+export declare function useFunnelSeries(seriesIds: SeriesId[]): UseFunnelSeriesReturnValue[];
+/**
+ * Get access to the internal state of funnel series.
+ * The returned object contains:
+ * - series: a mapping from ids to series attributes.
+ * - seriesOrder: the array of series ids.
+ * @returns the funnel series
+ */
+export declare function useFunnelSeriesContext(): UseFunnelSeriesContextReturnValue;

package/modern/hooks/useFunnelSeries.js

@@ -0,0 +1,42 @@
+'use client';
+
+import { createAllSeriesSelectorOfType, createSeriesSelectorsOfType } from '@mui/x-charts/internals';
+const useSelectorSeries = createSeriesSelectorsOfType('funnel');
+const useSelectorSeriesContext = createAllSeriesSelectorOfType('funnel');
+
+/**
+ * Get access to the internal state of funnel series.
+ *
+ * @param {SeriesId} seriesId The id of the series to get.
+ * @returns {UseFunnelSeriesReturnValue} the funnel series
+ */
+
+/**
+ * Get access to the internal state of funnel series.
+ *
+ * When called without arguments, it returns all funnel series.
+ *
+ * @returns {UseFunnelSeriesReturnValue[]} the funnel series
+ */
+
+/**
+ * Get access to the internal state of funnel series.
+ *
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
+ * @returns {UseFunnelSeriesReturnValue[]} the funnel series
+ */
+
+export function useFunnelSeries(seriesIds) {
+  return useSelectorSeries(seriesIds);
+}
+
+/**
+ * Get access to the internal state of funnel series.
+ * The returned object contains:
+ * - series: a mapping from ids to series attributes.
+ * - seriesOrder: the array of series ids.
+ * @returns the funnel series
+ */
+export function useFunnelSeriesContext() {
+  return useSelectorSeriesContext();
+}

package/modern/index.d.ts

@@ -20,6 +20,7 @@ export * from '@mui/x-charts/PieChart';
 export * from '@mui/x-charts/ScatterChart';
 export * from '@mui/x-charts/SparkLineChart';
 export * from '@mui/x-charts/Gauge';
+export * from '@mui/x-charts/RadarChart';
 export * from '@mui/x-charts/ChartsSurface';
 export * from '@mui/x-charts/ChartDataProvider';
 export * from '@mui/x-charts/ChartsLabel';
@@ -29,4 +30,5 @@ export * from "./ChartContainerPro/index.js";
 export * from "./ChartDataProviderPro/index.js";
 export * from "./ScatterChartPro/index.js";
 export * from "./BarChartPro/index.js";
-export * from "./LineChartPro/index.js";
+export * from "./LineChartPro/index.js";
+export * from "./FunnelChart/index.js";

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v8.0.0-alpha.13
+ * @mui/x-charts-pro v8.0.0-alpha.14
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -29,6 +29,7 @@ export * from '@mui/x-charts/PieChart';
 export * from '@mui/x-charts/ScatterChart';
 export * from '@mui/x-charts/SparkLineChart';
 export * from '@mui/x-charts/Gauge';
+export * from '@mui/x-charts/RadarChart';
 export * from '@mui/x-charts/ChartsSurface';
 export * from '@mui/x-charts/ChartDataProvider';
 export * from '@mui/x-charts/ChartsLabel';
@@ -40,4 +41,5 @@ export * from "./ChartContainerPro/index.js";
 export * from "./ChartDataProviderPro/index.js";
 export * from "./ScatterChartPro/index.js";
 export * from "./BarChartPro/index.js";
-export * from "./LineChartPro/index.js";
+export * from "./LineChartPro/index.js";
+export * from "./FunnelChart/index.js";

package/modern/internals/plugins/allPlugins.d.ts

@@ -1,5 +1,5 @@
-import { ChartSeriesType, ConvertSignaturesIntoPlugins, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartZAxisSignature, UseChartHighlightSignature } from '@mui/x-charts/internals';
+import { ChartSeriesType, ConvertSignaturesIntoPlugins, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartZAxisSignature, UseChartHighlightSignature, UseChartPolarAxisSignature } from '@mui/x-charts/internals';
 import { UseChartProZoomSignature } from "./useChartProZoom/index.js";
-export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProZoomSignature];
+export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature<TSeries>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProZoomSignature];
 export type AllPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<TSeries>>;
-export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>>)[];
+export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>>)[];

package/modern/internals/plugins/allPlugins.js

@@ -1,5 +1,5 @@
 // This file should be removed after creating all plugins in favor of a file per chart type.
 
-import { useChartCartesianAxis, useChartInteraction, useChartZAxis, useChartHighlight } from '@mui/x-charts/internals';
+import { useChartCartesianAxis, useChartInteraction, useChartZAxis, useChartHighlight, useChartPolarAxis } from '@mui/x-charts/internals';
 import { useChartProZoom } from "./useChartProZoom/index.js";
-export const ALL_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartProZoom];
+export const ALL_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartPolarAxis, useChartInteraction, useChartHighlight, useChartProZoom];

package/modern/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import ponyfillGlobal from '@mui/utils/ponyfillGlobal';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MDY5NzIwMDAwMA==";
+  const releaseInfo = "MTc0MTMwMjAwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/typeOverloads/modules.d.ts

@@ -1,6 +1,7 @@
-import { DefaultizedProps } from '@mui/x-internals/types';
+import { DefaultizedProps, MakeRequired } from '@mui/x-internals/types';
 import { AxisId, ZoomOptions } from '@mui/x-charts/internals';
 import { HeatmapItemIdentifier, HeatmapSeriesType, DefaultizedHeatmapSeriesType, HeatmapValueType } from "../models/seriesType/heatmap.js";
+import { DefaultizedFunnelSeriesType, FunnelItemIdentifier, FunnelSeriesType, FunnelValueType } from "../FunnelChart/funnel.types.js";
 declare module '@mui/x-charts/internals' {
   interface ChartsSeriesConfig {
     heatmap: {
@@ -9,7 +10,17 @@ declare module '@mui/x-charts/internals' {
       seriesProp: HeatmapSeriesType;
       itemIdentifier: HeatmapItemIdentifier;
       valueType: HeatmapValueType;
-      cartesian: true;
+      axisType: 'cartesian';
+    };
+    funnel: {
+      seriesInput: Omit<DefaultizedProps<FunnelSeriesType, 'id'>, 'data'> & {
+        data: MakeRequired<FunnelValueType, 'color'>[];
+      };
+      series: DefaultizedFunnelSeriesType;
+      seriesProp: FunnelSeriesType;
+      itemIdentifier: FunnelItemIdentifier;
+      valueType: MakeRequired<FunnelValueType, 'id' | 'color'>;
+      axisType: 'cartesian';
     };
   }
   interface DefaultizedZoomOptions extends Required<ZoomOptions> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "8.0.0-alpha.13",
+  "version": "8.0.0-alpha.14",
   "description": "The Pro plan edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -35,10 +35,10 @@
     "@react-spring/web": "^9.7.5",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts": "8.0.0-alpha.13",
-    "@mui/x-charts-vendor": "8.0.0-alpha.13",
     "@mui/x-internals": "8.0.0-alpha.13",
-    "@mui/x-license": "8.0.0-alpha.13"
+    "@mui/x-license": "8.0.0-alpha.14",
+    "@mui/x-charts": "8.0.0-alpha.14",
+    "@mui/x-charts-vendor": "8.0.0-alpha.13"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",