@mui/x-charts-pro 8.10.2 → 8.11.1

package/esm/LineChartPro/LineChartPro.js

@@ -305,7 +305,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     groups: PropTypes.arrayOf(PropTypes.shape({
       getValue: PropTypes.func.isRequired,
       tickLabelStyle: PropTypes.object,
@@ -325,7 +324,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['band']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -376,7 +374,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     groups: PropTypes.arrayOf(PropTypes.shape({
       getValue: PropTypes.func.isRequired,
       tickLabelStyle: PropTypes.object,
@@ -396,7 +393,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['point']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -442,7 +438,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -457,7 +452,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['log']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -504,7 +498,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -519,7 +512,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['symlog']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -565,7 +557,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -580,7 +571,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['pow']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -626,7 +616,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -641,7 +630,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['sqrt']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -687,7 +675,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -702,7 +689,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['time']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -748,7 +734,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -763,7 +748,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['utc']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -809,7 +793,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -824,7 +807,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['linear']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -883,7 +865,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     groups: PropTypes.arrayOf(PropTypes.shape({
       getValue: PropTypes.func.isRequired,
       tickLabelStyle: PropTypes.object,
@@ -902,7 +883,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['band']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -953,7 +933,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     groups: PropTypes.arrayOf(PropTypes.shape({
       getValue: PropTypes.func.isRequired,
       tickLabelStyle: PropTypes.object,
@@ -972,7 +951,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['point']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -1018,7 +996,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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]),
     ignoreTooltip: PropTypes.bool,
@@ -1032,7 +1009,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['log']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -1079,7 +1055,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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]),
     ignoreTooltip: PropTypes.bool,
@@ -1093,7 +1068,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['symlog']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -1139,7 +1113,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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]),
     ignoreTooltip: PropTypes.bool,
@@ -1153,7 +1126,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['pow']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -1199,7 +1171,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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]),
     ignoreTooltip: PropTypes.bool,
@@ -1213,7 +1184,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['sqrt']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -1259,7 +1229,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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]),
     ignoreTooltip: PropTypes.bool,
@@ -1273,7 +1242,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['time']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -1319,7 +1287,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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]),
     ignoreTooltip: PropTypes.bool,
@@ -1333,7 +1300,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['utc']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -1379,7 +1345,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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]),
     ignoreTooltip: PropTypes.bool,
@@ -1393,7 +1358,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     scaleType: PropTypes.oneOf(['linear']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),

package/esm/PieChartPro/PieChartPro.js

