@mui/x-charts-pro 9.4.0 → 9.6.0

package/Heatmap/Heatmap.js

@@ -67,7 +67,7 @@ const Heatmap = exports.Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap
   }));
 });
 if (process.env.NODE_ENV !== "production") Heatmap.displayName = "Heatmap";
-process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
+process.env.NODE_ENV !== "production" ? Heatmap.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -298,11 +298,13 @@ process.env.NODE_ENV !== "production" ? Heatmap.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/Heatmap/Heatmap.mjs

@@ -60,7 +60,7 @@ const Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap(inProps, ref) {
   }));
 });
 if (process.env.NODE_ENV !== "production") Heatmap.displayName = "Heatmap";
-process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
+process.env.NODE_ENV !== "production" ? Heatmap.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -291,11 +291,13 @@ process.env.NODE_ENV !== "production" ? Heatmap.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/Heatmap/HeatmapCell.js

@@ -42,7 +42,7 @@ const HeatmapCell = exports.HeatmapCell = /*#__PURE__*/React.forwardRef(function
   }, props));
 });
 if (process.env.NODE_ENV !== "production") HeatmapCell.displayName = "HeatmapCell";
-process.env.NODE_ENV !== "production" ? HeatmapCell.propTypes = {
+process.env.NODE_ENV !== "production" ? HeatmapCell.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/Heatmap/HeatmapCell.mjs

@@ -34,7 +34,7 @@ const HeatmapCell = /*#__PURE__*/React.forwardRef(function HeatmapCell(props, re
   }, props));
 });
 if (process.env.NODE_ENV !== "production") HeatmapCell.displayName = "HeatmapCell";
-process.env.NODE_ENV !== "production" ? HeatmapCell.propTypes = {
+process.env.NODE_ENV !== "production" ? HeatmapCell.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/Heatmap/HeatmapPlot.js

@@ -23,7 +23,7 @@ function HeatmapPlot(_ref) {
     borderRadius: borderRadius
   }, props));
 }
-process.env.NODE_ENV !== "production" ? HeatmapPlot.propTypes = {
+process.env.NODE_ENV !== "production" ? HeatmapPlot.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/Heatmap/HeatmapPlot.mjs

@@ -16,7 +16,7 @@ function HeatmapPlot(_ref) {
     borderRadius: borderRadius
   }, props));
 }
-process.env.NODE_ENV !== "production" ? HeatmapPlot.propTypes = {
+process.env.NODE_ENV !== "production" ? HeatmapPlot.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/Heatmap/HeatmapTooltip/HeatmapTooltip.js

@@ -27,7 +27,7 @@ function HeatmapTooltip(props) {
     })
   }));
 }
-process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
+process.env.NODE_ENV !== "production" ? HeatmapTooltip.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,25 +53,6 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
    * Either a string to use a HTML element or a component.
    */
   component: _propTypes.default.elementType,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  components: _propTypes.default.shape({
-    Root: _propTypes.default.elementType
-  }),
-  /**
-   * The props used for each slot inside the Popper.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  componentsProps: _propTypes.default.shape({
-    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
-  }),
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
@@ -84,10 +65,10 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
    */
   container: _propTypes.default.oneOfType([(props, propName) => {
     if (props[propName] == null) {
-      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Prop '${propName}' is required but wasn't specified` : (0, _formatErrorMessage2.default)(6, propName));
+      return new Error(process.env.NODE_ENV !== "production" ? `Prop '${propName}' is required but wasn't specified` : (0, _formatErrorMessage2.default)(6, propName));
     }
     if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(7, propName));
+      return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(49, propName));
     }
     return null;
   }, _propTypes.default.func]),
@@ -171,13 +152,12 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
    */
   position: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
   /**
-   * The props used for each slot inside the Popper.
+   * The props used for each component slot.
    * @default {}
    */
   slotProps: _propTypes.default.object,
   /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
+   * Overridable component slots.
    * @default {}
    */
   slots: _propTypes.default.object,

package/Heatmap/HeatmapTooltip/HeatmapTooltip.mjs

@@ -21,7 +21,7 @@ function HeatmapTooltip(props) {
     })
   }));
 }
