@mui/x-charts 9.3.0 → 9.5.0

package/ChartsOverlay/ChartsOverlay.d.mts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { type SxProps, type Theme } from '@mui/material/styles';
 import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import type { LoadingOverlayPropsOverrides, NoDataOverlayPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
 export declare function useNoData(): boolean;
 export type CommonOverlayProps = React.SVGAttributes<SVGTextElement> & {
   sx?: SxProps<Theme>;
@@ -10,16 +11,16 @@ export interface ChartsOverlaySlots {
    * Overlay component rendered when the chart is in a loading state.
    * @default ChartsLoadingOverlay
    */
-  loadingOverlay?: React.ElementType<CommonOverlayProps>;
+  loadingOverlay?: React.ElementType<CommonOverlayProps & LoadingOverlayPropsOverrides>;
   /**
    * Overlay component rendered when the chart has no data to display.
    * @default ChartsNoDataOverlay
    */
-  noDataOverlay?: React.ElementType<CommonOverlayProps>;
+  noDataOverlay?: React.ElementType<CommonOverlayProps & NoDataOverlayPropsOverrides>;
 }
 export interface ChartsOverlaySlotProps {
-  loadingOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, {}, {}>;
-  noDataOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, {}, {}>;
+  loadingOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, LoadingOverlayPropsOverrides, {}>;
+  noDataOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, NoDataOverlayPropsOverrides, {}>;
 }
 export interface ChartsOverlayProps {
   /**

package/ChartsOverlay/ChartsOverlay.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { type SxProps, type Theme } from '@mui/material/styles';
 import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import type { LoadingOverlayPropsOverrides, NoDataOverlayPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
 export declare function useNoData(): boolean;
 export type CommonOverlayProps = React.SVGAttributes<SVGTextElement> & {
   sx?: SxProps<Theme>;
@@ -10,16 +11,16 @@ export interface ChartsOverlaySlots {
    * Overlay component rendered when the chart is in a loading state.
    * @default ChartsLoadingOverlay
    */
-  loadingOverlay?: React.ElementType<CommonOverlayProps>;
+  loadingOverlay?: React.ElementType<CommonOverlayProps & LoadingOverlayPropsOverrides>;
   /**
    * Overlay component rendered when the chart has no data to display.
    * @default ChartsNoDataOverlay
    */
-  noDataOverlay?: React.ElementType<CommonOverlayProps>;
+  noDataOverlay?: React.ElementType<CommonOverlayProps & NoDataOverlayPropsOverrides>;
 }
 export interface ChartsOverlaySlotProps {
-  loadingOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, {}, {}>;
-  noDataOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, {}, {}>;
+  loadingOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, LoadingOverlayPropsOverrides, {}>;
+  noDataOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, NoDataOverlayPropsOverrides, {}>;
 }
 export interface ChartsOverlayProps {
   /**

package/ChartsRadialAxisHighlight/index.d.mts

@@ -1,4 +1,9 @@
-export { ChartsRadialAxisHighlight as Unstable_ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+import { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+export { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+/**
+ * @deprecated radial axis highlight is now stable, import `ChartsRadialAxisHighlight` instead
+ */
+export declare const Unstable_ChartsRadialAxisHighlight: typeof ChartsRadialAxisHighlight;
 export { chartsRadialAxisHighlightClasses } from "./chartsRadialAxisHighlightClasses.mjs";
 export type { ChartsRadialAxisHighlightClasses, ChartsRadialAxisHighlightClassKey } from "./chartsRadialAxisHighlightClasses.mjs";
 export * from "./ChartsRadialAxisHighlight.types.mjs";

package/ChartsRadialAxisHighlight/index.d.ts

@@ -1,4 +1,9 @@
-export { ChartsRadialAxisHighlight as Unstable_ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.js";
+import { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.js";
+export { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.js";
+/**
+ * @deprecated radial axis highlight is now stable, import `ChartsRadialAxisHighlight` instead
+ */
+export declare const Unstable_ChartsRadialAxisHighlight: typeof ChartsRadialAxisHighlight;
 export { chartsRadialAxisHighlightClasses } from "./chartsRadialAxisHighlightClasses.js";
 export type { ChartsRadialAxisHighlightClasses, ChartsRadialAxisHighlightClassKey } from "./chartsRadialAxisHighlightClasses.js";
 export * from "./ChartsRadialAxisHighlight.types.js";

package/ChartsRadialAxisHighlight/index.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   Unstable_ChartsRadialAxisHighlight: true,
+  ChartsRadialAxisHighlight: true,
   chartsRadialAxisHighlightClasses: true
 };
-Object.defineProperty(exports, "Unstable_ChartsRadialAxisHighlight", {
+Object.defineProperty(exports, "ChartsRadialAxisHighlight", {
   enumerable: true,
   get: function () {
     return _ChartsRadialAxisHighlight.ChartsRadialAxisHighlight;
   }
 });
+exports.Unstable_ChartsRadialAxisHighlight = void 0;
 Object.defineProperty(exports, "chartsRadialAxisHighlightClasses", {
   enumerable: true,
   get: function () {
@@ -44,4 +46,9 @@ Object.keys(_ChartsRadialAxisHighlightPath).forEach(function (key) {
       return _ChartsRadialAxisHighlightPath[key];
     }
   });
-});
+});
+/**
+ * @deprecated radial axis highlight is now stable, import `ChartsRadialAxisHighlight` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_ChartsRadialAxisHighlight = exports.Unstable_ChartsRadialAxisHighlight = _ChartsRadialAxisHighlight.ChartsRadialAxisHighlight;

package/ChartsRadialAxisHighlight/index.mjs

@@ -1,4 +1,11 @@
-export { ChartsRadialAxisHighlight as Unstable_ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+import { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+export { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+
+/**
+ * @deprecated radial axis highlight is now stable, import `ChartsRadialAxisHighlight` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_ChartsRadialAxisHighlight = ChartsRadialAxisHighlight;
 export { chartsRadialAxisHighlightClasses } from "./chartsRadialAxisHighlightClasses.mjs";
 export * from "./ChartsRadialAxisHighlight.types.mjs";
 export * from "./ChartsRadialAxisHighlightPath.mjs";

package/ChartsRadialDataProvider/ChartsRadialDataProvider.d.mts

@@ -35,4 +35,4 @@ declare function ChartsRadialDataProvider<SeriesType extends PolarChartSeriesTyp
 declare namespace ChartsRadialDataProvider {
   var propTypes: any;
 }
-export { ChartsRadialDataProvider as Unstable_ChartsRadialDataProvider };
+export { ChartsRadialDataProvider };

package/ChartsRadialDataProvider/ChartsRadialDataProvider.d.ts

@@ -35,4 +35,4 @@ declare function ChartsRadialDataProvider<SeriesType extends PolarChartSeriesTyp
 declare namespace ChartsRadialDataProvider {
   var propTypes: any;
 }
-export { ChartsRadialDataProvider as Unstable_ChartsRadialDataProvider };
+export { ChartsRadialDataProvider };

package/ChartsRadialDataProvider/ChartsRadialDataProvider.js

@@ -6,7 +6,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Unstable_ChartsRadialDataProvider = ChartsRadialDataProvider;
+exports.ChartsRadialDataProvider = ChartsRadialDataProvider;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/ChartsRadialDataProvider/ChartsRadialDataProvider.mjs

@@ -106,4 +106,4 @@ process.env.NODE_ENV !== "production" ? ChartsRadialDataProvider.propTypes = {
    */
   width: PropTypes.number
 } : void 0;
-export { ChartsRadialDataProvider as Unstable_ChartsRadialDataProvider };
+export { ChartsRadialDataProvider };

package/ChartsRadialDataProvider/index.d.mts

@@ -1,2 +1,7 @@
+import { ChartsRadialDataProvider } from "./ChartsRadialDataProvider.mjs";
+/**
+ * @deprecated The radial data provider is now stable, import `ChartsRadialDataProvider` instead
+ */
+export declare const Unstable_ChartsRadialDataProvider: typeof ChartsRadialDataProvider;
 export * from "./ChartsRadialDataProvider.mjs";
 export * from "./ChartsRadialDataProvider.plugins.mjs";

package/ChartsRadialDataProvider/index.d.ts

@@ -1,2 +1,7 @@
+import { ChartsRadialDataProvider } from "./ChartsRadialDataProvider.js";
+/**
+ * @deprecated The radial data provider is now stable, import `ChartsRadialDataProvider` instead
+ */
+export declare const Unstable_ChartsRadialDataProvider: typeof ChartsRadialDataProvider;
 export * from "./ChartsRadialDataProvider.js";
 export * from "./ChartsRadialDataProvider.plugins.js";

package/ChartsRadialDataProvider/index.js

@@ -3,9 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  Unstable_ChartsRadialDataProvider: true
+};
+exports.Unstable_ChartsRadialDataProvider = void 0;
 var _ChartsRadialDataProvider = require("./ChartsRadialDataProvider");
 Object.keys(_ChartsRadialDataProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsRadialDataProvider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,6 +22,7 @@ Object.keys(_ChartsRadialDataProvider).forEach(function (key) {
 var _ChartsRadialDataProvider2 = require("./ChartsRadialDataProvider.plugins");
 Object.keys(_ChartsRadialDataProvider2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsRadialDataProvider2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -24,4 +30,9 @@ Object.keys(_ChartsRadialDataProvider2).forEach(function (key) {
       return _ChartsRadialDataProvider2[key];
     }
   });
-});
+});
+/**
+ * @deprecated The radial data provider is now stable, import `ChartsRadialDataProvider` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_ChartsRadialDataProvider = exports.Unstable_ChartsRadialDataProvider = _ChartsRadialDataProvider.ChartsRadialDataProvider;

package/ChartsRadialDataProvider/index.mjs

@@ -1,2 +1,9 @@
+import { ChartsRadialDataProvider } from "./ChartsRadialDataProvider.mjs";
+
+/**
+ * @deprecated The radial data provider is now stable, import `ChartsRadialDataProvider` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_ChartsRadialDataProvider = ChartsRadialDataProvider;
 export * from "./ChartsRadialDataProvider.mjs";
 export * from "./ChartsRadialDataProvider.plugins.mjs";

package/ChartsRadialGrid/index.d.mts

@@ -1,3 +1,8 @@
-export { type ChartsRadialGridProps, ChartsRadialGrid as Unstable_ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+import { ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+export { type ChartsRadialGridProps, ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+/**
+ * @deprecated radial grid is now stable, import `ChartsRadialGrid` instead
+ */
+export declare const Unstable_ChartsRadialGrid: typeof ChartsRadialGrid;
 export { chartsRadialGridClasses } from "./chartsRadialGridClasses.mjs";
 export type { ChartsRadialGridClasses, ChartsRadialGridClassKey } from "./chartsRadialGridClasses.mjs";

package/ChartsRadialGrid/index.d.ts

@@ -1,3 +1,8 @@
-export { type ChartsRadialGridProps, ChartsRadialGrid as Unstable_ChartsRadialGrid } from "./ChartsRadialGrid.js";
+import { ChartsRadialGrid } from "./ChartsRadialGrid.js";
+export { type ChartsRadialGridProps, ChartsRadialGrid } from "./ChartsRadialGrid.js";
+/**
+ * @deprecated radial grid is now stable, import `ChartsRadialGrid` instead
+ */
+export declare const Unstable_ChartsRadialGrid: typeof ChartsRadialGrid;
 export { chartsRadialGridClasses } from "./chartsRadialGridClasses.js";
 export type { ChartsRadialGridClasses, ChartsRadialGridClassKey } from "./chartsRadialGridClasses.js";

package/ChartsRadialGrid/index.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Unstable_ChartsRadialGrid", {
+Object.defineProperty(exports, "ChartsRadialGrid", {
   enumerable: true,
   get: function () {
     return _ChartsRadialGrid.ChartsRadialGrid;
   }
 });
+exports.Unstable_ChartsRadialGrid = void 0;
 Object.defineProperty(exports, "chartsRadialGridClasses", {
   enumerable: true,
   get: function () {
@@ -16,4 +17,9 @@ Object.defineProperty(exports, "chartsRadialGridClasses", {
   }
 });
 var _ChartsRadialGrid = require("./ChartsRadialGrid");
-var _chartsRadialGridClasses = require("./chartsRadialGridClasses");
+var _chartsRadialGridClasses = require("./chartsRadialGridClasses");
+/**
+ * @deprecated radial grid is now stable, import `ChartsRadialGrid` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_ChartsRadialGrid = exports.Unstable_ChartsRadialGrid = _ChartsRadialGrid.ChartsRadialGrid;

package/ChartsRadialGrid/index.mjs

@@ -1,2 +1,9 @@
-export { ChartsRadialGrid as Unstable_ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+import { ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+export { ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+
+/**
+ * @deprecated radial grid is now stable, import `ChartsRadialGrid` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_ChartsRadialGrid = ChartsRadialGrid;
 export { chartsRadialGridClasses } from "./chartsRadialGridClasses.mjs";

package/ChartsRadiusAxis/index.d.mts

@@ -1,4 +1,9 @@
-export { ChartsRadiusAxis as Unstable_ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+import { ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+export { ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+/**
+ * @deprecated radius axis is now stable, import `ChartsRadiusAxis` instead
+ */
+export declare const Unstable_ChartsRadiusAxis: typeof ChartsRadiusAxis;
 export { chartsRadialAxisClasses } from "./chartsRadiusAxisClasses.mjs";
 export type { ChartsRadialAxisClasses, ChartsRadialAxisClassKey } from "./chartsRadiusAxisClasses.mjs";
 export { type ChartsRadiusAxisProps } from "../models/axis.mjs";

package/ChartsRadiusAxis/index.d.ts

@@ -1,4 +1,9 @@
-export { ChartsRadiusAxis as Unstable_ChartsRadiusAxis } from "./ChartsRadiusAxis.js";
+import { ChartsRadiusAxis } from "./ChartsRadiusAxis.js";
+export { ChartsRadiusAxis } from "./ChartsRadiusAxis.js";
+/**
+ * @deprecated radius axis is now stable, import `ChartsRadiusAxis` instead
+ */
+export declare const Unstable_ChartsRadiusAxis: typeof ChartsRadiusAxis;
 export { chartsRadialAxisClasses } from "./chartsRadiusAxisClasses.js";
 export type { ChartsRadialAxisClasses, ChartsRadialAxisClassKey } from "./chartsRadiusAxisClasses.js";
 export { type ChartsRadiusAxisProps } from "../models/axis.js";

package/ChartsRadiusAxis/index.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Unstable_ChartsRadiusAxis", {
+Object.defineProperty(exports, "ChartsRadiusAxis", {
   enumerable: true,
   get: function () {
     return _ChartsRadiusAxis.ChartsRadiusAxis;
   }
 });
+exports.Unstable_ChartsRadiusAxis = void 0;
 Object.defineProperty(exports, "chartsRadialAxisClasses", {
   enumerable: true,
   get: function () {
@@ -16,4 +17,11 @@ Object.defineProperty(exports, "chartsRadialAxisClasses", {
   }
 });
 var _ChartsRadiusAxis = require("./ChartsRadiusAxis");
-var _chartsRadiusAxisClasses = require("./chartsRadiusAxisClasses");
+var _chartsRadiusAxisClasses = require("./chartsRadiusAxisClasses");
+/**
+ * @deprecated radius axis is now stable, import `ChartsRadiusAxis` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_ChartsRadiusAxis = exports.Unstable_ChartsRadiusAxis = _ChartsRadiusAxis.ChartsRadiusAxis;
+
+// Re-export types

package/ChartsRadiusAxis/index.mjs

@@ -1,4 +1,10 @@
-export { ChartsRadiusAxis as Unstable_ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+import { ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+export { ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+/**
+ * @deprecated radius axis is now stable, import `ChartsRadiusAxis` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_ChartsRadiusAxis = ChartsRadiusAxis;
 export { chartsRadialAxisClasses } from "./chartsRadiusAxisClasses.mjs";
 
 // Re-export types

package/ChartsReferenceLine/ChartsXReferenceLine.js

@@ -76,7 +76,9 @@ function ChartsXReferenceLine(props) {
   } = props;
   const {
     top,
-    height
+    height,
+    left,
+    width
   } = (0, _hooks.useDrawingArea)();
   const xAxisScale = (0, _hooks.useXScale)(axisId);
   const xPosition = xAxisScale(x);
@@ -86,6 +88,9 @@ function ChartsXReferenceLine(props) {
     }
     return null;
   }
+  if (xPosition < left || xPosition > left + width) {
+    return null;
+  }
   const d = `M ${xPosition} ${top} l 0 ${height}`;
   const classes = getXReferenceLineClasses(inClasses);
   const textParams = (0, _extends2.default)({

package/ChartsReferenceLine/ChartsXReferenceLine.mjs

@@ -69,7 +69,9 @@ function ChartsXReferenceLine(props) {
   } = props;
   const {
     top,
-    height
+    height,
+    left,
+    width
   } = useDrawingArea();
   const xAxisScale = useXScale(axisId);
   const xPosition = xAxisScale(x);
@@ -79,6 +81,9 @@ function ChartsXReferenceLine(props) {
     }
     return null;
   }
+  if (xPosition < left || xPosition > left + width) {
+    return null;
+  }
   const d = `M ${xPosition} ${top} l 0 ${height}`;
   const classes = getXReferenceLineClasses(inClasses);
   const textParams = _extends({

package/ChartsReferenceLine/ChartsYReferenceLine.js

@@ -75,6 +75,8 @@ function ChartsYReferenceLine(props) {
     axisId
   } = props;
   const {
+    top,
+    height,
     left,
     width
   } = (0, _hooks.useDrawingArea)();
@@ -86,6 +88,9 @@ function ChartsYReferenceLine(props) {
     }
     return null;
   }
+  if (yPosition < top || yPosition > top + height) {
+    return null;
+  }
   const d = `M ${left} ${yPosition} l ${width} 0`;
   const classes = getYReferenceLineClasses(inClasses);
   const textParams = (0, _extends2.default)({

package/ChartsReferenceLine/ChartsYReferenceLine.mjs

@@ -68,6 +68,8 @@ function ChartsYReferenceLine(props) {
     axisId
   } = props;
   const {
+    top,
+    height,
     left,
     width
   } = useDrawingArea();
@@ -79,6 +81,9 @@ function ChartsYReferenceLine(props) {
     }
     return null;
   }
+  if (yPosition < top || yPosition > top + height) {
+    return null;
+  }
   const d = `M ${left} ${yPosition} l ${width} 0`;
   const classes = getYReferenceLineClasses(inClasses);
   const textParams = _extends({

package/ChartsRotationAxis/index.d.mts

@@ -1,3 +1,8 @@
-export { ChartsRotationAxis as Unstable_ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+import { ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+export { ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+/**
+ * @deprecated rotation axis is now stable, import `ChartsRotationAxis` instead
+ */
+export declare const Unstable_ChartsRotationAxis: typeof ChartsRotationAxis;
 export { type ChartsRadialAxisClasses, type ChartsRadialAxisClassKey, chartsRadialAxisClasses } from "./chartsRotationAxisClasses.mjs";
 export { type ChartsRotationAxisProps } from "../models/axis.mjs";

package/ChartsRotationAxis/index.d.ts

@@ -1,3 +1,8 @@
-export { ChartsRotationAxis as Unstable_ChartsRotationAxis } from "./ChartsRotationAxis.js";
+import { ChartsRotationAxis } from "./ChartsRotationAxis.js";
+export { ChartsRotationAxis } from "./ChartsRotationAxis.js";
+/**
+ * @deprecated rotation axis is now stable, import `ChartsRotationAxis` instead
+ */
+export declare const Unstable_ChartsRotationAxis: typeof ChartsRotationAxis;
 export { type ChartsRadialAxisClasses, type ChartsRadialAxisClassKey, chartsRadialAxisClasses } from "./chartsRotationAxisClasses.js";
 export { type ChartsRotationAxisProps } from "../models/axis.js";

package/ChartsRotationAxis/index.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Unstable_ChartsRotationAxis", {
+Object.defineProperty(exports, "ChartsRotationAxis", {
   enumerable: true,
   get: function () {
     return _ChartsRotationAxis.ChartsRotationAxis;
   }
 });
+exports.Unstable_ChartsRotationAxis = void 0;
 Object.defineProperty(exports, "chartsRadialAxisClasses", {
   enumerable: true,
   get: function () {
@@ -16,4 +17,11 @@ Object.defineProperty(exports, "chartsRadialAxisClasses", {
   }
 });
 var _ChartsRotationAxis = require("./ChartsRotationAxis");
-var _chartsRotationAxisClasses = require("./chartsRotationAxisClasses");
+var _chartsRotationAxisClasses = require("./chartsRotationAxisClasses");
+/**
+ * @deprecated rotation axis is now stable, import `ChartsRotationAxis` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_ChartsRotationAxis = exports.Unstable_ChartsRotationAxis = _ChartsRotationAxis.ChartsRotationAxis;
+
+// Re-export types

package/ChartsRotationAxis/index.mjs

@@ -1,4 +1,10 @@
-export { ChartsRotationAxis as Unstable_ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+import { ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+export { ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+/**
+ * @deprecated rotation axis is now stable, import `ChartsRotationAxis` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_ChartsRotationAxis = ChartsRotationAxis;
 export { chartsRadialAxisClasses } from "./chartsRotationAxisClasses.mjs";
 
 // Re-export types

package/ChartsTooltip/ChartTooltip.types.d.mts

@@ -1,16 +1,17 @@
 import { type ChartsTooltipProps } from "./ChartsTooltip.mjs";
 import { type TriggerOptions } from "./utils.mjs";
+import type { TooltipPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
 export interface ChartsTooltipSlots<T extends TriggerOptions = TriggerOptions> {
   /**
    * Custom component for the tooltip popper.
    * @default ChartsTooltipRoot
    */
-  tooltip?: React.ElementType<ChartsTooltipProps<T>>;
+  tooltip?: React.ElementType<ChartsTooltipProps<T> & TooltipPropsOverrides>;
 }
 export interface ChartsTooltipSlotProps<T extends TriggerOptions = TriggerOptions> {
   /**
    * Custom component for the tooltip popper.
    * @default ChartsTooltipRoot
    */
-  tooltip?: Partial<ChartsTooltipProps<T>>;
+  tooltip?: Partial<ChartsTooltipProps<T>> & TooltipPropsOverrides;
 }

package/ChartsTooltip/ChartTooltip.types.d.ts

@@ -1,16 +1,17 @@
 import { type ChartsTooltipProps } from "./ChartsTooltip.js";
 import { type TriggerOptions } from "./utils.js";
+import type { TooltipPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
 export interface ChartsTooltipSlots<T extends TriggerOptions = TriggerOptions> {
   /**
    * Custom component for the tooltip popper.
    * @default ChartsTooltipRoot
    */
-  tooltip?: React.ElementType<ChartsTooltipProps<T>>;
+  tooltip?: React.ElementType<ChartsTooltipProps<T> & TooltipPropsOverrides>;
 }
 export interface ChartsTooltipSlotProps<T extends TriggerOptions = TriggerOptions> {
   /**
    * Custom component for the tooltip popper.
    * @default ChartsTooltipRoot
    */
-  tooltip?: Partial<ChartsTooltipProps<T>>;
+  tooltip?: Partial<ChartsTooltipProps<T>> & TooltipPropsOverrides;
 }

package/ChartsTooltip/ChartsTooltipContainer.js

@@ -16,6 +16,7 @@ var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
 var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _styles = require("@mui/material/styles");
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 var _NoSsr = _interopRequireDefault(require("@mui/material/NoSsr"));
@@ -109,7 +110,7 @@ function ChartsTooltipContainer(inProps) {
     }
   }
   const chartsLayerContainerRef = (0, _hooks.useChartsLayerContainerRef)();
-  const anchorRef = React.useRef(null);
+  const [anchorEl, setAnchorEl] = React.useState(null);
   const classes = (0, _chartsTooltipClasses.useUtilityClasses)(propClasses);
   const pointerType = store.use(_useChartInteraction.selectorChartsPointerType);
   const isFineMainPointer = (0, _utils.useIsFineMainPointer)();
@@ -154,6 +155,12 @@ function ChartsTooltipContainer(inProps) {
       pointerUpdate.clear();
     };
   }, [chartsLayerContainerRef, positionRef, isTooltipNodeAnchored]);
+  (0, _useEnhancedEffect.default)(() => {
+    if (!isTooltipNodeAnchored) {
+      return;
+    }
+    popperRef.current?.update();
+  }, [isTooltipNodeAnchored, itemPosition?.x, itemPosition?.y]);
   const pointerAnchorEl = React.useMemo(() => ({
     getBoundingClientRect: () => ({
       x: positionRef.current.x,
@@ -198,7 +205,7 @@ function ChartsTooltipContainer(inProps) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [chartsLayerContainerRef.current && /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: anchorRef,
+      ref: setAnchorEl,
       style: {
         position: 'absolute',
         display: 'hidden',
@@ -219,9 +226,9 @@ function ChartsTooltipContainer(inProps) {
         open: isOpen,
         placement: other.placement ?? position ?? (!isTooltipNodeAnchored && isMouse ? 'right-start' : 'top'),
         popperRef: popperRef,
-        anchorEl: itemPosition ? anchorRef.current : pointerAnchorEl,
+        anchorEl: itemPosition ? anchorEl : pointerAnchorEl,
         modifiers: modifiers,
-        container: chartsLayerContainerRef.current,
+        container: other.container ?? chartsLayerContainerRef.current,
         popperOptions: (0, _extends2.default)({}, other.popperOptions, {
           strategy: 'fixed'
         })

package/ChartsTooltip/ChartsTooltipContainer.mjs

@@ -9,6 +9,7 @@ import * as ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import useLazyRef from '@mui/utils/useLazyRef';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { styled, useThemeProps } from '@mui/material/styles';
 import Popper from '@mui/material/Popper';
 import NoSsr from '@mui/material/NoSsr';
@@ -102,7 +103,7 @@ function ChartsTooltipContainer(inProps) {
     }
   }
   const chartsLayerContainerRef = useChartsLayerContainerRef();
-  const anchorRef = React.useRef(null);
+  const [anchorEl, setAnchorEl] = React.useState(null);
   const classes = useUtilityClasses(propClasses);
   const pointerType = store.use(selectorChartsPointerType);
   const isFineMainPointer = useIsFineMainPointer();
@@ -147,6 +148,12 @@ function ChartsTooltipContainer(inProps) {
       pointerUpdate.clear();
     };
   }, [chartsLayerContainerRef, positionRef, isTooltipNodeAnchored]);
+  useEnhancedEffect(() => {
+    if (!isTooltipNodeAnchored) {
+      return;
+    }
+    popperRef.current?.update();
+  }, [isTooltipNodeAnchored, itemPosition?.x, itemPosition?.y]);
   const pointerAnchorEl = React.useMemo(() => ({
     getBoundingClientRect: () => ({
       x: positionRef.current.x,
@@ -191,7 +198,7 @@ function ChartsTooltipContainer(inProps) {
   }
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [chartsLayerContainerRef.current && /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/_jsx("div", {
-      ref: anchorRef,
+      ref: setAnchorEl,
       style: {
         position: 'absolute',
         display: 'hidden',
@@ -212,9 +219,9 @@ function ChartsTooltipContainer(inProps) {
         open: isOpen,
         placement: other.placement ?? position ?? (!isTooltipNodeAnchored && isMouse ? 'right-start' : 'top'),
         popperRef: popperRef,
-        anchorEl: itemPosition ? anchorRef.current : pointerAnchorEl,
+        anchorEl: itemPosition ? anchorEl : pointerAnchorEl,
         modifiers: modifiers,
-        container: chartsLayerContainerRef.current,
+        container: other.container ?? chartsLayerContainerRef.current,
         popperOptions: _extends({}, other.popperOptions, {
           strategy: 'fixed'
         })