@mui/x-charts 9.4.0 → 9.6.0

package/PieChart/PieArcPlot.mjs

@@ -70,7 +70,7 @@ function PieArcPlot(props) {
     }, slotProps?.pieArc), item.dataIndex))
   }));
 }
-process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
+process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -89,10 +89,11 @@ process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
     color: PropTypes.string.isRequired,
     endAngle: PropTypes.number.isRequired,
     formattedValue: PropTypes.string.isRequired,
+    hidden: PropTypes.bool.isRequired,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     index: PropTypes.number.isRequired,
     label: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-    labelMarkType: PropTypes.oneOfType([PropTypes.oneOf(['circle', 'line', 'square']), PropTypes.func]),
+    labelMarkType: PropTypes.oneOfType([PropTypes.oneOf(['circle', 'line', 'line+mark', 'square']), PropTypes.func]),
     padAngle: PropTypes.number.isRequired,
     startAngle: PropTypes.number.isRequired,
     value: PropTypes.number.isRequired
@@ -122,10 +123,6 @@ process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
     outerRadius: PropTypes.number,
     paddingAngle: PropTypes.number
   }),
-  /**
-   * The id of this series.
-   */
-  seriesId: PropTypes.string.isRequired,
   /**
    * The radius between circle center and the beginning of the arc.
    * @default 0
@@ -147,6 +144,10 @@ process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
    * @default 0
    */
   paddingAngle: PropTypes.number,
+  /**
+   * The id of this series.
+   */
+  seriesId: PropTypes.string.isRequired,
   /**
    * If `true`, animations are skipped.
    * @default false

package/PieChart/PieChart.js

@@ -109,7 +109,7 @@ const PieChart = exports.PieChart = /*#__PURE__*/React.forwardRef(function PieCh
   }));
 });
 if (process.env.NODE_ENV !== "production") PieChart.displayName = "PieChart";
-process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
+process.env.NODE_ENV !== "production" ? PieChart.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/PieChart/PieChart.mjs

@@ -102,7 +102,7 @@ const PieChart = /*#__PURE__*/React.forwardRef(function PieChart(inProps, ref) {
   }));
 });
 if (process.env.NODE_ENV !== "production") PieChart.displayName = "PieChart";
-process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
+process.env.NODE_ENV !== "production" ? PieChart.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/PieChart/PiePlot.js

@@ -102,11 +102,12 @@ function PiePlot(props) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? PiePlot.propTypes = {
+process.env.NODE_ENV !== "production" ? PiePlot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
+  className: _propTypes.default.string,
   /**
    * Callback fired when a pie item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.

package/PieChart/PiePlot.mjs

@@ -96,11 +96,12 @@ function PiePlot(props) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? PiePlot.propTypes = {
+process.env.NODE_ENV !== "production" ? PiePlot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
+  className: PropTypes.string,
   /**
    * Callback fired when a pie item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.

package/RadarChart/RadarAxis/RadarAxis.js

@@ -61,7 +61,7 @@ function RadarAxis(props) {
     }), formattedValue))]
   });
 }
-process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarAxis.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -75,6 +75,10 @@ process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: _propTypes.default.string,
   /**
    * The number of divisions with label.
    * @default 1

package/RadarChart/RadarAxis/RadarAxis.mjs

@@ -53,7 +53,7 @@ function RadarAxis(props) {
     }), formattedValue))]
   });
 }
-process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarAxis.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -67,6 +67,10 @@ process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: PropTypes.string,
   /**
    * The number of divisions with label.
    * @default 1

package/RadarChart/RadarAxisHighlight/RadarAxisHighlight.js

@@ -72,7 +72,7 @@ function RadarAxisHighlight(props) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? RadarAxisHighlight.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarAxisHighlight.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -80,5 +80,9 @@ process.env.NODE_ENV !== "production" ? RadarAxisHighlight.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object
+  classes: _propTypes.default.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: _propTypes.default.string
 } : void 0;

package/RadarChart/RadarAxisHighlight/RadarAxisHighlight.mjs

@@ -65,7 +65,7 @@ function RadarAxisHighlight(props) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? RadarAxisHighlight.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarAxisHighlight.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -73,6 +73,10 @@ process.env.NODE_ENV !== "production" ? RadarAxisHighlight.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object
+  classes: PropTypes.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: PropTypes.string
 } : void 0;
 export { RadarAxisHighlight };

package/RadarChart/RadarChart.js

@@ -62,7 +62,7 @@ const RadarChart = exports.RadarChart = /*#__PURE__*/React.forwardRef(function R
   }));
 });
 if (process.env.NODE_ENV !== "production") RadarChart.displayName = "RadarChart";
