@mui/x-charts 8.27.5 → 8.28.2

package/esm/RadarChart/radarClasses.d.ts

@@ -0,0 +1,32 @@
+export interface RadarClasses {
+  /** Styles applied to the radar axis root element. */
+  axisRoot: string;
+  /** Styles applied to the radar axis line element. */
+  axisLine: string;
+  /** Styles applied to every radar axis label element. */
+  axisLabel: string;
+  /** Styles applied to every radial line element of the grid. */
+  gridRadial: string;
+  /** Styles applied to every divider element of the grid. */
+  gridDivider: string;
+  /** Styles applied to every stripe element of the grid. */
+  gridStripe: string;
+  /** Styles applied to the series plot root element. */
+  seriesRoot: string;
+  /** Styles applied to the series area element. */
+  seriesArea: string;
+  /** Styles applied to the series mark element. */
+  seriesMark: string;
+  /** Styles applied to the axis highlight root element. */
+  axisHighlightRoot: string;
+  /** Styles applied to the axis highlight line element. */
+  axisHighlightLine: string;
+  /** Styles applied to every axis highlight dot element. */
+  axisHighlightDot: string;
+}
+export type RadarClassKey = keyof RadarClasses;
+export declare function getRadarUtilityClass(slot: string): string;
+export declare const radarClasses: RadarClasses;
+export declare const useUtilityClasses: (options?: {
+  classes?: Partial<RadarClasses>;
+}) => Record<"axisLine" | "axisLabel" | "axisRoot" | "gridRadial" | "gridDivider" | "gridStripe" | "seriesRoot" | "seriesArea" | "seriesMark" | "axisHighlightRoot" | "axisHighlightLine" | "axisHighlightDot", string>;

package/esm/RadarChart/radarClasses.js

@@ -0,0 +1,27 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import composeClasses from '@mui/utils/composeClasses';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export function getRadarUtilityClass(slot) {
+  return generateUtilityClass('MuiRadarChart', slot);
+}
+export const radarClasses = generateUtilityClasses('MuiRadarChart', ['axisRoot', 'axisLine', 'axisLabel', 'gridRadial', 'gridDivider', 'gridStripe', 'seriesRoot', 'seriesArea', 'seriesMark', 'axisHighlightRoot', 'axisHighlightLine', 'axisHighlightDot']);
+export const useUtilityClasses = options => {
+  const {
+    classes
+  } = options ?? {};
+  const slots = {
+    axisRoot: ['axisRoot'],
+    axisLine: ['axisLine'],
+    axisLabel: ['axisLabel'],
+    gridRadial: ['gridRadial'],
+    gridDivider: ['gridDivider'],
+    gridStripe: ['gridStripe'],
+    seriesRoot: ['seriesRoot'],
+    seriesArea: ['seriesArea'],
+    seriesMark: ['seriesMark'],
+    axisHighlightRoot: ['axisHighlightRoot'],
+    axisHighlightLine: ['axisHighlightLine'],
+    axisHighlightDot: ['axisHighlightDot']
+  };
+  return composeClasses(slots, getRadarUtilityClass, classes);
+};

package/esm/ScatterChart/index.d.ts

@@ -5,5 +5,5 @@ export * from "./ScatterMarker.types.js";
 export * from "./ScatterMarker.js";
 export * from "./FocusedScatterMark.js";
 export * from "./ScatterChart.plugins.js";
-export { scatterClasses, getScatterUtilityClass } from "./scatterClasses.js";
+export { scatterClasses } from "./scatterClasses.js";
 export type { ScatterClassKey, ScatterClasses } from "./scatterClasses.js";

package/esm/ScatterChart/index.js

@@ -5,4 +5,4 @@ export * from "./ScatterMarker.types.js";
 export * from "./ScatterMarker.js";
 export * from "./FocusedScatterMark.js";
 export * from "./ScatterChart.plugins.js";
-export { scatterClasses, getScatterUtilityClass } from "./scatterClasses.js";
+export { scatterClasses } from "./scatterClasses.js";

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.27.5
+ * @mui/x-charts v8.28.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.js

