@mui/x-charts 6.19.1 → 6.19.3

package/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -85,37 +85,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxisTooltipContent.propTypes = {
   classes: _propTypes.default.object.isRequired,
   content: _propTypes.default.elementType,
   contentProps: _propTypes.default.shape({
-    axis: _propTypes.default.shape({
-      axisId: _propTypes.default.string,
-      classes: _propTypes.default.object,
-      data: _propTypes.default.array,
-      dataKey: _propTypes.default.string,
-      disableLine: _propTypes.default.bool,
-      disableTicks: _propTypes.default.bool,
-      fill: _propTypes.default.string,
-      hideTooltip: _propTypes.default.bool,
-      id: _propTypes.default.string.isRequired,
-      label: _propTypes.default.string,
-      labelFontSize: _propTypes.default.number,
-      labelStyle: _propTypes.default.object,
-      max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-      min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-      position: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
-      scale: _propTypes.default.func.isRequired,
-      scaleType: _propTypes.default.oneOf(['time']).isRequired,
-      slotProps: _propTypes.default.object,
-      slots: _propTypes.default.object,
-      stroke: _propTypes.default.string,
-      tickFontSize: _propTypes.default.number,
-      tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
-      tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
-      tickLabelStyle: _propTypes.default.object,
-      tickMaxStep: _propTypes.default.number,
-      tickMinStep: _propTypes.default.number,
-      tickNumber: _propTypes.default.number.isRequired,
-      tickSize: _propTypes.default.number,
-      valueFormatter: _propTypes.default.func
-    }),
+    axis: _propTypes.default.object,
     axisData: _propTypes.default.shape({
       x: _propTypes.default.shape({
         index: _propTypes.default.number,
@@ -129,29 +99,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxisTooltipContent.propTypes = {
     axisValue: _propTypes.default.any,
     classes: _propTypes.default.object,
     dataIndex: _propTypes.default.number,
-    series: _propTypes.default.arrayOf(_propTypes.default.shape({
-      area: _propTypes.default.bool,
-      color: _propTypes.default.string.isRequired,
-      connectNulls: _propTypes.default.bool,
-      curve: _propTypes.default.oneOf(['catmullRom', 'linear', 'monotoneX', 'monotoneY', 'natural', 'step', 'stepAfter', 'stepBefore']),
-      data: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
-      dataKey: _propTypes.default.string,
-      disableHighlight: _propTypes.default.bool,
-      highlightScope: _propTypes.default.shape({
-        faded: _propTypes.default.oneOf(['global', 'none', 'series']),
-        highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
-      }),
-      id: _propTypes.default.string.isRequired,
-      label: _propTypes.default.string,
-      showMark: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.bool]),
-      stack: _propTypes.default.string,
-      stackOffset: _propTypes.default.oneOf(['diverging', 'expand', 'none', 'silhouette', 'wiggle']),
-      stackOrder: _propTypes.default.oneOf(['appearance', 'ascending', 'descending', 'insideOut', 'none', 'reverse']),
-      type: _propTypes.default.oneOf(['line']).isRequired,
-      valueFormatter: _propTypes.default.func.isRequired,
-      xAxisKey: _propTypes.default.string,
-      yAxisKey: _propTypes.default.string
-    })),
+    series: _propTypes.default.arrayOf(_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])
   }),
   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])

package/ChartsTooltip/ChartsItemTooltipContent.js

@@ -53,7 +53,21 @@ process.env.NODE_ENV !== "production" ? ChartsItemTooltipContent.propTypes = {
     }),
     series: _propTypes.default.shape({
       color: _propTypes.default.string,
-      data: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+      data: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.arrayOf(_propTypes.default.shape({
+        id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+        x: _propTypes.default.number.isRequired,
+        y: _propTypes.default.number.isRequired
+      })), _propTypes.default.arrayOf(_propTypes.default.shape({
+        color: _propTypes.default.string.isRequired,
+        endAngle: _propTypes.default.number.isRequired,
+        formattedValue: _propTypes.default.string.isRequired,
+        id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+        index: _propTypes.default.number.isRequired,
+        label: _propTypes.default.string,
+        padAngle: _propTypes.default.number.isRequired,
+        startAngle: _propTypes.default.number.isRequired,
+        value: _propTypes.default.number.isRequired
+      }))]).isRequired,
       highlightScope: _propTypes.default.shape({
         faded: _propTypes.default.oneOf(['global', 'none', 'series']),
         highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])

