@mui/x-charts-pro 8.11.3 → 8.13.0

package/esm/BarChartPro/BarChartPro.js

@@ -136,6 +136,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
    * @default false
    */
   disableAxisListener: PropTypes.bool,
+  enableKeyboardNavigation: PropTypes.bool,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -1415,6 +1416,29 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     end: PropTypes.number.isRequired,
     start: PropTypes.number.isRequired
-  }))
+  })),
+  /**
+   * Configuration for zoom interactions.
+   */
+  zoomInteractionConfig: PropTypes.shape({
+    pan: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['drag']), PropTypes.shape({
+      pointerMode: PropTypes.oneOf(['mouse', 'touch']),
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['drag']).isRequired
+    })]).isRequired),
+    zoom: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['pinch', 'tapAndDrag', 'wheel']), PropTypes.shape({
+      pointerMode: PropTypes.any,
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['wheel']).isRequired
+    }), PropTypes.shape({
+      pointerMode: PropTypes.any,
+      requiredKeys: PropTypes.array,
+      type: PropTypes.oneOf(['pinch']).isRequired
+    }), PropTypes.shape({
+      pointerMode: PropTypes.oneOf(['mouse', 'touch']),
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['tapAndDrag']).isRequired
+    })]).isRequired)
+  })
 } : void 0;
 export { BarChartPro };

package/esm/BarChartPro/BarChartPro.plugins.d.ts

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

package/esm/BarChartPro/BarChartPro.plugins.js

@@ -1,4 +1,4 @@
-import { useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight } from '@mui/x-charts/internals';
+import { useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartKeyboardNavigation } from '@mui/x-charts/internals';
 import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
 import { useChartProZoom } from "../internals/plugins/useChartProZoom/index.js";
-export const BAR_CHART_PRO_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartProZoom, useChartProExport];
+export const BAR_CHART_PRO_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartKeyboardNavigation, useChartProZoom, useChartProExport];

package/esm/BarChartPro/index.d.ts

@@ -1 +1,2 @@
-export * from "./BarChartPro.js";
+export * from "./BarChartPro.js";
+export * from "./BarChartPro.plugins.js";

package/esm/BarChartPro/index.js

@@ -1 +1,2 @@
-export * from "./BarChartPro.js";
+export * from "./BarChartPro.js";
+export * from "./BarChartPro.plugins.js";

package/esm/ChartContainerPro/useChartContainerProProps.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["initialZoom", "zoomData", "onZoomChange", "plugins", "apiRef"];
+const _excluded = ["initialZoom", "zoomData", "onZoomChange", "zoomInteractionConfig", "plugins", "apiRef"];
 import { useChartContainerProps } from '@mui/x-charts/internals';
 import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
 export const useChartContainerProProps = (props, ref) => {
@@ -11,6 +11,7 @@ export const useChartContainerProProps = (props, ref) => {
       initialZoom,
       zoomData,
       onZoomChange,
+      zoomInteractionConfig,
       plugins,
       apiRef
     } = _ref,
@@ -24,6 +25,7 @@ export const useChartContainerProProps = (props, ref) => {
     initialZoom,
     zoomData,
     onZoomChange,
+    zoomInteractionConfig,
     apiRef,
     plugins: plugins ?? DEFAULT_PLUGINS
   });

package/esm/ChartDataProviderPro/ChartDataProviderPro.js

@@ -11,7 +11,7 @@ import { defaultSlotsMaterial } from "../internals/material/index.js";
 import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
 import { useChartDataProviderProProps } from "./useChartDataProviderProProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const releaseInfo = "MTc1ODA2NzIwMDAwMA==";
+const releaseInfo = "MTc1OTI3NjgwMDAwMA==";
 const packageIdentifier = 'x-charts-pro';
 /**
  * Orchestrates the data providers for the chart components and hooks.

package/esm/FunnelChart/FunnelChart.d.ts

@@ -7,9 +7,9 @@ import { FunnelSeriesType } from "./funnel.types.js";
 import { ChartContainerProProps } from "../ChartContainerPro/index.js";
 import { FunnelChartSlotExtension } from "./funnelSlots.types.js";
 import { CategoryAxis } from "./categoryAxis.types.js";
-import { FunnelChartPluginsSignatures } from "./FunnelChart.plugins.js";
+import { FunnelChartPluginSignatures } from "./FunnelChart.plugins.js";
 export type FunnelSeries = MakeOptional<FunnelSeriesType, 'type'>;
-export interface FunnelChartProps extends Omit<ChartContainerProProps<'funnel', FunnelChartPluginsSignatures>, 'series' | 'plugins' | 'zAxis' | 'zoom' | 'onZoomChange' | 'dataset' | 'yAxis' | 'xAxis' | 'rotationAxis' | 'radiusAxis' | 'slots' | 'slotProps' | 'experimentalFeatures'>, Omit<FunnelPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, FunnelChartSlotExtension {
+export interface FunnelChartProps extends Omit<ChartContainerProProps<'funnel', FunnelChartPluginSignatures>, 'series' | 'plugins' | 'zAxis' | 'zoom' | 'onZoomChange' | 'dataset' | 'yAxis' | 'xAxis' | 'rotationAxis' | 'radiusAxis' | 'slots' | 'slotProps' | 'experimentalFeatures'>, Omit<FunnelPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, FunnelChartSlotExtension {
   /**
    * The series to display in the funnel chart.
    * An array of [[FunnelSeries]] objects.

package/esm/FunnelChart/FunnelChart.plugins.d.ts

@@ -1,5 +1,5 @@
 import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature } from '@mui/x-charts/internals';
 import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
 import { UseChartFunnelAxisSignature } from "./funnelAxisPlugin/useChartFunnelAxis.types.js";
-export type FunnelChartPluginsSignatures = [UseChartFunnelAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
-export declare const FUNNEL_CHART_PLUGINS: ConvertSignaturesIntoPlugins<FunnelChartPluginsSignatures>;
+export type FunnelChartPluginSignatures = [UseChartFunnelAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
+export declare const FUNNEL_CHART_PLUGINS: ConvertSignaturesIntoPlugins<FunnelChartPluginSignatures>;

package/esm/FunnelChart/funnelAxisPlugin/computeAxisValue.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { scaleBand } from '@mui/x-charts-vendor/d3-scale';
-import { getAxisExtremum, isBandScaleConfig, getScale, getColorScale, getOrdinalColorScale, getTickNumber, scaleTickNumberByRange, getCartesianAxisTriggerTooltip, isDateData, createDateFormatter } from '@mui/x-charts/internals';
+import { getAxisExtrema, isBandScaleConfig, getScale, getColorScale, getOrdinalColorScale, getTickNumber, scaleTickNumberByRange, getCartesianAxisTriggerTooltip, isDateData, createDateFormatter, getDefaultTickNumber } from '@mui/x-charts/internals';
 export const xRangeGetter = (drawingArea, reverse, removedSpace = 0) => {
   const range = [drawingArea.left, drawingArea.left + drawingArea.width - removedSpace];
   return reverse ? [range[1], range[0]] : [range[0], range[1]];
@@ -31,7 +31,7 @@ export function computeAxisValue({
   allAxis.forEach((eachAxis, axisIndex) => {
     const axis = eachAxis;
     let range = getRange(drawingArea, axisDirection, axis);
-    const [minData, maxData] = getAxisExtremum(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);
+    const [minData, maxData] = getAxisExtrema(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);
     const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
     const data = axis.data ?? [];
     if (isBandScaleConfig(axis)) {
@@ -84,10 +84,7 @@ export function computeAxisValue({
       axisExtremums[0] = min;
       axisExtremums[1] = max;
     }
-    const rawTickNumber = getTickNumber(_extends({}, axis, {
-      range,
-      domain: axisExtremums
-    }));
+    const rawTickNumber = getTickNumber(axis, axisExtremums, getDefaultTickNumber(Math.abs(range[1] - range[0])));
     const tickNumber = scaleTickNumberByRange(rawTickNumber, range);
     const scale = getScale(scaleType, axisExtremums, range);
     const finalScale = domainLimit === 'nice' ? scale.nice(rawTickNumber) : scale;

package/esm/FunnelChart/index.d.ts

@@ -8,6 +8,7 @@ export * from "./FunnelPlot.js";
 export * from "./funnel.types.js";
 export * from "./categoryAxis.types.js";
 export * from "./funnelSlots.types.js";
+export * from "./FunnelChart.plugins.js";
 export type { FunnelCurveType } from "./curves/index.js";
 export { funnelSectionClasses } from "./funnelSectionClasses.js";
 export type { FunnelSectionClasses } from "./funnelSectionClasses.js";

package/esm/FunnelChart/index.js

@@ -9,6 +9,7 @@ export * from "./FunnelPlot.js";
 export * from "./funnel.types.js";
 export * from "./categoryAxis.types.js";
 export * from "./funnelSlots.types.js";
+export * from "./FunnelChart.plugins.js";
 export { funnelSectionClasses } from "./funnelSectionClasses.js";
 export { FunnelSection } from "./FunnelSection.js";
 export { FunnelSectionLabel } from "./FunnelSectionLabel.js";

package/esm/FunnelChart/useFunnelChartProps.d.ts

@@ -3,7 +3,7 @@ import { ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
 import { ChartsLegendSlotExtension } from '@mui/x-charts/ChartsLegend';
 import { ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
 import type { ChartsWrapperProps } from '@mui/x-charts/ChartsWrapper';
-import { FunnelChartPluginsSignatures } from "./FunnelChart.plugins.js";
+import { FunnelChartPluginSignatures } from "./FunnelChart.plugins.js";
 import { FunnelPlotProps } from "./FunnelPlot.js";
 import type { FunnelChartProps } from "./FunnelChart.js";
 import { ChartContainerProProps } from "../ChartContainerPro/index.js";
@@ -15,7 +15,7 @@ import { ChartContainerProProps } from "../ChartContainerPro/index.js";
  * @returns An object with props for the children components of FunnelChart
  */
 export declare const useFunnelChartProps: (props: FunnelChartProps) => {
-  chartContainerProps: ChartContainerProProps<"funnel", FunnelChartPluginsSignatures>;
+  chartContainerProps: ChartContainerProProps<"funnel", FunnelChartPluginSignatures>;
   funnelPlotProps: FunnelPlotProps;
   overlayProps: ChartsOverlayProps;
   chartsAxisProps: ChartsAxisProps;

package/esm/Heatmap/Heatmap.d.ts

@@ -10,7 +10,7 @@ import { ChartContainerProProps } from "../ChartContainerPro/index.js";
 import { HeatmapSeriesType } from "../models/seriesType/heatmap.js";
 import { HeatmapTooltipProps } from "./HeatmapTooltip/index.js";
 import { HeatmapItemSlotProps, HeatmapItemSlots } from "./HeatmapItem.js";
-import { HeatmapPluginsSignatures } from "./Heatmap.plugins.js";
+import { HeatmapPluginSignatures } from "./Heatmap.plugins.js";
 import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
 export interface HeatmapSlots extends ChartsAxisSlots, ChartsOverlaySlots, HeatmapItemSlots, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {
   /**
@@ -28,7 +28,7 @@ export interface HeatmapSlotProps extends ChartsAxisSlotProps, ChartsOverlaySlot
   tooltip?: Partial<HeatmapTooltipProps>;
 }
 export type HeatmapSeries = MakeOptional<HeatmapSeriesType, 'type'>;
-export interface HeatmapProps extends Omit<ChartContainerProProps<'heatmap', HeatmapPluginsSignatures>, 'series' | 'plugins' | 'xAxis' | 'yAxis' | 'skipAnimation' | 'slots' | 'slotProps' | 'experimentalFeatures' | 'highlightedAxis' | 'onHighlightedAxisChange'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
+export interface HeatmapProps extends Omit<ChartContainerProProps<'heatmap', HeatmapPluginSignatures>, 'series' | 'plugins' | 'xAxis' | 'yAxis' | 'skipAnimation' | 'slots' | 'slotProps' | 'experimentalFeatures' | 'highlightedAxis' | 'onHighlightedAxisChange'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
   /**
    * The configuration of the x-axes.
    * If not provided, a default axis config is used.

package/esm/Heatmap/Heatmap.plugins.d.ts

@@ -1,4 +1,4 @@
 import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
 import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-export type HeatmapPluginsSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'heatmap'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
-export declare const HEATMAP_PLUGINS: ConvertSignaturesIntoPlugins<HeatmapPluginsSignatures>;
+export type HeatmapPluginSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'heatmap'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
+export declare const HEATMAP_PLUGINS: ConvertSignaturesIntoPlugins<HeatmapPluginSignatures>;

package/esm/Heatmap/index.d.ts

@@ -2,4 +2,5 @@ export { Heatmap } from "./Heatmap.js";
 export type { HeatmapSeries, HeatmapProps } from "./Heatmap.js";
 export { HeatmapPlot } from "./HeatmapPlot.js";
 export * from "./HeatmapTooltip/index.js";
+export * from "./Heatmap.plugins.js";
 export * from "./heatmapClasses.js";

package/esm/Heatmap/index.js

@@ -1,4 +1,5 @@
 export { Heatmap } from "./Heatmap.js";
 export { HeatmapPlot } from "./HeatmapPlot.js";
 export * from "./HeatmapTooltip/index.js";
+export * from "./Heatmap.plugins.js";
 export * from "./heatmapClasses.js";

package/esm/LineChartPro/LineChartPro.d.ts

@@ -3,10 +3,10 @@ import { LineChartProps, LineChartSlots, LineChartSlotProps } from '@mui/x-chart
 import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
 import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
 import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { LineChartProPluginsSignatures } from "./LineChartPro.plugins.js";
+import { 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', LineChartProPluginsSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps'> {
+export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps'> {
   /**
    * Overridable component slots.
    * @default {}

package/esm/LineChartPro/LineChartPro.js

@@ -132,6 +132,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    * If `true`, render the line highlight item.
    */
   disableLineItemHighlight: PropTypes.bool,
+  enableKeyboardNavigation: PropTypes.bool,
   /**
    * Options to enable features planned for the next major.
    */
@@ -1418,6 +1419,29 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     end: PropTypes.number.isRequired,
     start: PropTypes.number.isRequired
-  }))
+  })),
+  /**
+   * Configuration for zoom interactions.
+   */
+  zoomInteractionConfig: PropTypes.shape({
+    pan: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['drag']), PropTypes.shape({
+      pointerMode: PropTypes.oneOf(['mouse', 'touch']),
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['drag']).isRequired
+    })]).isRequired),
+    zoom: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['pinch', 'tapAndDrag', 'wheel']), PropTypes.shape({
+      pointerMode: PropTypes.any,
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['wheel']).isRequired
+    }), PropTypes.shape({
+      pointerMode: PropTypes.any,
+      requiredKeys: PropTypes.array,
+      type: PropTypes.oneOf(['pinch']).isRequired
+    }), PropTypes.shape({
+      pointerMode: PropTypes.oneOf(['mouse', 'touch']),
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['tapAndDrag']).isRequired
+    })]).isRequired)
+  })
 } : void 0;
 export { LineChartPro };

package/esm/LineChartPro/LineChartPro.plugins.d.ts

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

package/esm/LineChartPro/LineChartPro.plugins.js

@@ -1,4 +1,4 @@
-import { useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight } from '@mui/x-charts/internals';
+import { useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartKeyboardNavigation } from '@mui/x-charts/internals';
 import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
 import { useChartProZoom } from "../internals/plugins/useChartProZoom/index.js";
-export const LINE_CHART_PRO_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartProZoom, useChartProExport];
+export const LINE_CHART_PRO_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartKeyboardNavigation, useChartProZoom, useChartProExport];

package/esm/LineChartPro/index.d.ts

@@ -1 +1,2 @@
-export * from "./LineChartPro.js";
+export * from "./LineChartPro.js";
+export * from "./LineChartPro.plugins.js";

package/esm/LineChartPro/index.js

@@ -1 +1,2 @@
-export * from "./LineChartPro.js";
+export * from "./LineChartPro.js";
+export * from "./LineChartPro.plugins.js";

package/esm/PieChartPro/PieChartPro.js

@@ -111,6 +111,7 @@ process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
    */
   dataset: PropTypes.arrayOf(PropTypes.object),
   desc: PropTypes.string,
+  enableKeyboardNavigation: PropTypes.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */

package/esm/PieChartPro/PieChartPro.plugins.d.ts

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