-process.env.NODE_ENV !== "production" ? RadarChart.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarChart.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/RadarChart/RadarChart.mjs

@@ -55,7 +55,7 @@ const RadarChart = /*#__PURE__*/React.forwardRef(function RadarChart(inProps, re
   }));
 });
 if (process.env.NODE_ENV !== "production") RadarChart.displayName = "RadarChart";
-process.env.NODE_ENV !== "production" ? RadarChart.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarChart.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/RadarChart/RadarGrid/RadarGrid.js

@@ -67,15 +67,11 @@ function RadarGrid(props) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? RadarGrid.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarGrid.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
   /**
    * The number of divisions in the radar grid.
    * @default 5

package/RadarChart/RadarGrid/RadarGrid.mjs

@@ -59,15 +59,11 @@ function RadarGrid(props) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? RadarGrid.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarGrid.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
   /**
    * The number of divisions in the radar grid.
    * @default 5

package/RadarChart/RadarSeriesPlot/RadarSeriesArea.js

@@ -89,7 +89,7 @@ function RadarSeriesArea(props) {
     })
   });
 }
-process.env.NODE_ENV !== "production" ? RadarSeriesArea.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarSeriesArea.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -98,6 +98,10 @@ process.env.NODE_ENV !== "production" ? RadarSeriesArea.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: _propTypes.default.string,
   /**
    * Callback fired when an area is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.

package/RadarChart/RadarSeriesPlot/RadarSeriesArea.mjs

@@ -80,7 +80,7 @@ function RadarSeriesArea(props) {
     })
   });
 }
-process.env.NODE_ENV !== "production" ? RadarSeriesArea.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarSeriesArea.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -89,6 +89,10 @@ process.env.NODE_ENV !== "production" ? RadarSeriesArea.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: PropTypes.string,
   /**
    * Callback fired when an area is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.js

@@ -85,7 +85,7 @@ function RadarSeriesMarks(props) {
     })
   });
 }
-process.env.NODE_ENV !== "production" ? RadarSeriesMarks.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarSeriesMarks.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -94,6 +94,10 @@ process.env.NODE_ENV !== "production" ? RadarSeriesMarks.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: _propTypes.default.string,
   /**
    * Callback fired when a mark is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.mjs

@@ -76,7 +76,7 @@ function RadarSeriesMarks(props) {
     })
   });
 }
-process.env.NODE_ENV !== "production" ? RadarSeriesMarks.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarSeriesMarks.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -85,6 +85,10 @@ process.env.NODE_ENV !== "production" ? RadarSeriesMarks.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: PropTypes.string,
   /**
    * Callback fired when a mark is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.js

@@ -77,7 +77,7 @@ function RadarSeriesPlot(props) {
     })
   });
 }
-process.env.NODE_ENV !== "production" ? RadarSeriesPlot.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarSeriesPlot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -86,6 +86,10 @@ process.env.NODE_ENV !== "production" ? RadarSeriesPlot.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: _propTypes.default.string,
   /**
    * Callback fired when an area is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.mjs

@@ -70,7 +70,7 @@ function RadarSeriesPlot(props) {
     })
   });
 }
-process.env.NODE_ENV !== "production" ? RadarSeriesPlot.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarSeriesPlot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -79,6 +79,10 @@ process.env.NODE_ENV !== "production" ? RadarSeriesPlot.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: PropTypes.string,
   /**
    * Callback fired when an area is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.

package/ScatterChart/Scatter.js

@@ -104,7 +104,7 @@ function Scatter(props) {
     })
   });
 }
-process.env.NODE_ENV !== "production" ? Scatter.propTypes = {
+process.env.NODE_ENV !== "production" ? Scatter.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/ScatterChart/Scatter.mjs

@@ -100,7 +100,7 @@ function Scatter(props) {
     })
   });
 }
-process.env.NODE_ENV !== "production" ? Scatter.propTypes = {
+process.env.NODE_ENV !== "production" ? Scatter.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/ScatterChart/ScatterChart.js

@@ -72,7 +72,7 @@ const ScatterChart = exports.ScatterChart = /*#__PURE__*/React.forwardRef(functi
   }));
 });
 if (process.env.NODE_ENV !== "production") ScatterChart.displayName = "ScatterChart";