@@ -64,10 +64,10 @@ const PieChartPro = /*#__PURE__*/React.forwardRef(function PieChartPro(inProps,
   return /*#__PURE__*/_jsx(ChartDataProviderPro, _extends({}, chartDataProviderProProps, {
     children: /*#__PURE__*/_jsxs(ChartsWrapper, {
       legendPosition: props.slotProps?.legend?.position,
-      legendDirection: props?.slotProps?.legend?.direction ?? 'vertical',
+      legendDirection: props.slotProps?.legend?.direction ?? 'vertical',
       sx: sx,
       children: [showToolbar ? /*#__PURE__*/_jsx(Toolbar, {}) : null, !hideLegend && /*#__PURE__*/_jsx(ChartsLegend, {
-        direction: props?.slotProps?.legend?.direction ?? 'vertical',
+        direction: props.slotProps?.legend?.direction ?? 'vertical',
         slots: slots,
         slotProps: slotProps
       }), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {

package/esm/SankeyChart/SankeyChart.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { type ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
+import type { MakeOptional } from '@mui/x-internals/types';
+import { ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type SankeyPlotProps } from "./SankeyPlot.js";
+import { type SankeyChartPluginsSignatures } from "./SankeyChart.plugins.js";
+import type { SankeySeriesType } from "./sankey.types.js";
+import type { SankeyChartSlotExtension } from "./sankeySlots.types.js";
+export type SankeySeries = MakeOptional<SankeySeriesType, 'type'>;
+export interface SankeyChartProps extends Omit<ChartContainerProProps<'sankey', SankeyChartPluginsSignatures>, 'plugins' | 'series' | 'slotProps' | 'slots' | 'dataset' | 'hideLegend' | 'skipAnimation' | 'highlightedItem' | 'onHighlightChange'>, Omit<SankeyPlotProps, 'data'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, SankeyChartSlotExtension {
+  /**
+   * The series to display in the Sankey chart.
+   * A single object is expected.
+   */
+  series: SankeySeries;
+}
+/**
+ * Sankey Chart component
+ *
+ * Displays a Sankey diagram, visualizing flows between nodes where the width
+ * of the links is proportional to the flow quantity.
+ *
+ * Demos:
+ *
+ * - [Sankey Chart](https://mui.com/x/react-charts/sankey/)
+ *
+ * API:
+ *
+ * - [SankeyChart API](https://mui.com/x/api/charts/sankey-chart/)
+ */
+declare const SankeyChart: React.ForwardRefExoticComponent<SankeyChartProps & React.RefAttributes<SVGSVGElement>>;
+export { SankeyChart };

package/esm/SankeyChart/SankeyChart.js

@@ -0,0 +1,155 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { useThemeProps } from '@mui/material/styles';
+import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
+import { ChartsOverlay } from '@mui/x-charts/ChartsOverlay';
+import { ChartsWrapper } from '@mui/x-charts/ChartsWrapper';
+import { ChartDataProviderPro } from "../ChartDataProviderPro/index.js";
+import { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
+import { SankeyPlot } from "./SankeyPlot.js";
+import { useSankeyChartProps } from "./useSankeyChartProps.js";
+import { SANKEY_CHART_PLUGINS } from "./SankeyChart.plugins.js";
+import { seriesConfig as sankeySeriesConfig } from "./seriesConfig/index.js";
+import { SankeyTooltip } from "./SankeyTooltip/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const seriesConfig = {
+  sankey: sankeySeriesConfig
+};
+/**
+ * Sankey Chart component
+ *
+ * Displays a Sankey diagram, visualizing flows between nodes where the width
+ * of the links is proportional to the flow quantity.
+ *
+ * Demos:
+ *
+ * - [Sankey Chart](https://mui.com/x/react-charts/sankey/)
+ *
+ * API:
+ *
+ * - [SankeyChart API](https://mui.com/x/api/charts/sankey-chart/)
+ */
+const SankeyChart = /*#__PURE__*/React.forwardRef(function SankeyChart(props, ref) {
+  const themedProps = useThemeProps({
+    props,
+    name: 'MuiSankeyChart'
+  });
+  const {
+    chartContainerProps,
+    sankeyPlotProps,
+    overlayProps,
+    chartsWrapperProps,
+    children
+  } = useSankeyChartProps(themedProps);
+  const {
+    chartDataProviderProProps,
+    chartsSurfaceProps
+  } = useChartContainerProProps(chartContainerProps, ref);
+  const Tooltip = themedProps.slots?.tooltip ?? SankeyTooltip;
+  return /*#__PURE__*/_jsx(ChartDataProviderPro, _extends({}, chartDataProviderProProps, {
+    seriesConfig: seriesConfig,
+    plugins: SANKEY_CHART_PLUGINS,
+    children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
+      children: [/*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
+        children: [/*#__PURE__*/_jsx(SankeyPlot, _extends({}, sankeyPlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), children]
+      })), !themedProps.loading && /*#__PURE__*/_jsx(Tooltip, _extends({
+        trigger: "item"
+      }, themedProps.slotProps?.tooltip))]
+    }))
+  }));
+});
+if (process.env.NODE_ENV !== "production") SankeyChart.displayName = "SankeyChart";
+process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  apiRef: PropTypes.shape({
+    current: PropTypes.object
+  }),
+  /**
+   * Classes applied to the various elements.
+   */
+  classes: PropTypes.object,
+  className: PropTypes.string,
+  /**
+   * Color palette used to colorize multiple series.
+   * @default rainbowSurgePalette
+   */
+  colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
+  desc: PropTypes.string,
+  /**
+   * Options to enable features planned for the next major.
+   */
+  experimentalFeatures: PropTypes.shape({
+    preferStrictDomainInLineCharts: PropTypes.bool
+  }),
+  /**
+   * The height of the chart in px. If not defined, it takes the height of the parent element.
+   */
+  height: PropTypes.number,
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: PropTypes.string,
+  /**
+   * If `true`, a loading overlay is displayed.
+   * @default false
+   */
+  loading: PropTypes.bool,
+  /**
+   * Localized text for chart components.
+   */
+  localeText: PropTypes.object,
+  /**
+   * The margin between the SVG and the drawing area.
+   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
+   *
+   * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
+   */
+  margin: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    bottom: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number,
+    top: PropTypes.number
+  })]),
+  /**
+   * Callback fired when a sankey item is clicked.
+   * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   * @param {SankeyLinkIdentifierWithData} link The sankey link identifier.
+   */
+  onLinkClick: PropTypes.func,
+  /**
+   * Callback fired when a sankey item is clicked.
+   * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   * @param {SankeyNodeIdentifierWithData} node The sankey node identifier.
+   */
+  onNodeClick: PropTypes.func,
+  /**
+   * The series to display in the Sankey chart.
+   * A single object is expected.
+   */
+  series: PropTypes.object.isRequired,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  theme: PropTypes.oneOf(['dark', 'light']),
+  title: PropTypes.string,
+  /**
+   * The width of the chart in px. If not defined, it takes the width of the parent element.
+   */
+  width: PropTypes.number
+} : void 0;
+export { SankeyChart };

