@mui/x-charts 9.0.0-alpha.2 → 9.0.0-alpha.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "9.0.0-alpha.2",
+  "version": "9.0.0-alpha.4",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "license": "MIT",
@@ -36,7 +36,7 @@
     "use-sync-external-store": "^1.6.0",
     "@mui/x-charts-vendor": "9.0.0-alpha.2",
     "@mui/x-internal-gestures": "0.4.1-alpha.0",
-    "@mui/x-internals": "9.0.0-alpha.2"
+    "@mui/x-internals": "9.0.0-alpha.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -88,34 +88,6 @@
         "default": "./BarChart/index.mjs"
       }
     },
-    "./ChartContainer": {
-      "import": {
-        "types": "./ChartContainer/index.d.mts",
-        "default": "./ChartContainer/index.mjs"
-      },
-      "require": {
-        "types": "./ChartContainer/index.d.ts",
-        "default": "./ChartContainer/index.js"
-      },
-      "default": {
-        "types": "./ChartContainer/index.d.mts",
-        "default": "./ChartContainer/index.mjs"
-      }
-    },
-    "./ChartDataProvider": {
-      "import": {
-        "types": "./ChartDataProvider/index.d.mts",
-        "default": "./ChartDataProvider/index.mjs"
-      },
-      "require": {
-        "types": "./ChartDataProvider/index.d.ts",
-        "default": "./ChartDataProvider/index.js"
-      },
-      "default": {
-        "types": "./ChartDataProvider/index.d.mts",
-        "default": "./ChartDataProvider/index.mjs"
-      }
-    },
     "./ChartsAxis": {
       "import": {
         "types": "./ChartsAxis/index.d.mts",
@@ -355,294 +327,294 @@
       }
     },
     "./ChartsWrapper": {
-      "import": {
-        "types": "./ChartsWrapper/index.d.mts",
-        "default": "./ChartsWrapper/index.mjs"
-      },
       "require": {
         "types": "./ChartsWrapper/index.d.ts",
         "default": "./ChartsWrapper/index.js"
       },
+      "import": {
+        "types": "./ChartsWrapper/index.d.mts",
+        "default": "./ChartsWrapper/index.mjs"
+      },
       "default": {
         "types": "./ChartsWrapper/index.d.mts",
         "default": "./ChartsWrapper/index.mjs"
       }
     },
     "./ChartsXAxis": {
-      "import": {
-        "types": "./ChartsXAxis/index.d.mts",
-        "default": "./ChartsXAxis/index.mjs"
-      },
       "require": {
         "types": "./ChartsXAxis/index.d.ts",
         "default": "./ChartsXAxis/index.js"
       },
+      "import": {
+        "types": "./ChartsXAxis/index.d.mts",
+        "default": "./ChartsXAxis/index.mjs"
+      },
       "default": {
         "types": "./ChartsXAxis/index.d.mts",
         "default": "./ChartsXAxis/index.mjs"
       }
     },
     "./ChartsYAxis": {
-      "import": {
-        "types": "./ChartsYAxis/index.d.mts",
-        "default": "./ChartsYAxis/index.mjs"
-      },
       "require": {
         "types": "./ChartsYAxis/index.d.ts",
         "default": "./ChartsYAxis/index.js"
       },
+      "import": {
+        "types": "./ChartsYAxis/index.d.mts",
+        "default": "./ChartsYAxis/index.mjs"
+      },
       "default": {
         "types": "./ChartsYAxis/index.d.mts",
         "default": "./ChartsYAxis/index.mjs"
       }
     },
     "./Gauge": {
-      "import": {
-        "types": "./Gauge/index.d.mts",
-        "default": "./Gauge/index.mjs"
-      },
       "require": {
         "types": "./Gauge/index.d.ts",
         "default": "./Gauge/index.js"
       },
+      "import": {
+        "types": "./Gauge/index.d.mts",
+        "default": "./Gauge/index.mjs"
+      },
       "default": {
         "types": "./Gauge/index.d.mts",
         "default": "./Gauge/index.mjs"
       }
     },
     "./LineChart": {
-      "import": {
-        "types": "./LineChart/index.d.mts",
-        "default": "./LineChart/index.mjs"
-      },
       "require": {
         "types": "./LineChart/index.d.ts",
         "default": "./LineChart/index.js"
       },
+      "import": {
+        "types": "./LineChart/index.d.mts",
+        "default": "./LineChart/index.mjs"
+      },
       "default": {
         "types": "./LineChart/index.d.mts",
         "default": "./LineChart/index.mjs"
       }
     },
     "./PieChart": {
-      "import": {
-        "types": "./PieChart/index.d.mts",
-        "default": "./PieChart/index.mjs"
-      },
       "require": {
         "types": "./PieChart/index.d.ts",
         "default": "./PieChart/index.js"
       },
+      "import": {
+        "types": "./PieChart/index.d.mts",
+        "default": "./PieChart/index.mjs"
+      },
       "default": {
         "types": "./PieChart/index.d.mts",
         "default": "./PieChart/index.mjs"
       }
     },
     "./RadarChart": {
-      "import": {
-        "types": "./RadarChart/index.d.mts",
-        "default": "./RadarChart/index.mjs"
-      },
       "require": {
         "types": "./RadarChart/index.d.ts",
         "default": "./RadarChart/index.js"
       },
+      "import": {
+        "types": "./RadarChart/index.d.mts",
+        "default": "./RadarChart/index.mjs"
+      },
       "default": {
         "types": "./RadarChart/index.d.mts",
         "default": "./RadarChart/index.mjs"
       }
     },
     "./ScatterChart": {
-      "import": {
-        "types": "./ScatterChart/index.d.mts",
-        "default": "./ScatterChart/index.mjs"
-      },
       "require": {
         "types": "./ScatterChart/index.d.ts",
         "default": "./ScatterChart/index.js"
       },
+      "import": {
+        "types": "./ScatterChart/index.d.mts",
+        "default": "./ScatterChart/index.mjs"
+      },
       "default": {
         "types": "./ScatterChart/index.d.mts",
         "default": "./ScatterChart/index.mjs"
       }
     },
     "./SparkLineChart": {
-      "import": {
-        "types": "./SparkLineChart/index.d.mts",
-        "default": "./SparkLineChart/index.mjs"
-      },
       "require": {
         "types": "./SparkLineChart/index.d.ts",
         "default": "./SparkLineChart/index.js"
       },
+      "import": {
+        "types": "./SparkLineChart/index.d.mts",
+        "default": "./SparkLineChart/index.mjs"
+      },
       "default": {
         "types": "./SparkLineChart/index.d.mts",
         "default": "./SparkLineChart/index.mjs"
       }
     },
     "./Toolbar": {
-      "import": {
-        "types": "./Toolbar/index.d.mts",
-        "default": "./Toolbar/index.mjs"
-      },
       "require": {
         "types": "./Toolbar/index.d.ts",
         "default": "./Toolbar/index.js"
       },
+      "import": {
+        "types": "./Toolbar/index.d.mts",
+        "default": "./Toolbar/index.mjs"
+      },
       "default": {
         "types": "./Toolbar/index.d.mts",
         "default": "./Toolbar/index.mjs"
       }
     },
     "./colorPalettes": {
-      "import": {
-        "types": "./colorPalettes/index.d.mts",
-        "default": "./colorPalettes/index.mjs"
-      },
       "require": {
         "types": "./colorPalettes/index.d.ts",
         "default": "./colorPalettes/index.js"
       },
+      "import": {
+        "types": "./colorPalettes/index.d.mts",
+        "default": "./colorPalettes/index.mjs"
+      },
       "default": {
         "types": "./colorPalettes/index.d.mts",
         "default": "./colorPalettes/index.mjs"
       }
     },
     "./constants": {
-      "import": {
-        "types": "./constants/index.d.mts",
-        "default": "./constants/index.mjs"
-      },
       "require": {
         "types": "./constants/index.d.ts",
         "default": "./constants/index.js"
       },
+      "import": {
+        "types": "./constants/index.d.mts",
+        "default": "./constants/index.mjs"
+      },
       "default": {
         "types": "./constants/index.d.mts",
         "default": "./constants/index.mjs"
       }
     },
     "./context": {
-      "import": {
-        "types": "./context/index.d.mts",
-        "default": "./context/index.mjs"
-      },
       "require": {
         "types": "./context/index.d.ts",
         "default": "./context/index.js"
       },
+      "import": {
+        "types": "./context/index.d.mts",
+        "default": "./context/index.mjs"
+      },
       "default": {
         "types": "./context/index.d.mts",
         "default": "./context/index.mjs"
       }
     },
     "./hooks": {
-      "import": {
-        "types": "./hooks/index.d.mts",
-        "default": "./hooks/index.mjs"
-      },
       "require": {
         "types": "./hooks/index.d.ts",
         "default": "./hooks/index.js"
       },
+      "import": {
+        "types": "./hooks/index.d.mts",
+        "default": "./hooks/index.mjs"
+      },
       "default": {
         "types": "./hooks/index.d.mts",
         "default": "./hooks/index.mjs"
       }
     },
     "./internals": {
-      "import": {
-        "types": "./internals/index.d.mts",
-        "default": "./internals/index.mjs"
-      },
       "require": {
         "types": "./internals/index.d.ts",
         "default": "./internals/index.js"
       },
+      "import": {
+        "types": "./internals/index.d.mts",
+        "default": "./internals/index.mjs"
+      },
       "default": {
         "types": "./internals/index.d.mts",
         "default": "./internals/index.mjs"
       }
     },
     "./locales": {
-      "import": {
-        "types": "./locales/index.d.mts",
-        "default": "./locales/index.mjs"
-      },
       "require": {
         "types": "./locales/index.d.ts",
         "default": "./locales/index.js"
       },
+      "import": {
+        "types": "./locales/index.d.mts",
+        "default": "./locales/index.mjs"
+      },
       "default": {
         "types": "./locales/index.d.mts",
         "default": "./locales/index.mjs"
       }
     },
     "./models": {
-      "import": {
-        "types": "./models/index.d.mts",
-        "default": "./models/index.mjs"
-      },
       "require": {
         "types": "./models/index.d.ts",
         "default": "./models/index.js"
       },
+      "import": {
+        "types": "./models/index.d.mts",
+        "default": "./models/index.mjs"
+      },
       "default": {
         "types": "./models/index.d.mts",
         "default": "./models/index.mjs"
       }
     },
     "./plugins": {
-      "import": {
-        "types": "./plugins/index.d.mts",
-        "default": "./plugins/index.mjs"
-      },
       "require": {
         "types": "./plugins/index.d.ts",
         "default": "./plugins/index.js"
       },
+      "import": {
+        "types": "./plugins/index.d.mts",
+        "default": "./plugins/index.mjs"
+      },
       "default": {
         "types": "./plugins/index.d.mts",
         "default": "./plugins/index.mjs"
       }
     },
     "./themeAugmentation": {
-      "import": {
-        "types": "./themeAugmentation/index.d.mts",
-        "default": "./themeAugmentation/index.mjs"
-      },
       "require": {
         "types": "./themeAugmentation/index.d.ts",
         "default": "./themeAugmentation/index.js"
       },
+      "import": {
+        "types": "./themeAugmentation/index.d.mts",
+        "default": "./themeAugmentation/index.mjs"
+      },
       "default": {
         "types": "./themeAugmentation/index.d.mts",
         "default": "./themeAugmentation/index.mjs"
       }
     },
     "./utils": {
-      "import": {
-        "types": "./utils/index.d.mts",
-        "default": "./utils/index.mjs"
-      },
       "require": {
         "types": "./utils/index.d.ts",
         "default": "./utils/index.js"
       },
+      "import": {
+        "types": "./utils/index.d.mts",
+        "default": "./utils/index.mjs"
+      },
       "default": {
         "types": "./utils/index.d.mts",
         "default": "./utils/index.mjs"
       }
     },
     "./moduleAugmentation/barChartBatchRendererOnItemClick": {
-      "import": {
-        "types": "./moduleAugmentation/barChartBatchRendererOnItemClick.d.mts",
-        "default": "./moduleAugmentation/barChartBatchRendererOnItemClick.mjs"
-      },
       "require": {
         "types": "./moduleAugmentation/barChartBatchRendererOnItemClick.d.ts",
         "default": "./moduleAugmentation/barChartBatchRendererOnItemClick.js"
       },
+      "import": {
+        "types": "./moduleAugmentation/barChartBatchRendererOnItemClick.d.mts",
+        "default": "./moduleAugmentation/barChartBatchRendererOnItemClick.mjs"
+      },
       "default": {
         "types": "./moduleAugmentation/barChartBatchRendererOnItemClick.d.mts",
         "default": "./moduleAugmentation/barChartBatchRendererOnItemClick.mjs"

package/themeAugmentation/components.d.mts

@@ -36,36 +36,41 @@ export interface ChartsComponents<Theme = unknown> {
   MuiChartsDataProvider?: {
     defaultProps?: ComponentsProps['MuiChartsDataProvider'];
   };
-  /** @deprecated Use `MuiChartsDataProvider` instead. */
-  MuiChartDataProvider?: {
-    defaultProps?: ComponentsProps['MuiChartDataProvider'];
-  };
   MuiBarChart?: {
     defaultProps?: ComponentsProps['MuiBarChart'];
   };
-  MuiBarElement?: {
-    styleOverrides?: ComponentsOverrides<Theme>['MuiBarElement'];
-  };
-  MuiBarLabel?: {
-    defaultProps?: ComponentsProps['MuiBarLabel'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiBarLabel'];
+  MuiBarPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiBarPlot'];
   };
   MuiLineChart?: {
     defaultProps?: ComponentsProps['MuiLineChart'];
   };
-  MuiAreaElement?: {
-    styleOverrides?: ComponentsOverrides<Theme>['MuiAreaElement'];
+  MuiAreaPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiAreaPlot'];
+  };
+  MuiLinePlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiLinePlot'];
   };
-  MuiLineElement?: {
-    styleOverrides?: ComponentsOverrides<Theme>['MuiLineElement'];
+  MuiMarkPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiMarkPlot'];
   };
-  MuiMarkElement?: {
-    styleOverrides?: ComponentsOverrides<Theme>['MuiMarkElement'];
+  MuiPieArcPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPieArcPlot'];
+  };
+  MuiPieArcLabelPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPieArcLabelPlot'];
   };
   MuiScatterChart?: {
     defaultProps?: ComponentsProps['MuiScatterChart'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiScatterChart'];
+  };
+  /** @deprecated Use `MuiScatterChart` instead. */
+  MuiScatter?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiScatterChart'];
+  };
+  MuiRadarChart?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiRadarChart'];
   };
-  MuiScatter?: {};
   MuiGauge?: {
     styleOverrides?: ComponentsOverrides<Theme>['MuiGauge'];
   };

package/themeAugmentation/components.d.ts

@@ -36,36 +36,41 @@ export interface ChartsComponents<Theme = unknown> {
   MuiChartsDataProvider?: {
     defaultProps?: ComponentsProps['MuiChartsDataProvider'];
   };
-  /** @deprecated Use `MuiChartsDataProvider` instead. */
-  MuiChartDataProvider?: {
-    defaultProps?: ComponentsProps['MuiChartDataProvider'];
-  };
   MuiBarChart?: {
     defaultProps?: ComponentsProps['MuiBarChart'];
   };
-  MuiBarElement?: {
-    styleOverrides?: ComponentsOverrides<Theme>['MuiBarElement'];
-  };
-  MuiBarLabel?: {
-    defaultProps?: ComponentsProps['MuiBarLabel'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiBarLabel'];
+  MuiBarPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiBarPlot'];
   };
   MuiLineChart?: {
     defaultProps?: ComponentsProps['MuiLineChart'];
   };
-  MuiAreaElement?: {
-    styleOverrides?: ComponentsOverrides<Theme>['MuiAreaElement'];
+  MuiAreaPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiAreaPlot'];
+  };
+  MuiLinePlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiLinePlot'];
   };
-  MuiLineElement?: {
-    styleOverrides?: ComponentsOverrides<Theme>['MuiLineElement'];
+  MuiMarkPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiMarkPlot'];
   };
-  MuiMarkElement?: {
-    styleOverrides?: ComponentsOverrides<Theme>['MuiMarkElement'];
+  MuiPieArcPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPieArcPlot'];
+  };
+  MuiPieArcLabelPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPieArcLabelPlot'];
   };
   MuiScatterChart?: {
     defaultProps?: ComponentsProps['MuiScatterChart'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiScatterChart'];
+  };
+  /** @deprecated Use `MuiScatterChart` instead. */
+  MuiScatter?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiScatterChart'];
+  };
+  MuiRadarChart?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiRadarChart'];
   };
