@mui/x-charts-pro 9.0.0-alpha.0 → 9.0.0-alpha.2

package/SankeyChart/SankeyLinkPlot.mjs

@@ -0,0 +1,50 @@
+'use client';
+
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import { SankeyLinkElement } from "./SankeyLinkElement.mjs";
+import { useSankeyLayout, useSankeySeries } from "../hooks/useSankeySeries.mjs";
+import { useUtilityClasses } from "./sankeyClasses.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SankeyLinkPlotRoot = styled('g', {
+  slot: 'internal',
+  shouldForwardProp: undefined
+})({
+  transition: 'opacity 0.1s ease-out, filter 0.1s ease-out',
+  '& [data-faded=true]': {
+    filter: 'saturate(80%)'
+  },
+  '& [data-highlighted=true]': {
+    filter: 'saturate(120%)'
+  }
+});
+function SankeyLinkPlot(props) {
+  const {
+    classes: inputClasses,
+    onClick
+  } = props;
+  const classes = useUtilityClasses({
+    classes: inputClasses
+  });
+  const sankeySeries = useSankeySeries()[0];
+  const layout = useSankeyLayout();
+  if (!sankeySeries) {
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.` : _formatErrorMessage(46));
+  }
+
+  // Early return if no data or dimensions
+  if (!layout || !layout.links) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(SankeyLinkPlotRoot, {
+    className: classes.links,
+    children: layout.links.map(link => /*#__PURE__*/_jsx(SankeyLinkElement, {
+      seriesId: sankeySeries.id,
+      link: link,
+      opacity: sankeySeries?.linkOptions?.opacity,
+      onClick: onClick
+    }, `${link.source.id}-${link.target.id}`))
+  });
+}
+export { SankeyLinkPlot };

package/SankeyChart/SankeyNodeElement.d.mts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { SeriesId } from '@mui/x-charts/internals';
+import type { SankeyLayoutNode, SankeyNodeIdentifierWithData } from "./sankey.types.mjs";
+export interface SankeyNodeElementProps {
+  /**
+   * The series ID to which the node belongs
+   */
+  seriesId: SeriesId;
+  /**
+   * The node data
+   */
+  node: SankeyLayoutNode;
+  /**
+   * 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>>;

package/SankeyChart/SankeyNodeElement.js

@@ -11,8 +11,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _internals = require("@mui/x-charts/internals");
-var _plugins = require("./plugins");
-var _useSankeyHighlight = require("./plugins/useSankeyHighlight.selectors");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
@@ -37,8 +35,8 @@ const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forward
     nodeId: node.id,
     node
   };
-  const isHighlighted = store.use(_plugins.selectorIsNodeHighlighted, node.id);
-  const isFaded = store.use(_useSankeyHighlight.selectorIsSankeyItemFaded, isHighlighted);
+  const isHighlighted = store.use(_internals.selectorChartsIsHighlighted, identifier);
+  const isFaded = store.use(_internals.selectorChartsIsFaded, identifier);
 
   // Add interaction props for tooltips
   const interactionProps = (0, _internals.useInteractionItemProps)(identifier);

package/SankeyChart/SankeyNodeElement.mjs

@@ -0,0 +1,63 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import useEventCallback from '@mui/utils/useEventCallback';
+import { selectorChartsIsFaded, selectorChartsIsHighlighted, useInteractionItemProps, useStore } from '@mui/x-charts/internals';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @ignore - internal component.
+ */
+export const SankeyNodeElement = /*#__PURE__*/React.forwardRef(function SankeyNodeElement(props, ref) {
+  const {
+    node,
+    onClick,
+    seriesId
+  } = props;
+  const store = useStore();
+  const x0 = node.x0 ?? 0;
+  const y0 = node.y0 ?? 0;
+  const x1 = node.x1 ?? 0;
+  const y1 = node.y1 ?? 0;
+  const nodeWidth = x1 - x0;
+  const nodeHeight = y1 - y0;
+  const identifier = {
+    type: 'sankey',
+    seriesId,
+    subType: 'node',
+    nodeId: node.id,
+    node
+  };
+  const isHighlighted = store.use(selectorChartsIsHighlighted, identifier);
+  const isFaded = store.use(selectorChartsIsFaded, identifier);
+
+  // Add interaction props for tooltips
+  const interactionProps = useInteractionItemProps(identifier);
+  const handleClick = useEventCallback(event => {
+    onClick?.(event, identifier);
+  });
+  let opacity = 1;
+  if (isFaded) {
+    opacity = 0.3;
+  } else if (isHighlighted) {
+    opacity = 1;
+  }
+  return /*#__PURE__*/_jsx("g", {
+    ref: ref,
+    "data-node": node.id,
+    children: /*#__PURE__*/_jsx("rect", _extends({
+      x: node.x0,
+      y: node.y0,
+      width: nodeWidth,
+      height: nodeHeight,
+      fill: node.color,
+      opacity: opacity,
+      onClick: onClick ? handleClick : undefined,
+      cursor: onClick ? 'pointer' : 'default',
+      stroke: "none",
+      "data-highlighted": isHighlighted || undefined,
+      "data-faded": isFaded || undefined
+    }, interactionProps))
+  });
+});
+if (process.env.NODE_ENV !== "production") SankeyNodeElement.displayName = "SankeyNodeElement";

package/SankeyChart/SankeyNodeLabel.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { SankeyLayoutNode } from "./sankey.types.mjs";
+import type { SeriesId } from "../models/index.mjs";
+export interface SankeyNodeLabelProps {
+  /**
+   * The node data
+   */
+  node: SankeyLayoutNode;
+  /**
+   * The series id
+   */
+  seriesId: SeriesId;
+}
+/**
+ * @ignore - internal component.
+ */
+export declare const SankeyNodeLabel: React.ForwardRefExoticComponent<SankeyNodeLabelProps & React.RefAttributes<SVGTextElement>>;

package/SankeyChart/SankeyNodeLabel.d.ts

@@ -1,10 +1,15 @@
 import * as React from 'react';
 import type { SankeyLayoutNode } from "./sankey.types.js";
+import type { SeriesId } from "../models/index.js";
 export interface SankeyNodeLabelProps {
   /**
    * The node data
    */
   node: SankeyLayoutNode;
+  /**
+   * The series id
+   */
+  seriesId: SeriesId;
 }
 /**
  * @ignore - internal component.

package/SankeyChart/SankeyNodeLabel.js

@@ -15,7 +15,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 const SankeyNodeLabel = exports.SankeyNodeLabel = /*#__PURE__*/React.forwardRef(function SankeyNodeLabel(props, ref) {
   const {
-    node
+    node,
+    seriesId
   } = props;
   const theme = (0, _styles.useTheme)();
   const x0 = node.x0 ?? 0;
@@ -29,7 +30,12 @@ const SankeyNodeLabel = exports.SankeyNodeLabel = /*#__PURE__*/React.forwardRef(
   : x0 - 6; // Left side for other columns
 
   const labelAnchor = isRightSide ? 'start' : 'end';
-  const highlightState = (0, _sankeyHighlightHooks.useSankeyNodeHighlightState)(node.id);
+  const highlightState = (0, _sankeyHighlightHooks.useSankeyNodeHighlightState)(React.useMemo(() => ({
+    type: 'sankey',
+    subType: 'node',
+    seriesId,
+    nodeId: node.id
+  }), [seriesId, node.id]));
   let opacity = 1;
   if (highlightState === 'faded') {
     opacity = 0.3;

package/SankeyChart/SankeyNodeLabel.mjs

@@ -0,0 +1,58 @@
+'use client';
+
+import * as React from 'react';
+import { useTheme } from '@mui/material/styles';
+import { useSankeyNodeHighlightState } from "./sankeyHighlightHooks.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @ignore - internal component.
+ */
+export const SankeyNodeLabel = /*#__PURE__*/React.forwardRef(function SankeyNodeLabel(props, ref) {
+  const {
+    node,
+    seriesId
+  } = props;
+  const theme = useTheme();
+  const x0 = node.x0 ?? 0;
+  const y0 = node.y0 ?? 0;
+  const x1 = node.x1 ?? 0;
+  const y1 = node.y1 ?? 0;
+  const isRightSide = node.depth === 0;
+
+  // Determine label position
+  const labelX = isRightSide ? x1 + 6 // Right side for first column
+  : x0 - 6; // Left side for other columns
+
+  const labelAnchor = isRightSide ? 'start' : 'end';
+  const highlightState = useSankeyNodeHighlightState(React.useMemo(() => ({
+    type: 'sankey',
+    subType: 'node',
+    seriesId,
+    nodeId: node.id
+  }), [seriesId, node.id]));
+  let opacity = 1;
+  if (highlightState === 'faded') {
+    opacity = 0.3;
+  } else if (highlightState === 'highlighted') {
+    opacity = 1;
+  }
+  if (!node.label) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("text", {
+    ref: ref,
+    x: labelX,
+    y: (y0 + y1) / 2,
+    textAnchor: labelAnchor,
+    fill: (theme.vars || theme).palette.text.primary,
+    fontSize: theme.typography.caption.fontSize,
+    fontFamily: theme.typography.fontFamily,
+    pointerEvents: "none",
+    opacity: opacity,
+    "data-node": node.id,
+    "data-highlighted": highlightState === 'highlighted' || undefined,
+    "data-faded": highlightState === 'faded' || undefined,
+    children: node.label
+  });
+});
+if (process.env.NODE_ENV !== "production") SankeyNodeLabel.displayName = "SankeyNodeLabel";

package/SankeyChart/SankeyNodeLabelPlot.d.mts

@@ -0,0 +1,9 @@
+import { type SankeyPlotClasses } from "./sankeyClasses.mjs";
+export interface SankeyNodeLabelPlotProps {
+  /**
+   * Classes applied to the various elements.
+   */
+  classes?: Partial<SankeyPlotClasses>;
+}
+declare function SankeyNodeLabelPlot(props: SankeyNodeLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
+export { SankeyNodeLabelPlot };

package/SankeyChart/SankeyNodeLabelPlot.js

@@ -1,10 +1,12 @@
 "use strict";
 'use client';
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SankeyNodeLabelPlot = SankeyNodeLabelPlot;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _useSankeySeries = require("../hooks/useSankeySeries");
 var _sankeyClasses = require("./sankeyClasses");
 var _SankeyNodeLabel = require("./SankeyNodeLabel");
@@ -19,7 +21,7 @@ function SankeyNodeLabelPlot(props) {
   const sankeySeries = (0, _useSankeySeries.useSankeySeries)()[0];
   const layout = (0, _useSankeySeries.useSankeyLayout)();
   if (!sankeySeries) {
-    throw new Error(`MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.`);
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.` : (0, _formatErrorMessage2.default)(46));
   }
 
   // Early return if no data or dimensions