@@ -2,10 +2,10 @@ import { createSelectorMemoized } from '@mui/x-internals/store';
 import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.js";
 import { selectorChartSeriesConfig, selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.js";
 import { computeAxisValue } from "./computeAxisValue.js";
-import { selectorChartNormalizedXScales, selectorChartNormalizedYScales, selectorChartXAxisWithDomains, selectorChartYAxisWithDomains, selectorChartZoomOptionsLookup } from "./useChartCartesianAxisRendering.selectors.js";
+import { selectorChartXAxisWithDomains, selectorChartYAxisWithDomains, selectorChartZoomOptionsLookup } from "./useChartCartesianAxisRendering.selectors.js";
 import { selectorChartDrawingArea } from "../../corePlugins/useChartDimensions/index.js";
 import { ZOOM_SLIDER_PREVIEW_SIZE } from "../../../constants.js";
-import { getRange } from "./getAxisScale.js";
+import { getNormalizedAxisScale, getRange } from "./getAxisScale.js";
 import { zoomScaleRange } from "./zoom.js";
 import { isOrdinalScale } from "../../../scaleGuards.js";
 function createPreviewDrawingArea(axisDirection, mainChartDrawingArea) {
@@ -25,14 +25,16 @@ function createPreviewDrawingArea(axisDirection, mainChartDrawingArea) {
     bottom: mainChartDrawingArea.height
   };
 }
-export const selectorChartPreviewXScales = createSelectorMemoized(selectorChartRawXAxis, selectorChartDrawingArea, selectorChartZoomOptionsLookup, selectorChartNormalizedXScales, function selectorChartPreviewXScales(xAxes, chartDrawingArea, zoomOptions, normalizedXScales, axisId) {
+export const selectorChartPreviewXScales = createSelectorMemoized(selectorChartRawXAxis, selectorChartDrawingArea, selectorChartZoomOptionsLookup, selectorChartXAxisWithDomains, function selectorChartPreviewXScales(xAxes, chartDrawingArea, zoomOptions, {
+  domains: unfilteredDomains
+}, axisId) {
   const hasAxis = xAxes?.some(axis => axis.id === axisId);
   const drawingArea = createPreviewDrawingArea(hasAxis ? 'x' : 'y', chartDrawingArea);
   const options = zoomOptions[axisId];
   const scales = {};
   xAxes?.forEach(eachAxis => {
     const axis = eachAxis;
-    const scale = normalizedXScales[axis.id].copy();
+    const scale = getNormalizedAxisScale(axis, unfilteredDomains[axis.id].domain);
     const range = getRange(drawingArea, 'x', axis);
     const zoomedRange = zoomScaleRange(range, [options.minStart, options.maxEnd]);
     scale.range(zoomedRange);
@@ -69,14 +71,16 @@ export const selectorChartPreviewComputedXAxis = createSelectorMemoized(selector
   }
   return computedAxes.axis;
 });
-export const selectorChartPreviewYScales = createSelectorMemoized(selectorChartRawYAxis, selectorChartDrawingArea, selectorChartZoomOptionsLookup, selectorChartNormalizedYScales, function selectorChartPreviewYScales(yAxes, chartDrawingArea, zoomOptions, normalizedYScales, axisId) {
+export const selectorChartPreviewYScales = createSelectorMemoized(selectorChartRawYAxis, selectorChartDrawingArea, selectorChartZoomOptionsLookup, selectorChartYAxisWithDomains, function selectorChartPreviewYScales(yAxes, chartDrawingArea, zoomOptions, {
+  domains: unfilteredDomains
+}, axisId) {
   const hasAxis = yAxes?.some(axis => axis.id === axisId);
   const drawingArea = createPreviewDrawingArea(hasAxis ? 'y' : 'x', chartDrawingArea);
   const options = zoomOptions[axisId];
   const scales = {};
   yAxes?.forEach(eachAxis => {
     const axis = eachAxis;
-    const scale = normalizedYScales[axis.id].copy();
+    const scale = getNormalizedAxisScale(axis, unfilteredDomains[axis.id].domain);
     let range = getRange(drawingArea, 'y', axis);
     if (isOrdinalScale(scale)) {
       range = range.reverse();

package/esm/themeAugmentation/components.d.ts

@@ -77,6 +77,12 @@ export interface ChartsComponents<Theme = unknown> {
   MuiMarkElement?: {
     styleOverrides?: ComponentsOverrides<Theme>['MuiMarkElement'];
   };
+  MuiPieArcPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPieArcPlot'];
+  };
+  MuiPieArcLabelPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPieArcLabelPlot'];
+  };
   MuiScatterChart?: {
     defaultProps?: ComponentsProps['MuiScatterChart'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiScatterChart'];
@@ -85,6 +91,9 @@ export interface ChartsComponents<Theme = unknown> {
   MuiScatter?: {
     styleOverrides?: ComponentsOverrides<Theme>['MuiScatterChart'];
   };
+  MuiRadarChart?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiRadarChart'];
+  };
   MuiGauge?: {
     styleOverrides?: ComponentsOverrides<Theme>['MuiGauge'];
   };

package/esm/themeAugmentation/overrides.d.ts

@@ -1,4 +1,5 @@
 import { type GaugeClassKey } from "../Gauge/index.js";
+import { type RadarClassKey } from "../RadarChart/radarClasses.js";
 import { type BarClassKey } from "../BarChart/barClasses.js";
 import { type BarLabelClassKey } from "../BarChart/index.js";
 import { type BarElementClassKey } from "../BarChart/barElementClasses.js";
@@ -21,6 +22,8 @@ export interface ChartsComponentNameToClassKey {
   MuiBarElement: BarElementClassKey;
   /** @deprecated Use `MuiBarChart` instead. */
   MuiBarLabel: BarLabelClassKey;
+  MuiPieArcPlot: 'root';
+  MuiPieArcLabelPlot: 'root';
   MuiAreaPlot: 'root';
   MuiLinePlot: 'root';
   MuiMarkPlot: 'root';
@@ -31,6 +34,7 @@ export interface ChartsComponentNameToClassKey {
   /** @deprecated Use `MuiLineChart` instead. */
   MuiMarkElement: MarkElementClassKey;
   MuiScatterChart: ScatterClassKey;
+  MuiRadarChart: RadarClassKey;
   MuiGauge: GaugeClassKey;
 }
 declare module '@mui/material/styles' {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.27.5
+ * @mui/x-charts v8.28.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.js

@@ -31,14 +31,16 @@ function createPreviewDrawingArea(axisDirection, mainChartDrawingArea) {
     bottom: mainChartDrawingArea.height
   };
 }
-const selectorChartPreviewXScales = exports.selectorChartPreviewXScales = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartDimensions.selectorChartDrawingArea, _useChartCartesianAxisRendering.selectorChartZoomOptionsLookup, _useChartCartesianAxisRendering.selectorChartNormalizedXScales, function selectorChartPreviewXScales(xAxes, chartDrawingArea, zoomOptions, normalizedXScales, axisId) {
+const selectorChartPreviewXScales = exports.selectorChartPreviewXScales = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartDimensions.selectorChartDrawingArea, _useChartCartesianAxisRendering.selectorChartZoomOptionsLookup, _useChartCartesianAxisRendering.selectorChartXAxisWithDomains, function selectorChartPreviewXScales(xAxes, chartDrawingArea, zoomOptions, {
+  domains: unfilteredDomains
+}, axisId) {
   const hasAxis = xAxes?.some(axis => axis.id === axisId);
   const drawingArea = createPreviewDrawingArea(hasAxis ? 'x' : 'y', chartDrawingArea);
   const options = zoomOptions[axisId];
   const scales = {};
   xAxes?.forEach(eachAxis => {
     const axis = eachAxis;
-    const scale = normalizedXScales[axis.id].copy();
+    const scale = (0, _getAxisScale.getNormalizedAxisScale)(axis, unfilteredDomains[axis.id].domain);
     const range = (0, _getAxisScale.getRange)(drawingArea, 'x', axis);
     const zoomedRange = (0, _zoom.zoomScaleRange)(range, [options.minStart, options.maxEnd]);
     scale.range(zoomedRange);
@@ -75,14 +77,16 @@ const selectorChartPreviewComputedXAxis = exports.selectorChartPreviewComputedXA
   }
   return computedAxes.axis;
 });
-const selectorChartPreviewYScales = exports.selectorChartPreviewYScales = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawYAxis, _useChartDimensions.selectorChartDrawingArea, _useChartCartesianAxisRendering.selectorChartZoomOptionsLookup, _useChartCartesianAxisRendering.selectorChartNormalizedYScales, function selectorChartPreviewYScales(yAxes, chartDrawingArea, zoomOptions, normalizedYScales, axisId) {
+const selectorChartPreviewYScales = exports.selectorChartPreviewYScales = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawYAxis, _useChartDimensions.selectorChartDrawingArea, _useChartCartesianAxisRendering.selectorChartZoomOptionsLookup, _useChartCartesianAxisRendering.selectorChartYAxisWithDomains, function selectorChartPreviewYScales(yAxes, chartDrawingArea, zoomOptions, {
+  domains: unfilteredDomains
+}, axisId) {
   const hasAxis = yAxes?.some(axis => axis.id === axisId);
   const drawingArea = createPreviewDrawingArea(hasAxis ? 'y' : 'x', chartDrawingArea);
   const options = zoomOptions[axisId];
   const scales = {};
   yAxes?.forEach(eachAxis => {
     const axis = eachAxis;
-    const scale = normalizedYScales[axis.id].copy();
+    const scale = (0, _getAxisScale.getNormalizedAxisScale)(axis, unfilteredDomains[axis.id].domain);
     let range = (0, _getAxisScale.getRange)(drawingArea, 'y', axis);
     if ((0, _scaleGuards.isOrdinalScale)(scale)) {
       range = range.reverse();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "8.27.5",
+  "version": "8.28.2",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "license": "MIT",
@@ -34,9 +34,9 @@
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-internals": "8.26.0",
     "@mui/x-charts-vendor": "8.26.0",
-    "@mui/x-internal-gestures": "0.4.0"
+    "@mui/x-internal-gestures": "0.4.0",
+    "@mui/x-internals": "8.26.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/themeAugmentation/components.d.ts

@@ -77,6 +77,12 @@ export interface ChartsComponents<Theme = unknown> {
   MuiMarkElement?: {
     styleOverrides?: ComponentsOverrides<Theme>['MuiMarkElement'];
   };
+  MuiPieArcPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPieArcPlot'];
+  };
+  MuiPieArcLabelPlot?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPieArcLabelPlot'];
+  };
   MuiScatterChart?: {
     defaultProps?: ComponentsProps['MuiScatterChart'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiScatterChart'];
@@ -85,6 +91,9 @@ export interface ChartsComponents<Theme = unknown> {
   MuiScatter?: {
     styleOverrides?: ComponentsOverrides<Theme>['MuiScatterChart'];
   };
+  MuiRadarChart?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiRadarChart'];
+  };
   MuiGauge?: {
     styleOverrides?: ComponentsOverrides<Theme>['MuiGauge'];
   };

package/themeAugmentation/overrides.d.ts

@@ -1,4 +1,5 @@
 import { type GaugeClassKey } from "../Gauge/index.js";
+import { type RadarClassKey } from "../RadarChart/radarClasses.js";
 import { type BarClassKey } from "../BarChart/barClasses.js";
 import { type BarLabelClassKey } from "../BarChart/index.js";
 import { type BarElementClassKey } from "../BarChart/barElementClasses.js";
@@ -21,6 +22,8 @@ export interface ChartsComponentNameToClassKey {
   MuiBarElement: BarElementClassKey;
   /** @deprecated Use `MuiBarChart` instead. */
   MuiBarLabel: BarLabelClassKey;
+  MuiPieArcPlot: 'root';
+  MuiPieArcLabelPlot: 'root';
   MuiAreaPlot: 'root';
   MuiLinePlot: 'root';
   MuiMarkPlot: 'root';
@@ -31,6 +34,7 @@ export interface ChartsComponentNameToClassKey {
   /** @deprecated Use `MuiLineChart` instead. */
   MuiMarkElement: MarkElementClassKey;
   MuiScatterChart: ScatterClassKey;
+  MuiRadarChart: RadarClassKey;
   MuiGauge: GaugeClassKey;
 }
 declare module '@mui/material/styles' {