@mui/x-charts 8.18.0 → 8.20.0

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js

@@ -4,12 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorDefaultYAxisTickNumber = exports.selectorDefaultXAxisTickNumber = exports.selectorChartZoomOptionsLookup = exports.selectorChartZoomMap = exports.selectorChartZoomIsInteracting = exports.selectorChartZoomAxisFilters = exports.selectorChartYScales = exports.selectorChartYAxisWithDomains = exports.selectorChartYAxis = exports.selectorChartXScales = exports.selectorChartXAxisWithDomains = exports.selectorChartXAxis = exports.selectorChartSeriesFlatbushMap = exports.selectorChartSeriesEmptyFlatbushMap = exports.selectorChartRawAxis = exports.selectorChartNormalizedYScales = exports.selectorChartNormalizedXScales = exports.selectorChartFilteredYDomains = exports.selectorChartFilteredXDomains = exports.selectorChartDefaultYAxisId = exports.selectorChartDefaultXAxisId = exports.selectorChartAxisZoomOptionsLookup = exports.selectorChartAxisZoomData = exports.selectorChartAxis = exports.createZoomMap = void 0;
+exports.selectorDefaultYAxisTickNumber = exports.selectorDefaultXAxisTickNumber = exports.selectorChartZoomOptionsLookup = exports.selectorChartZoomMap = exports.selectorChartZoomIsInteracting = exports.selectorChartZoomAxisFilters = exports.selectorChartYScales = exports.selectorChartYAxisWithDomains = exports.selectorChartYAxis = exports.selectorChartXScales = exports.selectorChartXAxisWithDomains = exports.selectorChartXAxis = exports.selectorChartSeriesFlatbushMap = exports.selectorChartSeriesEmptyFlatbushMap = exports.selectorChartRawAxis = exports.selectorChartNormalizedYScales = exports.selectorChartNormalizedXScales = exports.selectorChartHasZoom = exports.selectorChartFilteredYDomains = exports.selectorChartFilteredXDomains = exports.selectorChartDefaultYAxisId = exports.selectorChartDefaultXAxisId = exports.selectorChartAxisZoomOptionsLookup = exports.selectorChartAxisZoomData = exports.selectorChartAxis = exports.createZoomMap = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _store = require("@mui/x-internals/store");
 var _useChartDimensions = require("../../corePlugins/useChartDimensions");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
-var _selectors = require("../../utils/selectors");
 var _computeAxisValue = require("./computeAxisValue");
 var _createAxisFilterMapper = require("./createAxisFilterMapper");
 var _createZoomLookup = require("./createZoomLookup");
@@ -32,24 +31,25 @@ const createZoomMap = zoom => {
 };
 exports.createZoomMap = createZoomMap;
 const selectorChartZoomState = state => state.zoom;
+const selectorChartHasZoom = exports.selectorChartHasZoom = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartCartesianAxisLayout.selectorChartRawYAxis, (xAxes, yAxes) => xAxes?.some(axis => Boolean(axis.zoom)) || yAxes?.some(axis => Boolean(axis.zoom)) || false);
 
 /**
  * Following selectors are not exported because they exist in the MIT chart only to ba able to reuse the Zoom state from the pro.
  */
 
-const selectorChartZoomIsInteracting = exports.selectorChartZoomIsInteracting = (0, _selectors.createSelector)([selectorChartZoomState], zoom => zoom?.isInteracting);
+const selectorChartZoomIsInteracting = exports.selectorChartZoomIsInteracting = (0, _store.createSelector)(selectorChartZoomState, zoom => zoom?.isInteracting);
 const selectorChartZoomMap = exports.selectorChartZoomMap = (0, _store.createSelectorMemoized)(selectorChartZoomState, function selectorChartZoomMap(zoom) {
   return zoom?.zoomData && createZoomMap(zoom?.zoomData);
 });
-const selectorChartAxisZoomData = exports.selectorChartAxisZoomData = (0, _selectors.createSelector)([selectorChartZoomMap], (zoomMap, axisId) => zoomMap?.get(axisId));
+const selectorChartAxisZoomData = exports.selectorChartAxisZoomData = (0, _store.createSelector)(selectorChartZoomMap, (zoomMap, axisId) => zoomMap?.get(axisId));
 const selectorChartZoomOptionsLookup = exports.selectorChartZoomOptionsLookup = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartCartesianAxisLayout.selectorChartRawYAxis, function selectorChartZoomOptionsLookup(xAxis, yAxis) {
   return (0, _extends2.default)({}, (0, _createZoomLookup.createZoomLookup)('x')(xAxis), (0, _createZoomLookup.createZoomLookup)('y')(yAxis));
 });
