@mui/x-charts-pro 9.2.0 → 9.4.0

package/LineChartPro/LineChartPro.js

@@ -226,11 +226,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    */
   highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['line']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['line']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -270,12 +270,21 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   /**
    * The list of zoom data related to each axis.
    * Used to initialize the zoom in a specific configuration without controlling it.
+   *
+   * Each entry is either explicit zoom percentages (`{ axisId, start, end }`) or a
+   * range value (`{ axisId, value }`) resolved against the axis domain.
    */
-  initialZoom: _propTypes.default.arrayOf(_propTypes.default.shape({
+  initialZoom: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
     end: _propTypes.default.number.isRequired,
     start: _propTypes.default.number.isRequired
-  })),
+  }), _propTypes.default.shape({
+    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.instanceOf(Date).isRequired), _propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func, _propTypes.default.shape({
+      step: _propTypes.default.number,
+      unit: _propTypes.default.oneOf(['day', 'hour', 'microsecond', 'millisecond', 'minute', 'month', 'second', 'week', 'year']).isRequired
+    })])
+  })]).isRequired),
   /**
    * If `true`, a loading overlay is displayed.
    * @default false
@@ -401,11 +410,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['line']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['line']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
@@ -428,11 +437,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    */
   zAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
-      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-      type: _propTypes.default.oneOf(['ordinal']).isRequired,
-      unknownColor: _propTypes.default.string,
-      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
-    }), _propTypes.default.shape({
       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]),
@@ -441,12 +445,38 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       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
+    }), _propTypes.default.shape({
+      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+      type: _propTypes.default.oneOf(['ordinal']).isRequired,
+      unknownColor: _propTypes.default.string,
+      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
     })]),
     data: _propTypes.default.array,
     dataKey: _propTypes.default.string,
     id: _propTypes.default.string,
     max: _propTypes.default.number,
     min: _propTypes.default.number,
+    sizeMap: _propTypes.default.oneOfType([_propTypes.default.shape({
+      interpolator: _propTypes.default.oneOf(['linear', 'log', 'sqrt']),
+      max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+      min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+      size: _propTypes.default.arrayOf(_propTypes.default.number.isRequired).isRequired,
+      type: _propTypes.default.oneOf(['continuous']).isRequired
+    }), _propTypes.default.shape({
+      max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+      min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+      size: _propTypes.default.func.isRequired,
+      type: _propTypes.default.oneOf(['continuous']).isRequired
+    }), _propTypes.default.shape({
+      sizes: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+      thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
+      type: _propTypes.default.oneOf(['piecewise']).isRequired
+    }), _propTypes.default.shape({
+      sizes: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+      type: _propTypes.default.oneOf(['ordinal']).isRequired,
+      unknownSize: _propTypes.default.number,
+      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
+    })]),
     valueGetter: _propTypes.default.func
   })),
   /**
@@ -462,6 +492,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    */
   zoomInteractionConfig: _propTypes.default.shape({
     pan: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['drag', 'pressAndDrag', 'wheel']), _propTypes.default.shape({
+      allowedDirection: _propTypes.default.oneOf(['x', 'xy', 'y']),
+      pointerMode: _propTypes.default.any,
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+      type: _propTypes.default.oneOf(['wheel']).isRequired
+    }), _propTypes.default.shape({
       pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
       type: _propTypes.default.oneOf(['drag']).isRequired
@@ -469,24 +504,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
       type: _propTypes.default.oneOf(['pressAndDrag']).isRequired
-    }), _propTypes.default.shape({
-      allowedDirection: _propTypes.default.oneOf(['x', 'xy', 'y']),
-      pointerMode: _propTypes.default.any,
-      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
-      type: _propTypes.default.oneOf(['wheel']).isRequired
     })]).isRequired),
     zoom: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['brush', 'doubleTapReset', 'pinch', 'tapAndDrag', 'wheel']), _propTypes.default.shape({
-      pointerMode: _propTypes.default.any,
-      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
-      type: _propTypes.default.oneOf(['wheel']).isRequired
-    }), _propTypes.default.shape({
-      pointerMode: _propTypes.default.any,
-      requiredKeys: _propTypes.default.array,
-      type: _propTypes.default.oneOf(['pinch']).isRequired
-    }), _propTypes.default.shape({
       pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
-      type: _propTypes.default.oneOf(['tapAndDrag']).isRequired
+      type: _propTypes.default.oneOf(['brush']).isRequired
     }), _propTypes.default.shape({
       pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
@@ -494,7 +516,15 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     }), _propTypes.default.shape({
       pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
-      type: _propTypes.default.oneOf(['brush']).isRequired
+      type: _propTypes.default.oneOf(['tapAndDrag']).isRequired
+    }), _propTypes.default.shape({
+      pointerMode: _propTypes.default.any,
+      requiredKeys: _propTypes.default.array,
+      type: _propTypes.default.oneOf(['pinch']).isRequired
+    }), _propTypes.default.shape({
+      pointerMode: _propTypes.default.any,
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+      type: _propTypes.default.oneOf(['wheel']).isRequired
     })]).isRequired)
   })
 } : void 0;

