@mui/x-charts-premium 9.8.0 → 9.9.0

package/BarChartPremium/BarChartPremium.d.mts

@@ -8,7 +8,7 @@ import type { ChartsContainerPremiumProps } from "../ChartsContainerPremium/inde
 export type RangeBarSeries = RangeBarSeriesType;
 export interface BarChartPremiumSlots extends BarChartProSlots {}
 export interface BarChartPremiumSlotProps extends BarChartProSlotProps {}
-export interface BarChartPremiumProps extends Omit<BarChartProProps, 'apiRef' | 'slots' | 'slotProps' | 'seriesConfig' | 'plugins' | 'series' | 'renderer'>, Omit<ChartsContainerPremiumProps<'bar', BarChartPremiumPluginSignatures>, 'series' | 'slots' | 'slotProps'>, Pick<BarPlotPremiumProps, 'renderer'> {
+export interface BarChartPremiumProps extends Omit<BarChartProProps, 'apiRef' | 'slots' | 'slotProps' | 'seriesConfig' | 'plugins' | 'series' | 'renderer'>, Omit<ChartsContainerPremiumProps<'bar', BarChartPremiumPluginSignatures>, 'series' | 'slots' | 'slotProps' | 'sampling'>, Pick<BarPlotPremiumProps, 'renderer'> {
   /**
    * Overridable component slots.
    * @default {}

package/BarChartPremium/BarChartPremium.d.ts

@@ -8,7 +8,7 @@ import type { ChartsContainerPremiumProps } from "../ChartsContainerPremium/inde
 export type RangeBarSeries = RangeBarSeriesType;
 export interface BarChartPremiumSlots extends BarChartProSlots {}
 export interface BarChartPremiumSlotProps extends BarChartProSlotProps {}
-export interface BarChartPremiumProps extends Omit<BarChartProProps, 'apiRef' | 'slots' | 'slotProps' | 'seriesConfig' | 'plugins' | 'series' | 'renderer'>, Omit<ChartsContainerPremiumProps<'bar', BarChartPremiumPluginSignatures>, 'series' | 'slots' | 'slotProps'>, Pick<BarPlotPremiumProps, 'renderer'> {
+export interface BarChartPremiumProps extends Omit<BarChartProProps, 'apiRef' | 'slots' | 'slotProps' | 'seriesConfig' | 'plugins' | 'series' | 'renderer'>, Omit<ChartsContainerPremiumProps<'bar', BarChartPremiumPluginSignatures>, 'series' | 'slots' | 'slotProps' | 'sampling'>, Pick<BarPlotPremiumProps, 'renderer'> {
   /**
    * Overridable component slots.
    * @default {}

package/BarChartPremium/BarChartPremium.js

@@ -35,7 +35,7 @@ var _ChartsDataProviderPremium = require("../ChartsDataProviderPremium");
 var _RangeBarPlot = require("./RangeBar/RangeBarPlot");
 var _FocusedRangeBar = require("./RangeBar/FocusedRangeBar");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar"];
+const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar", "sampling"];
 /**
  * Demos:
  *
@@ -57,7 +57,8 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
       zoomData,
       onZoomChange,
       apiRef,
-      showToolbar
+      showToolbar,
+      sampling
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
@@ -83,7 +84,10 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
     onZoomChange,
     apiRef,
     plugins: _BarChartPremium2.BAR_CHART_PREMIUM_PLUGINS
-  }));
+  }), {
+    seriesType: 'bar',
+    method: sampling
+  });
   const Tooltip = props.slots?.tooltip ?? _ChartsTooltip.ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? _ChartsToolbarPro.ChartsToolbarPro;
   const renderer = barPlotPremiumProps.renderer;
@@ -382,6 +386,13 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes /* remove-prop
    * @default 'svg-single'
    */
   renderer: _propTypes.default.oneOf(['svg-batch', 'svg-single', 'webgl']),
+  /**
+   * Sampling method used to render large datasets when zoomed out.
+   * - `'none'`: render every bar (no sampling).
+   * - `'minmax'`: keep the min and max per bucket and draw one merged bar.
+   * @default 'none'
+   */
+  sampling: _propTypes.default.oneOf(['minmax', 'none']),
   /**
    * The series to display in the bar chart.
    * An array of [[BarSeries]] or [[RangeBarSeries]] objects.

package/BarChartPremium/BarChartPremium.mjs

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar"];
+const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar", "sampling"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
@@ -50,7 +50,8 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
       zoomData,
       onZoomChange,
       apiRef,
-      showToolbar
+      showToolbar,
+      sampling
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
@@ -76,7 +77,10 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
     onZoomChange,
     apiRef,
     plugins: BAR_CHART_PREMIUM_PLUGINS
-  }));
+  }), {
+    seriesType: 'bar',
+    method: sampling
+  });
   const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? ChartsToolbarPro;
   const renderer = barPlotPremiumProps.renderer;
@@ -375,6 +379,13 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes /* remove-prop
    * @default 'svg-single'
    */
   renderer: PropTypes.oneOf(['svg-batch', 'svg-single', 'webgl']),
+  /**
+   * Sampling method used to render large datasets when zoomed out.
+   * - `'none'`: render every bar (no sampling).
+   * - `'minmax'`: keep the min and max per bucket and draw one merged bar.
+   * @default 'none'
+   */
+  sampling: PropTypes.oneOf(['minmax', 'none']),
   /**
    * The series to display in the bar chart.
    * An array of [[BarSeries]] or [[RangeBarSeries]] objects.

package/BarChartPremium/RangeBar/AnimatedRangeBarElement.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { BarProps } from '@mui/x-charts/BarChart';
 export interface AnimatedRangeBarElementProps extends BarProps {
   /**
@@ -5,4 +6,4 @@ export interface AnimatedRangeBarElementProps extends BarProps {
    */
   hidden?: boolean;
 }
-export declare function AnimatedRangeBarElement(props: AnimatedRangeBarElementProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedRangeBarElement(props: AnimatedRangeBarElementProps): React.JSX.Element;

package/BarChartPremium/RangeBar/AnimatedRangeBarElement.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { BarProps } from '@mui/x-charts/BarChart';
 export interface AnimatedRangeBarElementProps extends BarProps {
   /**
@@ -5,4 +6,4 @@ export interface AnimatedRangeBarElementProps extends BarProps {
    */
   hidden?: boolean;
 }
-export declare function AnimatedRangeBarElement(props: AnimatedRangeBarElementProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedRangeBarElement(props: AnimatedRangeBarElementProps): React.JSX.Element;

package/BarChartPremium/RangeBar/FocusedRangeBar.d.mts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function FocusedRangeBar(props: React.SVGAttributes<SVGRectElement>): import("react/jsx-runtime").JSX.Element | null;
+export declare function FocusedRangeBar(props: React.SVGAttributes<SVGRectElement>): React.JSX.Element | null;

package/BarChartPremium/RangeBar/FocusedRangeBar.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function FocusedRangeBar(props: React.SVGAttributes<SVGRectElement>): import("react/jsx-runtime").JSX.Element | null;
+export declare function FocusedRangeBar(props: React.SVGAttributes<SVGRectElement>): React.JSX.Element | null;

package/BarChartPremium/RangeBar/seriesConfig/index.js

@@ -14,7 +14,7 @@ var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
 var _legend = _interopRequireDefault(require("./legend"));
 var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
-var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+var _tooltipPosition = require("./tooltipPosition");
 var _getSeriesWithDefaultValues = require("./getSeriesWithDefaultValues");
 var _descriptionGetter = _interopRequireDefault(require("./descriptionGetter"));
 var _RangeBarPreviewPlot = require("../../../ChartsZoomSlider/internals/previews/RangeBarPreviewPlot");
@@ -23,7 +23,7 @@ const rangeBarSeriesConfig = exports.rangeBarSeriesConfig = {
   colorProcessor: _getColor.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
-  tooltipItemPositionGetter: _tooltipPosition.default,
+  selectorTooltipItemPosition: _tooltipPosition.selectorTooltipItemPosition,
   axisTooltipGetter: _tooltip.axisTooltipGetter,
   xExtremumGetter: _extrema.getExtremumX,
   yExtremumGetter: _extrema.getExtremumY,

package/BarChartPremium/RangeBar/seriesConfig/index.mjs

@@ -6,7 +6,7 @@ import seriesProcessor from "./seriesProcessor.mjs";
 import getColor from "./getColor.mjs";
 import legendGetter from "./legend.mjs";
 import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
-import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import { selectorTooltipItemPosition } from "./tooltipPosition.mjs";
 import { getSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.mjs";
 import descriptionGetter from "./descriptionGetter.mjs";
 import { RangeBarPreviewPlot } from "../../../ChartsZoomSlider/internals/previews/RangeBarPreviewPlot.mjs";
@@ -15,7 +15,7 @@ export const rangeBarSeriesConfig = {
   colorProcessor: getColor,
   legendGetter,
   tooltipGetter,
-  tooltipItemPositionGetter,
+  selectorTooltipItemPosition,
   axisTooltipGetter,
   xExtremumGetter: getExtremumX,
   yExtremumGetter: getExtremumY,

package/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.d.mts

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

package/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.d.ts

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

package/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.js

@@ -3,29 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.selectorTooltipItemPosition = void 0;
+var _store = require("@mui/x-internals/store");
+var _internals = require("@mui/x-charts/internals");
 var _createGetRangeBarDimensions = require("../createGetRangeBarDimensions");
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig,
-    placement
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+const selectorTooltipItemPosition = exports.selectorTooltipItemPosition = (0, _store.createSelectorMemoized)(_internals.selectorChartsTooltipItem, _internals.selectorChartSeriesProcessed, _internals.selectorChartXAxis, _internals.selectorChartYAxis, function selectorTooltipItemPosition(identifier, series, xAxes, yAxes, placement) {
+  if (!identifier || identifier.type !== 'rangeBar' || identifier.dataIndex === undefined) {
     return null;
   }
   const itemSeries = series.rangeBar?.series[identifier.seriesId];
-  if (series.rangeBar == null || itemSeries == null) {
+  if (!series.rangeBar || !itemSeries) {
     return null;
   }
-  if (axesConfig.x === undefined || axesConfig.y === undefined) {
+  const xAxis = xAxes.axis[itemSeries.xAxisId ?? xAxes.axisIds[0]];
+  const yAxis = yAxes.axis[itemSeries.yAxisId ?? yAxes.axisIds[0]];
+  if (xAxis === undefined || yAxis === undefined) {
     return null;
   }
   const dimensions = (0, _createGetRangeBarDimensions.createGetRangeBarDimensions)({
     verticalLayout: itemSeries.layout === 'vertical',
-    xAxisConfig: axesConfig.x,
-    yAxisConfig: axesConfig.y,
+    xAxisConfig: xAxis,
+    yAxisConfig: yAxis,
     series: itemSeries,
     numberOfGroups: series.rangeBar.seriesOrder.length
   })(identifier.dataIndex, series.rangeBar.seriesOrder.findIndex(id => id === itemSeries.id));
@@ -61,5 +59,4 @@ const tooltipItemPositionGetter = params => {
         y
       };
   }
-};
-var _default = exports.default = tooltipItemPositionGetter;
+});

package/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.mjs

@@ -1,25 +1,23 @@
+import { createSelectorMemoized } from '@mui/x-internals/store';
+import { selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartXAxis, selectorChartYAxis } from '@mui/x-charts/internals';
 import { createGetRangeBarDimensions } from "../createGetRangeBarDimensions.mjs";
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig,
-    placement
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+export const selectorTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartXAxis, selectorChartYAxis, function selectorTooltipItemPosition(identifier, series, xAxes, yAxes, placement) {
+  if (!identifier || identifier.type !== 'rangeBar' || identifier.dataIndex === undefined) {
     return null;
   }
   const itemSeries = series.rangeBar?.series[identifier.seriesId];
-  if (series.rangeBar == null || itemSeries == null) {
+  if (!series.rangeBar || !itemSeries) {
     return null;
   }
-  if (axesConfig.x === undefined || axesConfig.y === undefined) {
+  const xAxis = xAxes.axis[itemSeries.xAxisId ?? xAxes.axisIds[0]];
+  const yAxis = yAxes.axis[itemSeries.yAxisId ?? yAxes.axisIds[0]];
+  if (xAxis === undefined || yAxis === undefined) {
     return null;
   }
   const dimensions = createGetRangeBarDimensions({
     verticalLayout: itemSeries.layout === 'vertical',
-    xAxisConfig: axesConfig.x,
-    yAxisConfig: axesConfig.y,
+    xAxisConfig: xAxis,
+    yAxisConfig: yAxis,
     series: itemSeries,
     numberOfGroups: series.rangeBar.seriesOrder.length
   })(identifier.dataIndex, series.rangeBar.seriesOrder.findIndex(id => id === itemSeries.id));
@@ -55,5 +53,4 @@ const tooltipItemPositionGetter = params => {
         y
       };
   }
-};
-export default tooltipItemPositionGetter;
+});

package/CHANGELOG.md

@@ -1,5 +1,124 @@
 # Changelog
 
+## 9.9.0
+
+_Jul 9, 2026_
+
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 [Data sampling](https://mui.com/x/react-charts/performance/#sampling) for better performance with large bar and line charts
+- 🗺️ [Maps zoom support](https://mui.com/x/react-charts/map/#zoom)
+- ☑️ Support [applying filters on demand](https://mui.com/x/react-data-grid/filtering/customization/#apply-filters-on-demand) in the Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@mustafajw07, @sebastianfrey
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @brijeshb42, @hasdfa, @Janpot, @JCQuintas, @LukasTy, @rita-codes, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.9.0`
+
+- [DataGrid] Add `dataSourceKeepPreviousData` prop (#22554) @LukasTy
+- [DataGrid] Add controlled filter panel for applying filters on demand (#23023) @sebastianfrey
+
+#### `@mui/x-data-grid-pro@9.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.9.0`.
+
+#### `@mui/x-data-grid-premium@9.9.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.9.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.9.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.9.0`, plus:
+
+- [DateRangeCalendar] Avoid unnecessary month switch when the value is already visible (#22996) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@9.9.0`
+
+- [charts] Optimize and de-duplicate sampled axis-highlight band lookup (#23052) @JCQuintas
+- [charts] Unify tooltip item position getter and selector into a single selector API (#23041) @alexfauquette
+- [charts] Fix impossible condition in axis text angle warning (#23102) @sai6855
+
+#### `@mui/x-charts-pro@9.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.9.0`, plus:
+
+- [charts-pro] Add data sampling for large bar and line charts (#22830) @JCQuintas
+- [charts-pro] Allow sampling on non-zoomable charts (#23051) @JCQuintas
+
+#### `@mui/x-charts-premium@9.9.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+#### Breaking changes
+
+The API of the `Unstable_ChartsGeoDataProviderPremium` got modified.
+Props `scale`, `rotation`, and `translation` are replaced by props `view` and `initialView`.
+Same behavior can be obtained with `view.zoomLevel`, `view.center`, and `view.translation`.
+See the [zoom view section](https://mui.com/x/react-charts/map/#control) for detailed information
+
+Same changes as in `@mui/x-charts-pro@9.9.0`, plus:
+
+- [charts-premium] Maps zoom support (#22709) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@9.9.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.9.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.5`
+
+- [scheduler] Introduce event resource helper utilities (#23022) @mustafajw07
+- [scheduler] Preserve multi-day event continuity across overflow (#22797) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.5` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.5`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.9.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix broken social preview image on shared docs links (#23055) @sai6855
+- [docs] Review and clean up react-chat docs demos & gallery; fix actions-bar layout (#22993) @hasdfa
+- [docs] Update the Pickers recommended date library bundle sizes (#23087) @LukasTy
+
+### Core
+
+- [mcp] Add `@mui/mcp` server and `@mui/x-agent-tools`. See the [README](https://github.com/mui/mui-x/blob/master/packages/mcp/README.md) for setup (#22947) @aemartos
+- [code-infra] Avoid OOM in the Netlify docs build and CircleCI lint step (#23086) @LukasTy
+- [code-infra] Group `@atlaskit/pragmatic-drag-and-drop` renovate updates (#23105) @LukasTy
+- [code-infra] Validate npm publishing through dry run (#23038) @brijeshb42
+- [docs-infra] Enable `webpackBuildWorker` to bound docs build memory (#23100) @Janpot
+
+### Miscellaneous
+
+- [test] Fix flaky "should render only the pageSize" Data Grid virtualization test (#23090) @LukasTy
+- [test] Track `@mui/x-chat` bundle size via native expand (#23049) @Janpot
+
 ## 9.8.0
 
 _Jul 2, 2026_

package/CandlestickChart/CandlestickPlot.d.mts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 export interface CandlestickPlotProps {}
-export declare function CandlestickPlot(): import("react/jsx-runtime").JSX.Element;
+export declare function CandlestickPlot(): React.JSX.Element;

package/CandlestickChart/CandlestickPlot.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 export interface CandlestickPlotProps {}
-export declare function CandlestickPlot(): import("react/jsx-runtime").JSX.Element;
+export declare function CandlestickPlot(): React.JSX.Element;

package/CandlestickChart/seriesConfig/OHLCTooltipContent.d.mts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { AxisTooltipContentProps, ItemTooltipContentProps } from '@mui/x-charts/internals';
-export declare function OHLCTooltipContent(props: AxisTooltipContentProps<'ohlc'> | ItemTooltipContentProps<'ohlc'>): import("react/jsx-runtime").JSX.Element | null;
+export declare function OHLCTooltipContent(props: AxisTooltipContentProps<'ohlc'> | ItemTooltipContentProps<'ohlc'>): React.JSX.Element | null;

package/CandlestickChart/seriesConfig/OHLCTooltipContent.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { AxisTooltipContentProps, ItemTooltipContentProps } from '@mui/x-charts/internals';
-export declare function OHLCTooltipContent(props: AxisTooltipContentProps<'ohlc'> | ItemTooltipContentProps<'ohlc'>): import("react/jsx-runtime").JSX.Element | null;
+export declare function OHLCTooltipContent(props: AxisTooltipContentProps<'ohlc'> | ItemTooltipContentProps<'ohlc'>): React.JSX.Element | null;

package/CandlestickChart/seriesConfig/index.js

@@ -14,7 +14,7 @@ var _tooltip = _interopRequireWildcard(require("./tooltip"));
 var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
 var _legend = _interopRequireDefault(require("./legend"));
-var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+var _tooltipPosition = require("./tooltipPosition");
 var _getSeriesWithDefaultValues = require("./getSeriesWithDefaultValues");
 var _OHLCTooltipContent = require("./OHLCTooltipContent");
 var _descriptionGetter = _interopRequireDefault(require("./descriptionGetter"));
@@ -24,7 +24,7 @@ const ohlcSeriesConfig = exports.ohlcSeriesConfig = {
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
   ItemTooltipContent: _OHLCTooltipContent.OHLCTooltipContent,
-  tooltipItemPositionGetter: _tooltipPosition.default,
+  selectorTooltipItemPosition: _tooltipPosition.selectorTooltipItemPosition,
   axisTooltipGetter: _tooltip.axisTooltipGetter,
   AxisTooltipContent: _OHLCTooltipContent.OHLCTooltipContent,
   xExtremumGetter: _extrema.getExtremumX,

package/CandlestickChart/seriesConfig/index.mjs

@@ -6,7 +6,7 @@ import tooltipGetter, { axisTooltipGetter } from "./tooltip.mjs";
 import seriesProcessor from "./seriesProcessor.mjs";
 import getColor from "./getColor.mjs";
 import legendGetter from "./legend.mjs";
-import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import { selectorTooltipItemPosition } from "./tooltipPosition.mjs";
 import { getSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.mjs";
 import { OHLCTooltipContent } from "./OHLCTooltipContent.mjs";
 import descriptionGetter from "./descriptionGetter.mjs";
@@ -16,7 +16,7 @@ export const ohlcSeriesConfig = {
   legendGetter,
   tooltipGetter,
   ItemTooltipContent: OHLCTooltipContent,
-  tooltipItemPositionGetter,
+  selectorTooltipItemPosition,
   axisTooltipGetter,
   AxisTooltipContent: OHLCTooltipContent,
   xExtremumGetter: getExtremumX,

package/CandlestickChart/seriesConfig/tooltipPosition.d.mts

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

package/CandlestickChart/seriesConfig/tooltipPosition.d.ts

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

package/CandlestickChart/seriesConfig/tooltipPosition.js

@@ -3,31 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.selectorTooltipItemPosition = void 0;
+var _store = require("@mui/x-internals/store");
 var _internals = require("@mui/x-charts/internals");
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig,
-    placement
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+const selectorTooltipItemPosition = exports.selectorTooltipItemPosition = (0, _store.createSelectorMemoized)(_internals.selectorChartsTooltipItem, _internals.selectorChartSeriesProcessed, _internals.selectorChartXAxis, _internals.selectorChartYAxis, function selectorTooltipItemPosition(identifier, series, xAxes, yAxes, placement) {
+  if (!identifier || identifier.type !== 'ohlc' || identifier.dataIndex === undefined) {
     return null;
   }
   const itemSeries = series.ohlc?.series[identifier.seriesId];
   if (itemSeries == null) {
     return null;
   }
-  if (axesConfig.x === undefined || axesConfig.y === undefined) {
+  const xAxis = xAxes.axis[itemSeries.xAxisId ?? xAxes.axisIds[0]];
+  const yAxis = yAxes.axis[itemSeries.yAxisId ?? yAxes.axisIds[0]];
+  if (xAxis === undefined || yAxis === undefined) {
     return null;
   }
   const datum = itemSeries.data[identifier.dataIndex];
   if (!datum) {
     return null;
   }
-  const xScale = axesConfig.x.scale;
-  const yScale = axesConfig.y.scale;
+  const xScale = xAxis.scale;
+  const yScale = yAxis.scale;
   if (!(0, _internals.isBandScale)(xScale) || (0, _internals.isOrdinalScale)(yScale)) {
     return null;
   }
@@ -59,5 +56,4 @@ const tooltipItemPositionGetter = params => {
         y
       };
   }
-};
-var _default = exports.default = tooltipItemPositionGetter;
+});

package/CandlestickChart/seriesConfig/tooltipPosition.mjs

@@ -1,27 +1,24 @@
-import { isBandScale, isOrdinalScale } from '@mui/x-charts/internals';
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig,
-    placement
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+import { createSelectorMemoized } from '@mui/x-internals/store';
+import { isBandScale, isOrdinalScale, selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartXAxis, selectorChartYAxis } from '@mui/x-charts/internals';
+export const selectorTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartXAxis, selectorChartYAxis, function selectorTooltipItemPosition(identifier, series, xAxes, yAxes, placement) {
+  if (!identifier || identifier.type !== 'ohlc' || identifier.dataIndex === undefined) {
     return null;
   }
   const itemSeries = series.ohlc?.series[identifier.seriesId];
   if (itemSeries == null) {
     return null;
   }
-  if (axesConfig.x === undefined || axesConfig.y === undefined) {
+  const xAxis = xAxes.axis[itemSeries.xAxisId ?? xAxes.axisIds[0]];
+  const yAxis = yAxes.axis[itemSeries.yAxisId ?? yAxes.axisIds[0]];
+  if (xAxis === undefined || yAxis === undefined) {
     return null;
   }
   const datum = itemSeries.data[identifier.dataIndex];
   if (!datum) {
     return null;
   }
-  const xScale = axesConfig.x.scale;
-  const yScale = axesConfig.y.scale;
+  const xScale = xAxis.scale;
+  const yScale = yAxis.scale;
   if (!isBandScale(xScale) || isOrdinalScale(yScale)) {
     return null;
   }
@@ -53,5 +50,4 @@ const tooltipItemPositionGetter = params => {
         y
       };
   }
-};
-export default tooltipItemPositionGetter;
+});

package/ChartsDataProviderPremium/ChartsDataProviderPremium.d.mts

@@ -42,7 +42,7 @@ export declare const defaultSeriesConfigPremium: ChartSeriesConfig<'bar' | 'rang
  * </ChartsDataProviderPremium>
  * ```
  */
-declare function ChartsDataProviderPremium<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderPremiumProps<SeriesType, TSignatures>): import("react/jsx-runtime").JSX.Element;
+declare function ChartsDataProviderPremium<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderPremiumProps<SeriesType, TSignatures>): import("react").JSX.Element;
 declare namespace ChartsDataProviderPremium {
   var propTypes: any;
 }

package/ChartsDataProviderPremium/ChartsDataProviderPremium.d.ts

@@ -42,7 +42,7 @@ export declare const defaultSeriesConfigPremium: ChartSeriesConfig<'bar' | 'rang
  * </ChartsDataProviderPremium>
  * ```
  */
-declare function ChartsDataProviderPremium<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderPremiumProps<SeriesType, TSignatures>): import("react/jsx-runtime").JSX.Element;
+declare function ChartsDataProviderPremium<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderPremiumProps<SeriesType, TSignatures>): import("react").JSX.Element;
 declare namespace ChartsDataProviderPremium {
   var propTypes: any;
 }

package/ChartsDataProviderPremium/ChartsDataProviderPremium.js

@@ -19,8 +19,8 @@ var _useChartsDataProviderPremiumProps = require("./useChartsDataProviderPremium
 var _seriesConfig2 = require("../CandlestickChart/seriesConfig");
 var _jsxRuntime = require("react/jsx-runtime");
 const packageInfo = {
-  releaseDate: "MTc4Mjk1MDQwMDAwMA==",
-  version: "9.8.0",
+  releaseDate: "MTc4MzU1NTIwMDAwMA==",
+  version: "9.9.0",
   name: 'x-charts-premium'
 };
 const defaultSeriesConfigPremium = exports.defaultSeriesConfigPremium = (0, _extends2.default)({}, _internals2.defaultSeriesConfigPro, {

package/ChartsDataProviderPremium/ChartsDataProviderPremium.mjs

@@ -12,8 +12,8 @@ import { useChartsDataProviderPremiumProps } from "./useChartsDataProviderPremiu
 import { ohlcSeriesConfig } from "../CandlestickChart/seriesConfig/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const packageInfo = {
-  releaseDate: "MTc4Mjk1MDQwMDAwMA==",
-  version: "9.8.0",
+  releaseDate: "MTc4MzU1NTIwMDAwMA==",
+  version: "9.9.0",
   name: 'x-charts-premium'
 };
 export const defaultSeriesConfigPremium = _extends({}, defaultSeriesConfigPro, {