-const selectorChartAxisZoomOptionsLookup = exports.selectorChartAxisZoomOptionsLookup = (0, _selectors.createSelector)([selectorChartZoomOptionsLookup], (axisLookup, axisId) => axisLookup[axisId]);
-const selectorDefaultXAxisTickNumber = exports.selectorDefaultXAxisTickNumber = (0, _selectors.createSelector)([_useChartDimensions.selectorChartDrawingArea], function selectorDefaultXAxisTickNumber(drawingArea) {
+const selectorChartAxisZoomOptionsLookup = exports.selectorChartAxisZoomOptionsLookup = (0, _store.createSelector)(selectorChartZoomOptionsLookup, (axisLookup, axisId) => axisLookup[axisId]);
+const selectorDefaultXAxisTickNumber = exports.selectorDefaultXAxisTickNumber = (0, _store.createSelector)(_useChartDimensions.selectorChartDrawingArea, function selectorDefaultXAxisTickNumber(drawingArea) {
   return (0, _ticks.getDefaultTickNumber)(drawingArea.width);
 });
-const selectorDefaultYAxisTickNumber = exports.selectorDefaultYAxisTickNumber = (0, _selectors.createSelector)([_useChartDimensions.selectorChartDrawingArea], function selectorDefaultYAxisTickNumber(drawingArea) {
+const selectorDefaultYAxisTickNumber = exports.selectorDefaultYAxisTickNumber = (0, _store.createSelector)(_useChartDimensions.selectorChartDrawingArea, function selectorDefaultYAxisTickNumber(drawingArea) {
   return (0, _ticks.getDefaultTickNumber)(drawingArea.height);
 });
 const selectorChartXAxisWithDomains = exports.selectorChartXAxisWithDomains = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartSeries.selectorChartSeriesProcessed, _useChartSeries.selectorChartSeriesConfig, _useChartExperimentalFeature.selectorPreferStrictDomainInLineCharts, selectorDefaultXAxisTickNumber, function selectorChartXAxisWithDomains(axes, formattedSeries, seriesConfig, preferStrictDomainInLineCharts, defaultTickNumber) {
@@ -263,16 +263,16 @@ const selectorChartYAxis = exports.selectorChartYAxis = (0, _store.createSelecto
     domains
   });
 });
-const selectorChartAxis = exports.selectorChartAxis = (0, _selectors.createSelector)([selectorChartXAxis, selectorChartYAxis], (xAxes, yAxes, axisId) => xAxes?.axis[axisId] ?? yAxes?.axis[axisId]);
-const selectorChartRawAxis = exports.selectorChartRawAxis = (0, _selectors.createSelector)([_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartCartesianAxisLayout.selectorChartRawYAxis], (xAxes, yAxes, axisId) => {
+const selectorChartAxis = exports.selectorChartAxis = (0, _store.createSelector)(selectorChartXAxis, selectorChartYAxis, (xAxes, yAxes, axisId) => xAxes?.axis[axisId] ?? yAxes?.axis[axisId]);
+const selectorChartRawAxis = exports.selectorChartRawAxis = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartCartesianAxisLayout.selectorChartRawYAxis, (xAxes, yAxes, axisId) => {
   const axis = xAxes?.find(a => a.id === axisId) ?? yAxes?.find(a => a.id === axisId) ?? null;
   if (!axis) {
     return undefined;
   }
   return axis;
 });
-const selectorChartDefaultXAxisId = exports.selectorChartDefaultXAxisId = (0, _selectors.createSelector)([_useChartCartesianAxisLayout.selectorChartRawXAxis], xAxes => xAxes[0].id);
-const selectorChartDefaultYAxisId = exports.selectorChartDefaultYAxisId = (0, _selectors.createSelector)([_useChartCartesianAxisLayout.selectorChartRawYAxis], yAxes => yAxes[0].id);
+const selectorChartDefaultXAxisId = exports.selectorChartDefaultXAxisId = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawXAxis, xAxes => xAxes[0].id);
+const selectorChartDefaultYAxisId = exports.selectorChartDefaultYAxisId = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawYAxis, yAxes => yAxes[0].id);
 const EMPTY_MAP = new Map();
 const selectorChartSeriesEmptyFlatbushMap = () => EMPTY_MAP;
 exports.selectorChartSeriesEmptyFlatbushMap = selectorChartSeriesEmptyFlatbushMap;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianHighlight.selectors.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.selectorChartsHighlightYAxisValue = exports.selectorChartsHighlightYAxisIndex = exports.selectorChartsHighlightYAxis = exports.selectorChartsHighlightXAxisValue = exports.selectorChartsHighlightXAxisIndex = exports.selectorChartsHighlightXAxis = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _store = require("@mui/x-internals/store");
-var _selectors = require("../../utils/selectors");
 var _useChartCartesianAxisRendering = require("./useChartCartesianAxisRendering.selectors");
 var _useChartCartesianInteraction = require("./useChartCartesianInteraction.selectors");
 var _useChartKeyboardNavigation = require("../useChartKeyboardNavigation/useChartKeyboardNavigation.selectors");
@@ -66,8 +65,8 @@ const selectAxisHighlightWithValue = (computedIndex, computedValue, axis, contro
   }
   return [];
 };
-const selectorChartsHighlightXAxisValue = exports.selectorChartsHighlightXAxisValue = (0, _selectors.createSelector)([_useChartCartesianInteraction.selectorChartsInteractionXAxisIndex, _useChartCartesianInteraction.selectorChartsInteractionXAxisValue, _useChartCartesianAxisRendering.selectorChartXAxis, selectorChartControlledCartesianAxisHighlight, _useChartKeyboardNavigation.selectorChartsKeyboardXAxisIndex, _useChartInteraction.selectorChartsLastInteraction, _useChartBrush.selectorBrushShouldPreventAxisHighlight], selectAxisHighlightWithValue);
-const selectorChartsHighlightYAxisValue = exports.selectorChartsHighlightYAxisValue = (0, _selectors.createSelector)([_useChartCartesianInteraction.selectorChartsInteractionYAxisIndex, _useChartCartesianInteraction.selectorChartsInteractionYAxisValue, _useChartCartesianAxisRendering.selectorChartYAxis, selectorChartControlledCartesianAxisHighlight, _useChartKeyboardNavigation.selectorChartsKeyboardYAxisIndex, _useChartInteraction.selectorChartsLastInteraction, _useChartBrush.selectorBrushShouldPreventAxisHighlight], selectAxisHighlightWithValue);
+const selectorChartsHighlightXAxisValue = exports.selectorChartsHighlightXAxisValue = (0, _store.createSelector)(_useChartCartesianInteraction.selectorChartsInteractionXAxisIndex, _useChartCartesianInteraction.selectorChartsInteractionXAxisValue, _useChartCartesianAxisRendering.selectorChartXAxis, selectorChartControlledCartesianAxisHighlight, _useChartKeyboardNavigation.selectorChartsKeyboardXAxisIndex, _useChartInteraction.selectorChartsLastInteraction, _useChartBrush.selectorBrushShouldPreventAxisHighlight, selectAxisHighlightWithValue);
+const selectorChartsHighlightYAxisValue = exports.selectorChartsHighlightYAxisValue = (0, _store.createSelector)(_useChartCartesianInteraction.selectorChartsInteractionYAxisIndex, _useChartCartesianInteraction.selectorChartsInteractionYAxisValue, _useChartCartesianAxisRendering.selectorChartYAxis, selectorChartControlledCartesianAxisHighlight, _useChartKeyboardNavigation.selectorChartsKeyboardYAxisIndex, _useChartInteraction.selectorChartsLastInteraction, _useChartBrush.selectorBrushShouldPreventAxisHighlight, selectAxisHighlightWithValue);
 
 /**
  * Get the scale of the axis with highlight if controlled. The default axis otherwise.
@@ -82,5 +81,5 @@ const selectAxis = (axisItems, axis) => {
   const filteredAxes = axisItems.map(item => axis.axis[item.axisId] ?? null).filter(item => item !== null);
   return filteredAxes;
 };
-const selectorChartsHighlightXAxis = exports.selectorChartsHighlightXAxis = (0, _selectors.createSelector)([selectorChartControlledCartesianAxisHighlight, _useChartCartesianAxisRendering.selectorChartXAxis], selectAxis);
-const selectorChartsHighlightYAxis = exports.selectorChartsHighlightYAxis = (0, _selectors.createSelector)([selectorChartControlledCartesianAxisHighlight, _useChartCartesianAxisRendering.selectorChartYAxis], selectAxis);
+const selectorChartsHighlightXAxis = exports.selectorChartsHighlightXAxis = (0, _store.createSelector)(selectorChartControlledCartesianAxisHighlight, _useChartCartesianAxisRendering.selectorChartXAxis, selectAxis);
+const selectorChartsHighlightYAxis = exports.selectorChartsHighlightYAxis = (0, _store.createSelector)(selectorChartControlledCartesianAxisHighlight, _useChartCartesianAxisRendering.selectorChartYAxis, selectAxis);

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianInteraction.selectors.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.selectorChartsInteractionYAxisValue = exports.selectorChartsInteractionYAxisIndex = exports.selectorChartsInteractionXAxisValue = exports.selectorChartsInteractionXAxisIndex = exports.selectorChartsInteractionTooltipYAxes = exports.selectorChartsInteractionTooltipXAxes = exports.selectorChartsInteractionAxisTooltip = exports.selectorChartAxisInteraction = exports.selectChartsInteractionAxisIndex = void 0;
 var _isDeepEqual = require("@mui/x-internals/isDeepEqual");
 var _store = require("@mui/x-internals/store");
-var _selectors = require("../../utils/selectors");
 var _useChartInteraction = require("../useChartInteraction/useChartInteraction.selectors");
 var _getAxisValue = require("./getAxisValue");
 var _useChartCartesianAxisRendering = require("./useChartCartesianAxisRendering.selectors");
@@ -25,9 +24,9 @@ const selectChartsInteractionAxisIndex = (value, axes, id) => {
   return index === -1 ? null : index;
 };
 exports.selectChartsInteractionAxisIndex = selectChartsInteractionAxisIndex;
-const selectorChartsInteractionXAxisIndex = exports.selectorChartsInteractionXAxisIndex = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerX, _useChartCartesianAxisRendering.selectorChartXAxis], selectChartsInteractionAxisIndex);
-const selectorChartsInteractionYAxisIndex = exports.selectorChartsInteractionYAxisIndex = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerY, _useChartCartesianAxisRendering.selectorChartYAxis], selectChartsInteractionAxisIndex);
-const selectorChartAxisInteraction = exports.selectorChartAxisInteraction = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerX, _useChartInteraction.selectorChartsInteractionPointerY, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis], (x, y, xAxis, yAxis) => [...(x === null ? [] : xAxis.axisIds.map(axisId => ({
+const selectorChartsInteractionXAxisIndex = exports.selectorChartsInteractionXAxisIndex = (0, _store.createSelector)(_useChartInteraction.selectorChartsInteractionPointerX, _useChartCartesianAxisRendering.selectorChartXAxis, selectChartsInteractionAxisIndex);
+const selectorChartsInteractionYAxisIndex = exports.selectorChartsInteractionYAxisIndex = (0, _store.createSelector)(_useChartInteraction.selectorChartsInteractionPointerY, _useChartCartesianAxisRendering.selectorChartYAxis, selectChartsInteractionAxisIndex);
+const selectorChartAxisInteraction = exports.selectorChartAxisInteraction = (0, _store.createSelector)(_useChartInteraction.selectorChartsInteractionPointerX, _useChartInteraction.selectorChartsInteractionPointerY, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis, (x, y, xAxis, yAxis) => [...(x === null ? [] : xAxis.axisIds.map(axisId => ({
   axisId,
   dataIndex: indexGetter(x, xAxis, axisId)
 }))), ...(y === null ? [] : yAxis.axisIds.map(axisId => ({
@@ -45,13 +44,13 @@ function valueGetter(value, axes, indexes, ids = axes.axisIds[0]) {
     return (0, _getAxisValue.getAxisValue)(axis.scale, axis.data, value, indexes[axisIndex]);
   }) : (0, _getAxisValue.getAxisValue)(axes.axis[ids].scale, axes.axis[ids].data, value, indexes);
 }
-const selectorChartsInteractionXAxisValue = exports.selectorChartsInteractionXAxisValue = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerX, _useChartCartesianAxisRendering.selectorChartXAxis, selectorChartsInteractionXAxisIndex], (x, xAxes, xIndex, id) => {
+const selectorChartsInteractionXAxisValue = exports.selectorChartsInteractionXAxisValue = (0, _store.createSelector)(_useChartInteraction.selectorChartsInteractionPointerX, _useChartCartesianAxisRendering.selectorChartXAxis, selectorChartsInteractionXAxisIndex, (x, xAxes, xIndex, id) => {
   if (x === null || xAxes.axisIds.length === 0) {
     return null;
   }
   return valueGetter(x, xAxes, xIndex, id);
 });
-const selectorChartsInteractionYAxisValue = exports.selectorChartsInteractionYAxisValue = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerY, _useChartCartesianAxisRendering.selectorChartYAxis, selectorChartsInteractionYAxisIndex], (y, yAxes, yIndex, id) => {
+const selectorChartsInteractionYAxisValue = exports.selectorChartsInteractionYAxisValue = (0, _store.createSelector)(_useChartInteraction.selectorChartsInteractionPointerY, _useChartCartesianAxisRendering.selectorChartYAxis, selectorChartsInteractionYAxisIndex, (y, yAxes, yIndex, id) => {
   if (y === null || yAxes.axisIds.length === 0) {
     return null;
   }
@@ -106,4 +105,4 @@ const selectorChartsInteractionTooltipYAxes = exports.selectorChartsInteractionT
 /**
  * Return `true` if the axis tooltip has something to display.
  */
-const selectorChartsInteractionAxisTooltip = exports.selectorChartsInteractionAxisTooltip = (0, _selectors.createSelector)([selectorChartsInteractionTooltipXAxes, selectorChartsInteractionTooltipYAxes], (xTooltip, yTooltip) => xTooltip.length > 0 || yTooltip.length > 0);
+const selectorChartsInteractionAxisTooltip = exports.selectorChartsInteractionAxisTooltip = (0, _store.createSelector)(selectorChartsInteractionTooltipXAxes, selectorChartsInteractionTooltipYAxes, (xTooltip, yTooltip) => xTooltip.length > 0 || yTooltip.length > 0);