package/LineChartPro/LineChartPro.mjs

@@ -219,11 +219,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['line']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['line']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -263,12 +263,21 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   /**
    * The list of zoom data related to each axis.
    * Used to initialize the zoom in a specific configuration without controlling it.
+   *
+   * Each entry is either explicit zoom percentages (`{ axisId, start, end }`) or a
+   * range value (`{ axisId, value }`) resolved against the axis domain.
    */
-  initialZoom: PropTypes.arrayOf(PropTypes.shape({
+  initialZoom: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     end: PropTypes.number.isRequired,
     start: PropTypes.number.isRequired
-  })),
+  }), PropTypes.shape({
+    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.instanceOf(Date).isRequired), PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func, PropTypes.shape({
+      step: PropTypes.number,
+      unit: PropTypes.oneOf(['day', 'hour', 'microsecond', 'millisecond', 'minute', 'month', 'second', 'week', 'year']).isRequired
+    })])
+  })]).isRequired),
   /**
    * If `true`, a loading overlay is displayed.
    * @default false
@@ -394,11 +403,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['line']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['line']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
@@ -421,11 +430,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    */
   zAxis: PropTypes.arrayOf(PropTypes.shape({
     colorMap: PropTypes.oneOfType([PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      type: PropTypes.oneOf(['ordinal']).isRequired,
-      unknownColor: PropTypes.string,
-      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
-    }), PropTypes.shape({
       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]),
@@ -434,12 +438,38 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
       type: PropTypes.oneOf(['piecewise']).isRequired
+    }), PropTypes.shape({
+      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
+      type: PropTypes.oneOf(['ordinal']).isRequired,
+      unknownColor: PropTypes.string,
+      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
     })]),
     data: PropTypes.array,
     dataKey: PropTypes.string,
     id: PropTypes.string,
     max: PropTypes.number,
     min: PropTypes.number,