package/ChartsTooltip/ChartsTooltipTable.d.ts

@@ -5,7 +5,7 @@ export declare const ChartsTooltipRow: import("@emotion/styled").StyledComponent
 export declare const ChartsTooltipCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, keyof import("react").ClassAttributes<HTMLTableDataCellElement> | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>>, {}>;
 export declare const ChartsTooltipMark: import("@emotion/styled").StyledComponent<Pick<import("@mui/system/Box").BoxOwnProps<import("@mui/system").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system/Box").BoxOwnProps<import("@mui/system").Theme>>, "hidden" | "content" | "style" | "translate" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("@mui/system/Box").BoxOwnProps<import("@mui/system").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+}, keyof import("@mui/system/Box").BoxOwnProps<import("@mui/system").Theme>>, "hidden" | "content" | "style" | "translate" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("@mui/system/Box").BoxOwnProps<import("@mui/system").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     ownerState: {
         color: string;
     };

package/ChartsTooltip/ChartsTooltipTable.js

@@ -66,6 +66,8 @@ const ChartsTooltipCell = exports.ChartsTooltipCell = (0, _styles.styled)('td',
     paddingRight: theme.spacing(2)
   }
 }));
+
+// eslint-disable-next-line material-ui/no-styled-box
 const ChartsTooltipMark = exports.ChartsTooltipMark = (0, _styles.styled)(_Box.default, {
   name: 'MuiChartsTooltip',
   slot: 'Mark'

package/ChartsTooltip/DefaultChartsAxisTooltipContent.js

@@ -88,37 +88,7 @@ process.env.NODE_ENV !== "production" ? DefaultChartsAxisTooltipContent.propType
   /**
    * The properties of the triggered axis.
    */
-  axis: _propTypes.default.shape({
-    axisId: _propTypes.default.string,
-    classes: _propTypes.default.object,
-    data: _propTypes.default.array,
-    dataKey: _propTypes.default.string,
-    disableLine: _propTypes.default.bool,
-    disableTicks: _propTypes.default.bool,
-    fill: _propTypes.default.string,
-    hideTooltip: _propTypes.default.bool,
-    id: _propTypes.default.string.isRequired,
-    label: _propTypes.default.string,
-    labelFontSize: _propTypes.default.number,
-    labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    position: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
-    scale: _propTypes.default.func.isRequired,
-    scaleType: _propTypes.default.oneOf(['time']).isRequired,
-    slotProps: _propTypes.default.object,
-    slots: _propTypes.default.object,
-    stroke: _propTypes.default.string,
-    tickFontSize: _propTypes.default.number,
-    tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
-    tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
-    tickLabelStyle: _propTypes.default.object,
-    tickMaxStep: _propTypes.default.number,
-    tickMinStep: _propTypes.default.number,
-    tickNumber: _propTypes.default.number.isRequired,
-    tickSize: _propTypes.default.number,
-    valueFormatter: _propTypes.default.func
-  }).isRequired,
+  axis: _propTypes.default.object.isRequired,
   /**
    * Data identifying the triggered axis.
    */
@@ -147,28 +117,6 @@ process.env.NODE_ENV !== "production" ? DefaultChartsAxisTooltipContent.propType
   /**
    * The series linked to the triggered axis.
    */
-  series: _propTypes.default.arrayOf(_propTypes.default.shape({
-    area: _propTypes.default.bool,
-    color: _propTypes.default.string.isRequired,
-    connectNulls: _propTypes.default.bool,
-    curve: _propTypes.default.oneOf(['catmullRom', 'linear', 'monotoneX', 'monotoneY', 'natural', 'step', 'stepAfter', 'stepBefore']),
-    data: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
-    dataKey: _propTypes.default.string,
-    disableHighlight: _propTypes.default.bool,
-    highlightScope: _propTypes.default.shape({
-      faded: _propTypes.default.oneOf(['global', 'none', 'series']),
-      highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
-    }),
-    id: _propTypes.default.string.isRequired,
-    label: _propTypes.default.string,
-    showMark: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.bool]),
-    stack: _propTypes.default.string,
-    stackOffset: _propTypes.default.oneOf(['diverging', 'expand', 'none', 'silhouette', 'wiggle']),
-    stackOrder: _propTypes.default.oneOf(['appearance', 'ascending', 'descending', 'insideOut', 'none', 'reverse']),
-    type: _propTypes.default.oneOf(['line']).isRequired,
-    valueFormatter: _propTypes.default.func.isRequired,
-    xAxisKey: _propTypes.default.string,
-    yAxisKey: _propTypes.default.string
-  })).isRequired,
+  series: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
   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])
 } : void 0;

