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

package/SankeyChart/SankeyChart.mjs

@@ -0,0 +1,257 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["series"];
+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 { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.mjs";
+import { SankeyPlot } from "./SankeyPlot.mjs";
+import { useSankeyChartProps } from "./useSankeyChartProps.mjs";
+import { SankeyTooltip } from "./SankeyTooltip/index.mjs";
+import { FocusedSankeyNode } from "./FocusedSankeyNode.mjs";
+import { FocusedSankeyLink } from "./FocusedSankeyLink.mjs";
+import { SankeyDataProvider } from "./SankeyDataProvider.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 _useChartContainerPro = useChartContainerProProps(chartContainerProps),
+    {
+      chartDataProviderProProps: {
+        series
+      },
+      chartsSurfaceProps
+    } = _useChartContainerPro,
+    chartDataProviderProProps = _objectWithoutPropertiesLoose(_useChartContainerPro.chartDataProviderProProps, _excluded);
+  const Tooltip = themedProps.slots?.tooltip ?? SankeyTooltip;
+  return /*#__PURE__*/_jsx(SankeyDataProvider, _extends({
+    series: series
+  }, chartDataProviderProProps, {
+    children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
+      ref: ref,
+      children: [/*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
+        children: [/*#__PURE__*/_jsx(SankeyPlot, _extends({}, sankeyPlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(FocusedSankeyNode, {}), /*#__PURE__*/_jsx(FocusedSankeyLink, {}), 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.shape({
+      exportAsImage: PropTypes.func.isRequired,
+      exportAsPrint: PropTypes.func.isRequired
+    })
+  }),
+  /**
+   * 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,
+  enableKeyboardNavigation: PropTypes.bool,
+  /**
+   * 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,
+  /**
+   * The highlighted item.
+   * Used when the highlight is controlled.
+   */
+  highlightedItem: PropTypes.oneOfType([PropTypes.shape({
+    nodeId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    seriesId: PropTypes.string.isRequired,
+    subType: PropTypes.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'node']).isRequired,
+    type: PropTypes.oneOf(['sankey']).isRequired
+  }), PropTypes.shape({
+    seriesId: PropTypes.string.isRequired,
+    sourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    subType: PropTypes.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'link']).isRequired,
+    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    type: PropTypes.oneOf(['sankey']).isRequired
+  }), PropTypes.shape({
+    nodeId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    seriesId: PropTypes.string.isRequired,
+    subType: PropTypes.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'node']).isRequired
+  }), PropTypes.shape({
+    seriesId: PropTypes.string.isRequired,
+    sourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    subType: PropTypes.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'link']).isRequired,
+    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
+  })]),
+  /**
+   * 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
+  })]),
+  /**
+   * The callback fired when the highlighted item changes.
+   *
+   * @param {HighlightItemIdentifierWithType<SeriesType> | null} highlightedItem  The newly highlighted item.
+   */
+  onHighlightChange: PropTypes.func,
+  /**
+   * 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 callback fired when the tooltip item changes.
+   *
+   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   */
+  onTooltipItemChange: 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 tooltip item.
+   * Used when the tooltip is controlled.
+   */
+  tooltipItem: PropTypes.oneOfType([PropTypes.shape({
+    nodeId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    seriesId: PropTypes.string.isRequired,
+    subType: PropTypes.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'node']).isRequired,
+    type: PropTypes.oneOf(['sankey']).isRequired
+  }), PropTypes.shape({
+    seriesId: PropTypes.string.isRequired,
+    sourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    subType: PropTypes.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'link']).isRequired,
+    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    type: PropTypes.oneOf(['sankey']).isRequired
+  }), PropTypes.shape({
+    nodeId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    seriesId: PropTypes.string.isRequired,
+    subType: PropTypes.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'node']).isRequired
+  }), PropTypes.shape({
+    seriesId: PropTypes.string.isRequired,
+    sourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    subType: PropTypes.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'link']).isRequired,
+    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
+  })]),
+  /**
+   * 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/SankeyChart/SankeyChart.plugins.d.mts

@@ -0,0 +1,4 @@
+import { type ConvertSignaturesIntoPlugins, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartKeyboardNavigationSignature, type UseChartHighlightSignature } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.mjs";
+export type SankeyChartPluginSignatures = [UseChartTooltipSignature<'sankey'>, UseChartInteractionSignature, UseChartHighlightSignature<'sankey'>, UseChartProExportSignature, UseChartKeyboardNavigationSignature];
+export declare const SANKEY_CHART_PLUGINS: ConvertSignaturesIntoPlugins<SankeyChartPluginSignatures>;

package/SankeyChart/SankeyChart.plugins.d.ts

@@ -1,5 +1,4 @@
-import { type ConvertSignaturesIntoPlugins, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartKeyboardNavigationSignature } from '@mui/x-charts/internals';
+import { type ConvertSignaturesIntoPlugins, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartKeyboardNavigationSignature, type UseChartHighlightSignature } from '@mui/x-charts/internals';
 import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-import { type UseSankeyHighlightSignature } from "./plugins/index.js";
-export type SankeyChartPluginSignatures = [UseChartTooltipSignature<'sankey'>, UseChartInteractionSignature, UseSankeyHighlightSignature, UseChartProExportSignature, UseChartKeyboardNavigationSignature];
+export type SankeyChartPluginSignatures = [UseChartTooltipSignature<'sankey'>, UseChartInteractionSignature, UseChartHighlightSignature<'sankey'>, UseChartProExportSignature, UseChartKeyboardNavigationSignature];
 export declare const SANKEY_CHART_PLUGINS: ConvertSignaturesIntoPlugins<SankeyChartPluginSignatures>;

package/SankeyChart/SankeyChart.plugins.js

@@ -6,5 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.SANKEY_CHART_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
 var _useChartProExport = require("../internals/plugins/useChartProExport");
-var _plugins = require("./plugins");
-const SANKEY_CHART_PLUGINS = exports.SANKEY_CHART_PLUGINS = [_internals.useChartTooltip, _internals.useChartInteraction, _plugins.useSankeyHighlight, _useChartProExport.useChartProExport, _internals.useChartKeyboardNavigation];
+const SANKEY_CHART_PLUGINS = exports.SANKEY_CHART_PLUGINS = [_internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartHighlight, _useChartProExport.useChartProExport, _internals.useChartKeyboardNavigation];

package/SankeyChart/SankeyChart.plugins.mjs

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

package/SankeyChart/SankeyDataProvider.d.mts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { ChartContainerProProps } from "../ChartContainerPro/index.mjs";
+import type { SankeySeriesType } from "./sankey.types.mjs";
+import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.mjs";
+export interface SankeyDataProviderProps extends Omit<ChartContainerProProps<'sankey', SankeyChartPluginSignatures>, 'plugins' | 'series' | 'slotProps' | 'slots' | 'dataset' | 'hideLegend' | 'skipAnimation'> {
+  children?: React.ReactNode;
+  series: readonly SankeySeriesType[];
+}
+/**
+ * Orchestrates the data providers for the sankey chart components and hooks.
+ *
+ * Use this component if you have custom HTML components that need to access the chart data.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/api/charts/composition/)
+ */
+declare function SankeyDataProvider(props: SankeyDataProviderProps): import("react/jsx-runtime").JSX.Element;
+export { SankeyDataProvider };