-process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
+process.env.NODE_ENV !== "production" ? ScatterChart.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -148,7 +148,9 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   /**
    * Options to enable features planned for the next major.
    */
-  experimentalFeatures: _propTypes.default.object,
+  experimentalFeatures: _propTypes.default.shape({
+    progressiveRendering: _propTypes.default.bool
+  }),
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -307,13 +309,15 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   onTooltipItemChange: _propTypes.default.func,
   /**
    * The type of renderer to use for the scatter plot.
-   * - `svg-single`: Renders every scatter item in a `<circle />` element.
+   * - `svg-single`: Renders every scatter item in a `<circle />` element, synchronously.
+   * - `svg-progressive`: Renders every scatter item in a `<circle />` element, in progressive batches that paint over several animation frames to keep the main thread responsive.
    * - `svg-batch`: Batch renders scatter items in `<path />` elements for better performance with large datasets, at the cost of some limitations.
    *                Read more: https://mui.com/x/react-charts/scatter/#performance
    *
+   * When not set, defaults to `svg-single`. Enable the `progressiveRendering` experimental feature to auto-select `svg-progressive` above an internal point-count threshold; this will become the default in the next major version.
    * @default 'svg-single'
    */
-  renderer: _propTypes.default.oneOf(['svg-batch', 'svg-single']),
+  renderer: _propTypes.default.oneOf(['svg-batch', 'svg-progressive', 'svg-single']),
   /**
    * The series to display in the scatter chart.
    * An array of [[ScatterSeries]] objects.
@@ -390,11 +394,13 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
       min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-      type: _propTypes.default.oneOf(['continuous']).isRequired
+      type: _propTypes.default.oneOf(['continuous']).isRequired,
+      unknownColor: _propTypes.default.string
     }), _propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
-      type: _propTypes.default.oneOf(['piecewise']).isRequired
+      type: _propTypes.default.oneOf(['piecewise']).isRequired,
+      unknownColor: _propTypes.default.string
     }), _propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       type: _propTypes.default.oneOf(['ordinal']).isRequired,

package/ScatterChart/ScatterChart.mjs

@@ -65,7 +65,7 @@ const ScatterChart = /*#__PURE__*/React.forwardRef(function ScatterChart(inProps
   }));
 });
 if (process.env.NODE_ENV !== "production") ScatterChart.displayName = "ScatterChart";
-process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
+process.env.NODE_ENV !== "production" ? ScatterChart.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -141,7 +141,9 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   /**
    * Options to enable features planned for the next major.
    */
-  experimentalFeatures: PropTypes.object,
+  experimentalFeatures: PropTypes.shape({
+    progressiveRendering: PropTypes.bool
+  }),
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -300,13 +302,15 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   onTooltipItemChange: PropTypes.func,
   /**
    * The type of renderer to use for the scatter plot.
-   * - `svg-single`: Renders every scatter item in a `<circle />` element.
+   * - `svg-single`: Renders every scatter item in a `<circle />` element, synchronously.
+   * - `svg-progressive`: Renders every scatter item in a `<circle />` element, in progressive batches that paint over several animation frames to keep the main thread responsive.
    * - `svg-batch`: Batch renders scatter items in `<path />` elements for better performance with large datasets, at the cost of some limitations.
    *                Read more: https://mui.com/x/react-charts/scatter/#performance
    *
+   * When not set, defaults to `svg-single`. Enable the `progressiveRendering` experimental feature to auto-select `svg-progressive` above an internal point-count threshold; this will become the default in the next major version.
    * @default 'svg-single'
    */
