@mui/x-charts-pro 9.8.0 → 9.9.0

package/BarChartPro/BarChartPro.d.mts

@@ -1,12 +1,20 @@
 import * as React from 'react';
 import type { BarChartProps, BarChartSlotProps, BarChartSlots } from '@mui/x-charts/BarChart';
+import type { BarSamplingMethod } from '@mui/x-charts/internals';
 import type { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.mjs";
 import type { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.mjs";
 import type { ChartsContainerProProps } from "../ChartsContainerPro/index.mjs";
 import type { BarChartProPluginSignatures } from "./BarChartPro.plugins.mjs";
 export interface BarChartProSlots extends Omit<BarChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface BarChartProSlotProps extends Omit<BarChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
-export interface BarChartProProps extends Omit<BarChartProps, 'apiRef' | 'slots' | 'slotProps' | 'seriesConfig' | 'plugins'>, Omit<ChartsContainerProProps<'bar', BarChartProPluginSignatures>, 'series' | 'slots' | 'slotProps'> {
+export interface BarChartProProps extends Omit<BarChartProps, 'apiRef' | 'slots' | 'slotProps' | 'seriesConfig' | 'plugins'>, Omit<ChartsContainerProProps<'bar', BarChartProPluginSignatures>, 'series' | 'slots' | 'slotProps' | 'sampling'> {
+  /**
+   * 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?: BarSamplingMethod;
   /**
    * Overridable component slots.
    * @default {}

package/BarChartPro/BarChartPro.d.ts

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

package/BarChartPro/BarChartPro.js

@@ -30,7 +30,7 @@ var _useChartsContainerProProps = require("../ChartsContainerPro/useChartsContai
 var _ChartsDataProviderPro = require("../ChartsDataProviderPro");
 var _BarChartPro2 = require("./BarChartPro.plugins");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar"];
+const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar", "sampling"];
 /**
  * Demos:
  *
@@ -52,7 +52,8 @@ const BarChartPro = exports.BarChartPro = /*#__PURE__*/React.forwardRef(function
       zoomData,
       onZoomChange,
       apiRef,
-      showToolbar
+      showToolbar,
+      sampling
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
@@ -77,7 +78,10 @@ const BarChartPro = exports.BarChartPro = /*#__PURE__*/React.forwardRef(function
     onZoomChange,
     apiRef,
     plugins: _BarChartPro2.BAR_CHART_PRO_PLUGINS
-  }));
+  }), {
+    seriesType: 'bar',
+    method: sampling
+  });
   const Tooltip = props.slots?.tooltip ?? _ChartsTooltip.ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? _ChartsToolbarPro.ChartsToolbarPro;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsDataProviderPro.ChartsDataProviderPro, (0, _extends2.default)({}, chartsDataProviderProProps, {
@@ -366,6 +370,13 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes /* remove-proptype
    * @default 'svg-single'
    */
   renderer: _propTypes.default.oneOf(['svg-batch', 'svg-single']),
+  /**
+   * 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]] objects.

package/BarChartPro/BarChartPro.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';
@@ -45,7 +45,8 @@ const BarChartPro = /*#__PURE__*/React.forwardRef(function BarChartPro(inProps,
       zoomData,
       onZoomChange,
       apiRef,
-      showToolbar
+      showToolbar,
+      sampling
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
@@ -70,7 +71,10 @@ const BarChartPro = /*#__PURE__*/React.forwardRef(function BarChartPro(inProps,
     onZoomChange,
     apiRef,
     plugins: BAR_CHART_PRO_PLUGINS
-  }));
+  }), {
+    seriesType: 'bar',
+    method: sampling
+  });
   const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? ChartsToolbarPro;
   return /*#__PURE__*/_jsx(ChartsDataProviderPro, _extends({}, chartsDataProviderProProps, {
@@ -359,6 +363,13 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes /* remove-proptype
    * @default 'svg-single'
    */
   renderer: PropTypes.oneOf(['svg-batch', 'svg-single']),
+  /**
+   * 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]] objects.

package/BarChartPro/BarChartPro.plugins.d.mts

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

package/BarChartPro/BarChartPro.plugins.d.ts

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

package/BarChartPro/BarChartPro.plugins.js

@@ -7,4 +7,5 @@ exports.BAR_CHART_PRO_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
 var _useChartProExport = require("../internals/plugins/useChartProExport");
 var _useChartProZoom = require("../internals/plugins/useChartProZoom");
-const BAR_CHART_PRO_PLUGINS = exports.BAR_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
+var _useChartProSampling = require("../internals/plugins/useChartProSampling");
+const BAR_CHART_PRO_PLUGINS = exports.BAR_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport, _useChartProSampling.useChartProSampling];

package/BarChartPro/BarChartPro.plugins.mjs

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

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/ChartsContainerPro/useChartsContainerProProps.d.mts

@@ -1,8 +1,12 @@
-import type { ChartAnyPluginSignature, ChartSeriesType, UseChartsContainerPropsReturnValue } from '@mui/x-charts/internals';
+import type { ChartAnyPluginSignature, ChartSeriesType, SamplingMethod, UseChartsContainerPropsReturnValue } from '@mui/x-charts/internals';
 import type { ChartsDataProviderProProps } from "../ChartsDataProviderPro/index.mjs";
 import type { ChartsContainerProProps } from "./ChartsContainerPro.mjs";
 import type { AllPluginSignatures } from "../internals/plugins/allPlugins.mjs";
 export type UseChartsContainerProPropsReturnValue<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartsContainerPropsReturnValue<SeriesType, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
   chartsDataProviderProProps: ChartsDataProviderProProps<SeriesType, TSignatures>;
 };
-export declare const useChartsContainerProProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerProProps<SeriesType, TSignatures>) => UseChartsContainerProPropsReturnValue<SeriesType, TSignatures>;
+export declare const useChartsContainerProProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerProProps<SeriesType, TSignatures>, /** Maps a chart's single `sampling` method to the provider's per-type config. Omit if unsupported. */
+samplingOptions?: {
+  seriesType: SeriesType;
+  method: SamplingMethod | undefined;
+}) => UseChartsContainerProPropsReturnValue<SeriesType, TSignatures>;

package/ChartsContainerPro/useChartsContainerProProps.d.ts

@@ -1,8 +1,12 @@
-import type { ChartAnyPluginSignature, ChartSeriesType, UseChartsContainerPropsReturnValue } from '@mui/x-charts/internals';
+import type { ChartAnyPluginSignature, ChartSeriesType, SamplingMethod, UseChartsContainerPropsReturnValue } from '@mui/x-charts/internals';
 import type { ChartsDataProviderProProps } from "../ChartsDataProviderPro/index.js";
 import type { ChartsContainerProProps } from "./ChartsContainerPro.js";
 import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 export type UseChartsContainerProPropsReturnValue<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartsContainerPropsReturnValue<SeriesType, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
   chartsDataProviderProProps: ChartsDataProviderProProps<SeriesType, TSignatures>;
 };
-export declare const useChartsContainerProProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerProProps<SeriesType, TSignatures>) => UseChartsContainerProPropsReturnValue<SeriesType, TSignatures>;
+export declare const useChartsContainerProProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerProProps<SeriesType, TSignatures>, /** Maps a chart's single `sampling` method to the provider's per-type config. Omit if unsupported. */
+samplingOptions?: {
+  seriesType: SeriesType;
+  method: SamplingMethod | undefined;
+}) => UseChartsContainerProPropsReturnValue<SeriesType, TSignatures>;

