@mui/x-charts-pro 8.21.0 → 8.22.1

package/Heatmap/HeatmapTooltip/HeatmapTooltip.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartsTooltipContainerProps } from '@mui/x-charts/ChartsTooltip';
+import { type ChartsTooltipContainerProps } from '@mui/x-charts/ChartsTooltip';
 export interface HeatmapTooltipProps extends Omit<ChartsTooltipContainerProps, 'trigger' | 'children'> {
   /**
    * Select the kind of tooltip to display

package/Heatmap/HeatmapTooltip/HeatmapTooltipContent.d.ts

@@ -1,4 +1,4 @@
-import { HeatmapTooltipProps } from "./HeatmapTooltip.types.js";
+import { type HeatmapTooltipProps } from "./HeatmapTooltip.types.js";
 export interface HeatmapTooltipContentProps extends Pick<HeatmapTooltipProps, 'classes'> {}
 export declare function HeatmapTooltipContent(props: HeatmapTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace HeatmapTooltipContent {

package/Heatmap/seriesConfig/extremums.d.ts

@@ -1,2 +1,2 @@
-import { CartesianExtremumGetter } from '@mui/x-charts/internals';
+import { type CartesianExtremumGetter } from '@mui/x-charts/internals';
 export declare const getBaseExtremum: CartesianExtremumGetter<'heatmap'>;

package/Heatmap/seriesConfig/getColor.d.ts

@@ -1,3 +1,3 @@
-import { ColorProcessor } from '@mui/x-charts/internals';
+import { type ColorProcessor } from '@mui/x-charts/internals';
 declare const getColor: ColorProcessor<'heatmap'>;
 export default getColor;

package/Heatmap/seriesConfig/getSeriesWithDefaultValues.d.ts

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

package/Heatmap/seriesConfig/index.d.ts

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

package/Heatmap/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +1,3 @@
-import { SeriesProcessor } from '@mui/x-charts/internals';
+import { type SeriesProcessor } from '@mui/x-charts/internals';
 declare const seriesProcessor: SeriesProcessor<'heatmap'>;
 export default seriesProcessor;

package/Heatmap/seriesConfig/tooltip.d.ts

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

package/Heatmap/seriesConfig/tooltipPosition.d.ts

@@ -1,3 +1,3 @@
-import { TooltipItemPositionGetter } from '@mui/x-charts/internals';
+import { type TooltipItemPositionGetter } from '@mui/x-charts/internals';
 declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'heatmap'>;
 export default tooltipItemPositionGetter;

package/LineChartPro/LineChartPro.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { LineChartProps, LineChartSlots, LineChartSlotProps } from '@mui/x-charts/LineChart';
-import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
-import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { LineChartProPluginSignatures } from "./LineChartPro.plugins.js";
+import { type LineChartProps, type LineChartSlots, type LineChartSlotProps } from '@mui/x-charts/LineChart';
+import { type ChartsToolbarProSlotProps, type ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
+import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type LineChartProPluginSignatures } from "./LineChartPro.plugins.js";
 export interface LineChartProSlots extends Omit<LineChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface LineChartProSlotProps extends Omit<LineChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
 export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps'> {

package/LineChartPro/LineChartPro.js

@@ -334,6 +334,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -402,6 +407,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),
@@ -906,6 +916,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -973,6 +988,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),

package/LineChartPro/LineChartPro.plugins.d.ts

@@ -1,5 +1,5 @@
-import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartBrushSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-import { UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
-export type LineChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'line'>, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
+import { type UseChartZAxisSignature, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartKeyboardNavigationSignature, type UseChartBrushSignature, type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
+import { type UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
+export type LineChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'line'>, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
 export declare const LINE_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<LineChartProPluginSignatures>;

package/LineChartPro/LineChartPro.plugins.js

@@ -7,4 +7,4 @@ exports.LINE_CHART_PRO_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
 var _useChartProExport = require("../internals/plugins/useChartProExport");
 var _useChartProZoom = require("../internals/plugins/useChartProZoom");
-const LINE_CHART_PRO_PLUGINS = exports.LINE_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
+const LINE_CHART_PRO_PLUGINS = exports.LINE_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];

package/PieChartPro/PieChartPro.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { PieChartProps, PieChartSlotProps, PieChartSlots } from '@mui/x-charts/PieChart';
-import { ChartsSlotsPro, ChartsSlotPropsPro } from "../internals/material/index.js";
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { PieChartProPluginSignatures } from "./PieChartPro.plugins.js";
-import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
+import { type PieChartProps, type PieChartSlotProps, type PieChartSlots } from '@mui/x-charts/PieChart';
+import { type ChartsSlotsPro, type ChartsSlotPropsPro } from "../internals/material/index.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type PieChartProPluginSignatures } from "./PieChartPro.plugins.js";
+import { type ChartsToolbarProSlotProps, type ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
 export interface PieChartProSlots extends Omit<PieChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface PieChartProSlotProps extends Omit<PieChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
 export interface PieChartProProps extends Omit<PieChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'pie', PieChartProPluginSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {

package/PieChartPro/PieChartPro.plugins.d.ts

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

package/RadarChartPro/RadarChartPro.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { RadarChartProps, RadarDataProviderProps, RadarChartSlotProps, RadarChartSlots } from '@mui/x-charts/RadarChart';
-import { RadarChartProPluginSignatures } from "./RadarChartPro.plugins.js";
-import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
-import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
+import { type RadarChartProps, type RadarDataProviderProps, type RadarChartSlotProps, type RadarChartSlots } from '@mui/x-charts/RadarChart';
+import { type RadarChartProPluginSignatures } from "./RadarChartPro.plugins.js";
+import { type ChartsToolbarProSlotProps, type ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
+import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
 export interface RadarChartProSlots extends Omit<RadarChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface RadarChartProSlotProps extends Omit<RadarChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
 export interface RadarChartProProps extends Omit<RadarChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<RadarDataProviderProps<RadarChartProPluginSignatures>, 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {

package/RadarChartPro/RadarChartPro.plugins.d.ts

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

package/RadarChartPro/RadarChartPro.plugins.js

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

package/SankeyChart/SankeyChart.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
 import type { MakeOptional } from '@mui/x-internals/types';
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
 import { type SankeyPlotProps } from "./SankeyPlot.js";
 import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.js";
 import type { SankeySeriesType } from "./sankey.types.js";

package/SankeyChart/SankeyChart.plugins.d.ts

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

package/SankeyChart/SankeyChart.plugins.js

@@ -7,4 +7,4 @@ 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.useChartInteraction, _plugins.useSankeyHighlight, _useChartProExport.useChartProExport];
+const SANKEY_CHART_PLUGINS = exports.SANKEY_CHART_PLUGINS = [_internals.useChartTooltip, _internals.useChartInteraction, _plugins.useSankeyHighlight, _useChartProExport.useChartProExport];

package/SankeyChart/SankeyLinkElement.js

@@ -33,8 +33,8 @@ const SankeyLinkElement = exports.SankeyLinkElement = /*#__PURE__*/React.forward
     sourceId: link.source.id,
     link
   };