-  renderer: PropTypes.oneOf(['svg-batch', 'svg-single']),
+  renderer: PropTypes.oneOf(['svg-batch', 'svg-progressive', 'svg-single']),
   /**
    * The series to display in the scatter chart.
    * An array of [[ScatterSeries]] objects.
@@ -383,11 +387,13 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
       min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
+      type: PropTypes.oneOf(['continuous']).isRequired,
+      unknownColor: PropTypes.string
     }), PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
+      type: PropTypes.oneOf(['piecewise']).isRequired,
+      unknownColor: PropTypes.string
     }), PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       type: PropTypes.oneOf(['ordinal']).isRequired,

package/ScatterChart/ScatterChart.plugins.d.mts

@@ -8,5 +8,6 @@ import { type UseChartClosestPointSignature } from "../internals/plugins/feature
 import { type UseChartKeyboardNavigationSignature } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.mjs";
 import { type UseChartBrushSignature } from "../internals/plugins/featurePlugins/useChartBrush/index.mjs";
 import { type UseChartVisibilityManagerSignature } from "../internals/plugins/featurePlugins/useChartVisibilityManager/index.mjs";
-export type ScatterChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'scatter'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature<'scatter'>, UseChartVisibilityManagerSignature<'scatter'>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
+import { type UseProgressiveRenderingSignature } from "../internals/plugins/featurePlugins/useProgressiveRendering/index.mjs";
+export type ScatterChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'scatter'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature<'scatter'>, UseChartVisibilityManagerSignature<'scatter'>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseProgressiveRenderingSignature];
 export declare const SCATTER_CHART_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartPluginSignatures>;

package/ScatterChart/ScatterChart.plugins.d.ts

@@ -8,5 +8,6 @@ import { type UseChartClosestPointSignature } from "../internals/plugins/feature
 import { type UseChartKeyboardNavigationSignature } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.js";
 import { type UseChartBrushSignature } from "../internals/plugins/featurePlugins/useChartBrush/index.js";
 import { type UseChartVisibilityManagerSignature } from "../internals/plugins/featurePlugins/useChartVisibilityManager/index.js";
-export type ScatterChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'scatter'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature<'scatter'>, UseChartVisibilityManagerSignature<'scatter'>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
+import { type UseProgressiveRenderingSignature } from "../internals/plugins/featurePlugins/useProgressiveRendering/index.js";
+export type ScatterChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'scatter'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature<'scatter'>, UseChartVisibilityManagerSignature<'scatter'>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseProgressiveRenderingSignature];
 export declare const SCATTER_CHART_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartPluginSignatures>;

package/ScatterChart/ScatterChart.plugins.js

@@ -13,4 +13,5 @@ var _useChartClosestPoint = require("../internals/plugins/featurePlugins/useChar
 var _useChartKeyboardNavigation = require("../internals/plugins/featurePlugins/useChartKeyboardNavigation");
 var _useChartBrush = require("../internals/plugins/featurePlugins/useChartBrush");
 var _useChartVisibilityManager = require("../internals/plugins/featurePlugins/useChartVisibilityManager");
-const SCATTER_CHART_PLUGINS = exports.SCATTER_CHART_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartTooltip.useChartTooltip, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight, _useChartVisibilityManager.useChartVisibilityManager, _useChartClosestPoint.useChartClosestPoint, _useChartKeyboardNavigation.useChartKeyboardNavigation];
+var _useProgressiveRendering = require("../internals/plugins/featurePlugins/useProgressiveRendering");
+const SCATTER_CHART_PLUGINS = exports.SCATTER_CHART_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartTooltip.useChartTooltip, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight, _useChartVisibilityManager.useChartVisibilityManager, _useChartClosestPoint.useChartClosestPoint, _useChartKeyboardNavigation.useChartKeyboardNavigation, _useProgressiveRendering.useProgressiveRendering];

package/ScatterChart/ScatterChart.plugins.mjs

@@ -7,4 +7,5 @@ import { useChartClosestPoint } from "../internals/plugins/featurePlugins/useCha
 import { useChartKeyboardNavigation } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.mjs";
 import { useChartBrush } from "../internals/plugins/featurePlugins/useChartBrush/index.mjs";
 import { useChartVisibilityManager } from "../internals/plugins/featurePlugins/useChartVisibilityManager/index.mjs";
-export const SCATTER_CHART_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartVisibilityManager, useChartClosestPoint, useChartKeyboardNavigation];
+import { useProgressiveRendering } from "../internals/plugins/featurePlugins/useProgressiveRendering/index.mjs";
+export const SCATTER_CHART_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartVisibilityManager, useChartClosestPoint, useChartKeyboardNavigation, useProgressiveRendering];

package/ScatterChart/ScatterMarker.js

@@ -32,7 +32,7 @@ function ScatterMarker(props) {
     cursor: other.onClick ? 'pointer' : 'unset'
   }, other));
 }
-process.env.NODE_ENV !== "production" ? ScatterMarker.propTypes = {
+process.env.NODE_ENV !== "production" ? ScatterMarker.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -61,7 +61,7 @@ process.env.NODE_ENV !== "production" ? ScatterMarker.propTypes = {
   /**
    * The series ID.
    */