package/ChartsTooltip/DefaultChartsItemTooltipContent.js

@@ -86,7 +86,21 @@ process.env.NODE_ENV !== "production" ? DefaultChartsItemTooltipContent.propType
    */
   series: _propTypes.default.shape({
     color: _propTypes.default.string,
-    data: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+    data: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.arrayOf(_propTypes.default.shape({
+      id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+      x: _propTypes.default.number.isRequired,
+      y: _propTypes.default.number.isRequired
+    })), _propTypes.default.arrayOf(_propTypes.default.shape({
+      color: _propTypes.default.string.isRequired,
+      endAngle: _propTypes.default.number.isRequired,
+      formattedValue: _propTypes.default.string.isRequired,
+      id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+      index: _propTypes.default.number.isRequired,
+      label: _propTypes.default.string,
+      padAngle: _propTypes.default.number.isRequired,
+      startAngle: _propTypes.default.number.isRequired,
+      value: _propTypes.default.number.isRequired
+    }))]).isRequired,
     highlightScope: _propTypes.default.shape({
       faded: _propTypes.default.oneOf(['global', 'none', 'series']),
       highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])

package/LineChart/LineChart.d.ts

@@ -24,6 +24,7 @@ export interface LineChartProps extends Omit<ResponsiveChartContainerProps, 'ser
      * - 'none': display nothing.
      * - 'line': display a line at the current mouse position.
      * - 'band': display a band at the current mouse position. Only available with band scale.