-process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
+process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -47,25 +47,6 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  components: PropTypes.shape({
-    Root: PropTypes.elementType
-  }),
-  /**
-   * The props used for each slot inside the Popper.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  componentsProps: PropTypes.shape({
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
@@ -78,10 +59,10 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
    */
   container: PropTypes.oneOfType([(props, propName) => {
     if (props[propName] == null) {
-      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Prop '${propName}' is required but wasn't specified` : _formatErrorMessage(6, propName));
+      return new Error(process.env.NODE_ENV !== "production" ? `Prop '${propName}' is required but wasn't specified` : _formatErrorMessage(6, propName));
     }
     if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Expected prop '${propName}' to be of type Element` : _formatErrorMessage(7, propName));
+      return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : _formatErrorMessage(49, propName));
     }
     return null;
   }, PropTypes.func]),
@@ -165,13 +146,12 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
    */
   position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
   /**
-   * The props used for each slot inside the Popper.
+   * The props used for each component slot.
    * @default {}
    */
   slotProps: PropTypes.object,
   /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
+   * Overridable component slots.
    * @default {}
    */
   slots: PropTypes.object,

package/Heatmap/HeatmapTooltip/HeatmapTooltipContent.js

@@ -85,7 +85,7 @@ function HeatmapTooltipContent(props) {
     })
   });
 }
-process.env.NODE_ENV !== "production" ? HeatmapTooltipContent.propTypes = {
+process.env.NODE_ENV !== "production" ? HeatmapTooltipContent.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/Heatmap/HeatmapTooltip/HeatmapTooltipContent.mjs

@@ -79,7 +79,7 @@ export function HeatmapTooltipContent(props) {
     })
   });
 }
-process.env.NODE_ENV !== "production" ? HeatmapTooltipContent.propTypes = {
+process.env.NODE_ENV !== "production" ? HeatmapTooltipContent.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/LineChartPro/LineChartPro.js

@@ -88,7 +88,7 @@ const LineChartPro = exports.LineChartPro = /*#__PURE__*/React.forwardRef(functi
       children: [showToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGrid.ChartsGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", (0, _extends2.default)({}, clipPathGroupProps, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.AreaPlot, (0, _extends2.default)({}, areaPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LinePlot, (0, _extends2.default)({}, linePlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps))]
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsZoomSlider.ChartsZoomSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.FocusedLineMark, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsZoomSlider.ChartsZoomSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
           "data-drawing-container": true,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.MarkPlot, (0, _extends2.default)({}, markPlotProps))
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LineHighlightPlot, (0, _extends2.default)({}, lineHighlightPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsBrushOverlay.ChartsBrushOverlay, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, (0, _extends2.default)({}, clipPathProps)), children]
@@ -97,7 +97,7 @@ const LineChartPro = exports.LineChartPro = /*#__PURE__*/React.forwardRef(functi
   }));
 });
 if (process.env.NODE_ENV !== "production") LineChartPro.displayName = "LineChartPro";
-process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
+process.env.NODE_ENV !== "production" ? LineChartPro.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -440,11 +440,13 @@ process.env.NODE_ENV !== "production" ? LineChartPro.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/LineChartPro/LineChartPro.mjs

@@ -6,7 +6,7 @@ const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToo
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
-import { AreaPlot, LineHighlightPlot, LinePlot, MarkPlot } from '@mui/x-charts/LineChart';
+import { AreaPlot, LineHighlightPlot, LinePlot, MarkPlot, FocusedLineMark } from '@mui/x-charts/LineChart';
 import { ChartsGrid } from '@mui/x-charts/ChartsGrid';
 import { ChartsOverlay } from '@mui/x-charts/ChartsOverlay';
 import { ChartsAxis } from '@mui/x-charts/ChartsAxis';
@@ -81,7 +81,7 @@ const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(inProps
       children: [showToolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
         children: [/*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
           children: [/*#__PURE__*/_jsx(AreaPlot, _extends({}, areaPlotProps)), /*#__PURE__*/_jsx(LinePlot, _extends({}, linePlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps))]
-        })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsZoomSlider, {}), /*#__PURE__*/_jsx("g", {
+        })), /*#__PURE__*/_jsx(FocusedLineMark, {}), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsZoomSlider, {}), /*#__PURE__*/_jsx("g", {
           "data-drawing-container": true,
           children: /*#__PURE__*/_jsx(MarkPlot, _extends({}, markPlotProps))
         }), /*#__PURE__*/_jsx(LineHighlightPlot, _extends({}, lineHighlightPlotProps)), /*#__PURE__*/_jsx(ChartsBrushOverlay, {}), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
@@ -90,7 +90,7 @@ const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(inProps
   }));
 });
 if (process.env.NODE_ENV !== "production") LineChartPro.displayName = "LineChartPro";
-process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
+process.env.NODE_ENV !== "production" ? LineChartPro.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -433,11 +433,13 @@ process.env.NODE_ENV !== "production" ? LineChartPro.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/PieChartPro/PieChartPro.js

@@ -85,7 +85,7 @@ const PieChartPro = exports.PieChartPro = /*#__PURE__*/React.forwardRef(function
           slots: slots,
           slotProps: slotProps,
           onItemClick: onItemClick
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PieChart.FocusedPieArc, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, {
           loading: loading,
           slots: slots,
           slotProps: slotProps
@@ -97,7 +97,7 @@ const PieChartPro = exports.PieChartPro = /*#__PURE__*/React.forwardRef(function
   }));
 });
 if (process.env.NODE_ENV !== "production") PieChartPro.displayName = "PieChartPro";
-process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
+process.env.NODE_ENV !== "production" ? PieChartPro.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/PieChartPro/PieChartPro.mjs

@@ -9,7 +9,7 @@ import * as React from 'react';
 import { ChartsTooltip } from '@mui/x-charts/ChartsTooltip';
 import { ChartsLegend } from '@mui/x-charts/ChartsLegend';
 import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
-import { PiePlot } from '@mui/x-charts/PieChart';
+import { FocusedPieArc, PiePlot } from '@mui/x-charts/PieChart';
 import { ChartsWrapper } from '@mui/x-charts/ChartsWrapper';
 import { useChartsContainerProProps } from "../ChartsContainerPro/useChartsContainerProProps.mjs";
 import { ChartsDataProviderPro } from "../ChartsDataProviderPro/index.mjs";
@@ -77,7 +77,7 @@ const PieChartPro = /*#__PURE__*/React.forwardRef(function PieChartPro(inProps,
           slots: slots,
           slotProps: slotProps,
           onItemClick: onItemClick
-        }), /*#__PURE__*/_jsx(ChartsOverlay, {
+        }), /*#__PURE__*/_jsx(FocusedPieArc, {}), /*#__PURE__*/_jsx(ChartsOverlay, {
           loading: loading,
           slots: slots,
           slotProps: slotProps
@@ -89,7 +89,7 @@ const PieChartPro = /*#__PURE__*/React.forwardRef(function PieChartPro(inProps,
   }));
 });
 if (process.env.NODE_ENV !== "production") PieChartPro.displayName = "PieChartPro";
-process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
+process.env.NODE_ENV !== "production" ? PieChartPro.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/RadarChartPro/RadarChartPro.js

@@ -55,13 +55,13 @@ const RadarChartPro = exports.RadarChartPro = /*#__PURE__*/React.forwardRef(func
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsWrapper.ChartsWrapper, (0, _extends2.default)({}, chartsWrapperProps, {
       ref: ref,
       children: [props.showToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RadarChart.RadarGrid, (0, _extends2.default)({}, radarGrid)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadarChart.RadarMetricLabels, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadarChart.RadarSeriesArea, {}), highlight === 'axis' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadarChart.RadarAxisHighlight, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadarChart.RadarSeriesMarks, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), children]
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RadarChart.RadarGrid, (0, _extends2.default)({}, radarGrid)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadarChart.RadarMetricLabels, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadarChart.RadarSeriesArea, {}), highlight === 'axis' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadarChart.RadarAxisHighlight, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadarChart.RadarSeriesMarks, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadarChart.FocusedRadarMark, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), children]
       })), !props.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({}, props.slotProps?.tooltip))]
     }))
   }));
 });
 if (process.env.NODE_ENV !== "production") RadarChartPro.displayName = "RadarChartPro";
-process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarChartPro.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/RadarChartPro/RadarChartPro.mjs

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { RadarAxisHighlight, RadarDataProvider, RadarGrid, RadarMetricLabels, RadarSeriesArea, RadarSeriesMarks } from '@mui/x-charts/RadarChart';
+import { RadarAxisHighlight, RadarDataProvider, RadarGrid, RadarMetricLabels, RadarSeriesArea, RadarSeriesMarks, FocusedRadarMark } from '@mui/x-charts/RadarChart';
 import { useThemeProps } from '@mui/material/styles';
 import { useRadarChartProps } from '@mui/x-charts/internals';
 import { ChartsLegend } from '@mui/x-charts/ChartsLegend';
@@ -48,13 +48,13 @@ const RadarChartPro = /*#__PURE__*/React.forwardRef(function RadarChartPro(inPro
     children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
       ref: ref,
       children: [props.showToolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
-        children: [/*#__PURE__*/_jsx(RadarGrid, _extends({}, radarGrid)), /*#__PURE__*/_jsx(RadarMetricLabels, {}), /*#__PURE__*/_jsx(RadarSeriesArea, {}), highlight === 'axis' && /*#__PURE__*/_jsx(RadarAxisHighlight, {}), /*#__PURE__*/_jsx(RadarSeriesMarks, {}), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), children]
+        children: [/*#__PURE__*/_jsx(RadarGrid, _extends({}, radarGrid)), /*#__PURE__*/_jsx(RadarMetricLabels, {}), /*#__PURE__*/_jsx(RadarSeriesArea, {}), highlight === 'axis' && /*#__PURE__*/_jsx(RadarAxisHighlight, {}), /*#__PURE__*/_jsx(RadarSeriesMarks, {}), /*#__PURE__*/_jsx(FocusedRadarMark, {}), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), children]
       })), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, props.slotProps?.tooltip))]
     }))
   }));
 });
 if (process.env.NODE_ENV !== "production") RadarChartPro.displayName = "RadarChartPro";
-process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
+process.env.NODE_ENV !== "production" ? RadarChartPro.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/SankeyChart/SankeyChart.js

@@ -73,7 +73,7 @@ const SankeyChart = exports.SankeyChart = /*#__PURE__*/React.forwardRef(function
   }));
 });
 if (process.env.NODE_ENV !== "production") SankeyChart.displayName = "SankeyChart";
-process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
+process.env.NODE_ENV !== "production" ? SankeyChart.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/SankeyChart/SankeyChart.mjs

@@ -66,7 +66,7 @@ const SankeyChart = /*#__PURE__*/React.forwardRef(function SankeyChart(props, re
   }));
 });
 if (process.env.NODE_ENV !== "production") SankeyChart.displayName = "SankeyChart";
-process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
+process.env.NODE_ENV !== "production" ? SankeyChart.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/SankeyChart/SankeyDataProvider.d.mts

@@ -16,4 +16,7 @@ export interface SankeyDataProviderProps extends Omit<ChartsContainerProProps<'s
  * - [Composition](https://mui.com/x/api/charts/composition/)
  */
 declare function SankeyDataProvider(props: SankeyDataProviderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SankeyDataProvider {
+  var propTypes: any;
+}
 export { SankeyDataProvider };

package/SankeyChart/SankeyDataProvider.d.ts

@@ -16,4 +16,7 @@ export interface SankeyDataProviderProps extends Omit<ChartsContainerProProps<'s
  * - [Composition](https://mui.com/x/api/charts/composition/)
  */
 declare function SankeyDataProvider(props: SankeyDataProviderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SankeyDataProvider {
+  var propTypes: any;
+}
 export { SankeyDataProvider };

package/SankeyChart/SankeyDataProvider.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SankeyDataProvider = SankeyDataProvider;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SankeyChart = require("./SankeyChart.plugins");
 var _ChartsDataProviderPro = require("../ChartsDataProviderPro");
 var _seriesConfig = require("./seriesConfig");
@@ -30,4 +31,172 @@ function SankeyDataProvider(props) {
     seriesConfig: seriesConfig,
     plugins: _SankeyChart.SANKEY_CHART_PLUGINS
   }));
-}
+}
+process.env.NODE_ENV !== "production" ? SankeyDataProvider.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  apiRef: _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      exportAsImage: _propTypes.default.func.isRequired,
+      exportAsPrint: _propTypes.default.func.isRequired
+    })
+  }),
+  children: _propTypes.default.node,
+  className: _propTypes.default.string,
+  /**
+   * Color palette used to colorize multiple series.
+   * @default rainbowSurgePalette
+   */
+  colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
+  /**
+   * The description of the chart.
+   * Used to provide an accessible description for the chart.
+   */
+  desc: _propTypes.default.string,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: _propTypes.default.bool,
+  /**
+   * Options to enable features planned for the next major.
+   */
+  experimentalFeatures: _propTypes.default.object,
+  /**
+   * The height of the chart in px. If not defined, it takes the height of the parent element.
+   */
+  height: _propTypes.default.number,
+  /**
+   * The highlighted item.
+   * Used when the highlight is controlled.
+   */
+  highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
+    nodeId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    seriesId: _propTypes.default.string.isRequired,
+    subType: _propTypes.default.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'node']).isRequired
+  }), _propTypes.default.shape({
+    nodeId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    seriesId: _propTypes.default.string.isRequired,
+    subType: _propTypes.default.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'node']).isRequired,
+    type: _propTypes.default.oneOf(['sankey']).isRequired
+  }), _propTypes.default.shape({
+    seriesId: _propTypes.default.string.isRequired,
+    sourceId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    subType: _propTypes.default.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'link']).isRequired,
+    targetId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired
+  }), _propTypes.default.shape({
+    seriesId: _propTypes.default.string.isRequired,
+    sourceId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    subType: _propTypes.default.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'link']).isRequired,
+    targetId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    type: _propTypes.default.oneOf(['sankey']).isRequired
+  })]),
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: _propTypes.default.string,
+  /**
+   * Localized text for chart components.
+   */
+  localeText: _propTypes.default.object,
+  /**
+   * The margin between the SVG and the drawing area.
+   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
+   *
+   * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
+   */
+  margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    bottom: _propTypes.default.number,
+    left: _propTypes.default.number,
+    right: _propTypes.default.number,
+    top: _propTypes.default.number
+  })]),
+  /**
+   * The callback fired when the highlighted item changes.
+   *
+   * @param {HighlightItemIdentifierWithType<SeriesType> | null} highlightedItem  The newly highlighted item.
+   */
+  onHighlightChange: _propTypes.default.func,
+  /**
+   * The callback fired when the tooltip item changes.
+   *
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
+   */
+  onTooltipItemChange: _propTypes.default.func,
+  series: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+  /**
+   * The configuration for the series types.
+   * This is used to define how each series type should be processed, colored, and displayed.
+   */
+  seriesConfig: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  theme: _propTypes.default.oneOf(['dark', 'light']),
+  /**
+   * The title of the chart.
+   * Used to provide an accessible label for the chart.
+   */
+  title: _propTypes.default.string,
+  /**
+   * The tooltip item.
+   * Used when the tooltip is controlled.
+   */
+  tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
+    nodeId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    seriesId: _propTypes.default.string.isRequired,
+    subType: _propTypes.default.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'node']).isRequired
+  }), _propTypes.default.shape({
+    nodeId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    seriesId: _propTypes.default.string.isRequired,
+    subType: _propTypes.default.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'node']).isRequired,
+    type: _propTypes.default.oneOf(['sankey']).isRequired
+  }), _propTypes.default.shape({
+    seriesId: _propTypes.default.string.isRequired,
+    sourceId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    subType: _propTypes.default.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'link']).isRequired,
+    targetId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired
+  }), _propTypes.default.shape({
+    seriesId: _propTypes.default.string.isRequired,
+    sourceId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    subType: _propTypes.default.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'link']).isRequired,
+    targetId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    type: _propTypes.default.oneOf(['sankey']).isRequired
+  })]),
+  /**
+   * The width of the chart in px. If not defined, it takes the width of the parent element.
+   */
+  width: _propTypes.default.number
+} : void 0;