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

package/Heatmap/seriesConfig/tooltip.js

@@ -11,19 +11,20 @@ const tooltipGetter = params => {
     getColor,
     identifier
   } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+  if (!identifier) {
     return null;
   }
+  const cellValue = series.heatmapData.getValue(identifier.xIndex, identifier.yIndex);
   const label = (0, _internals.getLabel)(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
+  const formattedValue = series.valueFormatter(cellValue, {
+    xIndex: identifier.xIndex,
+    yIndex: identifier.yIndex
   });
   return {
     identifier,
-    color: getColor(identifier.dataIndex),
+    color: getColor(cellValue),
     label,
-    value,
+    value: cellValue,
     formattedValue,
     markType: series.labelMarkType
   };

package/Heatmap/seriesConfig/tooltip.mjs

@@ -5,19 +5,20 @@ const tooltipGetter = params => {
     getColor,
     identifier
   } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+  if (!identifier) {
     return null;
   }
+  const cellValue = series.heatmapData.getValue(identifier.xIndex, identifier.yIndex);
   const label = getLabel(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
+  const formattedValue = series.valueFormatter(cellValue, {
+    xIndex: identifier.xIndex,
+    yIndex: identifier.yIndex
   });
   return {
     identifier,
-    color: getColor(identifier.dataIndex),
+    color: getColor(cellValue),
     label,
-    value,
+    value: cellValue,
     formattedValue,
     markType: series.labelMarkType
   };

package/Heatmap/seriesConfig/tooltipPosition.js

@@ -12,7 +12,7 @@ const tooltipItemPositionGetter = params => {
     axesConfig,
     placement
   } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+  if (!identifier) {
     return null;
   }
   const itemSeries = series.heatmap?.series[identifier.seriesId];
@@ -22,9 +22,8 @@ const tooltipItemPositionGetter = params => {
   if (axesConfig.x === undefined || axesConfig.y === undefined || !(0, _internals.isBandScaleConfig)(axesConfig.x) || !(0, _internals.isBandScaleConfig)(axesConfig.y)) {
     return null;
   }
-  const [xIndex, yIndex] = itemSeries.data[identifier.dataIndex];
-  const x = axesConfig.x.scale(axesConfig.x.scale.domain()[xIndex]);
-  const y = axesConfig.y.scale(axesConfig.y.scale.domain()[yIndex]);
+  const x = axesConfig.x.scale(axesConfig.x.scale.domain()[identifier.xIndex]);
+  const y = axesConfig.y.scale(axesConfig.y.scale.domain()[identifier.yIndex]);
   if (x === undefined || y === undefined) {
     return null;
   }

package/Heatmap/seriesConfig/tooltipPosition.mjs

@@ -6,7 +6,7 @@ const tooltipItemPositionGetter = params => {
     axesConfig,
     placement
   } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+  if (!identifier) {
     return null;
   }
   const itemSeries = series.heatmap?.series[identifier.seriesId];
@@ -16,9 +16,8 @@ const tooltipItemPositionGetter = params => {
   if (axesConfig.x === undefined || axesConfig.y === undefined || !isBandScaleConfig(axesConfig.x) || !isBandScaleConfig(axesConfig.y)) {
     return null;
   }
-  const [xIndex, yIndex] = itemSeries.data[identifier.dataIndex];
-  const x = axesConfig.x.scale(axesConfig.x.scale.domain()[xIndex]);
-  const y = axesConfig.y.scale(axesConfig.y.scale.domain()[yIndex]);
+  const x = axesConfig.x.scale(axesConfig.x.scale.domain()[identifier.xIndex]);
+  const y = axesConfig.y.scale(axesConfig.y.scale.domain()[identifier.yIndex]);
   if (x === undefined || y === undefined) {
     return null;
   }

package/Heatmap/useHeatmapProps.js

@@ -51,7 +51,7 @@ function useHeatmapProps(props) {
     loading,
     highlightedItem,
     onHighlightChange,
-    enableKeyboardNavigation,
+    disableKeyboardNavigation,
     borderRadius,
     hideLegend
   } = props;
@@ -105,7 +105,7 @@ function useHeatmapProps(props) {
     disableAxisListener: true,
     highlightedItem,
     onHighlightChange,
-    enableKeyboardNavigation,
+    disableKeyboardNavigation,
     onAxisClick,
     onItemClick,
     plugins: _Heatmap.HEATMAP_PLUGINS

package/Heatmap/useHeatmapProps.mjs

@@ -43,7 +43,7 @@ export function useHeatmapProps(props) {
     loading,
     highlightedItem,
     onHighlightChange,
-    enableKeyboardNavigation,
+    disableKeyboardNavigation,
     borderRadius,
     hideLegend
   } = props;
@@ -97,7 +97,7 @@ export function useHeatmapProps(props) {
     disableAxisListener: true,
     highlightedItem,
     onHighlightChange,
-    enableKeyboardNavigation,
+    disableKeyboardNavigation,
     onAxisClick,
     onItemClick,
     plugins: HEATMAP_PLUGINS

package/LineChartPro/LineChartPro.js

@@ -150,11 +150,14 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    * @default false
    */
   disableAxisListener: _propTypes.default.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: _propTypes.default.bool,
   /**
    * If `true`, render the line highlight item.
    */
   disableLineItemHighlight: _propTypes.default.bool,
-  enableKeyboardNavigation: _propTypes.default.bool,
   /**
    * Options to enable features planned for the next major.
    */
@@ -339,7 +342,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: _propTypes.default.func,
   /**

package/LineChartPro/LineChartPro.mjs

@@ -143,11 +143,14 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    * @default false
    */
   disableAxisListener: PropTypes.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: PropTypes.bool,
   /**
    * If `true`, render the line highlight item.
    */
   disableLineItemHighlight: PropTypes.bool,
-  enableKeyboardNavigation: PropTypes.bool,
   /**
    * Options to enable features planned for the next major.
    */
@@ -332,7 +335,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: PropTypes.func,
   /**

package/PieChartPro/PieChartPro.js

@@ -120,7 +120,10 @@ process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
    */
   dataset: _propTypes.default.arrayOf(_propTypes.default.object),
   desc: _propTypes.default.string,
-  enableKeyboardNavigation: _propTypes.default.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: _propTypes.default.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */
@@ -244,7 +247,7 @@ process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: _propTypes.default.func,
   /**

package/PieChartPro/PieChartPro.mjs

@@ -112,7 +112,10 @@ process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
    */
   dataset: PropTypes.arrayOf(PropTypes.object),
   desc: PropTypes.string,
-  enableKeyboardNavigation: PropTypes.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: PropTypes.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */
@@ -236,7 +239,7 @@ process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: PropTypes.func,
   /**

package/RadarChartPro/RadarChartPro.js

@@ -85,12 +85,15 @@ process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
    * @default false
    */
   disableAxisListener: _propTypes.default.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: _propTypes.default.bool,
   /**
    * The number of divisions in the radar grid.
    * @default 5
    */
   divisions: _propTypes.default.number,
-  enableKeyboardNavigation: _propTypes.default.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */
@@ -234,7 +237,7 @@ process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: _propTypes.default.func,
   /**

package/RadarChartPro/RadarChartPro.mjs

@@ -78,12 +78,15 @@ process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
    * @default false
    */
   disableAxisListener: PropTypes.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: PropTypes.bool,
   /**
    * The number of divisions in the radar grid.
    * @default 5
    */
   divisions: PropTypes.number,
-  enableKeyboardNavigation: PropTypes.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */
@@ -227,7 +230,7 @@ process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: PropTypes.func,
   /**

package/SankeyChart/SankeyChart.js

@@ -95,7 +95,10 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
    */
   colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
   desc: _propTypes.default.string,
-  enableKeyboardNavigation: _propTypes.default.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: _propTypes.default.bool,
   /**
    * Options to enable features planned for the next major.
    */
@@ -194,7 +197,7 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: _propTypes.default.func,
   /**

package/SankeyChart/SankeyChart.mjs

@@ -88,7 +88,10 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
    */
   colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
   desc: PropTypes.string,
-  enableKeyboardNavigation: PropTypes.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: PropTypes.bool,
   /**
    * Options to enable features planned for the next major.
    */
@@ -187,7 +190,7 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: PropTypes.func,
   /**

package/SankeyChart/SankeyLinkElement.js

@@ -11,6 +11,7 @@ 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 _sankeyHighlightHooks = require("./sankeyHighlightHooks");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
@@ -22,7 +23,6 @@ const SankeyLinkElement = exports.SankeyLinkElement = /*#__PURE__*/React.forward
     onClick,
     seriesId
   } = props;
-  const store = (0, _internals.useStore)();
   const identifier = {
     type: 'sankey',
     seriesId,
@@ -31,8 +31,9 @@ const SankeyLinkElement = exports.SankeyLinkElement = /*#__PURE__*/React.forward
     sourceId: link.source.id,
     link
   };
-  const isHighlighted = store.use(_internals.selectorChartsIsHighlighted, identifier);
-  const isFaded = store.use(_internals.selectorChartsIsFaded, identifier);
+  const highlightState = (0, _sankeyHighlightHooks.useSankeyLinkHighlightState)(identifier);
+  const isFaded = highlightState === 'faded';
+  const isHighlighted = highlightState === 'highlighted';
 
   // Add interaction props for tooltips
   const interactionProps = (0, _internals.useInteractionItemProps)(identifier);

package/SankeyChart/SankeyLinkElement.mjs

@@ -3,7 +3,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { selectorChartsIsFaded, selectorChartsIsHighlighted, useInteractionItemProps, useStore } from '@mui/x-charts/internals';
+import { useInteractionItemProps } from '@mui/x-charts/internals';
+import { useSankeyLinkHighlightState } from "./sankeyHighlightHooks.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @ignore - internal component.
@@ -15,7 +16,6 @@ export const SankeyLinkElement = /*#__PURE__*/React.forwardRef(function SankeyLi
     onClick,
     seriesId
   } = props;
-  const store = useStore();
   const identifier = {
     type: 'sankey',
     seriesId,
@@ -24,8 +24,9 @@ export const SankeyLinkElement = /*#__PURE__*/React.forwardRef(function SankeyLi
     sourceId: link.source.id,
     link
   };
-  const isHighlighted = store.use(selectorChartsIsHighlighted, identifier);
-  const isFaded = store.use(selectorChartsIsFaded, identifier);
+  const highlightState = useSankeyLinkHighlightState(identifier);
+  const isFaded = highlightState === 'faded';
+  const isHighlighted = highlightState === 'highlighted';
 
   // Add interaction props for tooltips
   const interactionProps = useInteractionItemProps(identifier);

package/SankeyChart/SankeyNodeElement.js

@@ -11,6 +11,7 @@ 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 _sankeyHighlightHooks = require("./sankeyHighlightHooks");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
@@ -21,7 +22,6 @@ const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forward
     onClick,
     seriesId
   } = props;
-  const store = (0, _internals.useStore)();
   const x0 = node.x0 ?? 0;
   const y0 = node.y0 ?? 0;
   const x1 = node.x1 ?? 0;
@@ -35,8 +35,9 @@ const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forward
     nodeId: node.id,
     node
   };
-  const isHighlighted = store.use(_internals.selectorChartsIsHighlighted, identifier);
-  const isFaded = store.use(_internals.selectorChartsIsFaded, identifier);
+  const highlightState = (0, _sankeyHighlightHooks.useSankeyNodeHighlightState)(identifier);
+  const isFaded = highlightState === 'faded';
+  const isHighlighted = highlightState === 'highlighted';
 
   // Add interaction props for tooltips
   const interactionProps = (0, _internals.useInteractionItemProps)(identifier);

package/SankeyChart/SankeyNodeElement.mjs

@@ -3,7 +3,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { selectorChartsIsFaded, selectorChartsIsHighlighted, useInteractionItemProps, useStore } from '@mui/x-charts/internals';
+import { useInteractionItemProps } from '@mui/x-charts/internals';
+import { useSankeyNodeHighlightState } from "./sankeyHighlightHooks.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @ignore - internal component.
@@ -14,7 +15,6 @@ export const SankeyNodeElement = /*#__PURE__*/React.forwardRef(function SankeyNo
     onClick,
     seriesId
   } = props;
-  const store = useStore();
   const x0 = node.x0 ?? 0;
   const y0 = node.y0 ?? 0;
   const x1 = node.x1 ?? 0;
@@ -28,8 +28,9 @@ export const SankeyNodeElement = /*#__PURE__*/React.forwardRef(function SankeyNo
     nodeId: node.id,
     node
   };
-  const isHighlighted = store.use(selectorChartsIsHighlighted, identifier);
-  const isFaded = store.use(selectorChartsIsFaded, identifier);
+  const highlightState = useSankeyNodeHighlightState(identifier);
+  const isFaded = highlightState === 'faded';
+  const isHighlighted = highlightState === 'highlighted';
 
   // Add interaction props for tooltips
   const interactionProps = useInteractionItemProps(identifier);

package/SankeyChart/sankeyHighlightHooks.d.mts

@@ -1,3 +1,3 @@
 import type { SankeyLinkIdentifier, SankeyNodeIdentifier } from "./sankey.types.mjs";
-export declare function useSankeyNodeHighlightState(nodeIdentifier: SankeyNodeIdentifier): "none" | "highlighted" | "faded";
-export declare function useSankeyLinkHighlightState(linkIdentifier: SankeyLinkIdentifier): "none" | "highlighted" | "faded";
+export declare function useSankeyNodeHighlightState(nodeIdentifier: SankeyNodeIdentifier): import("@mui/x-charts").HighlightState;
+export declare function useSankeyLinkHighlightState(linkIdentifier: SankeyLinkIdentifier): import("@mui/x-charts").HighlightState;

package/SankeyChart/sankeyHighlightHooks.d.ts

@@ -1,3 +1,3 @@
 import type { SankeyLinkIdentifier, SankeyNodeIdentifier } from "./sankey.types.js";
-export declare function useSankeyNodeHighlightState(nodeIdentifier: SankeyNodeIdentifier): "none" | "highlighted" | "faded";
-export declare function useSankeyLinkHighlightState(linkIdentifier: SankeyLinkIdentifier): "none" | "highlighted" | "faded";
+export declare function useSankeyNodeHighlightState(nodeIdentifier: SankeyNodeIdentifier): import("@mui/x-charts").HighlightState;
+export declare function useSankeyLinkHighlightState(linkIdentifier: SankeyLinkIdentifier): import("@mui/x-charts").HighlightState;

package/SankeyChart/sankeyHighlightHooks.js

@@ -8,17 +8,9 @@ exports.useSankeyNodeHighlightState = useSankeyNodeHighlightState;
 var _internals = require("@mui/x-charts/internals");
 function useSankeyNodeHighlightState(nodeIdentifier) {
   const store = (0, _internals.useStore)();
-  const isHighlighted = store.use(_internals.selectorChartsIsHighlighted, nodeIdentifier);
-  const isFaded = store.use(_internals.selectorChartsIsFaded, nodeIdentifier);
-
-  // eslint-disable-next-line no-nested-ternary
-  return isHighlighted ? 'highlighted' : isFaded ? 'faded' : 'none';
+  return store.use(_internals.selectorChartsHighlightState, nodeIdentifier);
 }
 function useSankeyLinkHighlightState(linkIdentifier) {
   const store = (0, _internals.useStore)();
-  const isHighlighted = store.use(_internals.selectorChartsIsHighlighted, linkIdentifier);
-  const isFaded = store.use(_internals.selectorChartsIsFaded, linkIdentifier);
-
-  // eslint-disable-next-line no-nested-ternary
-  return isHighlighted ? 'highlighted' : isFaded ? 'faded' : 'none';
+  return store.use(_internals.selectorChartsHighlightState, linkIdentifier);
 }

package/SankeyChart/sankeyHighlightHooks.mjs

@@ -1,17 +1,9 @@
-import { selectorChartsIsFaded, selectorChartsIsHighlighted, useStore } from '@mui/x-charts/internals';
+import { selectorChartsHighlightState, useStore } from '@mui/x-charts/internals';
 export function useSankeyNodeHighlightState(nodeIdentifier) {
   const store = useStore();
-  const isHighlighted = store.use(selectorChartsIsHighlighted, nodeIdentifier);
-  const isFaded = store.use(selectorChartsIsFaded, nodeIdentifier);
-
-  // eslint-disable-next-line no-nested-ternary
-  return isHighlighted ? 'highlighted' : isFaded ? 'faded' : 'none';
+  return store.use(selectorChartsHighlightState, nodeIdentifier);
 }
 export function useSankeyLinkHighlightState(linkIdentifier) {
   const store = useStore();
-  const isHighlighted = store.use(selectorChartsIsHighlighted, linkIdentifier);
-  const isFaded = store.use(selectorChartsIsFaded, linkIdentifier);
-
-  // eslint-disable-next-line no-nested-ternary
-  return isHighlighted ? 'highlighted' : isFaded ? 'faded' : 'none';
+  return store.use(selectorChartsHighlightState, linkIdentifier);
 }

package/ScatterChartPro/ScatterChartPro.js

@@ -144,12 +144,15 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
    * @default false
    */
   disableAxisListener: _propTypes.default.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: _propTypes.default.bool,
   /**
    * If true, the interaction will not use the Voronoi cell and fall back to hover events.
    * @default false
    */
   disableVoronoi: _propTypes.default.bool,
-  enableKeyboardNavigation: _propTypes.default.bool,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -306,7 +309,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: _propTypes.default.func,
   /**

package/ScatterChartPro/ScatterChartPro.mjs

@@ -137,12 +137,15 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
    * @default false
    */
   disableAxisListener: PropTypes.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: PropTypes.bool,
   /**
    * If true, the interaction will not use the Voronoi cell and fall back to hover events.
    * @default false
    */
   disableVoronoi: PropTypes.bool,
-  enableKeyboardNavigation: PropTypes.bool,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -299,7 +302,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: PropTypes.func,
   /**

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v9.0.0-alpha.2
+ * @mui/x-charts-pro v9.0.0-alpha.3
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v9.0.0-alpha.2
+ * @mui/x-charts-pro v9.0.0-alpha.3
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/ChartsWatermark.d.mts

@@ -1,6 +1,6 @@
-import type { MuiCommercialPackageName } from '@mui/x-license/utils';
+import { type CommercialPackageInfo } from '@mui/x-license/internals';
 interface ChartsWatermarkProps {
-  packageName: MuiCommercialPackageName;
+  packageInfo: CommercialPackageInfo;
 }
 export declare function ChartsWatermark(props: ChartsWatermarkProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/internals/ChartsWatermark.d.ts

@@ -1,6 +1,6 @@
-import type { MuiCommercialPackageName } from '@mui/x-license/utils';
+import { type CommercialPackageInfo } from '@mui/x-license/internals';
 interface ChartsWatermarkProps {
-  packageName: MuiCommercialPackageName;
+  packageInfo: CommercialPackageInfo;
 }
 export declare function ChartsWatermark(props: ChartsWatermarkProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/internals/ChartsWatermark.js

@@ -8,20 +8,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChartsWatermark = ChartsWatermark;
 var React = _interopRequireWildcard(require("react"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
-var _Watermark = require("@mui/x-license/Watermark");
+var _internals = require("@mui/x-license/internals");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-const releaseInfo = "MTc3MjY2ODgwMDAwMA==";
 function ChartsWatermark(props) {
   const layerContainerRef = (0, _hooks.useChartsLayerContainerRef)();
   if (!layerContainerRef.current) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Watermark.Watermark, {
-      packageName: props.packageName,
-      releaseInfo: releaseInfo
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.Watermark, {
+      packageInfo: props.packageInfo
     });
   }
-  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Watermark.Watermark, {
-    packageName: props.packageName,
-    releaseInfo: releaseInfo
+  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.Watermark, {
+    packageInfo: props.packageInfo
   }), layerContainerRef.current);
 }

package/internals/ChartsWatermark.mjs

@@ -2,20 +2,17 @@
 
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { Watermark } from '@mui/x-license/Watermark';
+import { Watermark } from '@mui/x-license/internals';
 import { useChartsLayerContainerRef } from "../hooks/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
-const releaseInfo = "MTc3MjY2ODgwMDAwMA==";
 export function ChartsWatermark(props) {
   const layerContainerRef = useChartsLayerContainerRef();
   if (!layerContainerRef.current) {
     return /*#__PURE__*/_jsx(Watermark, {
-      packageName: props.packageName,
-      releaseInfo: releaseInfo
+      packageInfo: props.packageInfo
     });
   }
   return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/_jsx(Watermark, {
-    packageName: props.packageName,
-    releaseInfo: releaseInfo
+    packageInfo: props.packageInfo
   }), layerContainerRef.current);
 }