@@ -33,6 +35,7 @@ function SankeyNodeLabelPlot(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
     className: classes.nodeLabels,
     children: layout.nodes.map(node => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SankeyNodeLabel.SankeyNodeLabel, {
+      seriesId: sankeySeries.id,
       node: node
     }, `label-node-${node.id}`))
   });

package/SankeyChart/SankeyNodeLabelPlot.mjs

@@ -0,0 +1,37 @@
+'use client';
+
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
+import { useSankeyLayout, useSankeySeries } from "../hooks/useSankeySeries.mjs";
+import { useUtilityClasses } from "./sankeyClasses.mjs";
+import { SankeyNodeLabel } from "./SankeyNodeLabel.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+function SankeyNodeLabelPlot(props) {
+  const {
+    classes: inputClasses
+  } = props;
+  const classes = useUtilityClasses({
+    classes: inputClasses
+  });
+  const sankeySeries = useSankeySeries()[0];
+  const layout = useSankeyLayout();
+  if (!sankeySeries) {
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.` : _formatErrorMessage(46));
+  }
+
+  // Early return if no data or dimensions
+  if (!layout || !layout.nodes) {
+    return null;
+  }
+  const showNodeLabels = sankeySeries.nodeOptions?.showLabels ?? true;
+  if (!showNodeLabels) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("g", {
+    className: classes.nodeLabels,
+    children: layout.nodes.map(node => /*#__PURE__*/_jsx(SankeyNodeLabel, {
+      seriesId: sankeySeries.id,
+      node: node
+    }, `label-node-${node.id}`))
+  });
+}
+export { SankeyNodeLabelPlot };

package/SankeyChart/SankeyNodePlot.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { SankeyNodeIdentifierWithData } from "./sankey.types.mjs";
+import { type SankeyPlotClasses } from "./sankeyClasses.mjs";
+export interface SankeyNodePlotProps {
+  /**
+   * Classes applied to the various elements.
+   */
+  classes?: Partial<SankeyPlotClasses>;
+  /**
+   * 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;
+}
+declare function SankeyNodePlot(props: SankeyNodePlotProps): import("react/jsx-runtime").JSX.Element | null;
+export { SankeyNodePlot };

package/SankeyChart/SankeyNodePlot.js

@@ -2,10 +2,12 @@
 'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SankeyNodePlot = SankeyNodePlot;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _SankeyNodeElement = require("./SankeyNodeElement");
@@ -35,7 +37,7 @@ function SankeyNodePlot(props) {
   const sankeySeries = (0, _useSankeySeries.useSankeySeries)()[0];
   const layout = (0, _useSankeySeries.useSankeyLayout)();
   if (!sankeySeries) {
-    throw new Error(`MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.`);
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.` : (0, _formatErrorMessage2.default)(46));
   }
 
   // Early return if no data or dimensions