package/esm/PieChartPro/index.d.ts

@@ -1 +1,2 @@
-export * from "./PieChartPro.js";
+export * from "./PieChartPro.js";
+export * from "./PieChartPro.plugins.js";

package/esm/PieChartPro/index.js

@@ -1 +1,2 @@
-export * from "./PieChartPro.js";
+export * from "./PieChartPro.js";
+export * from "./PieChartPro.plugins.js";

package/esm/RadarChartPro/RadarChartPro.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { RadarChartProps, RadarDataProviderProps, RadarChartSlotProps, RadarChartSlots } from '@mui/x-charts/RadarChart';
-import { RadarChartProPluginsSignatures } from "./RadarChartPro.plugins.js";
+import { RadarChartProPluginSignatures } from "./RadarChartPro.plugins.js";
 import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
 import { ChartsSlotPropsPro, 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<RadarChartProPluginsSignatures>, 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {
+export interface RadarChartProProps extends Omit<RadarChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<RadarDataProviderProps<RadarChartProPluginSignatures>, 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {
   /**
    * Overridable component slots.
    * @default {}

package/esm/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 RadarChartProPluginsSignatures = [UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
-export declare const RADAR_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<RadarChartProPluginsSignatures>;
+export type RadarChartProPluginSignatures = [UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
+export declare const RADAR_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<RadarChartProPluginSignatures>;

package/esm/RadarChartPro/index.d.ts

@@ -1 +1,2 @@
-export * from "./RadarChartPro.js";
+export * from "./RadarChartPro.js";
+export * from "./RadarChartPro.plugins.js";

package/esm/RadarChartPro/index.js

@@ -1 +1,2 @@
-export * from "./RadarChartPro.js";
+export * from "./RadarChartPro.js";
+export * from "./RadarChartPro.plugins.js";

package/esm/SankeyChart/SankeyChart.d.ts

@@ -3,11 +3,11 @@ import { type ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
 import type { MakeOptional } from '@mui/x-internals/types';
 import { ChartContainerProProps } from "../ChartContainerPro/index.js";
 import { type SankeyPlotProps } from "./SankeyPlot.js";
-import { type SankeyChartPluginsSignatures } from "./SankeyChart.plugins.js";
+import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.js";
 import type { SankeySeriesType } from "./sankey.types.js";
 import type { SankeyChartSlotExtension } from "./sankeySlots.types.js";
 export type SankeySeries = MakeOptional<SankeySeriesType, 'type'>;
-export interface SankeyChartProps extends Omit<ChartContainerProProps<'sankey', SankeyChartPluginsSignatures>, 'plugins' | 'series' | 'slotProps' | 'slots' | 'dataset' | 'hideLegend' | 'skipAnimation' | 'highlightedItem' | 'onHighlightChange'>, Omit<SankeyPlotProps, 'data'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, SankeyChartSlotExtension {
+export interface SankeyChartProps extends Omit<ChartContainerProProps<'sankey', SankeyChartPluginSignatures>, 'plugins' | 'series' | 'slotProps' | 'slots' | 'dataset' | 'hideLegend' | 'skipAnimation' | 'highlightedItem' | 'onHighlightChange'>, Omit<SankeyPlotProps, 'data'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, SankeyChartSlotExtension {
   /**
    * The series to display in the Sankey chart.
    * A single object is expected.

package/esm/SankeyChart/SankeyChart.js

@@ -68,7 +68,10 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   apiRef: PropTypes.shape({
-    current: PropTypes.object
+    current: PropTypes.shape({
+      exportAsImage: PropTypes.func.isRequired,
+      exportAsPrint: PropTypes.func.isRequired
+    })
   }),
   /**
    * Classes applied to the various elements.

package/esm/SankeyChart/SankeyChart.plugins.d.ts

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

package/esm/SankeyChart/SankeyChart.plugins.js

@@ -1,9 +1,5 @@
 import { useChartHighlight
 // useChartHighlight,
 , useChartInteraction } from '@mui/x-charts/internals';
-import // useChartProExport,
-// UseChartProExportSignature,
-"../internals/plugins/useChartProExport/index.js";
-export const SANKEY_CHART_PLUGINS = [useChartInteraction, useChartHighlight
-// useChartProExport,
-];
+import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
+export const SANKEY_CHART_PLUGINS = [useChartInteraction, useChartHighlight, useChartProExport];

package/esm/SankeyChart/SankeyLinkLabel.js

@@ -2,6 +2,7 @@
 
 import * as React from 'react';
 import { useTheme } from '@mui/material/styles';
+import { useSankeySeriesContext } from "../hooks/useSankeySeries.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getLinkMidpoint = link => {
   if (link.y0 === undefined || link.y1 === undefined) {
@@ -30,10 +31,20 @@ export const SankeyLinkLabel = /*#__PURE__*/React.forwardRef(function SankeyLink
     link
   } = props;
   const theme = useTheme();
+  const seriesContext = useSankeySeriesContext();
   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 series = seriesContext?.series[seriesContext.seriesOrder?.[0]];
+  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,
@@ -46,7 +57,7 @@ export const SankeyLinkLabel = /*#__PURE__*/React.forwardRef(function SankeyLink
     "data-link-target": link.target.id,
     fontFamily: theme.typography.fontFamily,
     pointerEvents: "none",
-    children: link.value
+    children: formattedValue
   });
 });
 if (process.env.NODE_ENV !== "production") SankeyLinkLabel.displayName = "SankeyLinkLabel";