package/SankeyChart/SankeyDataProvider.mjs

@@ -0,0 +1,27 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { SANKEY_CHART_PLUGINS } from "./SankeyChart.plugins.mjs";
+import { ChartDataProviderPro } from "../ChartDataProviderPro/index.mjs";
+import { sankeySeriesConfig } from "./seriesConfig/index.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+const seriesConfig = {
+  sankey: sankeySeriesConfig
+};
+/**
+ * Orchestrates the data providers for the sankey chart components and hooks.
+ *
+ * Use this component if you have custom HTML components that need to access the chart data.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/api/charts/composition/)
+ */
+function SankeyDataProvider(props) {
+  return /*#__PURE__*/_jsx(ChartDataProviderPro, _extends({}, props, {
+    seriesConfig: seriesConfig,
+    plugins: SANKEY_CHART_PLUGINS
+  }));
+}
+export { SankeyDataProvider };

package/SankeyChart/SankeyLinkElement.d.mts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import type { SeriesId } from '@mui/x-charts/internals';
+import type { SankeyLayoutLink, SankeyLinkIdentifierWithData } from "./sankey.types.mjs";
+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/SankeyChart/SankeyLinkElement.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.
@@ -33,8 +31,8 @@ const SankeyLinkElement = exports.SankeyLinkElement = /*#__PURE__*/React.forward
     sourceId: link.source.id,
     link
   };
-  const isHighlighted = store.use(_plugins.selectorIsLinkHighlighted, link);
-  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/SankeyLinkElement.mjs