package/SankeyChart/SankeyNodePlot.mjs

@@ -0,0 +1,49 @@
+'use client';
+
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import { SankeyNodeElement } from "./SankeyNodeElement.mjs";
+import { useSankeyLayout, useSankeySeries } from "../hooks/useSankeySeries.mjs";
+import { useUtilityClasses } from "./sankeyClasses.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SankeyNodePlotRoot = styled('g', {
+  slot: 'internal',
+  shouldForwardProp: undefined
+})({
+  transition: 'opacity 0.1s ease-out, filter 0.1s ease-out',
+  '& [data-faded=true]': {
+    filter: 'saturate(80%)'
+  },
+  '& [data-highlighted=true]': {
+    filter: 'saturate(120%)'
+  }
+});
+function SankeyNodePlot(props) {
+  const {
+    classes: inputClasses,
+    onClick
+  } = props;
+  const classes = useUtilityClasses({
+    classes: inputClasses
+  });
+  const sankeySeries = useSankeySeries()[0];
+  const layout = useSankeyLayout();
+  if (!sankeySeries) {
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.` : _formatErrorMessage(46));
+  }
+
+  // Early return if no data or dimensions
+  if (!layout || !layout.nodes) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(SankeyNodePlotRoot, {
+    className: classes.nodes,
+    children: layout.nodes.map(node => /*#__PURE__*/_jsx(SankeyNodeElement, {
+      seriesId: sankeySeries.id,
+      node: node,
+      onClick: onClick
+    }, node.id))
+  });
+}
+export { SankeyNodePlot };

package/SankeyChart/SankeyPlot.d.mts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { type SankeyLinkIdentifierWithData, type SankeyNodeIdentifierWithData } from "./sankey.types.mjs";
+import { type SankeyPlotClasses } from "./sankeyClasses.mjs";
+export interface SankeyPlotProps {
+  /**
+   * Classes applied to the various elements.
+   */
+  classes?: Partial<SankeyPlotClasses>;
+  /**
+   * 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?: (event: React.MouseEvent<SVGElement, MouseEvent>, node: SankeyNodeIdentifierWithData) => void;
+  /**
+   * 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?: (event: React.MouseEvent<SVGElement, MouseEvent>, link: SankeyLinkIdentifierWithData) => void;
+}
+/**
+ * Renders a Sankey diagram plot.
+ */
+declare function SankeyPlot(props: SankeyPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace SankeyPlot {
+  var propTypes: any;
+}
+export { SankeyPlot };

package/SankeyChart/SankeyPlot.js

@@ -1,12 +1,13 @@
 "use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SankeyPlot = SankeyPlot;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
@@ -37,7 +38,7 @@ function SankeyPlot(props) {
   const sankeySeries = (0, _useSankeySeries.useSankeySeries)()[0];
   const layout = (0, _useSankeySeries.useSankeyLayout)();
   if (!sankeySeries) {
-    throw new Error(`MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.`);
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.` : (0, _formatErrorMessage2.default)(46));
   }
 
   // Early return if no data or dimensions