package/internals/plugins/featurePlugins/useChartClosestPoint/findClosestPoints.js

@@ -26,8 +26,8 @@ function findClosestPoints(flatbush, drawingArea, seriesData, xScale, yScale, xZ
   function sqDistFn(dx, dy) {
     return fxSq * dx * dx + fySq * dy * dy;
   }
-  const pointX = originalXScale(invertScale(xScale, svgPointX, dataIndex => seriesData[dataIndex].x));
-  const pointY = originalYScale(invertScale(yScale, svgPointY, dataIndex => seriesData[dataIndex].y));
+  const pointX = originalXScale(invertScale(xScale, svgPointX, dataIndex => seriesData[dataIndex]?.x));
+  const pointY = originalYScale(invertScale(yScale, svgPointY, dataIndex => seriesData[dataIndex]?.y));
   return flatbush.neighbors(pointX, pointY, maxResults, maxRadius != null ? maxRadius * maxRadius : Infinity, excludeIfOutsideDrawingArea, sqDistFn);
 }
 function invertScale(scale, value, getDataPoint) {

package/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.selectors.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartsIsVoronoiEnabled = void 0;
-var _selectors = require("../../utils/selectors");
+var _store = require("@mui/x-internals/store");
 const selectVoronoi = state => state.voronoi;
-const selectorChartsIsVoronoiEnabled = exports.selectorChartsIsVoronoiEnabled = (0, _selectors.createSelector)([selectVoronoi], voronoi => voronoi?.isVoronoiEnabled);
+const selectorChartsIsVoronoiEnabled = exports.selectorChartsIsVoronoiEnabled = (0, _store.createSelector)(selectVoronoi, voronoi => voronoi?.isVoronoiEnabled);

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useChartHighlight = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _warning = require("@mui/x-internals/warning");
 var _useAssertModelConsistency = require("@mui/x-internals/useAssertModelConsistency");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
@@ -27,27 +28,34 @@ const useChartHighlight = ({
         item: params.highlightedItem
       }));
     }