package/ChartsContainerPro/useChartsContainerProProps.js

@@ -2,16 +2,18 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChartsContainerProProps = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-charts/internals");
 var _allPlugins = require("../internals/plugins/allPlugins");
 const _excluded = ["initialZoom", "zoomData", "onZoomChange", "zoomInteractionConfig", "plugins", "apiRef"];
-const useChartsContainerProProps = props => {
+const useChartsContainerProProps = (props, samplingOptions) => {
   const _ref = props,
     {
       initialZoom,
@@ -22,6 +24,11 @@ const useChartsContainerProProps = props => {
       apiRef
     } = _ref,
     baseProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  const samplingMethod = samplingOptions?.method;
+  const samplingSeriesType = samplingOptions?.seriesType;
+  const samplingConfig = React.useMemo(() => samplingMethod ? {
+    [samplingSeriesType]: samplingMethod
+  } : undefined, [samplingMethod, samplingSeriesType]);
   const {
     chartsDataProviderProps,
     chartsSurfaceProps,
@@ -33,6 +40,7 @@ const useChartsContainerProProps = props => {
     onZoomChange,
     zoomInteractionConfig,
     apiRef,
+    sampling: samplingConfig,
     plugins: plugins ?? _allPlugins.DEFAULT_PLUGINS
   });
   return {

package/ChartsContainerPro/useChartsContainerProProps.mjs

@@ -3,9 +3,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["initialZoom", "zoomData", "onZoomChange", "zoomInteractionConfig", "plugins", "apiRef"];
+import * as React from 'react';
 import { useChartsContainerProps } from '@mui/x-charts/internals';
 import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.mjs";
-export const useChartsContainerProProps = props => {
+export const useChartsContainerProProps = (props, samplingOptions) => {
   const _ref = props,
     {
       initialZoom,
@@ -16,6 +17,11 @@ export const useChartsContainerProProps = props => {
       apiRef
     } = _ref,
     baseProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const samplingMethod = samplingOptions?.method;
+  const samplingSeriesType = samplingOptions?.seriesType;
+  const samplingConfig = React.useMemo(() => samplingMethod ? {
+    [samplingSeriesType]: samplingMethod
+  } : undefined, [samplingMethod, samplingSeriesType]);
   const {
     chartsDataProviderProps,
     chartsSurfaceProps,
@@ -27,6 +33,7 @@ export const useChartsContainerProProps = props => {
     onZoomChange,
     zoomInteractionConfig,
     apiRef,
+    sampling: samplingConfig,
     plugins: plugins ?? DEFAULT_PLUGINS
   });
   return {

package/ChartsDataProviderPro/ChartsDataProviderPro.d.mts

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

package/ChartsDataProviderPro/ChartsDataProviderPro.d.ts

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

package/ChartsDataProviderPro/ChartsDataProviderPro.js

@@ -16,13 +16,24 @@ var _material = require("../internals/material");
 var _allPlugins = require("../internals/plugins/allPlugins");
 var _useChartsDataProviderProProps = require("./useChartsDataProviderProProps");
 var _ChartsWatermark = require("../internals/ChartsWatermark");
+var _barSampler = require("../internals/plugins/useChartProSampling/barSampler");
+var _lineSampler = require("../internals/plugins/useChartProSampling/lineSampler");
 var _jsxRuntime = require("react/jsx-runtime");
 const packageInfo = {
-  releaseDate: "MTc4Mjk1MDQwMDAwMA==",
-  version: "9.8.0",
+  releaseDate: "MTc4MzU1NTIwMDAwMA==",
+  version: "9.9.0",
   name: 'x-charts-pro'
 };
-const defaultSeriesConfigPro = exports.defaultSeriesConfigPro = _internals.defaultSeriesConfig;
+// Attach the pro sampling strategies (kept at module scope for a stable identity, so the
+// sampling-aware axis selectors don't recompute on every render).
+const defaultSeriesConfigPro = exports.defaultSeriesConfigPro = (0, _extends2.default)({}, _internals.defaultSeriesConfig, {
+  bar: (0, _extends2.default)({}, _internals.defaultSeriesConfig.bar, {
+    sampler: _barSampler.barSampler
+  }),
+  line: (0, _extends2.default)({}, _internals.defaultSeriesConfig.line, {
+    sampler: _lineSampler.lineSampler
+  })
+});
 
 /**
  * Orchestrates the data providers for the chart components and hooks.

package/ChartsDataProviderPro/ChartsDataProviderPro.mjs

@@ -9,13 +9,24 @@ import { defaultSlotsMaterial } from "../internals/material/index.mjs";
 import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.mjs";
 import { useChartsDataProviderProProps } from "./useChartsDataProviderProProps.mjs";
 import { ChartsWatermark } from "../internals/ChartsWatermark.mjs";
+import { barSampler } from "../internals/plugins/useChartProSampling/barSampler.mjs";
+import { lineSampler } from "../internals/plugins/useChartProSampling/lineSampler.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-pro'
 };
-export const defaultSeriesConfigPro = defaultSeriesConfig;
+// Attach the pro sampling strategies (kept at module scope for a stable identity, so the
+// sampling-aware axis selectors don't recompute on every render).
+export const defaultSeriesConfigPro = _extends({}, defaultSeriesConfig, {
+  bar: _extends({}, defaultSeriesConfig.bar, {
+    sampler: barSampler
+  }),
+  line: _extends({}, defaultSeriesConfig.line, {
+    sampler: lineSampler
+  })
+});
 
 /**
  * Orchestrates the data providers for the chart components and hooks.

package/ChartsToolbarPro/ChartsToolbarPro.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsToolbarProps } from '@mui/x-charts/Toolbar';
 import type { AxisId } from '@mui/x-charts/internals';
 import type { RangeButtonValue } from "./rangeButtonValueToZoom.mjs";
@@ -42,7 +43,7 @@ declare function ChartsToolbarPro({
   rangeButtons,
   rangeButtonsAxisId,
   ...other
-}: ChartsToolbarProProps): import("react/jsx-runtime").JSX.Element | null;
+}: ChartsToolbarProProps): React.JSX.Element | null;
 declare namespace ChartsToolbarPro {
   var propTypes: any;
 }

package/ChartsToolbarPro/ChartsToolbarPro.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsToolbarProps } from '@mui/x-charts/Toolbar';
 import type { AxisId } from '@mui/x-charts/internals';
 import type { RangeButtonValue } from "./rangeButtonValueToZoom.js";
@@ -42,7 +43,7 @@ declare function ChartsToolbarPro({
   rangeButtons,
   rangeButtonsAxisId,
   ...other
-}: ChartsToolbarProProps): import("react/jsx-runtime").JSX.Element | null;
+}: ChartsToolbarProProps): React.JSX.Element | null;
 declare namespace ChartsToolbarPro {
   var propTypes: any;
 }

package/ChartsToolbarPro/internals/ChartsMenu.d.mts

@@ -7,7 +7,7 @@ export interface ChartsMenuProps extends Pick<ChartBasePopperProps, 'className'
   position?: Placement;
   children: React.ReactNode;
 }
-declare function ChartsMenu(props: ChartsMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsMenu(props: ChartsMenuProps): React.JSX.Element;
 declare namespace ChartsMenu {
   var propTypes: any;
 }

package/ChartsToolbarPro/internals/ChartsMenu.d.ts

@@ -7,7 +7,7 @@ export interface ChartsMenuProps extends Pick<ChartBasePopperProps, 'className'
   position?: Placement;
   children: React.ReactNode;
 }
-declare function ChartsMenu(props: ChartsMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsMenu(props: ChartsMenuProps): React.JSX.Element;
 declare namespace ChartsMenu {
   var propTypes: any;
 }

package/ChartsZoomSlider/ChartsZoomSlider.d.mts

@@ -1,4 +1,5 @@
+import * as React from 'react';
 /**
  * Renders the zoom slider for all x and y axes that have it enabled.
  */
-export declare function ChartsZoomSlider(): import("react/jsx-runtime").JSX.Element;
+export declare function ChartsZoomSlider(): React.JSX.Element;

package/ChartsZoomSlider/ChartsZoomSlider.d.ts

@@ -1,4 +1,5 @@
+import * as React from 'react';
 /**
  * Renders the zoom slider for all x and y axes that have it enabled.
  */
-export declare function ChartsZoomSlider(): import("react/jsx-runtime").JSX.Element;
+export declare function ChartsZoomSlider(): React.JSX.Element;

package/ChartsZoomSlider/internals/ChartsAxisZoomSlider.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { AxisId } from '@mui/x-charts/internals';
 interface ChartsZoomSliderProps {
   /**
@@ -16,5 +17,5 @@ interface ChartsZoomSliderProps {
 export declare function ChartsAxisZoomSlider({
   axisDirection,
   axisId
-}: ChartsZoomSliderProps): import("react/jsx-runtime").JSX.Element | null;
+}: ChartsZoomSliderProps): React.JSX.Element | null;
 export {};

package/ChartsZoomSlider/internals/ChartsAxisZoomSlider.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { AxisId } from '@mui/x-charts/internals';
 interface ChartsZoomSliderProps {
   /**
@@ -16,5 +17,5 @@ interface ChartsZoomSliderProps {
 export declare function ChartsAxisZoomSlider({
   axisDirection,
   axisId
-}: ChartsZoomSliderProps): import("react/jsx-runtime").JSX.Element | null;
+}: ChartsZoomSliderProps): React.JSX.Element | null;
 export {};

package/ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { AxisId, ZoomData } from '@mui/x-charts/internals';
 export interface ChartsAxisZoomSliderActiveTrackProps {
   axisId: AxisId;
@@ -26,4 +27,4 @@ export declare function ChartsAxisZoomSliderActiveTrack({
   onPointerLeave,
   onInteractionStart,
   onInteractionEnd
-}: ChartsAxisZoomSliderActiveTrackProps): import("react/jsx-runtime").JSX.Element;
+}: ChartsAxisZoomSliderActiveTrackProps): React.JSX.Element;

package/ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { AxisId, ZoomData } from '@mui/x-charts/internals';
 export interface ChartsAxisZoomSliderActiveTrackProps {
   axisId: AxisId;
@@ -26,4 +27,4 @@ export declare function ChartsAxisZoomSliderActiveTrack({
   onPointerLeave,
   onInteractionStart,
   onInteractionEnd
-}: ChartsAxisZoomSliderActiveTrackProps): import("react/jsx-runtime").JSX.Element;
+}: ChartsAxisZoomSliderActiveTrackProps): React.JSX.Element;

package/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { AxisId, SeriesId } from '@mui/x-charts/internals';
 interface ChartsAxisZoomSliderPreviewProps {
   axisId: AxisId;
@@ -18,5 +19,5 @@ export declare function ChartsAxisZoomSliderPreview({
   reverse,
   seriesIds,
   ...props
-}: ChartsAxisZoomSliderPreviewProps): import("react/jsx-runtime").JSX.Element;
+}: ChartsAxisZoomSliderPreviewProps): React.JSX.Element;
 export {};

package/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { AxisId, SeriesId } from '@mui/x-charts/internals';
 interface ChartsAxisZoomSliderPreviewProps {
   axisId: AxisId;
@@ -18,5 +19,5 @@ export declare function ChartsAxisZoomSliderPreview({
   reverse,
   seriesIds,
   ...props
-}: ChartsAxisZoomSliderPreviewProps): import("react/jsx-runtime").JSX.Element;
+}: ChartsAxisZoomSliderPreviewProps): React.JSX.Element;
 export {};