package/SankeyChart/SankeyPlot.mjs

@@ -0,0 +1,83 @@
+'use client';
+
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { styled } from '@mui/material/styles';
+import { useSankeyLayout, useSankeySeries } from "../hooks/useSankeySeries.mjs";
+import { useUtilityClasses } from "./sankeyClasses.mjs";
+import { SankeyNodePlot } from "./SankeyNodePlot.mjs";
+import { SankeyLinkPlot } from "./SankeyLinkPlot.mjs";
+import { SankeyNodeLabelPlot } from "./SankeyNodeLabelPlot.mjs";
+import { SankeyLinkLabelPlot } from "./SankeyLinkLabelPlot.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SankeyPlotRoot = styled('g', {
+  slot: 'internal',
+  shouldForwardProp: undefined
+})({});
+
+/**
+ * Renders a Sankey diagram plot.
+ */
+function SankeyPlot(props) {
+  const {
+    classes: inputClasses,
+    onLinkClick,
+    onNodeClick
+  } = props;
+  const classes = useUtilityClasses({
+    classes: inputClasses
+  });
+  const sankeySeries = useSankeySeries()[0];
+  const layout = useSankeyLayout();
+  if (!sankeySeries) {
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.` : _formatErrorMessage(46));
+  }
+
+  // Early return if no data or dimensions
+  if (!layout || !layout.links) {
+    return null;
+  }
+  const {
+    linkOptions,
+    nodeOptions
+  } = sankeySeries;
+  const showNodeLabels = nodeOptions?.showLabels ?? true;
+  return /*#__PURE__*/_jsxs(SankeyPlotRoot, {
+    className: classes.root,
+    children: [/*#__PURE__*/_jsx(SankeyLinkPlot, {
+      classes: classes,
+      onClick: onLinkClick
+    }), /*#__PURE__*/_jsx(SankeyNodePlot, {
+      classes: classes,
+      onClick: onNodeClick
+    }), linkOptions?.showValues && /*#__PURE__*/_jsx(SankeyLinkLabelPlot, {
+      classes: classes
+    }), showNodeLabels && /*#__PURE__*/_jsx(SankeyNodeLabelPlot, {
+      classes: classes
+    })]
+  });
+}
+process.env.NODE_ENV !== "production" ? SankeyPlot.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Classes applied to the various elements.
+   */
+  classes: PropTypes.object,
+  /**
+   * 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
+} : void 0;
+export { SankeyPlot };

package/SankeyChart/SankeyTooltip/SankeyTooltip.classes.d.mts

@@ -0,0 +1,2 @@
+import type { SankeyTooltipProps } from "./SankeyTooltip.types.mjs";
+export declare const useUtilityClasses: (props: Pick<SankeyTooltipProps, "classes">) => Record<"mark" | "table" | "cell" | "row" | "root" | "paper" | "markContainer" | "labelCell" | "valueCell", string>;

package/SankeyChart/SankeyTooltip/SankeyTooltip.d.mts

@@ -0,0 +1,6 @@
+import { type SankeyTooltipProps } from "./SankeyTooltip.types.mjs";
+declare function SankeyTooltip(props: SankeyTooltipProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SankeyTooltip {
+  var propTypes: any;
+}
+export { SankeyTooltip };

package/SankeyChart/SankeyTooltip/SankeyTooltip.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SankeyTooltip = SankeyTooltip;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");
@@ -41,10 +42,10 @@ process.env.NODE_ENV !== "production" ? SankeyTooltip.propTypes = {
    */
   anchorEl: _propTypes.default.oneOfType([(props, propName) => {
     if (props[propName] == null) {
-      return new Error(`Prop '${propName}' is required but wasn't specified`);
+      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Prop '${propName}' is required but wasn't specified` : (0, _formatErrorMessage2.default)(6, propName));
     }
     if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-      return new Error(`Expected prop '${propName}' to be of type Element`);
+      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(7, propName));
     }
     return null;
   }, _propTypes.default.func, _propTypes.default.shape({
@@ -53,7 +54,7 @@ process.env.NODE_ENV !== "production" ? SankeyTooltip.propTypes = {
         return null;
       }
       if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error(`Expected prop '${propName}' to be of type Element`);
+        return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(49, propName));
       }
       return null;
     },
@@ -99,10 +100,10 @@ process.env.NODE_ENV !== "production" ? SankeyTooltip.propTypes = {
    */
   container: _propTypes.default.oneOfType([(props, propName) => {
     if (props[propName] == null) {
-      return new Error(`Prop '${propName}' is required but wasn't specified`);
+      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Prop '${propName}' is required but wasn't specified` : (0, _formatErrorMessage2.default)(6, propName));
     }
     if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-      return new Error(`Expected prop '${propName}' to be of type Element`);
+      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(7, propName));
     }
     return null;
   }, _propTypes.default.func]),