package/esm/SankeyChart/calculateSankeyLayout.js

@@ -27,7 +27,7 @@ export function calculateSankeyLayout(data, drawingArea, theme, series = {}) {
     sort: nodeSort = null
   } = nodeOptions ?? {};
   const {
-    color: linkColor = (theme.vars || theme).palette.text.primary,
+    color: linkColor = 'source',
     sort: linkSort = null,
     curveCorrection = 10
   } = linkOptions ?? {};
@@ -86,8 +86,14 @@ export function calculateSankeyLayout(data, drawingArea, theme, series = {}) {
     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 _extends({}, originalLink, link, {
-      color: originalLink?.color ?? linkColor,
+      color: resolvedColor,
       path: improvedNaiveSankeyLinkPathHorizontal(link, curveCorrection)
     });
   });

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

@@ -38,9 +38,13 @@ export interface SankeyLink {
    */
   data?: any;
   /**
-   * Optional color override for the link
+   * Optional color override for the link.
+   * Can be a color string, or a keyword:
+   * - 'source': Use the color of the source node
+   * - 'target': Use the color of the target node
+   * @default 'source'
    */
-  color?: string;
+  color?: string | 'source' | 'target';
 }
 export type SankeyNodeOptions = {
   /**
@@ -78,9 +82,13 @@ export type SankeyNodeOptions = {
 };
 export type SankeyLinkOptions = {
   /**
-   * Default color for links without specified colors
+   * Default color for links without specified colors.
+   * Can be a color string, or a keyword:
+   * - 'source': Use the color of the source node
+   * - 'target': Use the color of the target node
+   * @default 'source'
    */
-  color?: string;
+  color?: string | 'source' | 'target';
   /**
    * Opacity of the links (0-1)
    */
@@ -146,6 +154,17 @@ export interface SankeySeriesType {
    * @default 6
    */
   iterations?: number;
+  /**
+   * Formatter used to render values in tooltip or other data display.
+   * @param {number} value The value to render.
+   * @param {SankeyValueFormatterContext} context The rendering context of the value.
+   * @param {'node' | 'link'} context.type The type of element being formatted.
+   * @param {SankeyNodeId} [context.nodeId] For nodes: the node ID. For links: undefined.
+   * @param {SankeyNodeId} [context.sourceId] For links: the source node ID. For nodes: undefined.
+   * @param {SankeyNodeId} [context.targetId] For links: the target node ID. For nodes: undefined.
+   * @returns {string | null} The formatted value to display.
+   */
+  valueFormatter?: (value: number, context: SankeyValueFormatterContext) => string | null;
 }
 /**
  * Represents the calculated positions and dimensions for a node in the Sankey diagram
@@ -170,7 +189,7 @@ export interface SankeyLayout {
   nodes: readonly SankeyLayoutNode[];
   links: readonly SankeyLayoutLink[];
 }
-export interface DefaultizedSankeySeriesType extends DefaultizedProps<Omit<SankeySeriesType, 'data'>, 'id'> {
+export interface DefaultizedSankeySeriesType extends DefaultizedProps<Omit<SankeySeriesType, 'data'>, 'id' | 'valueFormatter'> {
   data: {
     nodes: Map<SankeyNodeId, SankeyNode>;
     links: readonly SankeyLink[];
@@ -222,4 +241,35 @@ export type SankeyLinkIdentifierWithData = SankeyLinkIdentifier & {
 };
 export type SankeyItemIdentifier = SankeyNodeIdentifier | SankeyLinkIdentifier;
 export type SankeyItemIdentifierWithData = SankeyNodeIdentifierWithData | SankeyLinkIdentifierWithData;
+export type SankeyValueFormatterContext = {
+  /**
+   * Where the value will be displayed
+   */
+  location: 'tooltip' | 'label';
+  /**
+   * Can be 'node' or 'link'
+   */
+  type: 'node';
+  /**
+   * The id of the node
+   */
+  nodeId: SankeyNodeId;
+} | {
+  /**
+   * Where the value will be displayed
+   */
+  location: 'tooltip' | 'label';
+  /**
+   * Can be 'node' or 'link'
+   */
+  type: 'link';
+  /**
+   * The id of the source node
+   */
+  sourceId: SankeyNodeId;
+  /**
+   * The id of the target node
+   */
+  targetId: SankeyNodeId;
+};
 export {};

package/esm/SankeyChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+const defaultSankeyValueFormatter = v => v == null ? '' : v.toLocaleString();
 export const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
   const nodeMap = new Map();
   const nodeColor = seriesData.nodeOptions?.color;
@@ -39,6 +40,7 @@ export const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
   return _extends({
     id: seriesData.id ?? `auto-generated-id-${seriesIndex}`
   }, seriesData, {
+    valueFormatter: seriesData.valueFormatter ?? defaultSankeyValueFormatter,
     data: {
       links: data.links,
       nodes: nodeMap