-  const isHighlighted = (0, _internals.useSelector)(store, _plugins.selectorIsLinkHighlighted, link);
-  const isFaded = (0, _internals.useSelector)(store, _useSankeyHighlight.selectorIsSankeyItemFaded, isHighlighted);
+  const isHighlighted = store.use(_plugins.selectorIsLinkHighlighted, link);
+  const isFaded = store.use(_useSankeyHighlight.selectorIsSankeyItemFaded, isHighlighted);
 
   // Add interaction props for tooltips
   const interactionProps = (0, _internals.useInteractionItemProps)(identifier);

package/SankeyChart/SankeyLinkLabel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SankeyLayoutLink } from "./sankey.types.js";
+import { type SankeyLayoutLink } from "./sankey.types.js";
 export interface SankeyLinkLabelProps {
   /**
    * The link data

package/SankeyChart/SankeyNodeElement.d.ts

@@ -10,10 +10,6 @@ export interface SankeyNodeElementProps {
    * The node data
    */
   node: SankeyLayoutNode;
-  /**
-   * Whether to show the node label
-   */
-  showLabel?: boolean;
   /**
    * Callback fired when a sankey item is clicked.
    * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.

package/SankeyChart/SankeyNodeElement.js

@@ -11,7 +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 _styles = require("@mui/material/styles");
 var _plugins = require("./plugins");
 var _useSankeyHighlight = require("./plugins/useSankeyHighlight.selectors");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,11 +20,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forwardRef(function SankeyNodeElement(props, ref) {
   const {
     node,
-    showLabel = true,
     onClick,
     seriesId
   } = props;
-  const theme = (0, _styles.useTheme)();
   const store = (0, _internals.useStore)();
   const x0 = node.x0 ?? 0;
   const y0 = node.y0 ?? 0;
@@ -33,12 +30,6 @@ const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forward
   const y1 = node.y1 ?? 0;
   const nodeWidth = x1 - x0;
   const nodeHeight = y1 - y0;
-
-  // Determine label position
-  const labelX = node.depth === 0 ? x1 + 6 // Right side for first column
-  : x0 - 6; // Left side for other columns
-
-  const labelAnchor = node.depth === 0 ? 'start' : 'end';
   const identifier = {
     type: 'sankey',
     seriesId,
@@ -46,8 +37,8 @@ const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forward
     nodeId: node.id,
     node
   };
-  const isHighlighted = (0, _internals.useSelector)(store, _plugins.selectorIsNodeHighlighted, node.id);
-  const isFaded = (0, _internals.useSelector)(store, _useSankeyHighlight.selectorIsSankeyItemFaded, isHighlighted);
+  const isHighlighted = store.use(_plugins.selectorIsNodeHighlighted, node.id);
+  const isFaded = store.use(_useSankeyHighlight.selectorIsSankeyItemFaded, isHighlighted);
 
   // Add interaction props for tooltips
   const interactionProps = (0, _internals.useInteractionItemProps)(identifier);
@@ -60,10 +51,10 @@ const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forward
   } else if (isHighlighted) {
     opacity = 1;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
     ref: ref,
     "data-node": node.id,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", (0, _extends2.default)({
       x: node.x0,
       y: node.y0,
       width: nodeWidth,
@@ -75,17 +66,7 @@ const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forward
       stroke: "none",
       "data-highlighted": isHighlighted || undefined,
       "data-faded": isFaded || undefined
-    }, interactionProps)), showLabel && node.label && /*#__PURE__*/(0, _jsxRuntime.jsx)("text", {
-      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,
-      children: node.label
-    })]
+    }, interactionProps))
   });
 });
 if (process.env.NODE_ENV !== "production") SankeyNodeElement.displayName = "SankeyNodeElement";