-  seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  seriesId: _propTypes.default.string.isRequired,
   /**
    * The size of the marker.
    */

package/ScatterChart/ScatterMarker.mjs

@@ -24,7 +24,7 @@ function ScatterMarker(props) {
     cursor: other.onClick ? 'pointer' : 'unset'
   }, other));
 }
-process.env.NODE_ENV !== "production" ? ScatterMarker.propTypes = {
+process.env.NODE_ENV !== "production" ? ScatterMarker.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -53,7 +53,7 @@ process.env.NODE_ENV !== "production" ? ScatterMarker.propTypes = {
   /**
    * The series ID.
    */
-  seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+  seriesId: PropTypes.string.isRequired,
   /**
    * The size of the marker.
    */

package/ScatterChart/ScatterPlot.d.mts

@@ -8,8 +8,15 @@ export interface ScatterPlotSlotProps extends ScatterSlotProps {
   scatter?: Partial<ScatterProps> & ScatterPropsOverrides;
 }
 export type RendererType = 'svg-single' | 'svg-batch';
-export interface ScatterPlotProps extends Pick<ScatterProps, 'onItemClick' | 'classes'> {
+export interface ScatterPlotProps extends Pick<ScatterProps, 'classes'> {
   className?: string;
+  /**
+   * Callback fired when a marker is clicked directly.
+   * For closest-point clicks (the `ScatterChart` default), pass `onItemClick` to the chart container instead.
+   * @param {MouseEvent} event Mouse event recorded on the `<svg/>` element.
+   * @param {ScatterItemIdentifier} scatterItemIdentifier The scatter item identifier.
+   */
+  onItemClick?: ScatterProps['onItemClick'];
   /**
    * Overridable component slots.
    * @default {}
@@ -22,13 +29,15 @@ export interface ScatterPlotProps extends Pick<ScatterProps, 'onItemClick' | 'cl
   slotProps?: ScatterPlotSlotProps;
   /**
    * The type of renderer to use for the scatter plot.
-   * - `svg-single`: Renders every scatter item in a `<circle />` element.
+   * - `svg-single`: Renders every scatter item in a `<circle />` element, synchronously.
+   * - `svg-progressive`: Renders every scatter item in a `<circle />` element, in progressive batches that paint over several animation frames to keep the main thread responsive.
    * - `svg-batch`: Batch renders scatter items in `<path />` elements for better performance with large datasets, at the cost of some limitations.
    *                Read more: https://mui.com/x/react-charts/scatter/#performance
    *
+   * When not set, defaults to `svg-single`. Enable the `progressiveRendering` experimental feature to auto-select `svg-progressive` above an internal point-count threshold; this will become the default in the next major version.
    * @default 'svg-single'
    */
-  renderer?: RendererType;
+  renderer?: RendererType | 'svg-progressive';
 }
 /**
  * Demos: