@mui/x-charts-pro 8.10.1 → 8.11.0

package/esm/SankeyChart/sankeyClasses.d.ts

@@ -0,0 +1,15 @@
+export interface SankeyPlotClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the nodes container. */
+  nodes: string;
+  /** Styles applied to the links container. */
+  links: string;
+  /** Styles applied to the link label container. */
+  linkLabels: string;
+}
+export declare function getSankeyPlotUtilityClass(slot: string): string;
+export declare const sankeyPlotClasses: SankeyPlotClasses;
+export declare const useUtilityClasses: (ownerState: {
+  classes?: Partial<SankeyPlotClasses>;
+}) => Record<"root" | "nodes" | "links" | "linkLabels", string>;

package/esm/SankeyChart/sankeyClasses.js

@@ -0,0 +1,19 @@
+import composeClasses from '@mui/utils/composeClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export function getSankeyPlotUtilityClass(slot) {
+  return generateUtilityClass('MuiSankeyChart', slot);
+}
+export const sankeyPlotClasses = generateUtilityClasses('MuiSankeyChart', ['root', 'nodes', 'links', 'linkLabels']);
+export const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root'],
+    nodes: ['nodes'],
+    links: ['links'],
+    linkLabels: ['linkLabels']
+  };
+  return composeClasses(slots, getSankeyPlotUtilityClass, classes);
+};

package/esm/SankeyChart/sankeySlots.types.d.ts

@@ -0,0 +1,24 @@
+import { ChartsOverlaySlotProps, ChartsOverlaySlots } from '@mui/x-charts/ChartsOverlay';
+import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '@mui/x-charts/ChartsTooltip';
+import { ChartsSlotProps, ChartsSlots } from '@mui/x-charts/internals';
+import { ChartsToolbarSlotProps, ChartsToolbarSlots } from '@mui/x-charts/Toolbar';
+export interface SankeyChartSlots extends ChartsTooltipSlots, ChartsOverlaySlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
+export interface SankeyChartSlotProps extends Omit<ChartsTooltipSlotProps, 'tooltip'>, ChartsOverlaySlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {
+  /**
+   * Slot props for the tooltip component.
+   * @default {}
+   */
+  tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>>;
+}
+export interface SankeyChartSlotExtension {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: SankeyChartSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: SankeyChartSlotProps;
+}

package/esm/SankeyChart/sankeySlots.types.js

@@ -0,0 +1 @@
+export {};

package/esm/SankeyChart/seriesConfig/getSeriesWithDefaultValues.d.ts

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

