@mui/x-charts-pro 8.20.0 → 8.22.0

package/SankeyChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -6,14 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSeriesWithDefaultValues = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _d3Sankey = require("../d3Sankey");
+var _utils = require("../utils");
 const defaultSankeyValueFormatter = v => v == null ? '' : v.toLocaleString();
 const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
   const nodeMap = new Map();
   const nodeColor = seriesData.nodeOptions?.color;
-  const data = seriesData.data;
+  const nodeAlign = seriesData.nodeOptions?.align;
+  const {
+    color: linkColor = 'source'
+  } = seriesData.linkOptions ?? {};
   let colorIndex = -1;
-  if (data.nodes) {
-    data.nodes.forEach(node => {
+  if (seriesData.data.nodes) {
+    seriesData.data.nodes.forEach(node => {
       const id = node.id || node.label || '';
       const label = node.label || `${id}`;
       colorIndex += 1;
@@ -24,34 +29,78 @@ const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
       }));
     });
   }
-  data.links.forEach(v => {
-    if (!nodeMap.has(v.source)) {
+  const links = seriesData.data.links.map(link => {
+    // Add default values to nodes
+    if (!nodeMap.has(link.source)) {
       colorIndex += 1;
       const source = {
-        id: v.source,
-        label: `${v.source}`,
+        id: link.source,
+        label: `${link.source}`,
         color: nodeColor ?? colors?.[colorIndex % colors.length]
       };
       nodeMap.set(source.id, source);
     }
-    if (!nodeMap.has(v.target)) {
+    if (!nodeMap.has(link.target)) {
       colorIndex += 1;
       const target = {
-        id: v.target,
-        label: `${v.target}`,
+        id: link.target,
+        label: `${link.target}`,
         color: nodeColor ?? colors?.[colorIndex % colors.length]
       };
       nodeMap.set(target.id, target);
     }
+
+    // Add color to links
+    let resolvedColor = link.color ?? linkColor;
+    if (resolvedColor === 'source') {
+      resolvedColor = nodeMap.get(link.source)?.color ?? linkColor;
+    } else if (resolvedColor === 'target') {
+      resolvedColor = nodeMap.get(link.target)?.color ?? linkColor;
+    }
+    return (0, _extends2.default)({}, link, {
+      color: resolvedColor
+    });
   });
+  if (!seriesData.data || !links) {
+    return (0, _extends2.default)({
+      id: seriesData.id ?? `auto-generated-id-${seriesIndex}`
+    }, seriesData, {
+      valueFormatter: seriesData.valueFormatter ?? defaultSankeyValueFormatter,
+      data: {
+        nodes: [],
+        links: []
+      }
+    });
+  }
+
+  //  Prepare the data structure expected by d3-sankey
+  const graph = {
+    nodes: nodeMap.values().toArray().map(v => (0, _extends2.default)({}, v)),
+    links: links.map(v => (0, _extends2.default)({}, v))
+  };
+
+  // Create the sankey layout generator
+  const sankeyGenerator = (0, _d3Sankey.sankey)(false).nodeAlign((0, _utils.getNodeAlignFunction)(nodeAlign)).nodeId(d => d.id);
+
+  // Generate the layout
+  let data;
+  try {
+    data = sankeyGenerator(graph);
+  } catch (error) {
+    // There are two errors that can occur:
+    // 1. If the data contains circular references, d3-sankey will throw an error.
+    // 2. If there are missing source/target nodes, d3-sankey will throw an error.
+    // We handle the second case by building a map of nodes ourselves, so they are always present.
+    if (error instanceof Error && error.message === 'circular link') {
+      throw new Error('MUI X Charts: Sankey diagram contains circular references.');
+    }
+    throw error;
+  }
   return (0, _extends2.default)({
     id: seriesData.id ?? `auto-generated-id-${seriesIndex}`
   }, seriesData, {
     valueFormatter: seriesData.valueFormatter ?? defaultSankeyValueFormatter,
-    data: {
-      links: data.links,
-      nodes: nodeMap
-    }
+    data
   });
 };
 exports.getSeriesWithDefaultValues = getSeriesWithDefaultValues;

package/SankeyChart/seriesConfig/index.js

@@ -1,19 +1,34 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sankeySeriesConfig = void 0;
 var _getSeriesWithDefaultValues = require("./getSeriesWithDefaultValues");
 var _tooltipGetter = require("./tooltipGetter");
+var _calculateSankeyLayout = require("../calculateSankeyLayout");
+var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
 // Simple passthrough functions for sankey chart
 const seriesProcessor = series => series;
 const colorProcessor = series => series;
 const legendGetter = () => [];
+const seriesLayout = (series, drawingArea) => {
+  if (series.seriesOrder.length === 0) {
+    return {};
+  }
+  return {
+    [series.seriesOrder[0]]: {
+      sankeyLayout: (0, _calculateSankeyLayout.calculateSankeyLayout)(series.series[series.seriesOrder[0]], drawingArea)
+    }
+  };
+};
 const sankeySeriesConfig = exports.sankeySeriesConfig = {
   seriesProcessor,
+  seriesLayout,
   colorProcessor,
   legendGetter,
   tooltipGetter: _tooltipGetter.tooltipGetter,
+  tooltipItemPositionGetter: _tooltipPosition.default,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.getSeriesWithDefaultValues
 };

package/SankeyChart/seriesConfig/tooltipGetter.js

@@ -16,7 +16,10 @@ const tooltipGetter = params => {
     subType
   } = identifier;
   if (subType === 'node') {
-    const node = identifier.node;
+    const node = series.data.nodes.find(n => n.id === identifier.nodeId);
+    if (!node) {
+      return null;
+    }
     return {
       identifier,
       color: node.color,
@@ -31,7 +34,7 @@ const tooltipGetter = params => {
     };
   }
   if (subType === 'link') {
-    const link = identifier.link;
+    const link = series.data.links.find(l => l.source.id === identifier.sourceId && l.target.id === identifier.targetId);
     if (!link) {
       return null;
     }

package/SankeyChart/seriesConfig/tooltipPosition.d.ts

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

package/SankeyChart/seriesConfig/tooltipPosition.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const tooltipItemPositionGetter = params => {
+  const {
+    series,
+    seriesLayout,
+    identifier,
+    placement
+  } = params;
+  if (!identifier) {
+    return null;
+  }
+  const seriesItem = series.sankey?.series[identifier.seriesId];
+  const layout = seriesLayout.sankey?.[identifier.seriesId]?.sankeyLayout;
+  if (seriesItem == null || layout == null) {
+    return null;
+  }
+  if (identifier.subType === 'node') {
+    const node = layout.nodes.find(n => n.id === identifier.nodeId);
+    if (!node) {
+      return null;
+    }
+    const {
+      x0 = 0,
+      x1 = 0,
+      y0 = 0,
+      y1 = 0
+    } = node;
+    switch (placement) {
+      case 'bottom':
+        return {
+          x: (x1 + x0) / 2,
+          y: y1
+        };
+      case 'left':
+        return {
+          x: x0,
+          y: (y1 + y0) / 2
+        };
+      case 'right':
+        return {
+          x: x1,
+          y: (y1 + y0) / 2
+        };
+      case 'top':
+      default:
+        return {
+          x: (x1 + x0) / 2,
+          y: y0
+        };
+    }
+  }
+  if (identifier.subType === 'link') {
+    const link = layout.links.find(l => l.source.id === identifier.sourceId && l.target.id === identifier.targetId);
+    if (!link) {
+      return null;
+    }
+    const {
+      y0: yStart = 0,
+      y1: yEnd = 0
+    } = link;
+    const y0 = Math.min(yStart, yEnd) - link.width / 2;
+    const y1 = Math.max(yStart, yEnd) + link.width / 2;
+    const x0 = Math.min(link.source.x1 ?? 0, link.target.x1 ?? 0);
+    const x1 = Math.max(link.source.x0 ?? 0, link.target.x0 ?? 0);
+    switch (placement) {
+      case 'bottom':
+        return {
+          x: (x1 + x0) / 2,
+          y: y1
+        };
+      case 'left':
+        return {
+          x: x0,
+          y: (y1 + y0) / 2
+        };
+      case 'right':
+        return {
+          x: x1,
+          y: (y1 + y0) / 2
+        };
+      case 'top':
+      default:
+        return {
+          x: (x1 + x0) / 2,
+          y: y0
+        };
+    }
+  }
+  return null;
+};
+var _default = exports.default = tooltipItemPositionGetter;

package/SankeyChart/utils.d.ts

@@ -1,3 +1,3 @@
-import { sankeyLeft } from '@mui/x-charts-vendor/d3-sankey';
+import { sankeyJustify } from "./d3Sankey/index.js";
 import type { SankeyNodeOptions } from "./sankey.types.js";
-export declare const getNodeAlignFunction: (align: SankeyNodeOptions["align"]) => typeof sankeyLeft;
+export declare const getNodeAlignFunction: (align?: SankeyNodeOptions["align"]) => typeof sankeyJustify;

package/SankeyChart/utils.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getNodeAlignFunction = void 0;
-var _d3Sankey = require("@mui/x-charts-vendor/d3-sankey");
+var _d3Sankey = require("./d3Sankey");
 const getNodeAlignFunction = align => {
   switch (align) {
     case 'left':

package/ScatterChartPro/ScatterChartPro.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { ScatterChartProps, ScatterChartSlotProps, ScatterChartSlots } from '@mui/x-charts/ScatterChart';
-import { ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
-import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
-import { ChartContainerProProps } from "../ChartContainerPro/ChartContainerPro.js";
-import { ScatterChartProPluginSignatures } from "./ScatterChartPro.plugins.js";
-import { ChartsToolbarProSlots, ChartsToolbarProSlotProps } from "../ChartsToolbarPro/Toolbar.types.js";
+import { type ScatterChartProps, type ScatterChartSlotProps, type ScatterChartSlots } from '@mui/x-charts/ScatterChart';
+import { type ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
+import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/ChartContainerPro.js";
+import { type ScatterChartProPluginSignatures } from "./ScatterChartPro.plugins.js";
+import { type ChartsToolbarProSlots, type ChartsToolbarProSlotProps } from "../ChartsToolbarPro/Toolbar.types.js";
 export interface ScatterChartProSlots extends Omit<ScatterChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface ScatterChartProSlotProps extends Omit<ScatterChartSlotProps, 'toolbar' | 'tooltip'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {
   /**

package/ScatterChartPro/ScatterChartPro.js

@@ -316,6 +316,11 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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']),
@@ -332,6 +337,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -383,6 +389,11 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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']),
@@ -399,6 +410,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -458,6 +470,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -518,6 +531,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -577,6 +591,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -636,6 +651,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -699,6 +715,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -762,6 +779,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -821,6 +839,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -879,6 +898,11 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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']),
@@ -894,6 +918,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -945,6 +970,11 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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']),
@@ -960,6 +990,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1018,6 +1049,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1077,6 +1109,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1135,6 +1168,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1193,6 +1227,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1255,6 +1290,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1317,6 +1353,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1375,6 +1412,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({

package/ScatterChartPro/ScatterChartPro.plugins.d.ts

@@ -1,5 +1,5 @@
-import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartClosestPointSignature, 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 ScatterChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
+import { type UseChartZAxisSignature, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartClosestPointSignature, 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 ScatterChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
 export declare const SCATTER_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartProPluginSignatures>;

package/ScatterChartPro/ScatterChartPro.plugins.js

@@ -7,4 +7,4 @@ exports.SCATTER_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 SCATTER_CHART_PRO_PLUGINS = exports.SCATTER_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartClosestPoint, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
+const SCATTER_CHART_PRO_PLUGINS = exports.SCATTER_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartClosestPoint, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];

package/context/ChartProApi.d.ts

@@ -1,13 +1,13 @@
-import { ChartAnyPluginSignature, ChartPublicAPI } from '@mui/x-charts/internals';
-import { HeatmapPluginSignatures } from "../Heatmap/Heatmap.plugins.js";
-import { LineChartProPluginSignatures } from "../LineChartPro/LineChartPro.plugins.js";
-import { ScatterChartProPluginSignatures } from "../ScatterChartPro/ScatterChartPro.plugins.js";
-import { BarChartProPluginSignatures } from "../BarChartPro/BarChartPro.plugins.js";
-import { AllPluginSignatures, DefaultPluginSignatures } from "../internals/plugins/allPlugins.js";
-import { FunnelChartPluginSignatures } from "../FunnelChart/FunnelChart.plugins.js";
-import { RadarChartProPluginSignatures } from "../RadarChartPro/RadarChartPro.plugins.js";
-import { PieChartProPluginSignatures } from "../PieChartPro/PieChartPro.plugins.js";
-import { SankeyChartPluginSignatures } from "../SankeyChart/SankeyChart.plugins.js";
+import { type ChartAnyPluginSignature, type ChartPublicAPI } from '@mui/x-charts/internals';
+import { type HeatmapPluginSignatures } from "../Heatmap/Heatmap.plugins.js";
+import { type LineChartProPluginSignatures } from "../LineChartPro/LineChartPro.plugins.js";
+import { type ScatterChartProPluginSignatures } from "../ScatterChartPro/ScatterChartPro.plugins.js";
+import { type BarChartProPluginSignatures } from "../BarChartPro/BarChartPro.plugins.js";
+import { type AllPluginSignatures, type DefaultPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type FunnelChartPluginSignatures } from "../FunnelChart/FunnelChart.plugins.js";
+import { type RadarChartProPluginSignatures } from "../RadarChartPro/RadarChartPro.plugins.js";
+import { type PieChartProPluginSignatures } from "../PieChartPro/PieChartPro.plugins.js";
+import { type SankeyChartPluginSignatures } from "../SankeyChart/SankeyChart.plugins.js";
 export type ProPluginsPerSeriesType = {
   heatmap: HeatmapPluginSignatures;
   line: LineChartProPluginSignatures;

package/context/useChartProApiContext.d.ts

@@ -1,4 +1,4 @@
-import { ChartProApi } from "./ChartProApi.js";
+import { type ChartProApi } from "./ChartProApi.js";
 /**
  * The `useChartProApiContext` hook provides access to the chart API.
  * This is only available when the chart is rendered within a chart or a `ChartDataProvider` component.

package/esm/BarChartPro/BarChartPro.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { BarChartProps, BarChartSlotProps, BarChartSlots } from '@mui/x-charts/BarChart';
-import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
-import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { BarChartProPluginSignatures } from "./BarChartPro.plugins.js";
+import { type BarChartProps, type BarChartSlotProps, type BarChartSlots } from '@mui/x-charts/BarChart';
+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 BarChartProPluginSignatures } from "./BarChartPro.plugins.js";
 export interface BarChartProSlots extends Omit<BarChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface BarChartProSlotProps extends Omit<BarChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
 export interface BarChartProProps extends Omit<BarChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'bar', BarChartProPluginSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {