@mui/x-charts 8.15.0 → 8.17.0

package/BarChart/useBarPlotData.js

@@ -4,8 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getBarDimensions = getBarDimensions;
 exports.useBarPlotData = useBarPlotData;
-var _getColor = _interopRequireDefault(require("./seriesConfig/getColor"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _getColor = _interopRequireDefault(require("./seriesConfig/bar/getColor"));
 var _hooks = require("../hooks");
 var _checkScaleErrors = require("./checkScaleErrors");
 var _useBarSeries = require("../hooks/useBarSeries");
@@ -42,50 +44,32 @@ function useBarPlotData(drawingArea, xAxes, yAxes) {
       const xScale = xAxisConfig.scale;
       const yScale = yAxisConfig.scale;
       const colorGetter = (0, _getColor.default)(series[seriesId], xAxes[xAxisId], yAxes[yAxisId]);
-      const bandWidth = baseScaleConfig.scale.bandwidth();
-      const {
-        barWidth,
-        offset
-      } = getBandSize({
-        bandWidth,
-        numberOfGroups: stackingGroups.length,
-        gapRatio: baseScaleConfig.barGapRatio
-      });
-      const barOffset = groupIndex * (barWidth + offset);
-      const {
-        stackedData,
-        data: currentSeriesData,
-        layout,
-        minBarSize
-      } = series[seriesId];
       const seriesDataPoints = [];
       for (let dataIndex = 0; dataIndex < baseScaleConfig.data.length; dataIndex += 1) {
-        const baseValue = baseScaleConfig.data[dataIndex];
-        const seriesValue = currentSeriesData[dataIndex];
-        if (seriesValue == null) {
+        const barDimensions = getBarDimensions({
+          verticalLayout,
+          xAxisConfig,
+          yAxisConfig,
+          series: series[seriesId],
+          dataIndex,
+          numberOfGroups: stackingGroups.length,
+          groupIndex
+        });
+        if (barDimensions == null) {
           continue;
         }
-        const values = stackedData[dataIndex];
-        const valueCoordinates = values.map(v => verticalLayout ? yScale(v) : xScale(v));
-        const minValueCoord = Math.round(Math.min(...valueCoordinates));
-        const maxValueCoord = Math.round(Math.max(...valueCoordinates));
         const stackId = series[seriesId].stack;
-        const barSize = seriesValue === 0 ? 0 : Math.max(minBarSize, maxValueCoord - minValueCoord);
-        const startCoordinate = shouldInvertStartCoordinate(verticalLayout, seriesValue, reverse) ? maxValueCoord - barSize : minValueCoord;
-        const result = {
+        const result = (0, _extends2.default)({
           seriesId,
           dataIndex,
-          layout,
-          x: verticalLayout ? xScale(baseValue) + barOffset : startCoordinate,
-          y: verticalLayout ? startCoordinate : yScale(baseValue) + barOffset,
+          layout: series[seriesId].layout,
           xOrigin: xScale(0) ?? 0,
-          yOrigin: yScale(0) ?? 0,
-          height: verticalLayout ? barSize : barWidth,
-          width: verticalLayout ? barWidth : barSize,
+          yOrigin: yScale(0) ?? 0
+        }, barDimensions, {
           color: colorGetter(dataIndex),
-          value: currentSeriesData[dataIndex],
+          value: series[seriesId].data[dataIndex],
           maskId: `${chartId}_${stackId || seriesId}_${groupIndex}_${dataIndex}`
-        };
+        });
         if (result.x > xMax || result.x + result.width < xMin || result.y > yMax || result.y + result.height < yMin) {
           continue;
         }
@@ -115,6 +99,7 @@ function useBarPlotData(drawingArea, xAxes, yAxes) {
       }
       return {
         seriesId,
+        barLabel: series[seriesId].barLabel,
         data: seriesDataPoints
       };
     });
@@ -157,4 +142,45 @@ function shouldInvertStartCoordinate(verticalLayout, baseValue, reverse) {
   const isHorizontalAndNegative = !verticalLayout && baseValue < 0;
   const invertStartCoordinate = isVerticalAndPositive || isHorizontalAndNegative;
   return reverse ? !invertStartCoordinate : invertStartCoordinate;
+}
+function getBarDimensions(params) {
+  const {
+    verticalLayout,
+    xAxisConfig,
+    yAxisConfig,
+    series,
+    dataIndex,
+    numberOfGroups,
+    groupIndex
+  } = params;
+  const baseScaleConfig = verticalLayout ? xAxisConfig : yAxisConfig;
+  const reverse = (verticalLayout ? yAxisConfig.reverse : xAxisConfig.reverse) ?? false;
+  const {
+    barWidth,
+    offset
+  } = getBandSize({
+    bandWidth: baseScaleConfig.scale.bandwidth(),
+    numberOfGroups,
+    gapRatio: baseScaleConfig.barGapRatio
+  });
+  const barOffset = groupIndex * (barWidth + offset);
+  const xScale = xAxisConfig.scale;
+  const yScale = yAxisConfig.scale;
+  const baseValue = baseScaleConfig.data[dataIndex];
+  const seriesValue = series.data[dataIndex];
+  if (seriesValue == null) {
+    return null;
+  }
+  const values = series.stackedData[dataIndex];
+  const valueCoordinates = values.map(v => verticalLayout ? yScale(v) : xScale(v));
+  const minValueCoord = Math.round(Math.min(...valueCoordinates));
+  const maxValueCoord = Math.round(Math.max(...valueCoordinates));
+  const barSize = seriesValue === 0 ? 0 : Math.max(series.minBarSize, maxValueCoord - minValueCoord);
+  const startCoordinate = shouldInvertStartCoordinate(verticalLayout, seriesValue, reverse) ? maxValueCoord - barSize : minValueCoord;
+  return {
+    x: verticalLayout ? xScale(baseValue) + barOffset : startCoordinate,
+    y: verticalLayout ? startCoordinate : yScale(baseValue) + barOffset,
+    height: verticalLayout ? barSize : barWidth,
+    width: verticalLayout ? barWidth : barSize
+  };
 }

package/CHANGELOG.md

@@ -5,6 +5,213 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.17.0
+
+_Nov 5, 2025_
+
+We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- Add `colorGetter` prop to cartesian charts series
+
+  <img width="400" alt="Image" src="https://github.com/user-attachments/assets/d8b1263f-794e-4939-b17e-87350fdd1746" />
+
+- 🌎 Add Catalan (ca-ES) locale on the Data Grid
+- 🌎 Add Norwegian Bokmål (nb-NO) locale on the Charts
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@frncesc, @Methuselah96, @samuelwalk, @htollefsen
+
+The following team members contributed to this release:
+@alexfauquette, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @mnajdova, @rita-codes, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.17.0`
+
+- [DataGrid] Stop event propagation on data grid action buttons (GridActionsCellItem) (#19513) @Copilot
+- [DataGrid] Update cell editable state if `editable` prop is updated in the column definition (#20147) @arminmeh
+- [DataGrid] Wait for external model updates before resetting pagination after sort/filter (#20162) @arminmeh
+- [l10n] Add Catalan (ca-ES) locale (#20154) @frncesc
+- [l10n] Improve Arabic (ar-SD) locale (#20185) @samuelwalk
+
+#### `@mui/x-data-grid-pro@8.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.17.0`.
+
+#### `@mui/x-data-grid-premium@8.17.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.17.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.17.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.17.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.17.0`
+
+- [charts] Add `barLabel` to bar series. Deprecate `barLabel` in `BarPlot`. (#20184) @bernardobelchior
+- [charts] Add series color callback (#20084) @bernardobelchior
+- [charts] Expose `ChartsSurface` classes (#20180) @bernardobelchior
+- [charts] Fix chart cut off when inside `overflow: scroll` container (#20182) @bernardobelchior
+- [charts] Fix tick label overflow on multiple axes and series demo (#20152) @bernardobelchior
+- [charts] Organize series config (#20155) @bernardobelchior
+- [charts] Use selectors from `@mui/x-internals` (#20052) @alexfauquette
+- [charts] Use store from `@mui/x-internals` (#20121) @alexfauquette
+- [charts] Add `useDataset` hook (#20205) @JCQuintas
+- [l10n] Add Norwegian Bokmål (nb-NO) locale (#20197) @htollefsen
+
+#### `@mui/x-charts-pro@8.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.17.0`, plus:
+
+- [charts-pro] Fix zoom pan issue when controlled (#20163) @JCQuintas
+
+#### `@mui/x-charts-premium@8.17.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.17.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.17.0`
+
+- [tree view] Accept read only arrays in `expandedItems` prop (#20181) @Methuselah96
+- [tree view] Use `aria-checked` instead of `aria-selected` on items (#19851) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.17.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.17.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix focus issues in the action column demo (#20178) @arminmeh
+- [docs] Remove hidden Tree View headless page (#20119) @flaviendelangle
+- [docs] Fix some external redirects (#20211) @Janpot
+
+### Core
+
+- [code-infra] Fix cci job timeout due to buffered test output (#20193) @Janpot
+- [code-infra] Fix publish workflow (#20140) @bernardobelchior
+- [code-infra] Increase JSDOM test parallelism (#20179) @Janpot
+- [code-infra] Remove React import requirement for jsx (#20144) @brijeshb42
+- [code-infra] Replace `getInitialProps` with `getStaticProps` (#20192) @Janpot
+- [code-infra] git-ignore next-env.d.ts (#20177) @Janpot
+- [code-infra] Stabilize screenshot testing (#19868) @Janpot
+
+## 8.16.0
+
+_Oct 29, 2025_
+
+We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🖌️ Add `brush` zoom interaction to charts
+- 🔁 [Server-side update](https://mui.com/x/react-data-grid/server-side-data/#updating-server-side-data) in a grid with tree data/row grouping and aggregation will trigger re-fetch for all parent levels of that row to update aggregated values. See the [demo](https://mui.com/x/react-data-grid/server-side-data/aggregation/#usage-with-tree-data).
+
+Special thanks go out to the community members for their valuable contributions:
+@felix-wg, @frncesc, @sai6855
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @flaviendelangle, @JCQuintas, @MBilalShafi, @mbrookes, @michelengelen, @noraleonte, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.16.0`
+
+- [DataGrid] Ignore `Ctrl+A` key combination for the row selection in the community version (#20110) @felix-wg
+- [DataGrid][l10n] Improve Spanish (es-ES) locale (#20134) @frncesc
+
+#### `@mui/x-data-grid-pro@8.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.16.0`, plus:
+
+- [DataGridPro] Add explicit return type to `getVisibleRowsLookup()` to fix the build with `tsc` (#20116) @arminmeh
+- [DataGridPro] Retain the expansion state with expansion configuration props (#20126) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@8.16.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.16.0`, plus:
+
+- [DataGridPremium] Export and restore chart integration state (#20079) @arminmeh
+- [DataGridPremium] Fix grouping column `valueFormatter()` crash (#20070) @sai6855
+- [DataGridPremium] Refetch aggregation data after row update with server-side aggregation (#20039) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.16.0`
+
+- [pickers] Prevent blur event propagation on individual sections (#19825) @michelengelen
+
+#### `@mui/x-date-pickers-pro@8.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.16.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.16.0`
+
+- [charts] Allow tooltip to anchor items (#19954) @alexfauquette
+- [charts] Fix behavior of grouped axis (#20118) @JCQuintas
+- [charts] Move scale symlog inside scales (#20137) @JCQuintas
+- [charts] Fix AreaChartConnectNulls demo height not correctly resizing (#20078) @sai6855
+- [charts] Fix charts resizing overflow (#20080) @alexfauquette
+- [charts] Fix tooltip not showing on first render (#20115) @bernardobelchior
+- [charts] Handle `undefined` id and color in series (#20087) @bernardobelchior
+- [charts] Remove `useMemo` from isZoomOn*Enabled and isPanOn*Enabled hooks (#20132) @Copilot
+- [charts] Use static data for perf (#20072) @JCQuintas
+- [charts] Move scale symlog inside scales (#20137) @JCQuintas
+
+#### `@mui/x-charts-pro@8.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.16.0`, plus:
+
+- [charts-pro] Add `brush` zoom interaction (#19899) @JCQuintas
+- [charts-pro] Add sankey performance check (#20069) @JCQuintas
+
+#### `@mui/x-charts-premium@8.16.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.16.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.16.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.16.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.16.0`
+
+Internal changes.
+
+### Core
+
+- [code-infra] Setup eslint compat plugin (#20105) @brijeshb42
+- [code-infra] Improve store types (#20129) @JCQuintas
+- [docs] Update the callout in `rows` prop documentation (#20127) @MBilalShafi
+- [docs-infra] Refine changelog contributor acknowledgment messages (#20123) @mbrookes
+
+### Miscellaneous
+
+- [x-telemetry] Skip telemetry tests on browser mode (#20122) @bernardobelchior
+
 ## 8.15.0
 
 _Oct 23, 2025_

package/ChartDataProvider/ChartDataProvider.d.ts

@@ -42,7 +42,7 @@ export type ChartDataProviderProps<TSeries extends ChartSeriesType = ChartSeries
  * </ChartDataProvider>
  * ```
  */
-declare function ChartDataProvider<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProps<TSeries, TSignatures>): React.JSX.Element;
+declare function ChartDataProvider<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProps<TSeries, TSignatures>): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartDataProvider {
   var propTypes: any;
 }

package/ChartsAxis/ChartsAxis.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsAxisSlotProps, ChartsAxisSlots } from "../models/axis.js";
 export interface ChartsAxisProps {
   /**
@@ -21,7 +20,7 @@ export interface ChartsAxisProps {
  *
  * - [ChartsAxis API](https://mui.com/x/api/charts/charts-axis/)
  */
-declare function ChartsAxis(props: ChartsAxisProps): React.JSX.Element;
+declare function ChartsAxis(props: ChartsAxisProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsAxis {
   var propTypes: any;
 }

package/ChartsAxisHighlight/ChartsAxisHighlight.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsAxisHighlightProps } from "./ChartsAxisHighlight.types.js";
 /**
  * Demos:
@@ -9,7 +8,7 @@ import { ChartsAxisHighlightProps } from "./ChartsAxisHighlight.types.js";
  *
  * - [ChartsAxisHighlight API](https://mui.com/x/api/charts/charts-axis-highlight/)
  */
-declare function ChartsAxisHighlight(props: ChartsAxisHighlightProps): React.JSX.Element;
+declare function ChartsAxisHighlight(props: ChartsAxisHighlightProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsAxisHighlight {
   var propTypes: any;
 }

package/ChartsAxisHighlight/ChartsXAxisHighlight.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsAxisHighlightType } from "./ChartsAxisHighlight.types.js";
 import { ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
 /**
@@ -7,4 +6,4 @@ import { ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
 export default function ChartsXHighlight(props: {
   type: ChartsAxisHighlightType;
   classes: ChartsAxisHighlightClasses;
-}): React.JSX.Element[] | null;
+}): import("react/jsx-runtime").JSX.Element[] | null;

package/ChartsAxisHighlight/ChartsXAxisHighlight.js

@@ -17,7 +17,8 @@ var _ChartsAxisHighlightPath = require("./ChartsAxisHighlightPath");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
- */function ChartsXHighlight(props) {
+ */
+function ChartsXHighlight(props) {
   const {
     type,
     classes

package/ChartsAxisHighlight/ChartsYAxisHighlight.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsAxisHighlightType } from "./ChartsAxisHighlight.types.js";
 import { ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
 /**
@@ -7,4 +6,4 @@ import { ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
 export default function ChartsYHighlight(props: {
   type: ChartsAxisHighlightType;
   classes: ChartsAxisHighlightClasses;
-}): React.JSX.Element[] | null;
+}): import("react/jsx-runtime").JSX.Element[] | null;

package/ChartsAxisHighlight/ChartsYAxisHighlight.js

@@ -17,7 +17,8 @@ var _ChartsAxisHighlightPath = require("./ChartsAxisHighlightPath");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
- */function ChartsYHighlight(props) {
+ */
+function ChartsYHighlight(props) {
   const {
     type,
     classes

package/ChartsBrushOverlay/ChartsBrushOverlay.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 export interface ChartsBrushOverlayProps {}
 /**
  * Component that renders visual feedback during brush interaction
  */
-export declare function ChartsBrushOverlay(props: ChartsBrushOverlayProps): React.JSX.Element | null;
+export declare function ChartsBrushOverlay(props: ChartsBrushOverlayProps): import("react/jsx-runtime").JSX.Element | null;

package/ChartsClipPath/ChartsClipPath.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export type ChartsClipPathProps = {
   /**
    * The id of the clip path.
@@ -21,7 +20,7 @@ export type ChartsClipPathProps = {
  *
  * - [ChartsClipPath API](https://mui.com/x/api/charts/charts-clip-path/)
  */
-declare function ChartsClipPath(props: ChartsClipPathProps): React.JSX.Element;
+declare function ChartsClipPath(props: ChartsClipPathProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsClipPath {
   var propTypes: any;
 }

package/ChartsClipPath/ChartsClipPath.js

@@ -1,14 +1,12 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartsClipPath = ChartsClipPath;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useDrawingArea = require("../hooks/useDrawingArea");
 var _jsxRuntime = require("react/jsx-runtime");

package/ChartsGrid/ChartsGrid.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsGridClasses } from "./chartsGridClasses.js";
 export interface ChartsGridProps {
   /**
@@ -23,7 +22,7 @@ export interface ChartsGridProps {
  *
  * - [ChartsGrid API](https://mui.com/x/api/charts/charts-axis/)
  */
-declare function ChartsGrid(inProps: ChartsGridProps): React.JSX.Element;
+declare function ChartsGrid(inProps: ChartsGridProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsGrid {
   var propTypes: any;
 }

package/ChartsGrid/ChartsGrid.js

@@ -2,14 +2,12 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartsGrid = ChartsGrid;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");

package/ChartsGrid/ChartsHorizontalGrid.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ComputedYAxis } from "../models/axis.js";
 import { ChartsGridClasses } from "./chartsGridClasses.js";
 interface ChartsGridHorizontalProps {
@@ -10,5 +9,5 @@ interface ChartsGridHorizontalProps {
 /**
  * @ignore - internal component.
  */
-export declare function ChartsGridHorizontal(props: ChartsGridHorizontalProps): React.JSX.Element;
+export declare function ChartsGridHorizontal(props: ChartsGridHorizontalProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/ChartsGrid/ChartsVerticalGrid.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ComputedXAxis } from "../models/axis.js";
 import { ChartsGridClasses } from "./chartsGridClasses.js";
 interface ChartsGridVerticalProps {
@@ -10,5 +9,5 @@ interface ChartsGridVerticalProps {
 /**
  * @ignore - internal component.
  */
-export declare function ChartsGridVertical(props: ChartsGridVerticalProps): React.JSX.Element;
+export declare function ChartsGridVertical(props: ChartsGridVerticalProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/ChartsLegend/continuousColorLegendClasses.d.ts

@@ -22,5 +22,5 @@ export interface ContinuousColorLegendClasses {
   /** Styles applied to the series label. */
   label: string;
 }
-export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "gradient" | "minLabel" | "maxLabel", string>;
+export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "minLabel" | "maxLabel" | "gradient", string>;
 export declare const continuousColorLegendClasses: ContinuousColorLegendClasses;

package/ChartsLocalizationProvider/ChartsLocalizationProvider.d.ts

@@ -20,7 +20,7 @@ export interface ChartsLocalizationProviderProps {
  *
  * - [ChartsLocalizationProvider API](https://mui.com/x/api/charts/charts-localization-provider/)
  */
-declare function ChartsLocalizationProvider(inProps: ChartsLocalizationProviderProps): React.JSX.Element;
+declare function ChartsLocalizationProvider(inProps: ChartsLocalizationProviderProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsLocalizationProvider {
   var propTypes: any;
 }

package/ChartsOverlay/ChartsLoadingOverlay.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
 import type { CommonOverlayProps } from "./ChartsOverlay.js";
-export declare function ChartsLoadingOverlay(props: CommonOverlayProps): React.JSX.Element;
+export declare function ChartsLoadingOverlay(props: CommonOverlayProps): import("react/jsx-runtime").JSX.Element;

package/ChartsOverlay/ChartsLoadingOverlay.js

@@ -2,14 +2,12 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartsLoadingOverlay = ChartsLoadingOverlay;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _useDrawingArea = require("../hooks/useDrawingArea");
 var _useChartsLocalization = require("../hooks/useChartsLocalization");

package/ChartsOverlay/ChartsNoDataOverlay.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
 import type { CommonOverlayProps } from "./ChartsOverlay.js";
-export declare function ChartsNoDataOverlay(props: CommonOverlayProps): React.JSX.Element;
+export declare function ChartsNoDataOverlay(props: CommonOverlayProps): import("react/jsx-runtime").JSX.Element;

package/ChartsOverlay/ChartsNoDataOverlay.js

@@ -2,14 +2,12 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartsNoDataOverlay = ChartsNoDataOverlay;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _useDrawingArea = require("../hooks/useDrawingArea");
 var _useChartsLocalization = require("../hooks/useChartsLocalization");

package/ChartsOverlay/ChartsOverlay.d.ts

@@ -44,4 +44,4 @@ export interface ChartsOverlayProps {
    */
   slotProps?: ChartsOverlaySlotProps;
 }
-export declare function ChartsOverlay(props: ChartsOverlayProps): React.JSX.Element | null;
+export declare function ChartsOverlay(props: ChartsOverlayProps): import("react/jsx-runtime").JSX.Element | null;

package/ChartsReferenceLine/ChartsReferenceLine.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import { ChartsXReferenceLineProps } from "./ChartsXReferenceLine.js";
 import { ChartsYReferenceLineProps } from "./ChartsYReferenceLine.js";
 import { XOR } from "../internals/ts-generic.js";
 type ChartsReferenceLineProps<TValue extends string | number | Date = string | number | Date> = XOR<ChartsXReferenceLineProps<TValue>, ChartsYReferenceLineProps<TValue>>;
-declare function ChartsReferenceLine(props: ChartsReferenceLineProps): React.JSX.Element;
+declare function ChartsReferenceLine(props: ChartsReferenceLineProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsReferenceLine {
   var propTypes: any;
 }

package/ChartsReferenceLine/ChartsReferenceLine.js

@@ -1,14 +1,12 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartsReferenceLine = ChartsReferenceLine;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ChartsXReferenceLine = require("./ChartsXReferenceLine");
 var _ChartsYReferenceLine = require("./ChartsYReferenceLine");

package/ChartsReferenceLine/ChartsXReferenceLine.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { CommonChartsReferenceLineProps } from "./common.js";
 import { ChartsReferenceLineClasses } from "./chartsReferenceLineClasses.js";
 export type ChartsXReferenceLineProps<TValue extends string | number | Date = string | number | Date> = CommonChartsReferenceLineProps & {
@@ -9,7 +8,7 @@ export type ChartsXReferenceLineProps<TValue extends string | number | Date = st
   x: TValue;
 };
 export declare function getXReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"root" | "line" | "label", string>;
-declare function ChartsXReferenceLine(props: ChartsXReferenceLineProps): React.JSX.Element | null;
+declare function ChartsXReferenceLine(props: ChartsXReferenceLineProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace ChartsXReferenceLine {
   var propTypes: any;
 }