+    sizeMap: PropTypes.oneOfType([PropTypes.shape({
+      interpolator: PropTypes.oneOf(['linear', 'log', 'sqrt']),
+      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      size: PropTypes.arrayOf(PropTypes.number.isRequired).isRequired,
+      type: PropTypes.oneOf(['continuous']).isRequired
+    }), PropTypes.shape({
+      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      size: PropTypes.func.isRequired,
+      type: PropTypes.oneOf(['continuous']).isRequired
+    }), PropTypes.shape({
+      sizes: PropTypes.arrayOf(PropTypes.number).isRequired,
+      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
+      type: PropTypes.oneOf(['piecewise']).isRequired
+    }), PropTypes.shape({
+      sizes: PropTypes.arrayOf(PropTypes.number).isRequired,
+      type: PropTypes.oneOf(['ordinal']).isRequired,
+      unknownSize: PropTypes.number,
+      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
+    })]),
     valueGetter: PropTypes.func
   })),
   /**
@@ -455,6 +485,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    */
   zoomInteractionConfig: PropTypes.shape({
     pan: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['drag', 'pressAndDrag', 'wheel']), PropTypes.shape({
+      allowedDirection: PropTypes.oneOf(['x', 'xy', 'y']),
+      pointerMode: PropTypes.any,
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['wheel']).isRequired
+    }), PropTypes.shape({
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
       type: PropTypes.oneOf(['drag']).isRequired
@@ -462,24 +497,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
       type: PropTypes.oneOf(['pressAndDrag']).isRequired
-    }), PropTypes.shape({
-      allowedDirection: PropTypes.oneOf(['x', 'xy', 'y']),
-      pointerMode: PropTypes.any,
-      requiredKeys: PropTypes.arrayOf(PropTypes.string),
-      type: PropTypes.oneOf(['wheel']).isRequired
     })]).isRequired),
     zoom: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['brush', 'doubleTapReset', 'pinch', 'tapAndDrag', 'wheel']), PropTypes.shape({
-      pointerMode: PropTypes.any,
-      requiredKeys: PropTypes.arrayOf(PropTypes.string),
-      type: PropTypes.oneOf(['wheel']).isRequired
-    }), PropTypes.shape({
-      pointerMode: PropTypes.any,
-      requiredKeys: PropTypes.array,
-      type: PropTypes.oneOf(['pinch']).isRequired
-    }), PropTypes.shape({
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
-      type: PropTypes.oneOf(['tapAndDrag']).isRequired
+      type: PropTypes.oneOf(['brush']).isRequired
     }), PropTypes.shape({
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
@@ -487,7 +509,15 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     }), PropTypes.shape({
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
-      type: PropTypes.oneOf(['brush']).isRequired
+      type: PropTypes.oneOf(['tapAndDrag']).isRequired
+    }), PropTypes.shape({
+      pointerMode: PropTypes.any,
+      requiredKeys: PropTypes.array,
+      type: PropTypes.oneOf(['pinch']).isRequired
+    }), PropTypes.shape({
+      pointerMode: PropTypes.any,
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['wheel']).isRequired
     })]).isRequired)
   })
 } : void 0;

package/PieChartPro/PieChartPro.js

@@ -175,11 +175,11 @@ process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
    */
   highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['pie']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -296,11 +296,11 @@ process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['pie']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/PieChartPro/PieChartPro.mjs

@@ -167,11 +167,11 @@ process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['pie']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -288,11 +288,11 @@ process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['pie']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/RadarChartPro/RadarChartPro.js

@@ -153,11 +153,11 @@ process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
    */
   highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radar']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -258,11 +258,11 @@ process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
     labelFormatter: _propTypes.default.func,
     labelGap: _propTypes.default.number,
     max: _propTypes.default.number,
-    metrics: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.shape({
+    metrics: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape({
       max: _propTypes.default.number,
       min: _propTypes.default.number,
       name: _propTypes.default.string.isRequired
-    }))]).isRequired,
+    })), _propTypes.default.arrayOf(_propTypes.default.string)]).isRequired,
     startAngle: _propTypes.default.number
   }).isRequired,
   /**
@@ -315,11 +315,11 @@ process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radar']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/RadarChartPro/RadarChartPro.mjs

@@ -146,11 +146,11 @@ process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['radar']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -251,11 +251,11 @@ process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
     labelFormatter: PropTypes.func,
     labelGap: PropTypes.number,
     max: PropTypes.number,
-    metrics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({
+    metrics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({
       max: PropTypes.number,
       min: PropTypes.number,
       name: PropTypes.string.isRequired
-    }))]).isRequired,
+    })), PropTypes.arrayOf(PropTypes.string)]).isRequired,
     startAngle: PropTypes.number
   }).isRequired,
   /**
@@ -308,11 +308,11 @@ process.env.NODE_ENV !== "production" ? RadarChartPro.propTypes = {
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['radar']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/SankeyChart/SankeyChart.js

@@ -122,26 +122,25 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
     /**
      * Subtype to differentiate between node and link
      */
-    'node']).isRequired,
-    type: _propTypes.default.oneOf(['sankey']).isRequired
+    'node']).isRequired
   }), _propTypes.default.shape({
+    nodeId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
     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,
+    'node']).isRequired,
     type: _propTypes.default.oneOf(['sankey']).isRequired
   }), _propTypes.default.shape({
-    nodeId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
     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
      */
-    'node']).isRequired
+    '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,
@@ -150,7 +149,8 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
      * Subtype to differentiate between node and link
      */
     'link']).isRequired,