+     * @default { x: 'line' }
      */
     axisHighlight?: ChartsAxisHighlightProps;
     /**

package/LineChart/LineChart.js

@@ -125,6 +125,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * - 'none': display nothing.
    * - 'line': display a line at the current mouse position.
    * - 'band': display a band at the current mouse position. Only available with band scale.
+   * @default { x: 'line' }
    */
   axisHighlight: _propTypes.default.shape({
     x: _propTypes.default.oneOf(['band', 'line', 'none']),
@@ -161,6 +162,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
   className: _propTypes.default.string,
   /**
    * Color palette used to colorize multiple series.
+   * @default blueberryTwilightPalette
    */
   colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
   /**

package/PieChart/PieArcLabelPlot.d.ts

@@ -8,6 +8,11 @@ export interface PieArcLabelPlotSlotComponentProps {
     pieArcLabel?: Partial<PieArcLabelProps>;
 }
 export interface PieArcLabelPlotProps extends Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'cornerRadius' | 'paddingAngle' | 'arcLabel' | 'arcLabelMinAngle' | 'id' | 'highlightScope'>, ComputedPieRadius {
+    /**
+     * Override the arc attibutes when it is faded.
+     * @default { additionalRadius: -5 }
+     */
+    faded?: DefaultizedPieSeriesType['faded'];
     /**
      * Overridable component slots.
      * @default {}

package/PieChart/PieArcLabelPlot.js

@@ -113,6 +113,7 @@ process.env.NODE_ENV !== "production" ? PieArcLabelPlot.propTypes = {
   arcLabel: _propTypes.default.oneOfType([_propTypes.default.oneOf(['formattedValue', 'label', 'value']), _propTypes.default.func]),
   /**
    * The minimal angle required to display the arc label.
+   * @default 0
    */
   arcLabelMinAngle: _propTypes.default.number,
   /**
@@ -138,6 +139,7 @@ process.env.NODE_ENV !== "production" ? PieArcLabelPlot.propTypes = {
   })).isRequired,
   /**
    * Override the arc attibutes when it is faded.
+   * @default { additionalRadius: -5 }
    */
   faded: _propTypes.default.shape({
     additionalRadius: _propTypes.default.number,

package/PieChart/PieArcPlot.d.ts

@@ -8,6 +8,11 @@ export interface PieArcPlotSlotComponentProps {
     pieArc?: Partial<PieArcProps>;
 }
 export interface PieArcPlotProps extends Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'cornerRadius' | 'paddingAngle' | 'id' | 'highlightScope'>, ComputedPieRadius {
+    /**
+     * Override the arc attibutes when it is faded.
+     * @default { additionalRadius: -5 }
+     */
+    faded?: DefaultizedPieSeriesType['faded'];
     /**
      * Overridable component slots.
      * @default {}

package/PieChart/PieArcPlot.js

@@ -119,6 +119,7 @@ process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
   })).isRequired,
   /**
    * Override the arc attibutes when it is faded.
+   * @default { additionalRadius: -5 }
    */
   faded: _propTypes.default.shape({
     additionalRadius: _propTypes.default.number,

package/PieChart/PieChart.d.ts

@@ -8,12 +8,24 @@ import { ChartsLegendProps, ChartsLegendSlotComponentProps, ChartsLegendSlotsCom
 import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
 import { PiePlotProps, PiePlotSlotComponentProps, PiePlotSlotsComponent } from './PiePlot';
 import { PieValueType } from '../models/seriesType/pie';
-import { ChartsAxisSlotsComponent, ChartsAxisSlotComponentProps } from '../models/axis';
+import { ChartsAxisSlotsComponent, ChartsAxisSlotComponentProps, ChartsXAxisProps, ChartsYAxisProps } from '../models/axis';
 export interface PieChartSlotsComponent extends ChartsAxisSlotsComponent, PiePlotSlotsComponent, ChartsLegendSlotsComponent, ChartsTooltipSlotsComponent {
 }
 export interface PieChartSlotComponentProps extends ChartsAxisSlotComponentProps, PiePlotSlotComponentProps, ChartsLegendSlotComponentProps, ChartsTooltipSlotComponentProps {
 }
-export interface PieChartProps extends Omit<ResponsiveChartContainerProps, 'series'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Pick<PiePlotProps, 'skipAnimation'> {
+export interface PieChartProps extends Omit<ResponsiveChartContainerProps, 'series' | 'leftAxis' | 'bottomAxis'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Pick<PiePlotProps, 'skipAnimation'> {
+    /**
+     * Indicate which axis to display the bottom of the charts.
+     * Can be a string (the id of the axis) or an object `ChartsXAxisProps`.
+     * @default null
+     */
+    bottomAxis?: null | string | ChartsXAxisProps;
+    /**
+     * Indicate which axis to display the left of the charts.
+     * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
+     * @default null
+     */
+    leftAxis?: null | string | ChartsYAxisProps;
     series: MakeOptional<PieSeriesType<MakeOptional<PieValueType, 'id'>>, 'type'>[];
     tooltip?: ChartsTooltipProps;
     axisHighlight?: ChartsAxisHighlightProps;

package/PieChart/PieChart.js

@@ -116,7 +116,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   /**
    * Indicate which axis to display the bottom of the charts.
    * Can be a string (the id of the axis) or an object `ChartsXAxisProps`.
-   * @default xAxisIds[0] The id of the first provided axis
+   * @default null
    */
   bottomAxis: _propTypes.default.oneOfType([_propTypes.default.shape({
     axisId: _propTypes.default.string,
@@ -144,6 +144,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   className: _propTypes.default.string,
   /**
    * Color palette used to colorize multiple series.
+   * @default blueberryTwilightPalette
    */
   colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
   /**
@@ -165,7 +166,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   /**
    * Indicate which axis to display the left of the charts.
    * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
-   * @default yAxisIds[0] The id of the first provided axis
+   * @default null
    */
   leftAxis: _propTypes.default.oneOfType([_propTypes.default.shape({
     axisId: _propTypes.default.string,

package/ScatterChart/ScatterChart.js

@@ -121,6 +121,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   className: _propTypes.default.string,
   /**
    * Color palette used to colorize multiple series.
+   * @default blueberryTwilightPalette
    */
   colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
   /**

package/SparkLineChart/SparkLineChart.d.ts

@@ -10,11 +10,12 @@ import { LinePlotSlotsComponent, LinePlotSlotComponentProps } from '../LineChart
 import { MarkPlotSlotsComponent, MarkPlotSlotComponentProps } from '../LineChart/MarkPlot';
 import { LineHighlightPlotSlotsComponent, LineHighlightPlotSlotComponentProps } from '../LineChart/LineHighlightPlot';
 import { BarPlotSlotsComponent, BarPlotSlotComponentProps } from '../BarChart/BarPlot';
+import { CardinalDirections } from '../models/layout';
 export interface SparkLineChartSlotsComponent extends AreaPlotSlotsComponent, LinePlotSlotsComponent, MarkPlotSlotsComponent, LineHighlightPlotSlotsComponent, BarPlotSlotsComponent, ChartsTooltipSlotsComponent {
 }
 export interface SparkLineChartSlotComponentProps extends AreaPlotSlotComponentProps, LinePlotSlotComponentProps, MarkPlotSlotComponentProps, LineHighlightPlotSlotComponentProps, BarPlotSlotComponentProps, ChartsTooltipSlotComponentProps {
 }
-export interface SparkLineChartProps extends Omit<ResponsiveChartContainerProps, 'series' | 'xAxis' | 'yAxis'> {
+export interface SparkLineChartProps extends Omit<ResponsiveChartContainerProps, 'series' | 'xAxis' | 'yAxis' | 'margin'> {
     /**
      * The xAxis configuration.
      * Notice it is a single configuration object, not an array of configuration.
@@ -35,6 +36,7 @@ export interface SparkLineChartProps extends Omit<ResponsiveChartContainerProps,
      * Formatter used by the tooltip.
      * @param {number} value The value to format.
      * @returns {string} the formatted value.
+     * @default (v: number) => v.toString()
      */
     valueFormatter?: (value: number) => string;
     /**
@@ -59,6 +61,18 @@ export interface SparkLineChartProps extends Omit<ResponsiveChartContainerProps,
      * @default 'linear'
      */
     curve?: LineSeriesType['curve'];
+    /**
+     * 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 an object with the optional properties: `top`, `bottom`, `left`, and `right`.
+     * @default {
+     *   top: 5,
+     *   bottom: 5,
+     *   left: 5,
+     *   right: 5,
+     * }
+     */
+    margin?: Partial<CardinalDirections<number>>;
     /**
      * Overridable component slots.
      * @default {}

package/SparkLineChart/SparkLineChart.js

@@ -127,6 +127,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   className: _propTypes.default.string,
   /**
    * Color palette used to colorize multiple series.
+   * @default blueberryTwilightPalette
    */
   colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
   /**
@@ -157,7 +158,12 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * 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 an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   * @default object Depends on the charts type.
+   * @default {
+   *   top: 5,
+   *   bottom: 5,
+   *   left: 5,
+   *   right: 5,
+   * }
    */
   margin: _propTypes.default.shape({
     bottom: _propTypes.default.number,
@@ -206,6 +212,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Formatter used by the tooltip.
    * @param {number} value The value to format.
    * @returns {string} the formatted value.
+   * @default (v: number) => v.toString()
    */
   valueFormatter: _propTypes.default.func,
   viewBox: _propTypes.default.shape({

package/context/CartesianContextProvider.d.ts

@@ -50,7 +50,7 @@ export declare const CartesianContext: React.Context<{
  *
  * - [CartesianContextProvider API](https://mui.com/x/api/charts/cartesian-context-provider/)
  */
-declare function CartesianContextProvider({ xAxis: inXAxis, yAxis: inYAxis, dataset, children, }: CartesianContextProviderProps): React.JSX.Element;
+declare function CartesianContextProvider(props: CartesianContextProviderProps): React.JSX.Element;
 declare namespace CartesianContextProvider {
     var propTypes: any;
 }

package/context/CartesianContextProvider.js

@@ -48,12 +48,13 @@ const CartesianContext = exports.CartesianContext = /*#__PURE__*/React.createCon
  *
  * - [CartesianContextProvider API](https://mui.com/x/api/charts/cartesian-context-provider/)
  */
-function CartesianContextProvider({
-  xAxis: inXAxis,
-  yAxis: inYAxis,
-  dataset,
-  children
-}) {
+function CartesianContextProvider(props) {
+  const {
+    xAxis: inXAxis,
+    yAxis: inYAxis,
+    dataset,
+    children
+  } = props;
   const formattedSeries = React.useContext(_SeriesContextProvider.SeriesContext);
   const drawingArea = React.useContext(_DrawingProvider.DrawingContext);
   const xAxis = React.useMemo(() => inXAxis?.map(axisConfig => {

package/context/DrawingProvider.d.ts

@@ -40,7 +40,7 @@ export declare const SVGContext: React.Context<React.RefObject<SVGSVGElement>>;
  *
  * - [DrawingProvider API](https://mui.com/x/api/charts/drawing-provider/)
  */
-declare function DrawingProvider({ width, height, margin, svgRef, children }: DrawingProviderProps): React.JSX.Element;
+declare function DrawingProvider(props: DrawingProviderProps): React.JSX.Element;
 declare namespace DrawingProvider {
     var propTypes: any;
 }

package/context/DrawingProvider.js

@@ -34,13 +34,14 @@ const SVGContext = exports.SVGContext = /*#__PURE__*/React.createContext({
  *
  * - [DrawingProvider API](https://mui.com/x/api/charts/drawing-provider/)
  */
-function DrawingProvider({
-  width,
-  height,
-  margin,
-  svgRef,
-  children
-}) {
+function DrawingProvider(props) {
+  const {
+    width,
+    height,
+    margin,
+    svgRef,
+    children
+  } = props;
   const drawingArea = (0, _useChartDimensions.default)(width, height, margin);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(SVGContext.Provider, {
     value: svgRef,

package/context/HighlightProvider.d.ts

@@ -41,5 +41,5 @@ type HighlighState = {
     dispatch: React.Dispatch<HighlighActions>;
 };
 export declare const HighlighContext: React.Context<HighlighState>;
-export declare function HighlightProvider({ children }: HighlightProviderProps): React.JSX.Element;
-export {};
+declare function HighlightProvider(props: HighlightProviderProps): React.JSX.Element;
+export { HighlightProvider };

package/context/HighlightProvider.js

@@ -39,9 +39,10 @@ const dataReducer = (prevState, action) => {
       return prevState;
   }
 };
-function HighlightProvider({
-  children
-}) {
+function HighlightProvider(props) {
+  const {
+    children
+  } = props;
   const [data, dispatch] = React.useReducer(dataReducer, {
     item: null,
     scope: defaultScope

package/context/InteractionProvider.d.ts

@@ -36,5 +36,5 @@ type InteractionState = {
     dispatch: React.Dispatch<InteractionActions>;
 };
 export declare const InteractionContext: React.Context<InteractionState>;
-export declare function InteractionProvider({ children }: InteractionProviderProps): React.JSX.Element;
-export {};
+declare function InteractionProvider(props: InteractionProviderProps): React.JSX.Element;
+export { InteractionProvider };

package/context/InteractionProvider.js

@@ -41,9 +41,10 @@ const dataReducer = (prevState, action) => {
       return prevState;
   }
 };
-function InteractionProvider({
-  children
-}) {
+function InteractionProvider(props) {
+  const {
+    children
+  } = props;
   const [data, dispatch] = React.useReducer(dataReducer, {
     item: null,
     axis: {

package/context/SeriesContextProvider.d.ts

@@ -12,6 +12,7 @@ export type SeriesContextProviderProps = {
     series: AllSeriesType[];
     /**
      * Color palette used to colorize multiple series.
+     * @default blueberryTwilightPalette
      */
     colors?: ChartsColorPalette;
     children: React.ReactNode;
@@ -20,4 +21,5 @@ export type FormattedSeries = {
     [type in ChartSeriesType]?: FormatterResult<type>;
 };
 export declare const SeriesContext: React.Context<FormattedSeries>;
-export declare function SeriesContextProvider({ series, dataset, colors, children, }: SeriesContextProviderProps): React.JSX.Element;
+declare function SeriesContextProvider(props: SeriesContextProviderProps): React.JSX.Element;
+export { SeriesContextProvider };

package/context/SeriesContextProvider.js

@@ -65,12 +65,13 @@ const formatSeries = (series, colors, dataset) => {
   });
   return formattedSeries;
 };
-function SeriesContextProvider({
-  series,
-  dataset,
-  colors = _colorPalettes.blueberryTwilightPalette,
-  children
-}) {
+function SeriesContextProvider(props) {
+  const {
+    series,
+    dataset,
+    colors = _colorPalettes.blueberryTwilightPalette,
+    children
+  } = props;
   const theme = (0, _styles.useTheme)();
   const formattedSeries = React.useMemo(() => formatSeries(series, typeof colors === 'function' ? colors(theme.palette.mode) : colors, dataset), [series, colors, theme.palette.mode, dataset]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(SeriesContext.Provider, {

package/esm/BarChart/BarChart.js

@@ -156,6 +156,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   className: PropTypes.string,
   /**
    * Color palette used to colorize multiple series.
+   * @default blueberryTwilightPalette
    */
   colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
   /**