-  MuiScatter?: {};
   MuiGauge?: {
     styleOverrides?: ComponentsOverrides<Theme>['MuiGauge'];
   };

package/themeAugmentation/overrides.d.mts

@@ -1,10 +1,9 @@
 import { type GaugeClassKey } from "../Gauge/index.mjs";
-import { type BarLabelClassKey } from "../BarChart/index.mjs";
-import { type BarElementClassKey } from "../BarChart/barElementClasses.mjs";
+import { type RadarClassKey } from "../RadarChart/radarClasses.mjs";
+import { type ScatterClassKey } from "../ScatterChart/scatterClasses.mjs";
 import { type ChartsAxisHighlightClassKey } from "../ChartsAxisHighlight/index.mjs";
 import { type ChartsGridClassKey } from "../ChartsGrid/index.mjs";
 import { type ChartsTooltipClassKey } from "../ChartsTooltip/index.mjs";
-import { type AreaElementClassKey, type LineElementClassKey, type MarkElementClassKey } from "../LineChart/index.mjs";
 export interface ChartsComponentNameToClassKey {
   MuiChartsAxis: 'root';
   MuiChartsXAxis: 'root';
@@ -14,11 +13,14 @@ export interface ChartsComponentNameToClassKey {
   MuiChartsGrid: ChartsGridClassKey;
   MuiChartsTooltip: ChartsTooltipClassKey;
   MuiChartsSurface: 'root';
-  MuiBarElement: BarElementClassKey;
-  MuiBarLabel: BarLabelClassKey;
-  MuiAreaElement: AreaElementClassKey;
-  MuiLineElement: LineElementClassKey;
-  MuiMarkElement: MarkElementClassKey;
+  MuiBarPlot: 'root';
+  MuiPieArcPlot: 'root';
+  MuiPieArcLabelPlot: 'root';
+  MuiAreaPlot: 'root';
+  MuiLinePlot: 'root';
+  MuiMarkPlot: 'root';
+  MuiScatterChart: ScatterClassKey;
+  MuiRadarChart: RadarClassKey;
   MuiGauge: GaugeClassKey;
 }
 declare module '@mui/material/styles' {

package/themeAugmentation/overrides.d.ts

@@ -1,10 +1,9 @@
 import { type GaugeClassKey } from "../Gauge/index.js";
-import { type BarLabelClassKey } from "../BarChart/index.js";
-import { type BarElementClassKey } from "../BarChart/barElementClasses.js";
+import { type RadarClassKey } from "../RadarChart/radarClasses.js";
+import { type ScatterClassKey } from "../ScatterChart/scatterClasses.js";
 import { type ChartsAxisHighlightClassKey } from "../ChartsAxisHighlight/index.js";
 import { type ChartsGridClassKey } from "../ChartsGrid/index.js";
 import { type ChartsTooltipClassKey } from "../ChartsTooltip/index.js";
-import { type AreaElementClassKey, type LineElementClassKey, type MarkElementClassKey } from "../LineChart/index.js";
 export interface ChartsComponentNameToClassKey {
   MuiChartsAxis: 'root';
   MuiChartsXAxis: 'root';
@@ -14,11 +13,14 @@ export interface ChartsComponentNameToClassKey {
   MuiChartsGrid: ChartsGridClassKey;
   MuiChartsTooltip: ChartsTooltipClassKey;
   MuiChartsSurface: 'root';
-  MuiBarElement: BarElementClassKey;
-  MuiBarLabel: BarLabelClassKey;
-  MuiAreaElement: AreaElementClassKey;
-  MuiLineElement: LineElementClassKey;
-  MuiMarkElement: MarkElementClassKey;
+  MuiBarPlot: 'root';
+  MuiPieArcPlot: 'root';
+  MuiPieArcLabelPlot: 'root';
+  MuiAreaPlot: 'root';
+  MuiLinePlot: 'root';
+  MuiMarkPlot: 'root';
+  MuiScatterChart: ScatterClassKey;
+  MuiRadarChart: RadarClassKey;
   MuiGauge: GaugeClassKey;
 }
 declare module '@mui/material/styles' {

package/themeAugmentation/props.d.mts

@@ -23,8 +23,6 @@ export interface ChartsComponentsPropsList {
   MuiChartsLayerContainer: ChartsLayerContainerProps;
   MuiChartsSvgLayer: ChartsSvgLayerProps;
   MuiChartsDataProvider: ChartsDataProviderProps;
-  /** @deprecated Use `MuiChartsDataProvider` instead. */
-  MuiChartDataProvider: ChartsDataProviderProps;
   MuiBarChart: BarChartProps;
   MuiBarLabel: BarLabelProps;
   MuiLineChart: LineChartProps;

package/themeAugmentation/props.d.ts

@@ -23,8 +23,6 @@ export interface ChartsComponentsPropsList {
   MuiChartsLayerContainer: ChartsLayerContainerProps;
   MuiChartsSvgLayer: ChartsSvgLayerProps;
   MuiChartsDataProvider: ChartsDataProviderProps;
-  /** @deprecated Use `MuiChartsDataProvider` instead. */
-  MuiChartDataProvider: ChartsDataProviderProps;
   MuiBarChart: BarChartProps;
   MuiBarLabel: BarLabelProps;
   MuiLineChart: LineChartProps;

package/BarChart/BarLabel/barLabelClasses.d.mts

@@ -1,26 +0,0 @@
-import type { BarLabelOwnerState } from "./BarLabel.types.mjs";
-export interface BarLabelClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /**
-   * Styles applied to the root element if it is highlighted.
-   * @deprecated Use `[data-highlighted]` selector instead.
-   */
-  highlighted: string;
-  /**
-   * Styles applied to the root element if it is faded.
-   * @deprecated Use `[data-faded]` selector instead.
-   */
-  faded: string;
-  /** Styles applied to the root element if it is animated. */
-  animate: string;
-  /**
-   * Styles applied to the root element for a specified series.
-   * Needs to be suffixed with the series ID: `.${barLabelClasses.series}-${seriesId}`.
-   */
-  series: string;
-}
-export type BarLabelClassKey = keyof BarLabelClasses;
-export declare function getBarLabelUtilityClass(slot: string): string;
-export declare const barLabelClasses: Record<"root" | "animate" | "highlighted" | "faded", string>;
-export declare const useUtilityClasses: (ownerState: BarLabelOwnerState) => Record<"root", string>;