-    targetId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).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.
@@ -235,26 +235,25 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
     /**
      * Subtype to differentiate between node and link
      */
-    'node']).isRequired,
-    type: _propTypes.default.oneOf(['sankey']).isRequired
+    'node']).isRequired
   }), _propTypes.default.shape({
+    nodeId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
     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,
+    'node']).isRequired,
     type: _propTypes.default.oneOf(['sankey']).isRequired
   }), _propTypes.default.shape({
-    nodeId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
     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
      */
-    'node']).isRequired
+    '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,
@@ -263,7 +262,8 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
      * Subtype to differentiate between node and link
      */
     'link']).isRequired,
-    targetId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).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.

package/SankeyChart/SankeyChart.mjs

@@ -115,26 +115,25 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
     /**
      * Subtype to differentiate between node and link
      */
-    'node']).isRequired,
-    type: PropTypes.oneOf(['sankey']).isRequired
+    'node']).isRequired
   }), PropTypes.shape({
+    nodeId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     seriesId: PropTypes.string.isRequired,
-    sourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     subType: PropTypes.oneOf([
     /**
      * Subtype to differentiate between node and link
      */
-    'link']).isRequired,
-    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    'node']).isRequired,
     type: PropTypes.oneOf(['sankey']).isRequired
   }), PropTypes.shape({
-    nodeId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     seriesId: PropTypes.string.isRequired,
+    sourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     subType: PropTypes.oneOf([
     /**
      * Subtype to differentiate between node and link
      */
-    'node']).isRequired
+    'link']).isRequired,
+    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
   }), PropTypes.shape({
     seriesId: PropTypes.string.isRequired,
     sourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
@@ -143,7 +142,8 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
      * Subtype to differentiate between node and link
      */
     'link']).isRequired,
-    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
+    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    type: PropTypes.oneOf(['sankey']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -228,26 +228,25 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
     /**
      * Subtype to differentiate between node and link
      */
-    'node']).isRequired,
-    type: PropTypes.oneOf(['sankey']).isRequired
+    'node']).isRequired
   }), PropTypes.shape({
+    nodeId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     seriesId: PropTypes.string.isRequired,
-    sourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     subType: PropTypes.oneOf([
     /**
      * Subtype to differentiate between node and link
      */
-    'link']).isRequired,
-    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    'node']).isRequired,
     type: PropTypes.oneOf(['sankey']).isRequired
   }), PropTypes.shape({
-    nodeId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     seriesId: PropTypes.string.isRequired,
+    sourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     subType: PropTypes.oneOf([
     /**
      * Subtype to differentiate between node and link
      */
-    'node']).isRequired
+    'link']).isRequired,
+    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
   }), PropTypes.shape({
     seriesId: PropTypes.string.isRequired,
     sourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
@@ -256,7 +255,8 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
      * Subtype to differentiate between node and link
      */
     'link']).isRequired,
-    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
+    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    type: PropTypes.oneOf(['sankey']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/ScatterChartPro/ScatterChartPro.d.mts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { type ScatterChartProps, type ScatterChartSlotProps, type ScatterChartSlots } from '@mui/x-charts/ScatterChart';
 import { type ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
+import type { TooltipPropsOverrides } from '@mui/x-charts/models';
 import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.mjs";
 import { type ChartsContainerProProps } from "../ChartsContainerPro/ChartsContainerPro.mjs";
 import { type ScatterChartProPluginSignatures } from "./ScatterChartPro.plugins.mjs";
@@ -11,7 +12,7 @@ export interface ScatterChartProSlotProps extends Omit<ScatterChartSlotProps, 't
    * Slot props for the tooltip component.
    * @default {}
    */
-  tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>>;
+  tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>> & TooltipPropsOverrides;
 }
 export interface ScatterChartProProps extends Omit<ScatterChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartsContainerProProps<'scatter', ScatterChartProPluginSignatures>, 'series' | 'onItemClick' | 'slots' | 'slotProps' | 'highlightedAxis' | 'onHighlightedAxisChange'> {
   /**