package/esm/SankeyChart/SankeyChart.plugins.d.ts

@@ -0,0 +1,3 @@
+import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature } from '@mui/x-charts/internals';
+export type SankeyChartPluginsSignatures = [UseChartInteractionSignature, UseChartHighlightSignature];
+export declare const SANKEY_CHART_PLUGINS: ConvertSignaturesIntoPlugins<SankeyChartPluginsSignatures>;

package/esm/SankeyChart/SankeyChart.plugins.js

@@ -0,0 +1,9 @@
+import { useChartHighlight
+// useChartHighlight,
+, useChartInteraction } from '@mui/x-charts/internals';
+import // useChartProExport,
+// UseChartProExportSignature,
+"../internals/plugins/useChartProExport/index.js";
+export const SANKEY_CHART_PLUGINS = [useChartInteraction, useChartHighlight
+// useChartProExport,
+];

package/esm/SankeyChart/SankeyLinkElement.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import type { SeriesId } from '@mui/x-charts/internals';
+import { SankeyLayoutLink, type SankeyLinkIdentifierWithData } from "./sankey.types.js";
+export interface SankeyLinkElementProps {
+  /**
+   * The series ID to which the link belongs
+   */
+  seriesId: SeriesId;
+  /**
+   * The link data
+   */
+  link: SankeyLayoutLink;
+  /**
+   * Opacity to apply to the link
+   */
+  opacity?: number;
+  /**
+   * Callback fired when a sankey item is clicked.
+   * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   * @param {SankeyLinkIdentifierWithData} link The sankey link identifier.
+   */
+  onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, link: SankeyLinkIdentifierWithData) => void;
+}
+/**
+ * @ignore - internal component.
+ */
+export declare const SankeyLinkElement: React.ForwardRefExoticComponent<SankeyLinkElementProps & React.RefAttributes<SVGPathElement>>;

package/esm/SankeyChart/SankeyLinkElement.js

