@mui/x-charts 7.29.0 → 7.29.1

package/BarChart/BarElement.d.ts

@@ -394,7 +394,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
         writingMode?: import("csstype").Property.WritingMode | undefined;
         zIndex?: import("csstype").Property.ZIndex | undefined;
         zoom?: import("csstype").Property.Zoom | undefined;
-        all?: import("csstype").Property.All | undefined;
+        all?: import("csstype").Globals | undefined;
         animation?: import("csstype").Property.Animation<string & {}> | undefined;
         animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
         background?: import("csstype").Property.Background<string | number> | undefined;

package/BarChart/BarLabel/BarLabel.d.ts

@@ -377,7 +377,7 @@ export declare const BarLabelComponent: import("@emotion/styled").StyledComponen
         writingMode?: import("csstype").Property.WritingMode | undefined;
         zIndex?: import("csstype").Property.ZIndex | undefined;
         zoom?: import("csstype").Property.Zoom | undefined;
-        all?: import("csstype").Property.All | undefined;
+        all?: import("csstype").Globals | undefined;
         animation?: import("csstype").Property.Animation<string & {}> | undefined;
         animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
         background?: import("csstype").Property.Background<string | number> | undefined;

package/CHANGELOG.md

@@ -3,6 +3,83 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.29.1
+
+_Apr 23, 2025_
+
+We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@lhilgert9
+
+Following are all team members who have contributed to this release:
+@arminmeh, @cherniavskii, @flaviendelangle, @LukasTy, @romgrk.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.29.1`
+
+- [DataGrid] Prevent scrollbars from showing on top (#17410) @romgrk
+
+#### `@mui/x-data-grid-pro@7.29.1` [![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@7.29.1`, plus:
+
+- [DataGridPro] Avoid proptypes warnings with header filters in React 17 (#17492) @cherniavskii
+- [DataGridPro] Fix expandable rows detail content height updates (#17509) @arminmeh
+- [DataGridPro] Fix row virtualization not working in list view (#17404) @cherniavskii
+- [DataGridPro] Move locales re-export to allow proper tree shaking (#17438) @lhilgert9
+
+#### `@mui/x-data-grid-premium@7.29.1` [![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@7.29.1`, plus:
+
+- [DataGridPremium] Use `groupingValueGetter` for row grouping on the server (#17423) @cherniavskii
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.29.1`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@7.29.1` [![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@7.29.1`.
+
+### Charts
+
+#### `@mui/x-charts@7.29.1`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@7.29.1` [![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@7.29.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.29.1`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@7.29.1` [![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@7.29.1`, plus:
+
+- [RichTreeViewPro] Fix drag and drop issue with label editing (#17415) @flaviendelangle
+
+### Docs
+
+- [docs] Use MUI X v7 packages in CodeSandbox and StackBlitz (#17516) @cherniavskii
+
+### Core
+
+- [core] Bump monorepo (#17437) @LukasTy
+
 ## 7.29.0
 
 _Apr 16, 2025_

package/ChartContainer/useChartContainerProps.d.ts

@@ -35,9 +35,9 @@ export declare const useChartContainerProps: (props: ChartContainerProps, ref: R
         disableTicks?: boolean | undefined;
         fill?: string | undefined;
         tickFontSize?: number | undefined;
-        tickLabelStyle?: import("..").ChartsTextProps["style"];
-        labelStyle?: import("..").ChartsTextProps["style"];
-        tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
+        tickLabelStyle?: import("..").ChartsTextStyle | undefined;
+        labelStyle?: import("..").ChartsTextStyle | undefined;
+        tickLabelInterval?: "auto" | ((value: any, index: number) => boolean) | undefined;
         labelFontSize?: number | undefined;
         stroke?: string | undefined;
         tickSize?: number | undefined;
@@ -45,16 +45,16 @@ export declare const useChartContainerProps: (props: ChartContainerProps, ref: R
         slots?: Partial<import("../internals").ChartsAxisSlots> | undefined;
         slotProps?: Partial<import("../internals").ChartsAxisSlotProps> | undefined;
         sx?: import("@mui/system").SxProps | undefined;
-        tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
-        tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
-        tickLabelPlacement?: ("middle" | "tick") | undefined;
+        tickInterval?: "auto" | ((value: any, index: number) => boolean) | any[] | undefined;
+        tickPlacement?: "start" | "end" | "middle" | "extremities" | undefined;
+        tickLabelPlacement?: "middle" | "tick" | undefined;
         scaleType?: "linear" | "band" | "point" | "log" | "pow" | "sqrt" | "time" | "utc" | undefined;
         colorMap?: import("../models/colorMapping").ContinuousColorConfig<number | Date> | import("../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
         hideTooltip?: boolean | undefined;
-        domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {
+        domainLimit?: "nice" | "strict" | ((min: number, max: number) => {
             min: number;
             max: number;
-        })) | undefined;
+        }) | undefined;
         id: import("../internals").AxisId;
     }[];
     yAxis: {
@@ -72,9 +72,9 @@ export declare const useChartContainerProps: (props: ChartContainerProps, ref: R
         disableTicks?: boolean | undefined;
         fill?: string | undefined;
         tickFontSize?: number | undefined;
-        tickLabelStyle?: import("..").ChartsTextProps["style"];
-        labelStyle?: import("..").ChartsTextProps["style"];
-        tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
+        tickLabelStyle?: import("..").ChartsTextStyle | undefined;
+        labelStyle?: import("..").ChartsTextStyle | undefined;
+        tickLabelInterval?: "auto" | ((value: any, index: number) => boolean) | undefined;
         labelFontSize?: number | undefined;
         stroke?: string | undefined;
         tickSize?: number | undefined;
@@ -82,16 +82,16 @@ export declare const useChartContainerProps: (props: ChartContainerProps, ref: R
         slots?: Partial<import("../internals").ChartsAxisSlots> | undefined;
         slotProps?: Partial<import("../internals").ChartsAxisSlotProps> | undefined;
         sx?: import("@mui/system").SxProps | undefined;
-        tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
-        tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
-        tickLabelPlacement?: ("middle" | "tick") | undefined;
+        tickInterval?: "auto" | ((value: any, index: number) => boolean) | any[] | undefined;
+        tickPlacement?: "start" | "end" | "middle" | "extremities" | undefined;
+        tickLabelPlacement?: "middle" | "tick" | undefined;
         scaleType?: "linear" | "band" | "point" | "log" | "pow" | "sqrt" | "time" | "utc" | undefined;
         colorMap?: import("../models/colorMapping").ContinuousColorConfig<number | Date> | import("../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
         hideTooltip?: boolean | undefined;
-        domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {
+        domainLimit?: "nice" | "strict" | ((min: number, max: number) => {
             min: number;
             max: number;
-        })) | undefined;
+        }) | undefined;
         id: import("../internals").AxisId;
     }[];
 };

package/ChartContainer/useDefaultizeAxis.d.ts

@@ -17,9 +17,9 @@ export declare const useDefaultizeAxis: (inXAxis: MakeOptional<AxisConfig<ScaleN
     disableTicks?: boolean | undefined;
     fill?: string | undefined;
     tickFontSize?: number | undefined;
-    tickLabelStyle?: import("..").ChartsTextProps["style"];
-    labelStyle?: import("..").ChartsTextProps["style"];
-    tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
+    tickLabelStyle?: import("..").ChartsTextStyle | undefined;
+    labelStyle?: import("..").ChartsTextStyle | undefined;
+    tickLabelInterval?: "auto" | ((value: any, index: number) => boolean) | undefined;
     labelFontSize?: number | undefined;
     stroke?: string | undefined;
     tickSize?: number | undefined;
@@ -27,15 +27,15 @@ export declare const useDefaultizeAxis: (inXAxis: MakeOptional<AxisConfig<ScaleN
     slots?: Partial<import("../internals").ChartsAxisSlots> | undefined;
     slotProps?: Partial<import("../internals").ChartsAxisSlotProps> | undefined;
     sx?: import("@mui/system").SxProps | undefined;
-    tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
-    tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
-    tickLabelPlacement?: ("middle" | "tick") | undefined;
+    tickInterval?: "auto" | ((value: any, index: number) => boolean) | any[] | undefined;
+    tickPlacement?: "start" | "end" | "middle" | "extremities" | undefined;
+    tickLabelPlacement?: "middle" | "tick" | undefined;
     scaleType?: "linear" | "band" | "point" | "log" | "pow" | "sqrt" | "time" | "utc" | undefined;
     colorMap?: import("../models/colorMapping").ContinuousColorConfig<number | Date> | import("../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
     hideTooltip?: boolean | undefined;
-    domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {
+    domainLimit?: "nice" | "strict" | ((min: number, max: number) => {
         min: number;
         max: number;
-    })) | undefined;
+    }) | undefined;
     id: import("../internals").AxisId;
 }[][];

package/ChartsTooltip/utils.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useSvgRef } from "../hooks/index.js";

package/Gauge/GaugeProvider.js

@@ -1,3 +1,5 @@
+'use client';
+
 // @ignore - do not document.
 import * as React from 'react';
 import { getPercentageValue } from "../internals/getPercentageValue.js";

package/LineChart/AnimatedArea.d.ts

@@ -377,7 +377,7 @@ export declare const AreaElementPath: import("@emotion/styled").StyledComponent<
         writingMode?: import("csstype").Property.WritingMode | undefined;
         zIndex?: import("csstype").Property.ZIndex | undefined;
         zoom?: import("csstype").Property.Zoom | undefined;
-        all?: import("csstype").Property.All | undefined;
+        all?: import("csstype").Globals | undefined;
         animation?: import("csstype").Property.Animation<string & {}> | undefined;
         animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
         background?: import("csstype").Property.Background<string | number> | undefined;

package/LineChart/AnimatedLine.d.ts

@@ -377,7 +377,7 @@ export declare const LineElementPath: import("@emotion/styled").StyledComponent<
         writingMode?: import("csstype").Property.WritingMode | undefined;
         zIndex?: import("csstype").Property.ZIndex | undefined;
         zoom?: import("csstype").Property.Zoom | undefined;
-        all?: import("csstype").Property.All | undefined;
+        all?: import("csstype").Globals | undefined;
         animation?: import("csstype").Property.Animation<string & {}> | undefined;
         animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
         background?: import("csstype").Property.Background<string | number> | undefined;

package/context/CartesianProvider/defaultizeAxis.d.ts

@@ -16,9 +16,9 @@ export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName,
     disableTicks?: boolean | undefined;
     fill?: string | undefined;
     tickFontSize?: number | undefined;
-    tickLabelStyle?: import("../..").ChartsTextProps["style"];
-    labelStyle?: import("../..").ChartsTextProps["style"];
-    tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
+    tickLabelStyle?: import("../..").ChartsTextStyle | undefined;
+    labelStyle?: import("../..").ChartsTextStyle | undefined;
+    tickLabelInterval?: "auto" | ((value: any, index: number) => boolean) | undefined;
     labelFontSize?: number | undefined;
     stroke?: string | undefined;
     tickSize?: number | undefined;
@@ -26,15 +26,15 @@ export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName,
     slots?: Partial<import("../../internals").ChartsAxisSlots> | undefined;
     slotProps?: Partial<import("../../internals").ChartsAxisSlotProps> | undefined;
     sx?: import("@mui/system").SxProps | undefined;
-    tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
-    tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
-    tickLabelPlacement?: ("middle" | "tick") | undefined;
+    tickInterval?: "auto" | ((value: any, index: number) => boolean) | any[] | undefined;
+    tickPlacement?: "start" | "end" | "middle" | "extremities" | undefined;
+    tickLabelPlacement?: "middle" | "tick" | undefined;
     scaleType?: "linear" | "band" | "point" | "log" | "pow" | "sqrt" | "time" | "utc" | undefined;
     colorMap?: import("../../models/colorMapping").ContinuousColorConfig<number | Date> | import("../../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
     hideTooltip?: boolean | undefined;
-    domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {
+    domainLimit?: "nice" | "strict" | ((min: number, max: number) => {
         min: number;
         max: number;
-    })) | undefined;
+    }) | undefined;
     id: import("../../internals").AxisId;
 }[];

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.29.0
+ * @mui/x-charts v7.29.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/defaultizeColor.d.ts

@@ -1,7 +1,7 @@
 import { AllSeriesType } from '../models/seriesType';
 export declare function defaultizeColor(series: AllSeriesType, seriesIndex: number, colors?: string[]): {
     data: {
-        label?: (string | ((location: "tooltip" | "legend" | "arc") => string)) | undefined;
+        label?: string | ((location: "tooltip" | "legend" | "arc") => string) | undefined;
         color: string;
         value: number;
         id?: import("..").PieItemId | undefined;

package/modern/ChartsTooltip/utils.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useSvgRef } from "../hooks/index.js";

package/modern/Gauge/GaugeProvider.js

@@ -1,3 +1,5 @@
+'use client';
+
 // @ignore - do not document.
 import * as React from 'react';
 import { getPercentageValue } from "../internals/getPercentageValue.js";

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.29.0
+ * @mui/x-charts v7.29.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/ChartsTooltip/utils.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/node/Gauge/GaugeProvider.js

@@ -1,5 +1,7 @@
 "use strict";
+'use client';
 
+// @ignore - do not document.
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -12,8 +14,6 @@ var _getPercentageValue = require("../internals/getPercentageValue");
 var _utils = require("./utils");
 var _useDrawingArea = require("../hooks/useDrawingArea");
 var _jsxRuntime = require("react/jsx-runtime");
-// @ignore - do not document.
-
 const GaugeContext = exports.GaugeContext = /*#__PURE__*/React.createContext({
   value: null,
   valueMin: 0,

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.29.0
+ * @mui/x-charts v7.29.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.29.0",
+  "version": "7.29.1",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,8 +35,8 @@
     "@react-spring/web": "^9.7.5",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-internals": "7.29.0",
-    "@mui/x-charts-vendor": "7.20.0"
+    "@mui/x-charts-vendor": "7.20.0",
+    "@mui/x-internals": "7.29.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",