package/SankeyChart/SankeyNodeLabel.d.ts

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

package/SankeyChart/SankeyNodeLabel.js

@@ -0,0 +1,61 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SankeyNodeLabel = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-charts/internals");
+var _styles = require("@mui/material/styles");
+var _plugins = require("./plugins");
+var _useSankeyHighlight = require("./plugins/useSankeyHighlight.selectors");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @ignore - internal component.
+ */
+const SankeyNodeLabel = exports.SankeyNodeLabel = /*#__PURE__*/React.forwardRef(function SankeyNodeLabel(props, ref) {
+  const {
+    node
+  } = props;
+  const theme = (0, _styles.useTheme)();
+  const store = (0, _internals.useStore)();
+  const x0 = node.x0 ?? 0;
+  const y0 = node.y0 ?? 0;
+  const x1 = node.x1 ?? 0;
+  const y1 = node.y1 ?? 0;
+
+  // Determine label position
+  const labelX = node.depth === 0 ? x1 + 6 // Right side for first column
+  : x0 - 6; // Left side for other columns
+
+  const labelAnchor = node.depth === 0 ? 'start' : 'end';
+  const isHighlighted = store.use(_plugins.selectorIsNodeHighlighted, node.id);
+  const isFaded = store.use(_useSankeyHighlight.selectorIsSankeyItemFaded, isHighlighted);
+  let opacity = 1;
+  if (isFaded) {
+    opacity = 0.3;
+  } else if (isHighlighted) {
+    opacity = 1;
+  }
+  if (!node.label) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.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": isHighlighted || undefined,
+    "data-faded": isFaded || undefined,
+    children: node.label
+  });
+});
+if (process.env.NODE_ENV !== "production") SankeyNodeLabel.displayName = "SankeyNodeLabel";

package/SankeyChart/SankeyPlot.js

@@ -15,6 +15,7 @@ var _SankeyLinkElement = require("./SankeyLinkElement");
 var _SankeyLinkLabel = require("./SankeyLinkLabel");
 var _useSankeySeries = require("../hooks/useSankeySeries");
 var _sankeyClasses = require("./sankeyClasses");
