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

package/esm/SankeyChart/FocusedSankeyLink.js

@@ -1,27 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useTheme } from '@mui/material/styles';
-import { useFocusedItem } from "../hooks/index.js";
-import { useSankeyLayout } from "../hooks/useSankeySeries.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function FocusedSankeyLink(props) {
-  const focusedItem = useFocusedItem();
-  const layout = useSankeyLayout();
-  const theme = useTheme();
-  if (!focusedItem || focusedItem.type !== 'sankey' || focusedItem.subType !== 'link' || !layout) {
-    return null;
-  }
-  const link = layout?.links.find(({
-    source,
-    target
-  }) => source.id === focusedItem.sourceId && target.id === focusedItem.targetId);
-  if (!link || !link.path) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx("path", _extends({
-    d: link.path,
-    fill: "none",
-    stroke: (theme.vars ?? theme).palette.text.primary,
-    strokeWidth: 2,
-    pointerEvents: "none"
-  }, props));
-}

package/esm/SankeyChart/FocusedSankeyNode.js

@@ -1,33 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useTheme } from '@mui/material/styles';
-import { useFocusedItem } from "../hooks/index.js";
-import { useSankeyLayout } from "../hooks/useSankeySeries.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function FocusedSankeyNode(props) {
-  const focusedItem = useFocusedItem();
-  const layout = useSankeyLayout();
-  const theme = useTheme();
-  if (!focusedItem || focusedItem.type !== 'sankey' || focusedItem.subType !== 'node' || !layout) {
-    return null;
-  }
-  const node = layout?.nodes.find(({
-    id
-  }) => id === focusedItem.nodeId);
-  if (!node) {
-    return null;
-  }
-  const x0 = node.x0 ?? 0;
-  const y0 = node.y0 ?? 0;
-  const x1 = node.x1 ?? 0;
-  const y1 = node.y1 ?? 0;
-  return /*#__PURE__*/_jsx("rect", _extends({
-    x: x0,
-    y: y0,
-    width: x1 - x0,
-    height: y1 - y0,
-    fill: "none",
-    stroke: (theme.vars ?? theme).palette.text.primary,
-    strokeWidth: 2,
-    pointerEvents: "none"
-  }, props));
-}

package/esm/SankeyChart/SankeyChart.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import { type ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
-import type { MakeOptional } from '@mui/x-internals/types';
-import { type SankeyPlotProps } from "./SankeyPlot.js";
-import type { SankeySeriesType } from "./sankey.types.js";
-import type { SankeyChartSlotExtension } from "./sankeySlots.types.js";
-import type { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import type { SankeyChartPluginSignatures } from "./SankeyChart.plugins.js";
-export type SankeySeries = MakeOptional<SankeySeriesType, 'type'>;
-export interface SankeyChartProps extends Omit<ChartContainerProProps<'sankey', SankeyChartPluginSignatures>, 'plugins' | 'series' | 'slotProps' | 'slots' | 'dataset' | 'hideLegend' | 'skipAnimation'>, 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

@@ -1,222 +0,0 @@
-'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.js";
-import { SankeyPlot } from "./SankeyPlot.js";
-import { useSankeyChartProps } from "./useSankeyChartProps.js";
-import { SankeyTooltip } from "./SankeyTooltip/index.js";
-import { FocusedSankeyNode } from "./FocusedSankeyNode.js";
-import { FocusedSankeyLink } from "./FocusedSankeyLink.js";
-import { SankeyDataProvider } from "./SankeyDataProvider.js";
-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, ref),
-    {
-      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, {
-      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
-  })]),
-  /**
-   * 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 {SankeyHighlightItemData | 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
-  })]),
-  /**
-   * 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

@@ -1,5 +0,0 @@
-import { type ConvertSignaturesIntoPlugins, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartKeyboardNavigationSignature } 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 declare const SANKEY_CHART_PLUGINS: ConvertSignaturesIntoPlugins<SankeyChartPluginSignatures>;

package/esm/SankeyChart/SankeyChart.plugins.js

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

package/esm/SankeyChart/SankeyDataProvider.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import type { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import type { SankeySeriesType } from "./sankey.types.js";
-import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.js";
-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/esm/SankeyChart/SankeyDataProvider.js

@@ -1,27 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { SANKEY_CHART_PLUGINS } from "./SankeyChart.plugins.js";
-import { ChartDataProviderPro } from "../ChartDataProviderPro/index.js";
-import { sankeySeriesConfig } from "./seriesConfig/index.js";
-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/esm/SankeyChart/SankeyLinkElement.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import type { SeriesId } from '@mui/x-charts/internals';
-import type { SankeyLayoutLink, 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

@@ -1,59 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import useEventCallback from '@mui/utils/useEventCallback';
-import { useInteractionItemProps, useStore } from '@mui/x-charts/internals';
-import { selectorIsLinkHighlighted } from "./plugins/index.js";
-import { selectorIsSankeyItemFaded } from "./plugins/useSankeyHighlight.selectors.js";
-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(selectorIsLinkHighlighted, link);
-  const isFaded = store.use(selectorIsSankeyItemFaded, isHighlighted);
-
-  // 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/esm/SankeyChart/SankeyLinkLabel.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { type 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

@@ -1,62 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useTheme } from '@mui/material/styles';
-import { useSankeySeries } from "../hooks/useSankeySeries.js";
-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/esm/SankeyChart/SankeyLinkLabelPlot.d.ts

@@ -1,9 +0,0 @@
-import { type SankeyPlotClasses } from "./sankeyClasses.js";
-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/esm/SankeyChart/SankeyLinkLabelPlot.js

@@ -1,34 +0,0 @@
-'use client';
-
-import { SankeyLinkLabel } from "./SankeyLinkLabel.js";
-import { useSankeyLayout, useSankeySeries } from "../hooks/useSankeySeries.js";
-import { useUtilityClasses } from "./sankeyClasses.js";
-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(`MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.`);
-  }
-
-  // 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/esm/SankeyChart/SankeyLinkPlot.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { SankeyLinkIdentifierWithData } from "./sankey.types.js";
-import { type SankeyPlotClasses } from "./sankeyClasses.js";
-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/esm/SankeyChart/SankeyLinkPlot.js

@@ -1,49 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { SankeyLinkElement } from "./SankeyLinkElement.js";
-import { useSankeyLayout, useSankeySeries } from "../hooks/useSankeySeries.js";
-import { useUtilityClasses } from "./sankeyClasses.js";
-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(`MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.`);
-  }
-
-  // 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 };