@@ -0,0 +1,57 @@
+'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 SankeyLinkElement = /*#__PURE__*/React.forwardRef(function SankeyLinkElement(props, ref) {
+  const {
+    link,
+    opacity = 0.4,
+    onClick,
+    seriesId
+  } = props;
+  const store = useStore();
+  const identifier = {
+    type: 'sankey',
+    seriesId,
+    subType: 'link',
+    targetId: link.target.id,
+    sourceId: link.source.id,
+    link
+  };
+  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);
+  });
+  if (!link.path) {
+    return null;
+  }
+  let finalOpacity = opacity;
+  if (isFaded) {
+    finalOpacity = opacity * 0.3;
+  } else if (isHighlighted) {
+    finalOpacity = Math.min(opacity * 1.2, 1);
+  }
+  return /*#__PURE__*/_jsx("path", _extends({
+    ref: ref,
+    d: link.path,
+    fill: link.color,
+    opacity: finalOpacity,
+    "data-link-source": link.source.id,
+    "data-link-target": link.target.id,
+    "data-highlighted": isHighlighted || undefined,
+    "data-faded": isFaded || undefined,
+    onClick: onClick ? handleClick : undefined,
+    cursor: onClick ? 'pointer' : 'default'
+  }, interactionProps));
+});
+if (process.env.NODE_ENV !== "production") SankeyLinkElement.displayName = "SankeyLinkElement";

package/SankeyChart/SankeyLinkLabel.d.mts

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

package/SankeyChart/SankeyLinkLabel.mjs

@@ -0,0 +1,62 @@
+'use client';
+
+import * as React from 'react';
+import { useTheme } from '@mui/material/styles';
+import { useSankeySeries } from "../hooks/useSankeySeries.mjs";
+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();
+  const series = useSankeySeries()[0];
+  if (!link.path || link.y0 === undefined || link.y1 === undefined) {
+    return null; // No path defined or invalid coordinates, nothing to render
+  }
+  const midpoint = getLinkMidpoint(link);
+
+  // Get the series data and valueFormatter
+  const formattedValue = series?.valueFormatter ? series.valueFormatter(link.value, {
+    type: 'link',
+    sourceId: link.source.id,
+    targetId: link.target.id,
+    location: 'label'
+  }) : link.value;
+  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: formattedValue
+  });
+});
+if (process.env.NODE_ENV !== "production") SankeyLinkLabel.displayName = "SankeyLinkLabel";

package/SankeyChart/SankeyLinkLabelPlot.d.mts

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

package/SankeyChart/SankeyLinkLabelPlot.js

@@ -1,10 +1,12 @@
 "use strict";
 'use client';
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SankeyLinkLabelPlot = SankeyLinkLabelPlot;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _SankeyLinkLabel = require("./SankeyLinkLabel");
 var _useSankeySeries = require("../hooks/useSankeySeries");
 var _sankeyClasses = require("./sankeyClasses");
@@ -19,7 +21,7 @@ function SankeyLinkLabelPlot(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/SankeyLinkLabelPlot.mjs

@@ -0,0 +1,35 @@
+'use client';
+
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
+import { SankeyLinkLabel } from "./SankeyLinkLabel.mjs";
+import { useSankeyLayout, useSankeySeries } from "../hooks/useSankeySeries.mjs";
+import { useUtilityClasses } from "./sankeyClasses.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+function SankeyLinkLabelPlot(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.links) {
+    return null;
+  }
+  if (!sankeySeries.linkOptions?.showValues) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("g", {
+    className: classes.linkLabels,
+    children: layout.links.map(link => /*#__PURE__*/_jsx(SankeyLinkLabel, {
+      link: link
+    }, `label-link-${link.source.id}-${link.target.id}`))
+  });
+}
+export { SankeyLinkLabelPlot };

package/SankeyChart/SankeyLinkPlot.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { SankeyLinkIdentifierWithData } from "./sankey.types.mjs";
+import { type SankeyPlotClasses } from "./sankeyClasses.mjs";
+export interface SankeyLinkPlotProps {
+  /**
+   * 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 {SankeyLinkIdentifierWithData} link The sankey link identifier.
+   */
+  onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, link: SankeyLinkIdentifierWithData) => void;
+}
+declare function SankeyLinkPlot(props: SankeyLinkPlotProps): import("react/jsx-runtime").JSX.Element | null;
+export { SankeyLinkPlot };

package/SankeyChart/SankeyLinkPlot.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.SankeyLinkPlot = SankeyLinkPlot;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _SankeyLinkElement = require("./SankeyLinkElement");
@@ -35,7 +37,7 @@ function SankeyLinkPlot(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