@mui/x-charts 7.23.1 → 7.23.6

package/CHANGELOG.md

@@ -3,6 +3,277 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.23.6
+
+_Jan 9, 2025_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Chinese (Taiwan) (zh-TW) locale on the Date and Time Pickers
+- 🌍 Improve Norwegian (nb-NO) locale on the Date and Time Pickers
+- 🌍 Improve Dutch (nl-NL) locale on the Data Grid
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@josteinjhauge, @derek-0000, @nusr, @k-rajat19, @tomashauser.
+Following are all team members who have contributed to this release:
+@flaviendelangle, @LukasTy, @MBilalShafi, @arminmeh, @oliviertassinari, @cherniavskii.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.23.6`
+
+- [DataGrid] Improve React 19 support (#16048) @LukasTy
+- [DataGrid] Add `name` attribute to selection checkboxes (#16041) @derek-0000
+- [DataGrid] Fix number filter field formatting values while typing (#16068) @arminmeh
+- [DataGrid] Fix select all checkbox state reset with server side data (#16039) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@7.23.6` [![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.23.6`.
+
+#### `@mui/x-data-grid-premium@7.23.6` [![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.23.6`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.23.6`
+
+- [pickers] Improve React 19 support (#16048) @LukasTy
+- [l10n] Add Chinese (Taiwan) (zh-TW) locale (#16057) @nusr
+- [l10n] Improve Norwegian (nb-NO) locale (#16083) @josteinjhauge
+- [pickers] Support `date-fns-jalali` v4 (#16013) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.23.6` [![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.23.6`.
+
+### Charts
+
+#### `@mui/x-charts@7.23.6`
+
+- [charts] Improve React 19 support (#16048) @LukasTy
+- [charts] Fix 301 redirection in the API documentation @oliviertassinari
+
+#### `@mui/x-charts-pro@7.23.6` [![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.23.6`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.23.6`
+
+- [TreeView] Improve React 19 support (#16048) @LukasTy
+
+#### `@mui/x-tree-view-pro@7.23.6` [![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.23.6`.
+
+### Docs
+
+- [docs] Fix `EditingWithDatePickers` demo (#16047) @k-rajat19
+- [docs] Fix doc warning for automatic children selection on tree view (#16037) @flaviendelangle
+- [docs] Fix non-existing "adapter" property of `LocalizationProvider` (#16088) @tomashauser
+
+### Core
+
+- [core] Clarify the release strategy (#16012) @MBilalShafi
+- [core] Update the `release:version` docs (#16040) @cherniavskii
+
+## 7.23.5
+
+_Dec 27, 2024_
+
+Here are some highlights ✨:
+
+- 🐞 Fix version mismatch issue in Data Grid codesandbox/stackblitz demos
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.23.5`
+
+No changes since `@mui/x-data-grid@v7.23.4`.
+
+#### `@mui/x-data-grid-pro@7.23.5` [![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.23.5`.
+
+#### `@mui/x-data-grid-premium@7.23.5` [![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.23.5`.
+
+## v7.23.4
+
+_Dec 27, 2024_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Dutch (nl-NL) locale on the Data Grid
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributor who has helped make this release possible:
+@JoepVerkoelen.
+Following are all team members who have contributed to this release:
+@arminmeh, @oliviertassinari.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.23.4`
+
+- [DataGrid] Fix header filters showing clear button while empty (#15990) @k-rajat19
+- [DataGrid] Replace `forwardRef` with a shim for forward compatibility (#15984) @lauri865
+- [l10n] Improve Dutch (nl-NL) locale (#15920) @JoepVerkoelen
+
+#### `@mui/x-data-grid-pro@7.23.4` [![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.23.4`.
+
+#### `@mui/x-data-grid-premium@7.23.4` [![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.23.4`, plus:
+
+- [DataGridPremium] Fix column pinning with checkbox selection and row grouping (#15949) @k-rajat19
+
+### Docs
+
+- [docs] Fix outdated link to handbook (#15855) @oliviertassinari
+
+## 7.23.3
+
+_Dec 19, 2024_
+
+We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Korean (ko-KR) locale on the Data Grid
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@k-rajat19, @good-jinu.
+Following are all team members who have contributed to this release:
+@KenanYusuf, @MBilalShafi, @arminmeh, @flaviendelangle.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.23.3`
+
+- [DataGrid] Allow passing custom props to `.main` element (#15919) @MBilalShafi
+- [DataGrid] Consider `columnGroupHeaderHeight` prop in `getTotalHeaderHeight` method (#15927) @k-rajat19
+- [DataGrid] Deprecate `indeterminateCheckboxAction` prop (#15862) @MBilalShafi
+- [DataGrid] Fix `aria-label` value for group checkboxes (#15861) @MBilalShafi
+- [DataGrid] Fix autosizing with virtualized columns (#15929) @k-rajat19
+- [DataGrid] Round dimensions to avoid subpixel rendering error (#15873) @KenanYusuf
+- [DataGrid] Toggle menu on click in `<GridActionsCell />` (#15871) @k-rajat19
+- [DataGrid] Trigger row spanning computation on rows update (#15872) @MBilalShafi
+- [l10n] Improve Korean (ko-KR) locale (#15906) @good-jinu
+
+#### `@mui/x-data-grid-pro@7.23.3` [![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.23.3`.
+
+#### `@mui/x-data-grid-premium@7.23.3` [![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.23.3`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.23.3`
+
+- [pickers] Add verification to disable skipped hours in spring forward DST (#15918) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.23.3` [![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.23.3`.
+
+## 7.23.2
+
+_Dec 12, 2024_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Romanian and Turkish locales on the Data Grid
+- 🌍 Improve Romanian locale on the Pickers
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@ihsanberkozcan, @k-rajat19, @lhilgert9, @nusr, @rares985.
+
+Following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.23.2`
+
+- [DataGrid] Fix "No rows" displaying when all rows are pinned (#15851) @nusr
+- [DataGrid] Use `columnsManagement` slot (#15821) @k-rajat19
+- [l10n] Improve Romanian (ro-RO) locale (#15751) @rares985
+- [l10n] Improve Turkish (tr-TR) locale (#15748) @ihsanberkozcan
+
+#### `@mui/x-data-grid-pro@7.23.2` [![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.23.2`, plus:
+
+- [DataGridPro] Make Row reordering work with pagination (#15782) @k-rajat19
+
+#### `@mui/x-data-grid-premium@7.23.2` [![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.23.2`, plus:
+
+- [DataGridPremium] Fix group column ignoring `valueOptions` for `singleSelect` column type (#15754) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.23.2`
+
+- [l10n] Improve Romanian (ro-RO) locale (#15751) @rares985
+
+#### `@mui/x-date-pickers-pro@7.23.2` [![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.23.2`.
+
+### Charts
+
+#### `@mui/x-charts@7.23.2`
+
+- [charts] Fix key generation for the ChartsGrid (#15864) @alexfauquette
+- [charts] Fix scatter dataset with missing data (#15804) @alexfauquette
+
+#### `@mui/x-charts-pro@7.23.2` [![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.23.2`.
+
+#### `@mui/x-tree-view@v7.23.2`
+
+No changes, releasing to keep the versions in sync.
+
+#### `@mui/x-tree-view-pro@7.23.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Releasing to benefit from license package fix (#15818).
+
+### Docs
+
+- [docs] Fix typo in charts axis documentation (#15746) @JCQuintas
+- [docs] Improve Pickers accessible DOM structure description (#15752) @LukasTy
+- [docs] Use `updateRows` method for list view demos (#15824) @KenanYusuf
+- [docs] Use date library version from package dev dependencies for sandboxes (#15767) @LukasTy
+
+### Core
+
+- [core] Add `@mui/x-tree-view-pro` to `releaseChangelog` (#15747) @flaviendelangle
+- [license] Use `console.log` for the error message on Codesandbox to avoid rendering error (#15818) @arminmeh
+
 ## 7.23.1
 
 _Dec 5, 2024_

package/ChartContainer/useChartContainerProps.d.ts

@@ -22,33 +22,33 @@ export declare const useChartContainerProps: (props: ChartContainerProps, ref: R
     animationProviderProps: Omit<AnimationProviderProps, "children">;
     xAxis: {
         reverse?: boolean | undefined;
-        fill?: string | undefined;
-        stroke?: string | undefined;
+        valueFormatter?: ((value: any, context: import("../internals").AxisValueFormatterContext) => string) | undefined;
         data?: any[] | undefined;
+        dataKey?: string | undefined;
         label?: string | undefined;
-        max?: (number | Date) | undefined;
         min?: (number | Date) | undefined;
-        valueFormatter?: ((value: any, context: import("../internals").AxisValueFormatterContext) => string) | undefined;
-        dataKey?: string | undefined;
-        sx?: import("@mui/system").SxProps | undefined;
-        classes?: Partial<import("..").ChartsAxisClasses> | undefined;
+        max?: (number | Date) | undefined;
         tickMaxStep?: number | undefined;
         tickMinStep?: number | undefined;
         tickNumber?: number | undefined;
         disableLine?: boolean | undefined;
         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;
         labelFontSize?: number | undefined;
+        stroke?: string | undefined;
         tickSize?: number | undefined;
+        classes?: Partial<import("..").ChartsAxisClasses> | undefined;
         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;
-        scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | 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) => {
@@ -59,33 +59,33 @@ export declare const useChartContainerProps: (props: ChartContainerProps, ref: R
     }[];
     yAxis: {
         reverse?: boolean | undefined;
-        fill?: string | undefined;
-        stroke?: string | undefined;
+        valueFormatter?: ((value: any, context: import("../internals").AxisValueFormatterContext) => string) | undefined;
         data?: any[] | undefined;
+        dataKey?: string | undefined;
         label?: string | undefined;
-        max?: (number | Date) | undefined;
         min?: (number | Date) | undefined;
-        valueFormatter?: ((value: any, context: import("../internals").AxisValueFormatterContext) => string) | undefined;
-        dataKey?: string | undefined;
-        sx?: import("@mui/system").SxProps | undefined;
-        classes?: Partial<import("..").ChartsAxisClasses> | undefined;
+        max?: (number | Date) | undefined;
         tickMaxStep?: number | undefined;
         tickMinStep?: number | undefined;
         tickNumber?: number | undefined;
         disableLine?: boolean | undefined;
         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;
         labelFontSize?: number | undefined;
+        stroke?: string | undefined;
         tickSize?: number | undefined;
+        classes?: Partial<import("..").ChartsAxisClasses> | undefined;
         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;
-        scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | 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) => {

package/ChartContainer/useDefaultizeAxis.d.ts

@@ -4,33 +4,33 @@ import { ChartsAxisProps } from '../models/axis';
 import { DatasetType } from '../models/seriesType/config';
 export declare const useDefaultizeAxis: (inXAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, inYAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, dataset: DatasetType | undefined) => {
     reverse?: boolean | undefined;
-    fill?: string | undefined;
-    stroke?: string | undefined;
+    valueFormatter?: ((value: any, context: import("../internals").AxisValueFormatterContext) => string) | undefined;
     data?: any[] | undefined;
+    dataKey?: string | undefined;
     label?: string | undefined;
-    max?: (number | Date) | undefined;
     min?: (number | Date) | undefined;
-    valueFormatter?: ((value: any, context: import("../internals").AxisValueFormatterContext) => string) | undefined;
-    dataKey?: string | undefined;
-    sx?: import("@mui/system").SxProps | undefined;
-    classes?: Partial<import("..").ChartsAxisClasses> | undefined;
+    max?: (number | Date) | undefined;
     tickMaxStep?: number | undefined;
     tickMinStep?: number | undefined;
     tickNumber?: number | undefined;
     disableLine?: boolean | undefined;
     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;
     labelFontSize?: number | undefined;
+    stroke?: string | undefined;
     tickSize?: number | undefined;
+    classes?: Partial<import("..").ChartsAxisClasses> | undefined;
     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;
-    scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | 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) => {

package/ChartsGrid/ChartsHorizontalGrid.js

@@ -23,7 +23,7 @@ export function ChartsGridHorizontal(props) {
   });
   return /*#__PURE__*/_jsx(React.Fragment, {
     children: yTicks.map(({
-      formattedValue,
+      value,
       offset
     }) => /*#__PURE__*/_jsx(GridLine, {
       y1: offset,
@@ -31,6 +31,6 @@ export function ChartsGridHorizontal(props) {
       x1: drawingArea.left,
       x2: drawingArea.left + drawingArea.width,
       className: classes.horizontalLine
-    }, `horizontal-${formattedValue}`))
+    }, `horizontal-${value}`))
   });
 }

package/ChartsGrid/ChartsVerticalGrid.js

@@ -23,7 +23,7 @@ export function ChartsGridVertical(props) {
   });
   return /*#__PURE__*/_jsx(React.Fragment, {
     children: xTicks.map(({
-      formattedValue,
+      value,
       offset
     }) => /*#__PURE__*/_jsx(GridLine, {
       y1: drawingArea.top,
@@ -31,6 +31,6 @@ export function ChartsGridVertical(props) {
       x1: offset,
       x2: offset,
       className: classes.verticalLine
-    }, `vertical-${formattedValue}`))
+    }, `vertical-${value}`))
   });
 }

package/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -102,10 +102,10 @@ function ChartsVoronoiHandler(props) {
     lastFind.current = undefined;
   }, [defaultXAxisId, defaultYAxisId, series, seriesOrder, xAxis, yAxis, drawingArea]);
   React.useEffect(() => {
-    const element = svgRef.current;
-    if (element === null) {
+    if (svgRef.current === null) {
       return undefined;
     }
+    const element = svgRef.current;
     function getClosestPoint(event) {
       // Get mouse coordinate in global SVG space
       const svgPoint = getSVGPoint(element, event);