package/esm/SankeyChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -0,0 +1,47 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+export const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
+  const nodeMap = new Map();
+  const nodeColor = seriesData.nodeOptions?.color;
+  const data = seriesData.data;
+  let colorIndex = -1;
+  if (data.nodes) {
+    data.nodes.forEach(node => {
+      const id = node.id || node.label || '';
+      const label = node.label || `${id}`;
+      colorIndex += 1;
+      nodeMap.set(id, _extends({}, node, {
+        id,
+        label,
+        color: node.color ?? nodeColor ?? colors?.[colorIndex % colors.length]
+      }));
+    });
+  }
+  data.links.forEach(v => {
+    if (!nodeMap.has(v.source)) {
+      colorIndex += 1;
+      const source = {
+        id: v.source,
+        label: `${v.source}`,
+        color: nodeColor ?? colors?.[colorIndex % colors.length]
+      };
+      nodeMap.set(source.id, source);
+    }
+    if (!nodeMap.has(v.target)) {
+      colorIndex += 1;
+      const target = {
+        id: v.target,
+        label: `${v.target}`,
+        color: nodeColor ?? colors?.[colorIndex % colors.length]
+      };
+      nodeMap.set(target.id, target);
+    }
+  });
+  return _extends({
+    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`
+  }, seriesData, {
+    data: {
+      links: data.links,
+      nodes: nodeMap
+    }
+  });
+};

package/esm/SankeyChart/seriesConfig/index.d.ts

@@ -0,0 +1,2 @@
+import type { ChartSeriesTypeConfig } from '@mui/x-charts/internals';
+export declare const seriesConfig: ChartSeriesTypeConfig<'sankey'>;

package/esm/SankeyChart/seriesConfig/index.js

@@ -0,0 +1,14 @@
+import { getSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.js";
+import { tooltipGetter } from "./tooltipGetter.js";
+
+// Simple passthrough functions for sankey chart
+const seriesProcessor = series => series;
+const colorProcessor = series => series;
+const legendGetter = () => [];
+export const seriesConfig = {
+  seriesProcessor,
+  colorProcessor,
+  legendGetter,
+  tooltipGetter,
+  getSeriesWithDefaultValues
+};

package/esm/SankeyChart/seriesConfig/tooltipGetter.d.ts

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

package/esm/SankeyChart/seriesConfig/tooltipGetter.js

@@ -0,0 +1,39 @@
+export const tooltipGetter = params => {
+  const {
+    identifier
+  } = params;
+  if (!identifier) {
+    return null;
+  }
+  const {
+    subType
+  } = identifier;
+  if (subType === 'node') {
+    const node = identifier.node;
+    return {
+      identifier,
+      color: node.color,
+      label: `${node.label}:`,
+      value: node.value,
+      formattedValue: `${node.value}`,
+      markType: 'square'
+    };
+  }
+  if (subType === 'link') {
+    const link = identifier.link;
+    if (!link) {
+      return null;
+    }
+    const sourceLabel = link.source.label;
+    const targetLabel = link.target.label;
+    return {
+      identifier,
+      color: link.color,
+      label: `${sourceLabel} → ${targetLabel}:`,
+      value: link.value,
+      formattedValue: `${link.value}`,
+      markType: 'line'
+    };
+  }
+  return null;
+};

package/esm/SankeyChart/useSankeyChartProps.d.ts

@@ -0,0 +1,22 @@
+import type { ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
+import type { ChartsWrapperProps } from '@mui/x-charts/ChartsWrapper';
+import type { SankeyChartProps } from "./SankeyChart.js";
+import type { ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type SankeyChartPluginsSignatures } from "./SankeyChart.plugins.js";
+/**
+ * A helper function that extracts SankeyChartProps from the input props
+ * and returns an object with props for the children components of SankeyChart.
+ *
+ * @param props The input props for SankeyChart
+ * @returns An object with props for the children components of SankeyChart
+ */
+export declare const useSankeyChartProps: (props: SankeyChartProps) => {
+  chartContainerProps: ChartContainerProProps<"sankey", SankeyChartPluginsSignatures>;
+  sankeyPlotProps: {
+    onNodeClick: ((event: React.MouseEvent<SVGElement, MouseEvent>, node: import("./sankey.types.js").SankeyNodeIdentifierWithData) => void) | undefined;
+    onLinkClick: ((event: React.MouseEvent<SVGElement, MouseEvent>, link: import("./sankey.types.js").SankeyLinkIdentifierWithData) => void) | undefined;
+  };
+  overlayProps: ChartsOverlayProps;
+  chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
+  children: import("react").ReactNode;
+};

package/esm/SankeyChart/useSankeyChartProps.js

@@ -0,0 +1,70 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["series", "width", "height", "margin", "colors", "sx", "children", "slots", "slotProps", "loading", "className", "apiRef", "onNodeClick", "onLinkClick"];
+import { DEFAULT_MARGINS } from '@mui/x-charts/constants';
+import { defaultizeMargin } from '@mui/x-charts/internals';
+import { SANKEY_CHART_PLUGINS } from "./SankeyChart.plugins.js";
+
+/**
+ * A helper function that extracts SankeyChartProps from the input props
+ * and returns an object with props for the children components of SankeyChart.
+ *
+ * @param props The input props for SankeyChart
+ * @returns An object with props for the children components of SankeyChart
+ */
+export const useSankeyChartProps = props => {
+  const {
+      series,
+      width,
+      height,
+      margin: marginProps,
+      colors,
+      sx,
+      children,
+      slots,
+      slotProps,
+      loading,
+      // highlightedItem,
+      // onHighlightChange,
+      className,
+      apiRef,
+      onNodeClick,
+      onLinkClick
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  const margin = defaultizeMargin(marginProps, DEFAULT_MARGINS);
+  const chartContainerProps = _extends({}, rest, {
+    series: [_extends({
+      type: 'sankey'
+    }, series)],
+    width,
+    height,
+    margin,
+    colors,
+    sx,
+    // highlightedItem,
+    // onHighlightChange,
+    className,
+    apiRef,
+    plugins: SANKEY_CHART_PLUGINS
+  });
+  const sankeyPlotProps = {
+    onNodeClick,
+    onLinkClick
+  };
+  const overlayProps = {
+    slots,
+    slotProps,
+    loading
+  };
+  const chartsWrapperProps = {
+    sx
+  };
+  return {
+    chartContainerProps,
+    sankeyPlotProps,
+    overlayProps,
+    chartsWrapperProps,
+    children
+  };
+};

package/esm/SankeyChart/utils.d.ts

@@ -0,0 +1,3 @@
+import { sankeyLeft } from '@mui/x-charts-vendor/d3-sankey';
+import type { SankeyNodeOptions } from "./sankey.types.js";
+export declare const getNodeAlignFunction: (align: SankeyNodeOptions["align"]) => typeof sankeyLeft;

package/esm/SankeyChart/utils.js

@@ -0,0 +1,14 @@
+import { sankeyLeft, sankeyRight, sankeyCenter, sankeyJustify } from '@mui/x-charts-vendor/d3-sankey';
+export const getNodeAlignFunction = align => {
+  switch (align) {
+    case 'left':
+      return sankeyLeft;
+    case 'right':
+      return sankeyRight;
+    case 'center':
+      return sankeyCenter;
+    case 'justify':
+    default:
+      return sankeyJustify;
+  }
+};

package/esm/ScatterChartPro/ScatterChartPro.js

@@ -77,7 +77,7 @@ const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(i
         }), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), children]
       })), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({
         trigger: "item"
-      }, props?.slotProps?.tooltip))]
+      }, props.slotProps?.tooltip))]
     }))
   }));
 });
@@ -277,7 +277,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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,
@@ -297,7 +296,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -348,7 +346,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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,
@@ -368,7 +365,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -414,7 +410,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -429,7 +424,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -476,7 +470,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -491,7 +484,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -537,7 +529,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -552,7 +543,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -598,7 +588,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -613,7 +602,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -659,7 +647,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -674,7 +661,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -720,7 +706,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -735,7 +720,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -781,7 +765,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -796,7 +779,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -855,7 +837,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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,
@@ -874,7 +855,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -925,7 +905,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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,
@@ -944,7 +923,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -990,7 +968,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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,
@@ -1004,7 +981,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -1051,7 +1027,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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,
@@ -1065,7 +1040,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -1111,7 +1085,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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,
@@ -1125,7 +1098,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -1171,7 +1143,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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,
@@ -1185,7 +1156,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -1231,7 +1201,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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,
@@ -1245,7 +1214,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -1291,7 +1259,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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,
@@ -1305,7 +1272,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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]),
@@ -1351,7 +1317,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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,
@@ -1365,7 +1330,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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/hooks/useSankeySeries.d.ts

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

package/esm/hooks/useSankeySeries.js

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