@@ -0,0 +1,46 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import useEventCallback from '@mui/utils/useEventCallback';
+import { useInteractionItemProps } from '@mui/x-charts/internals';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @ignore - internal component.
+ */
+export const SankeyLinkElement = /*#__PURE__*/React.forwardRef(function SankeyLinkElement(props, ref) {
+  const {
+    link,
+    opacity = 0.4,
+    onClick,
+    seriesId
+  } = props;
+  const identifier = {
+    type: 'sankey',
+    seriesId,
+    subType: 'link',
+    targetId: link.target.id,
+    sourceId: link.source.id,
+    link
+  };
+
+  // Add interaction props for tooltips
+  const interactionProps = useInteractionItemProps(identifier);
+  const handleClick = useEventCallback(event => {
+    onClick?.(event, identifier);
+  });
+  if (!link.path) {
+    return null; // No path defined, nothing to render
+  }
+  return /*#__PURE__*/_jsx("path", _extends({
+    ref: ref,
+    d: link.path,
+    fill: link.color,
+    opacity: opacity,
+    "data-link-source": link.source.id,
+    "data-link-target": link.target.id,
+    onClick: onClick ? handleClick : undefined,
+    cursor: onClick ? 'pointer' : 'default'
+  }, interactionProps));
+});
+if (process.env.NODE_ENV !== "production") SankeyLinkElement.displayName = "SankeyLinkElement";

package/esm/SankeyChart/SankeyLinkLabel.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { SankeyLayoutLink } from "./sankey.types.js";
+export interface SankeyLinkLabelProps {
+  /**
+   * The link data
+   */
+  link: SankeyLayoutLink;
+}
+/**
+ * @ignore - internal component.
+ */
+export declare const SankeyLinkLabel: React.ForwardRefExoticComponent<SankeyLinkLabelProps & React.RefAttributes<SVGTextElement>>;

package/esm/SankeyChart/SankeyLinkLabel.js

@@ -0,0 +1,52 @@
+'use client';
+
+import * as React from 'react';
+import { useTheme } from '@mui/material/styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const getLinkMidpoint = link => {
+  if (link.y0 === undefined || link.y1 === undefined) {
+    return {
+      x: 0,
+      y: 0
+    };
+  }
+
+  // For Sankey links, we can calculate the midpoint using the source and target positions
+  const sourceX = link.source.x1 || 0;
+  const sourceY = (link.y0 + link.y1) / 2;
+  const targetX = link.target.x0 || 0;
+  const targetY = (link.y0 + link.y1) / 2;
+  return {
+    x: (sourceX + targetX) / 2,
+    y: (sourceY + targetY) / 2
+  };
+};
+
+/**
+ * @ignore - internal component.
+ */
+export const SankeyLinkLabel = /*#__PURE__*/React.forwardRef(function SankeyLinkLabel(props, ref) {
+  const {
+    link
+  } = props;
+  const theme = useTheme();
+  if (!link.path || link.y0 === undefined || link.y1 === undefined) {
+    return null; // No path defined or invalid coordinates, nothing to render
+  }
+  const midpoint = getLinkMidpoint(link);
+  return /*#__PURE__*/_jsx("text", {
+    ref: ref,
+    x: midpoint.x,
+    y: midpoint.y,
+    textAnchor: "middle",
+    dominantBaseline: "middle",
+    fontSize: theme.typography.caption.fontSize,
+    fill: (theme.vars || theme).palette.text.primary,
+    "data-link-source": link.source.id,
+    "data-link-target": link.target.id,
+    fontFamily: theme.typography.fontFamily,
+    pointerEvents: "none",
+    children: link.value
+  });
+});
+if (process.env.NODE_ENV !== "production") SankeyLinkLabel.displayName = "SankeyLinkLabel";

package/esm/SankeyChart/SankeyNodeElement.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import type { SeriesId } from '@mui/x-charts/internals';
+import { SankeyLayoutNode, type SankeyNodeIdentifierWithData } from "./sankey.types.js";
+export interface SankeyNodeElementProps {
+  /**
+   * The series ID to which the node belongs
+   */
+  seriesId: SeriesId;
+  /**
+   * The node data
+   */
+  node: SankeyLayoutNode;
+  /**
+   * Whether to show the node label
+   */
+  showLabel?: boolean;
+  /**
+   * Callback fired when a sankey item is clicked.
+   * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   * @param {SankeyNodeIdentifierWithData} node The sankey node identifier.
+   */
+  onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, node: SankeyNodeIdentifierWithData) => void;
+}
+/**
+ * @ignore - internal component.
+ */
+export declare const SankeyNodeElement: React.ForwardRefExoticComponent<SankeyNodeElementProps & React.RefAttributes<SVGGElement>>;