+var _SankeyNodeLabel = require("./SankeyNodeLabel");
 var _jsxRuntime = require("react/jsx-runtime");
 const SankeyPlotRoot = (0, _styles.styled)('g')({
   [`.${_sankeyClasses.sankeyPlotClasses.links} path, .${_sankeyClasses.sankeyPlotClasses.nodes} rect`]: {
@@ -46,18 +47,16 @@ function SankeyPlot(props) {
   if (!sankeySeries) {
     throw new Error(`MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.`);
   }
-  if (!layout) {
+  if (!layout || !layout.links) {
     return null;
   }
   const {
-    data,
     linkOptions,
     nodeOptions
   } = sankeySeries;
   // Early return if no data or dimensions
-  if (!data || !data.links) {
-    return null;
-  }
+
+  const showNodeLabels = nodeOptions?.showLabels ?? true;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SankeyPlotRoot, {
     className: classes.root,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
@@ -73,14 +72,18 @@ function SankeyPlot(props) {
       children: layout.nodes.map(node => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SankeyNodeElement.SankeyNodeElement, {
         seriesId: sankeySeries.id,
         node: node,
-        showLabel: nodeOptions?.showLabels,
         onClick: onNodeClick
       }, node.id))
     }), linkOptions?.showValues && /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
       className: classes.linkLabels,
       children: layout.links.map(link => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SankeyLinkLabel.SankeyLinkLabel, {
         link: link
-      }, `label-${link.source.id}-${link.target.id}`))
+      }, `label-link-${link.source.id}-${link.target.id}`))
+    }), showNodeLabels && /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      className: classes.nodeLabels,
+      children: layout.nodes.map(node => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SankeyNodeLabel.SankeyNodeLabel, {
+        node: node
+      }, `label-node-${node.id}`))
     })]
   });
 }

package/SankeyChart/SankeyTooltip/SankeyTooltip.d.ts

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