+    if (process.env.NODE_ENV !== 'production') {
+      if (params.highlightedItem !== undefined && !store.state.highlight.isControlled) {
+        (0, _warning.warnOnce)(['MUI X Charts: The `highlightedItem` switched between controlled and uncontrolled state.', 'To remove the highlight when using controlled state, you must provide `null` to the `highlightedItem` prop instead of `undefined`.'].join('\n'));
+      }
+    }
   }, [store, params.highlightedItem]);
   const clearHighlight = (0, _useEventCallback.default)(() => {
     params.onHighlightChange?.(null);
-    const prevItem = store.getSnapshot().highlight.item;
-    if (prevItem === null) {
+    const prevHighlight = store.getSnapshot().highlight;
+    if (prevHighlight.item === null || prevHighlight.isControlled) {
       return;
     }
     store.set('highlight', {
       item: null,
-      lastUpdate: 'pointer'
+      lastUpdate: 'pointer',
+      isControlled: false
     });
   });
   const setHighlight = (0, _useEventCallback.default)(newItem => {
-    const prevItem = store.getSnapshot().highlight.item;
-    if ((0, _fastObjectShallowCompare.fastObjectShallowCompare)(prevItem, newItem)) {
+    const prevHighlight = store.getSnapshot().highlight;
+    if (prevHighlight.isControlled || (0, _fastObjectShallowCompare.fastObjectShallowCompare)(prevHighlight.item, newItem)) {
       return;
     }
     params.onHighlightChange?.(newItem);
     store.set('highlight', {
       item: newItem,
-      lastUpdate: 'pointer'
+      lastUpdate: 'pointer',
+      isControlled: false
     });
   });
   return {
@@ -58,15 +66,11 @@ const useChartHighlight = ({
   };
 };
 exports.useChartHighlight = useChartHighlight;
-useChartHighlight.getDefaultizedParams = ({
-  params
-}) => (0, _extends2.default)({}, params, {
-  highlightedItem: params.highlightedItem ?? null
-});
 useChartHighlight.getInitialState = params => ({
   highlight: {
     item: params.highlightedItem,
-    lastUpdate: 'pointer'
+    lastUpdate: 'pointer',
+    isControlled: params.highlightedItem !== undefined
   }
 });
 useChartHighlight.params = {

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js

@@ -5,17 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.selectorChartsIsHighlightedCallback = exports.selectorChartsIsHighlighted = exports.selectorChartsIsFadedCallback = exports.selectorChartsIsFaded = exports.selectorChartsHighlightedItem = exports.selectorChartsHighlightScopePerSeriesId = exports.selectorChartsHighlightScope = exports.selectorChartSeriesUnfadedItem = exports.selectorChartSeriesHighlightedItem = exports.selectorChartIsSeriesHighlighted = exports.selectorChartIsSeriesFaded = void 0;
 var _store = require("@mui/x-internals/store");
-var _selectors = require("../../utils/selectors");
 var _createIsHighlighted = require("./createIsHighlighted");
 var _createIsFaded = require("./createIsFaded");
 var _highlightStates = require("./highlightStates");
 var _useChartKeyboardNavigation = require("../useChartKeyboardNavigation");
+var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries.selectors");
 const selectHighlight = state => state.highlight;
-const selectSeries = state => state.series;
-const selectorChartsHighlightScopePerSeriesId = exports.selectorChartsHighlightScopePerSeriesId = (0, _selectors.createSelector)([selectSeries], series => {
+const selectorChartsHighlightScopePerSeriesId = exports.selectorChartsHighlightScopePerSeriesId = (0, _store.createSelector)(_useChartSeries.selectorChartSeriesProcessed, processedSeries => {
   const map = new Map();
-  Object.keys(series.processedSeries).forEach(seriesType => {
-    const seriesData = series.processedSeries[seriesType];
+  Object.keys(processedSeries).forEach(seriesType => {
+    const seriesData = processedSeries[seriesType];
     seriesData?.seriesOrder?.forEach(seriesId => {
       const seriesItem = seriesData?.series[seriesId];
       map.set(seriesId, seriesItem?.highlightScope);
@@ -24,9 +23,9 @@ const selectorChartsHighlightScopePerSeriesId = exports.selectorChartsHighlightS
   return map;
 });
 const selectorChartsHighlightedItem = exports.selectorChartsHighlightedItem = (0, _store.createSelectorMemoized)(selectHighlight, _useChartKeyboardNavigation.selectorChartsKeyboardItem, function selectorChartsHighlightedItem(highlight, keyboardItem) {
-  return highlight.lastUpdate === 'pointer' ? highlight.item : keyboardItem;
+  return highlight.isControlled || highlight.lastUpdate === 'pointer' ? highlight.item : keyboardItem;
 });
-const selectorChartsHighlightScope = exports.selectorChartsHighlightScope = (0, _selectors.createSelector)([selectorChartsHighlightScopePerSeriesId, selectorChartsHighlightedItem], function selectorChartsHighlightScope(seriesIdToHighlightScope, highlightedItem) {
+const selectorChartsHighlightScope = exports.selectorChartsHighlightScope = (0, _store.createSelector)(selectorChartsHighlightScopePerSeriesId, selectorChartsHighlightedItem, function selectorChartsHighlightScope(seriesIdToHighlightScope, highlightedItem) {
   if (!highlightedItem) {
     return null;
   }
@@ -36,15 +35,15 @@ const selectorChartsHighlightScope = exports.selectorChartsHighlightScope = (0,
   }
   return highlightScope;
 });
-const selectorChartsIsHighlightedCallback = exports.selectorChartsIsHighlightedCallback = (0, _selectors.createSelector)([selectorChartsHighlightScope, selectorChartsHighlightedItem], _createIsHighlighted.createIsHighlighted);
-const selectorChartsIsFadedCallback = exports.selectorChartsIsFadedCallback = (0, _selectors.createSelector)([selectorChartsHighlightScope, selectorChartsHighlightedItem], _createIsFaded.createIsFaded);
-const selectorChartsIsHighlighted = exports.selectorChartsIsHighlighted = (0, _selectors.createSelector)([selectorChartsHighlightScope, selectorChartsHighlightedItem], function selectorChartsIsHighlighted(highlightScope, highlightedItem, item) {
+const selectorChartsIsHighlightedCallback = exports.selectorChartsIsHighlightedCallback = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, _createIsHighlighted.createIsHighlighted);
+const selectorChartsIsFadedCallback = exports.selectorChartsIsFadedCallback = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, _createIsFaded.createIsFaded);
+const selectorChartsIsHighlighted = exports.selectorChartsIsHighlighted = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, function selectorChartsIsHighlighted(highlightScope, highlightedItem, item) {
   return (0, _createIsHighlighted.createIsHighlighted)(highlightScope, highlightedItem)(item);
 });
-const selectorChartIsSeriesHighlighted = exports.selectorChartIsSeriesHighlighted = (0, _selectors.createSelector)([selectorChartsHighlightScope, selectorChartsHighlightedItem], _highlightStates.isSeriesHighlighted);
-const selectorChartIsSeriesFaded = exports.selectorChartIsSeriesFaded = (0, _selectors.createSelector)([selectorChartsHighlightScope, selectorChartsHighlightedItem], _highlightStates.isSeriesFaded);
-const selectorChartSeriesUnfadedItem = exports.selectorChartSeriesUnfadedItem = (0, _selectors.createSelector)([selectorChartsHighlightScope, selectorChartsHighlightedItem], _highlightStates.getSeriesUnfadedItem);
-const selectorChartSeriesHighlightedItem = exports.selectorChartSeriesHighlightedItem = (0, _selectors.createSelector)([selectorChartsHighlightScope, selectorChartsHighlightedItem], _highlightStates.getSeriesHighlightedItem);
-const selectorChartsIsFaded = exports.selectorChartsIsFaded = (0, _selectors.createSelector)([selectorChartsHighlightScope, selectorChartsHighlightedItem], function selectorChartsIsFaded(highlightScope, highlightedItem, item) {
+const selectorChartIsSeriesHighlighted = exports.selectorChartIsSeriesHighlighted = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, _highlightStates.isSeriesHighlighted);
+const selectorChartIsSeriesFaded = exports.selectorChartIsSeriesFaded = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, _highlightStates.isSeriesFaded);
+const selectorChartSeriesUnfadedItem = exports.selectorChartSeriesUnfadedItem = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, _highlightStates.getSeriesUnfadedItem);
+const selectorChartSeriesHighlightedItem = exports.selectorChartSeriesHighlightedItem = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, _highlightStates.getSeriesHighlightedItem);
+const selectorChartsIsFaded = exports.selectorChartsIsFaded = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, function selectorChartsIsFaded(highlightScope, highlightedItem, item) {
   return (0, _createIsFaded.createIsFaded)(highlightScope, highlightedItem)(item);
 });

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.types.d.ts

@@ -56,6 +56,10 @@ export interface UseChartHighlightParameters {
 export type UseChartHighlightDefaultizedParameters = DefaultizedProps<UseChartHighlightParameters, 'highlightedItem'>;
 export interface UseChartHighlightState {
   highlight: {
+    /**
+     * Indicates if the highlighted item is controlled.
+     */
+    isControlled: boolean;
     /**
      * The item currently highlighted.
      */

package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartsLastInteraction = exports.selectorChartsInteractionPointerY = exports.selectorChartsInteractionPointerX = exports.selectorChartsInteractionPointer = exports.selectorChartsInteractionItemIsDefined = exports.selectorChartsInteractionItem = exports.selectorChartsInteractionIsInitialized = void 0;
-var _selectors = require("../../utils/selectors");
+var _store = require("@mui/x-internals/store");
 const selectInteraction = state => state.interaction;
-const selectorChartsInteractionIsInitialized = exports.selectorChartsInteractionIsInitialized = (0, _selectors.createSelector)([selectInteraction], interaction => interaction !== undefined);
-const selectorChartsInteractionItem = exports.selectorChartsInteractionItem = (0, _selectors.createSelector)([selectInteraction], interaction => interaction?.item ?? null);
-const selectorChartsInteractionPointer = exports.selectorChartsInteractionPointer = (0, _selectors.createSelector)([selectInteraction], interaction => interaction?.pointer ?? null);
-const selectorChartsInteractionPointerX = exports.selectorChartsInteractionPointerX = (0, _selectors.createSelector)([selectorChartsInteractionPointer], pointer => pointer && pointer.x);
-const selectorChartsInteractionPointerY = exports.selectorChartsInteractionPointerY = (0, _selectors.createSelector)([selectorChartsInteractionPointer], pointer => pointer && pointer.y);
-const selectorChartsInteractionItemIsDefined = exports.selectorChartsInteractionItemIsDefined = (0, _selectors.createSelector)([selectorChartsInteractionItem], item => item !== null);
-const selectorChartsLastInteraction = exports.selectorChartsLastInteraction = (0, _selectors.createSelector)([selectInteraction], interaction => interaction?.lastUpdate);
+const selectorChartsInteractionIsInitialized = exports.selectorChartsInteractionIsInitialized = (0, _store.createSelector)(selectInteraction, interaction => interaction !== undefined);
+const selectorChartsInteractionItem = exports.selectorChartsInteractionItem = (0, _store.createSelector)(selectInteraction, interaction => interaction?.item ?? null);
+const selectorChartsInteractionPointer = exports.selectorChartsInteractionPointer = (0, _store.createSelector)(selectInteraction, interaction => interaction?.pointer ?? null);
+const selectorChartsInteractionPointerX = exports.selectorChartsInteractionPointerX = (0, _store.createSelector)(selectorChartsInteractionPointer, pointer => pointer && pointer.x);
+const selectorChartsInteractionPointerY = exports.selectorChartsInteractionPointerY = (0, _store.createSelector)(selectorChartsInteractionPointer, pointer => pointer && pointer.y);
+const selectorChartsInteractionItemIsDefined = exports.selectorChartsInteractionItemIsDefined = (0, _store.createSelector)(selectorChartsInteractionItem, item => item !== null);
+const selectorChartsLastInteraction = exports.selectorChartsLastInteraction = (0, _store.createSelector)(selectInteraction, interaction => interaction?.lastUpdate);

package/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.d.ts

@@ -6,7 +6,7 @@ export declare const selectorChartsTooltipItemIsDefined: (args_0: import("../../
 }) => boolean;
 export declare const selectorChartsTooltipItemPosition: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => {
+}, placement?: "bottom" | "left" | "right" | "top" | undefined) => {
   x: number;
   y: number;
 } | null;

package/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItem = void 0;
+var _store = require("@mui/x-internals/store");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
-var _selectors = require("../../utils/selectors");
 var _useChartCartesianAxisRendering = require("../useChartCartesianAxis/useChartCartesianAxisRendering.selectors");
 var _useChartKeyboardNavigation = require("../useChartKeyboardNavigation");
 var _useChartInteraction = require("./useChartInteraction.selectors");
 var _useChartDimensions = require("../../corePlugins/useChartDimensions/useChartDimensions.selectors");
 var _isCartesian = require("../../../isCartesian");
-const selectorChartsTooltipItem = exports.selectorChartsTooltipItem = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsLastInteraction, _useChartInteraction.selectorChartsInteractionItem, _useChartKeyboardNavigation.selectorChartsKeyboardItem], (lastInteraction, interactionItem, keyboardItem) => lastInteraction === 'keyboard' ? keyboardItem : interactionItem ?? null);
-const selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItemIsDefined = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsLastInteraction, _useChartInteraction.selectorChartsInteractionItemIsDefined, _useChartKeyboardNavigation.selectorChartsKeyboardItemIsDefined], (lastInteraction, interactionItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : interactionItemIsDefined);
-const selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemPosition = (0, _selectors.createSelector)([selectorChartsTooltipItem, _useChartDimensions.selectorChartDrawingArea, _useChartSeries.selectorChartSeriesConfig, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis, _useChartSeries.selectorChartSeriesProcessed, (_, placement) => placement], function selectorChartsTooltipItemPosition(identifier, drawingArea, seriesConfig, {
+const selectorChartsTooltipItem = exports.selectorChartsTooltipItem = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, _useChartInteraction.selectorChartsInteractionItem, _useChartKeyboardNavigation.selectorChartsKeyboardItem, (lastInteraction, interactionItem, keyboardItem) => lastInteraction === 'keyboard' ? keyboardItem : interactionItem ?? null);
+const selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItemIsDefined = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, _useChartInteraction.selectorChartsInteractionItemIsDefined, _useChartKeyboardNavigation.selectorChartsKeyboardItemIsDefined, (lastInteraction, interactionItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : interactionItemIsDefined);
+const selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemPosition = (0, _store.createSelector)(selectorChartsTooltipItem, _useChartDimensions.selectorChartDrawingArea, _useChartSeries.selectorChartSeriesConfig, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis, _useChartSeries.selectorChartSeriesProcessed, function selectorChartsTooltipItemPosition(identifier, drawingArea, seriesConfig, {
   axis: xAxis,
   axisIds: xAxisIds
 }, {

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.js

@@ -12,22 +12,24 @@ var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _useChartKeyboardNavigation = require("./useChartKeyboardNavigation.helpers");
+var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries.selectors");
 function getNextIndexFocusedItem(state) {
+  const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
   let {
     type,
     seriesId
   } = state.keyboardNavigation.item ?? {};
   if (type === undefined ||
   // @ts-ignore sankey is not in MIT version
-  type === 'sankey' || seriesId === undefined || !(0, _useChartKeyboardNavigation.seriesHasData)(state.series.processedSeries, type, seriesId)) {
-    const nextSeries = (0, _useChartKeyboardNavigation.getNextSeriesWithData)(state.series.processedSeries, type, seriesId);
+  type === 'sankey' || seriesId === undefined || !(0, _useChartKeyboardNavigation.seriesHasData)(processedSeries, type, seriesId)) {
+    const nextSeries = (0, _useChartKeyboardNavigation.getNextSeriesWithData)(processedSeries, type, seriesId);
     if (nextSeries === null) {
       return null;
     }
     type = nextSeries.type;
     seriesId = nextSeries.seriesId;
   }
-  const dataLength = state.series.processedSeries[type].series[seriesId].data.length;
+  const dataLength = processedSeries[type].series[seriesId].data.length;
   return {
     type,
     seriesId,
@@ -35,21 +37,22 @@ function getNextIndexFocusedItem(state) {
   };
 }
 function getPreviousIndexFocusedItem(state) {
+  const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
   let {
     type,
     seriesId
   } = state.keyboardNavigation.item ?? {};
   if (type === undefined ||
   // @ts-ignore sankey is not in MIT version
-  type === 'sankey' || seriesId === undefined || !(0, _useChartKeyboardNavigation.seriesHasData)(state.series.processedSeries, type, seriesId)) {
-    const previousSeries = (0, _useChartKeyboardNavigation.getPreviousSeriesWithData)(state.series.processedSeries, type, seriesId);
+  type === 'sankey' || seriesId === undefined || !(0, _useChartKeyboardNavigation.seriesHasData)(processedSeries, type, seriesId)) {
+    const previousSeries = (0, _useChartKeyboardNavigation.getPreviousSeriesWithData)(processedSeries, type, seriesId);
     if (previousSeries === null) {
       return null;
     }
     type = previousSeries.type;
     seriesId = previousSeries.seriesId;
   }
-  const dataLength = state.series.processedSeries[type].series[seriesId].data.length;
+  const dataLength = processedSeries[type].series[seriesId].data.length;
   return {
     type,
     seriesId,
@@ -57,17 +60,18 @@ function getPreviousIndexFocusedItem(state) {
   };
 }
 function getNextSeriesFocusedItem(state) {
+  const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
   let {
     type,
     seriesId
   } = state.keyboardNavigation.item ?? {};
-  const nextSeries = (0, _useChartKeyboardNavigation.getNextSeriesWithData)(state.series.processedSeries, type, seriesId);
+  const nextSeries = (0, _useChartKeyboardNavigation.getNextSeriesWithData)(processedSeries, type, seriesId);
   if (nextSeries === null) {
     return null; // No series to move the focus to.
   }
   type = nextSeries.type;
   seriesId = nextSeries.seriesId;
-  const dataLength = state.series.processedSeries[type].series[seriesId].data.length;
+  const dataLength = processedSeries[type].series[seriesId].data.length;
   return {
     type,
     seriesId,
@@ -75,17 +79,18 @@ function getNextSeriesFocusedItem(state) {
   };
 }
 function getPreviousSeriesFocusedItem(state) {
+  const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
   let {
     type,
     seriesId
   } = state.keyboardNavigation.item ?? {};
-  const previousSeries = (0, _useChartKeyboardNavigation.getPreviousSeriesWithData)(state.series.processedSeries, type, seriesId);
+  const previousSeries = (0, _useChartKeyboardNavigation.getPreviousSeriesWithData)(processedSeries, type, seriesId);
   if (previousSeries === null) {
     return null; // No series to move the focus to.
   }
   type = previousSeries.type;
   seriesId = previousSeries.seriesId;
-  const dataLength = state.series.processedSeries[type].series[seriesId].data.length;
+  const dataLength = processedSeries[type].series[seriesId].data.length;
   return {
     type,
     seriesId,

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartsKeyboardYAxisIndex = exports.selectorChartsKeyboardXAxisIndex = exports.selectorChartsKeyboardItemIsDefined = exports.selectorChartsKeyboardItem = exports.selectorChartsItemIsFocused = exports.selectorChartsIsKeyboardNavigationEnabled = exports.selectorChartsHasFocusedItem = exports.selectorChartsFocusedSeriesType = exports.selectorChartsFocusedSeriesId = exports.selectorChartsFocusedDataIndex = void 0;
-var _selectors = require("../../utils/selectors");
+var _store = require("@mui/x-internals/store");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
 var _useChartCartesianAxisRendering = require("../useChartCartesianAxis/useChartCartesianAxisRendering.selectors");
 const selectKeyboardNavigation = state => state.keyboardNavigation;
-const selectorChartsItemIsFocused = exports.selectorChartsItemIsFocused = (0, _selectors.createSelector)([selectKeyboardNavigation], (keyboardNavigationState, item) => {
+const selectorChartsItemIsFocused = exports.selectorChartsItemIsFocused = (0, _store.createSelector)(selectKeyboardNavigation, (keyboardNavigationState, item) => {
   return keyboardNavigationState?.item != null && keyboardNavigationState.item.type === item.seriesType && keyboardNavigationState.item.seriesId === item.seriesId && keyboardNavigationState.item.dataIndex === item.dataIndex;
 });
-const selectorChartsHasFocusedItem = exports.selectorChartsHasFocusedItem = (0, _selectors.createSelector)([selectKeyboardNavigation], keyboardNavigationState => keyboardNavigationState?.item != null);
-const selectorChartsFocusedSeriesType = exports.selectorChartsFocusedSeriesType = (0, _selectors.createSelector)([selectKeyboardNavigation], keyboardNavigationState => keyboardNavigationState?.item?.type);
-const selectorChartsFocusedSeriesId = exports.selectorChartsFocusedSeriesId = (0, _selectors.createSelector)([selectKeyboardNavigation], keyboardNavigationState => keyboardNavigationState?.item?.seriesId);
-const selectorChartsFocusedDataIndex = exports.selectorChartsFocusedDataIndex = (0, _selectors.createSelector)([selectKeyboardNavigation], keyboardNavigationState => keyboardNavigationState?.item?.dataIndex);
-const selectorChartsIsKeyboardNavigationEnabled = exports.selectorChartsIsKeyboardNavigationEnabled = (0, _selectors.createSelector)([selectKeyboardNavigation], keyboardNavigationState => !!keyboardNavigationState?.enableKeyboardNavigation);
+const selectorChartsHasFocusedItem = exports.selectorChartsHasFocusedItem = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.item != null);
+const selectorChartsFocusedSeriesType = exports.selectorChartsFocusedSeriesType = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.item?.type);
+const selectorChartsFocusedSeriesId = exports.selectorChartsFocusedSeriesId = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.item?.seriesId);
+const selectorChartsFocusedDataIndex = exports.selectorChartsFocusedDataIndex = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.item?.dataIndex);
+const selectorChartsIsKeyboardNavigationEnabled = exports.selectorChartsIsKeyboardNavigationEnabled = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => !!keyboardNavigationState?.enableKeyboardNavigation);
 
 /**
  * Selectors to override highlight behavior.
@@ -38,9 +38,9 @@ const createSelectAxisHighlight = direction => (type, seriesId, dataIndex, axis,
     dataIndex
   };
 };
-const selectorChartsKeyboardXAxisIndex = exports.selectorChartsKeyboardXAxisIndex = (0, _selectors.createSelector)([selectorChartsFocusedSeriesType, selectorChartsFocusedSeriesId, selectorChartsFocusedDataIndex, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartSeries.selectorChartSeriesProcessed], createSelectAxisHighlight('x'));
-const selectorChartsKeyboardYAxisIndex = exports.selectorChartsKeyboardYAxisIndex = (0, _selectors.createSelector)([selectorChartsFocusedSeriesType, selectorChartsFocusedSeriesId, selectorChartsFocusedDataIndex, _useChartCartesianAxisRendering.selectorChartYAxis, _useChartSeries.selectorChartSeriesProcessed], createSelectAxisHighlight('y'));
-const selectorChartsKeyboardItem = exports.selectorChartsKeyboardItem = (0, _selectors.createSelector)([selectKeyboardNavigation], function selectorChartsKeyboardItem(keyboardState) {
+const selectorChartsKeyboardXAxisIndex = exports.selectorChartsKeyboardXAxisIndex = (0, _store.createSelector)(selectorChartsFocusedSeriesType, selectorChartsFocusedSeriesId, selectorChartsFocusedDataIndex, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartSeries.selectorChartSeriesProcessed, createSelectAxisHighlight('x'));
+const selectorChartsKeyboardYAxisIndex = exports.selectorChartsKeyboardYAxisIndex = (0, _store.createSelector)(selectorChartsFocusedSeriesType, selectorChartsFocusedSeriesId, selectorChartsFocusedDataIndex, _useChartCartesianAxisRendering.selectorChartYAxis, _useChartSeries.selectorChartSeriesProcessed, createSelectAxisHighlight('y'));
+const selectorChartsKeyboardItem = exports.selectorChartsKeyboardItem = (0, _store.createSelector)(selectKeyboardNavigation, function selectorChartsKeyboardItem(keyboardState) {
   if (keyboardState?.item == null) {
     return null;
   }
@@ -53,6 +53,6 @@ const selectorChartsKeyboardItem = exports.selectorChartsKeyboardItem = (0, _sel
   }
   return keyboardState.item;
 });
-const selectorChartsKeyboardItemIsDefined = exports.selectorChartsKeyboardItemIsDefined = (0, _selectors.createSelector)([selectorChartsFocusedSeriesType, selectorChartsFocusedSeriesId, selectorChartsFocusedDataIndex], function selectorChartsKeyboardItemIsDefined(seriesType, seriesId, dataIndex) {
+const selectorChartsKeyboardItemIsDefined = exports.selectorChartsKeyboardItemIsDefined = (0, _store.createSelector)(selectorChartsFocusedSeriesType, selectorChartsFocusedSeriesId, selectorChartsFocusedDataIndex, function selectorChartsKeyboardItemIsDefined(seriesType, seriesId, dataIndex) {
   return seriesId !== undefined && dataIndex !== undefined;
 });

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.js

@@ -4,34 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartRotationAxis = exports.selectorChartRawRotationAxis = exports.selectorChartRawRadiusAxis = exports.selectorChartRadiusAxis = exports.selectorChartPolarCenter = exports.selectorChartPolarAxisState = void 0;
+var _store = require("@mui/x-internals/store");
 var _useChartDimensions = require("../../corePlugins/useChartDimensions");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
-var _selectors = require("../../utils/selectors");
 var _computeAxisValue = require("./computeAxisValue");
 const selectorChartPolarAxisState = state => state.polarAxis;
 exports.selectorChartPolarAxisState = selectorChartPolarAxisState;
-const selectorChartRawRotationAxis = exports.selectorChartRawRotationAxis = (0, _selectors.createSelector)([selectorChartPolarAxisState], axis => axis?.rotation);
-const selectorChartRawRadiusAxis = exports.selectorChartRawRadiusAxis = (0, _selectors.createSelector)([selectorChartPolarAxisState], axis => axis?.radius);
+const selectorChartRawRotationAxis = exports.selectorChartRawRotationAxis = (0, _store.createSelector)(selectorChartPolarAxisState, axis => axis?.rotation);
+const selectorChartRawRadiusAxis = exports.selectorChartRawRadiusAxis = (0, _store.createSelector)(selectorChartPolarAxisState, axis => axis?.radius);
 
 /**
  * The only interesting selectors that merge axis data and zoom if provided.
  */
 
-const selectorChartRotationAxis = exports.selectorChartRotationAxis = (0, _selectors.createSelector)([selectorChartRawRotationAxis, _useChartDimensions.selectorChartDrawingArea, _useChartSeries.selectorChartSeriesProcessed, _useChartSeries.selectorChartSeriesConfig], (axis, drawingArea, formattedSeries, seriesConfig) => (0, _computeAxisValue.computeAxisValue)({
+const selectorChartRotationAxis = exports.selectorChartRotationAxis = (0, _store.createSelector)(selectorChartRawRotationAxis, _useChartDimensions.selectorChartDrawingArea, _useChartSeries.selectorChartSeriesProcessed, _useChartSeries.selectorChartSeriesConfig, (axis, drawingArea, formattedSeries, seriesConfig) => (0, _computeAxisValue.computeAxisValue)({
   drawingArea,
   formattedSeries,
   axis,
   seriesConfig,
   axisDirection: 'rotation'
 }));
-const selectorChartRadiusAxis = exports.selectorChartRadiusAxis = (0, _selectors.createSelector)([selectorChartRawRadiusAxis, _useChartDimensions.selectorChartDrawingArea, _useChartSeries.selectorChartSeriesProcessed, _useChartSeries.selectorChartSeriesConfig], (axis, drawingArea, formattedSeries, seriesConfig) => (0, _computeAxisValue.computeAxisValue)({
+const selectorChartRadiusAxis = exports.selectorChartRadiusAxis = (0, _store.createSelector)(selectorChartRawRadiusAxis, _useChartDimensions.selectorChartDrawingArea, _useChartSeries.selectorChartSeriesProcessed, _useChartSeries.selectorChartSeriesConfig, (axis, drawingArea, formattedSeries, seriesConfig) => (0, _computeAxisValue.computeAxisValue)({
   drawingArea,
   formattedSeries,
   axis,
   seriesConfig,
   axisDirection: 'radius'
 }));
-const selectorChartPolarCenter = exports.selectorChartPolarCenter = (0, _selectors.createSelector)([_useChartDimensions.selectorChartDrawingArea], drawingArea => ({
+const selectorChartPolarCenter = exports.selectorChartPolarCenter = (0, _store.createSelector)(_useChartDimensions.selectorChartDrawingArea, drawingArea => ({
   cx: drawingArea.left + drawingArea.width / 2,
   cy: drawingArea.top + drawingArea.height / 2
 }));