package/SankeyChart/SankeyTooltip/SankeyTooltip.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartsTooltipContainerProps } from '@mui/x-charts/ChartsTooltip';
+import { type ChartsTooltipContainerProps } from '@mui/x-charts/ChartsTooltip';
 export interface SankeyTooltipProps extends Omit<ChartsTooltipContainerProps, 'trigger' | 'children'> {
   /**
    * Select the kind of tooltip to display

package/SankeyChart/SankeyTooltip/SankeyTooltipContent.d.ts

@@ -1,4 +1,4 @@
-import { SankeyTooltipProps } from "./SankeyTooltip.types.js";
+import { type SankeyTooltipProps } from "./SankeyTooltip.types.js";
 export interface SankeyTooltipContentProps extends Pick<SankeyTooltipProps, 'classes'> {}
 export declare function SankeyTooltipContent(props: SankeyTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace SankeyTooltipContent {

package/SankeyChart/calculateSankeyLayout.d.ts

@@ -8,5 +8,5 @@ import type { SankeyLayout, SankeyLayoutLink, DefaultizedSankeySeriesType } from
  * @param options Layout configuration options
  * @returns The calculated layout
  */
-export declare function calculateSankeyLayout(series: DefaultizedSankeySeriesType, drawingArea: ChartDrawingArea): SankeyLayout;
-export declare function improvedNaiveSankeyLinkPathHorizontal(link: SankeyLayoutLink, curveCorrection?: number): string;
+export declare function calculateSankeyLayout(series: DefaultizedSankeySeriesType, drawingArea: ChartDrawingArea): SankeyLayout<true>;
+export declare function improvedNaiveSankeyLinkPathHorizontal(link: SankeyLayoutLink<true>, curveCorrection?: number): string;

package/SankeyChart/calculateSankeyLayout.js

@@ -30,14 +30,19 @@ function calculateSankeyLayout(series, drawingArea) {
   const {
     width: nodeWidth = 15,
     padding: nodePadding = 10,
-    align: nodeAlign = 'justify',
+    align: nodeAlign,
     sort: nodeSort
   } = nodeOptions ?? {};
   const {
-    color: linkColor = 'source',
     sort: linkSort,
     curveCorrection = 10
   } = linkOptions ?? {};
+  if (!data || !data.links) {
+    return {
+      nodes: [],
+      links: []
+    };
+  }
   const {
     width,
     height,
@@ -46,21 +51,9 @@ function calculateSankeyLayout(series, drawingArea) {
     bottom,
     right
   } = drawingArea;
-  if (!data || !data.links) {
-    return {
-      nodes: [],
-      links: []
-    };
-  }
-
-  // Prepare the data structure expected by d3-sankey
-  const graph = {
-    nodes: data.nodes.values().toArray().map(v => (0, _extends2.default)({}, v)),
-    links: data.links.map(v => (0, _extends2.default)({}, v))
-  };
 
   // Create the sankey layout generator
-  const sankeyGenerator = (0, _d3Sankey.sankey)().nodeWidth(nodeWidth).nodePadding(nodePadding).nodeAlign((0, _utils.getNodeAlignFunction)(nodeAlign)).extent([[left, top], [width + right, height + bottom]]).nodeId(d => d.id).iterations(iterations);
+  const sankeyGenerator = (0, _d3Sankey.sankey)(true).nodeWidth(nodeWidth).nodePadding(nodePadding).nodeAlign((0, _utils.getNodeAlignFunction)(nodeAlign)).nodeId(d => d.id).extent([[left, top], [width + right, height + bottom]]).iterations(iterations);
 
   // For 'auto' or undefined, don't set anything (use d3-sankey default behavior)
   if (typeof nodeSort === 'function') {
@@ -80,7 +73,7 @@ function calculateSankeyLayout(series, drawingArea) {
   // Generate the layout
   let result;
   try {
-    result = sankeyGenerator(graph);
+    result = sankeyGenerator(data);
   } catch (error) {
     // There are two errors that can occur:
     // 1. If the data contains circular references, d3-sankey will throw an error.
@@ -98,27 +91,13 @@ function calculateSankeyLayout(series, drawingArea) {
 
   // Convert d3-sankey links to our format
   const layoutLinks = links.map(link => {
-    // Get the original link data
-    const originalLink = data.links.find(l => {
-      return l.source === link.source.id && l.target === link.target.id;
-    });
-    let resolvedColor = originalLink?.color ?? linkColor;
-    if (resolvedColor === 'source') {
-      resolvedColor = link.source.color ?? linkColor;
-    } else if (resolvedColor === 'target') {
-      resolvedColor = link.target.color ?? linkColor;
-    }
-    return (0, _extends2.default)({}, originalLink, link, {
-      color: resolvedColor,
+    const rep = (0, _extends2.default)({}, link, {
       path: improvedNaiveSankeyLinkPathHorizontal(link, curveCorrection)
     });
-  });
-  const layoutNodes = nodes.map(node => {
-    const originalNode = data.nodes.get(node.id) || {};
-    return (0, _extends2.default)({}, originalNode, node);
+    return rep;
   });
   return {
-    nodes: layoutNodes,
+    nodes,
     links: layoutLinks
   };
 }

package/SankeyChart/d3Sankey/align.d.ts

@@ -5,7 +5,7 @@ import type { SankeyNode } from "./sankey.types.js";
  *
  * @param node Sankey node for which to calculate the horizontal node position.
  */
-export declare function sankeyLeft(node: SankeyNode<{}, {}>): number;
+export declare function sankeyLeft<WithPosition extends boolean>(node: SankeyNode<WithPosition, {}, {}>): number;
 /**
  * Compute the horizontal node position of a node in a Sankey layout with right alignment.
  * Returns (n - 1 - node.height) to indicate the desired horizontal position of the node in the generated Sankey diagram.
@@ -13,7 +13,7 @@ export declare function sankeyLeft(node: SankeyNode<{}, {}>): number;
  * @param node Sankey node for which to calculate the horizontal node position.
  * @param n Total depth n of the graph  (one plus the maximum node.depth)
  */
-export declare function sankeyRight(node: SankeyNode<{}, {}>, n: number): number;
+export declare function sankeyRight<WithPosition extends boolean>(node: SankeyNode<WithPosition, {}, {}>, n: number): number;
 /**
  * Compute the horizontal node position of a node in a Sankey layout with justified alignment.
  * Like d3.sankeyLeft, except that nodes without any outgoing links are moved to the far right.
@@ -22,7 +22,7 @@ export declare function sankeyRight(node: SankeyNode<{}, {}>, n: number): number
  * @param node Sankey node for which to calculate the horizontal node position.
  * @param n Total depth n of the graph  (one plus the maximum node.depth)
  */
-export declare function sankeyJustify(node: SankeyNode<{}, {}>, n: number): number;
+export declare function sankeyJustify<WithPosition extends boolean>(node: SankeyNode<WithPosition, {}, {}>, n: number): number;
 /**
  * Compute the horizontal node position of a node in a Sankey layout with center alignment.
  * Like d3.sankeyLeft, except that nodes without any incoming links are moved as right as possible.
@@ -30,4 +30,4 @@ export declare function sankeyJustify(node: SankeyNode<{}, {}>, n: number): numb
  *
  * @param node Sankey node for which to calculate the horizontal node position.
  */
-export declare function sankeyCenter(node: SankeyNode<{}, {}>): number;
+export declare function sankeyCenter<WithPosition extends boolean>(node: SankeyNode<WithPosition, {}, {}>): number;