@mui/x-data-grid-pro 7.23.5 → 7.23.6

package/CHANGELOG.md

@@ -3,6 +3,86 @@
 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_

package/DataGridPro/useDataGridProComponent.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { GridApiPro, GridPrivateApiPro } from '../models/gridApiPro';
 import { DataGridProProcessedProps } from '../models/dataGridProProps';
-export declare const useDataGridProComponent: (inputApiRef: React.MutableRefObject<GridApiPro> | undefined, props: DataGridProProcessedProps) => React.MutableRefObject<GridPrivateApiPro>;
+export declare const useDataGridProComponent: (inputApiRef: React.RefObject<GridApiPro> | undefined, props: DataGridProProcessedProps) => React.RefObject<GridPrivateApiPro>;

package/components/headerFiltering/GridHeaderFilterCell.js

@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _utils.unstable_composeClasses)(slots, _xDataGrid.getDataGridUtilityClass, classes);
 };
-const dateSx = {
+const emptyFieldSx = {
   [`& input[value=""]:not(:focus)`]: {
     color: 'transparent'
   }
@@ -238,7 +238,7 @@ const GridHeaderFilterCell = (0, _forwardRef.forwardRef)((props, ref) => {
         disabled: isFilterReadOnly || isNoInputOperator,
         tabIndex: -1,
         InputLabelProps: null,
-        sx: colDef.type === 'date' || colDef.type === 'dateTime' ? dateSx : undefined
+        sx: colDef.type === 'date' || colDef.type === 'dateTime' || colDef.type === 'number' ? emptyFieldSx : undefined
       }, isNoInputOperator ? {
         value: ''
       } : {}, currentOperator?.InputComponentProps, InputComponentProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridHeaderFilterMenuContainer.GridHeaderFilterMenuContainer, {

package/esm/components/headerFiltering/GridHeaderFilterCell.js

@@ -26,7 +26,7 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getDataGridUtilityClass, classes);
 };
-const dateSx = {
+const emptyFieldSx = {
   [`& input[value=""]:not(:focus)`]: {
     color: 'transparent'
   }
@@ -230,7 +230,7 @@ const GridHeaderFilterCell = forwardRef((props, ref) => {
         disabled: isFilterReadOnly || isNoInputOperator,
         tabIndex: -1,
         InputLabelProps: null,
-        sx: colDef.type === 'date' || colDef.type === 'dateTime' ? dateSx : undefined
+        sx: colDef.type === 'date' || colDef.type === 'dateTime' || colDef.type === 'number' ? emptyFieldSx : undefined
       }, isNoInputOperator ? {
         value: ''
       } : {}, currentOperator?.InputComponentProps, InputComponentProps)), /*#__PURE__*/_jsx(GridHeaderFilterMenuContainer, {

package/esm/hooks/features/columnReorder/useGridColumnReorder.js

@@ -37,7 +37,7 @@ export const useGridColumnReorder = (apiRef, props) => {
   });
   const originColumnIndex = React.useRef(null);
   const forbiddenIndexes = React.useRef({});
-  const removeDnDStylesTimeout = React.useRef();
+  const removeDnDStylesTimeout = React.useRef(undefined);
   const ownerState = {
     classes: props.classes
   };

package/esm/hooks/features/detailPanel/useGridDetailPanel.js

@@ -156,8 +156,8 @@ export const useGridDetailPanel = (apiRef, props) => {
     apiRef.current.forceUpdate();
   }, [apiRef, props.getDetailPanelContent, props.getDetailPanelHeight]);
   useGridApiEventHandler(apiRef, 'sortedRowsSet', updateCachesAndForceUpdate);
-  const previousGetDetailPanelContentProp = React.useRef();
-  const previousGetDetailPanelHeightProp = React.useRef();
+  const previousGetDetailPanelContentProp = React.useRef(null);
+  const previousGetDetailPanelHeightProp = React.useRef(null);
   const updateCachesIfNeeded = React.useCallback(() => {
     if (props.getDetailPanelContent === previousGetDetailPanelContentProp.current && props.getDetailPanelHeight === previousGetDetailPanelHeightProp.current) {
       return;

package/esm/hooks/features/infiniteLoader/useGridInfiniteLoader.js

@@ -19,7 +19,7 @@ const InfiniteLoadingTriggerElement = styled('div')({
 export const useGridInfiniteLoader = (apiRef, props) => {
   const visibleColumns = useGridSelector(apiRef, gridVisibleColumnDefinitionsSelector);
   const currentPage = useGridVisibleRows(apiRef, props);
-  const observer = React.useRef();
+  const observer = React.useRef(null);
   const updateTargetTimeout = useTimeout();
   const triggerElement = React.useRef(null);
   const isEnabled = props.rowsLoadingMode === 'client' && !!props.onRowsScrollEnd;

package/esm/hooks/features/rowReorder/useGridRowReorder.js

@@ -33,7 +33,7 @@ export const useGridRowReorder = (apiRef, props) => {
   const treeDepth = useGridSelector(apiRef, gridRowMaximumTreeDepthSelector);
   const dragRowNode = React.useRef(null);
   const originRowIndex = React.useRef(null);
-  const removeDnDStylesTimeout = React.useRef();
+  const removeDnDStylesTimeout = React.useRef(undefined);
   const ownerState = {
     classes: props.classes
   };

package/esm/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTczNTIzOTYwMDAwMA==";
+  const releaseInfo = "MTczNjM3NzIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/hooks/features/columnReorder/useGridColumnReorder.js

@@ -46,7 +46,7 @@ const useGridColumnReorder = (apiRef, props) => {
   });
   const originColumnIndex = React.useRef(null);
   const forbiddenIndexes = React.useRef({});
-  const removeDnDStylesTimeout = React.useRef();
+  const removeDnDStylesTimeout = React.useRef(undefined);
   const ownerState = {
     classes: props.classes
   };

package/hooks/features/detailPanel/useGridDetailPanel.js

@@ -165,8 +165,8 @@ const useGridDetailPanel = (apiRef, props) => {
     apiRef.current.forceUpdate();
   }, [apiRef, props.getDetailPanelContent, props.getDetailPanelHeight]);
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'sortedRowsSet', updateCachesAndForceUpdate);
-  const previousGetDetailPanelContentProp = React.useRef();
-  const previousGetDetailPanelHeightProp = React.useRef();
+  const previousGetDetailPanelContentProp = React.useRef(null);
+  const previousGetDetailPanelHeightProp = React.useRef(null);
   const updateCachesIfNeeded = React.useCallback(() => {
     if (props.getDetailPanelContent === previousGetDetailPanelContentProp.current && props.getDetailPanelHeight === previousGetDetailPanelHeightProp.current) {
       return;

package/hooks/features/infiniteLoader/useGridInfiniteLoader.js

@@ -27,7 +27,7 @@ const InfiniteLoadingTriggerElement = (0, _system.styled)('div')({
 const useGridInfiniteLoader = (apiRef, props) => {
   const visibleColumns = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridVisibleColumnDefinitionsSelector);
   const currentPage = (0, _internals.useGridVisibleRows)(apiRef, props);
-  const observer = React.useRef();
+  const observer = React.useRef(null);
   const updateTargetTimeout = (0, _internals.useTimeout)();
   const triggerElement = React.useRef(null);
   const isEnabled = props.rowsLoadingMode === 'client' && !!props.onRowsScrollEnd;

package/hooks/features/rowReorder/useGridRowReorder.js

@@ -41,7 +41,7 @@ const useGridRowReorder = (apiRef, props) => {
   const treeDepth = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridRowMaximumTreeDepthSelector);
   const dragRowNode = React.useRef(null);
   const originRowIndex = React.useRef(null);
-  const removeDnDStylesTimeout = React.useRef();
+  const removeDnDStylesTimeout = React.useRef(undefined);
   const ownerState = {
     classes: props.classes
   };

package/hooks/utils/useGridApiRef.d.ts

@@ -1,2 +1,2 @@
 import { GridApiPro } from '../../models/gridApiPro';
-export declare const useGridApiRef: () => import("react").MutableRefObject<GridApiPro>;
+export declare const useGridApiRef: () => import("react").RefObject<GridApiPro>;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v7.23.5
+ * @mui/x-data-grid-pro v7.23.6
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/components/headerFiltering/GridHeaderFilterCell.js

@@ -26,7 +26,7 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getDataGridUtilityClass, classes);
 };
-const dateSx = {
+const emptyFieldSx = {
   [`& input[value=""]:not(:focus)`]: {
     color: 'transparent'
   }
@@ -230,7 +230,7 @@ const GridHeaderFilterCell = forwardRef((props, ref) => {
         disabled: isFilterReadOnly || isNoInputOperator,
         tabIndex: -1,
         InputLabelProps: null,
-        sx: colDef.type === 'date' || colDef.type === 'dateTime' ? dateSx : undefined
+        sx: colDef.type === 'date' || colDef.type === 'dateTime' || colDef.type === 'number' ? emptyFieldSx : undefined
       }, isNoInputOperator ? {
         value: ''
       } : {}, currentOperator?.InputComponentProps, InputComponentProps)), /*#__PURE__*/_jsx(GridHeaderFilterMenuContainer, {

package/modern/hooks/features/columnReorder/useGridColumnReorder.js

@@ -37,7 +37,7 @@ export const useGridColumnReorder = (apiRef, props) => {
   });
   const originColumnIndex = React.useRef(null);
   const forbiddenIndexes = React.useRef({});
-  const removeDnDStylesTimeout = React.useRef();
+  const removeDnDStylesTimeout = React.useRef(undefined);
   const ownerState = {
     classes: props.classes
   };

package/modern/hooks/features/detailPanel/useGridDetailPanel.js

@@ -156,8 +156,8 @@ export const useGridDetailPanel = (apiRef, props) => {
     apiRef.current.forceUpdate();
   }, [apiRef, props.getDetailPanelContent, props.getDetailPanelHeight]);
   useGridApiEventHandler(apiRef, 'sortedRowsSet', updateCachesAndForceUpdate);
-  const previousGetDetailPanelContentProp = React.useRef();
-  const previousGetDetailPanelHeightProp = React.useRef();
+  const previousGetDetailPanelContentProp = React.useRef(null);
+  const previousGetDetailPanelHeightProp = React.useRef(null);
   const updateCachesIfNeeded = React.useCallback(() => {
     if (props.getDetailPanelContent === previousGetDetailPanelContentProp.current && props.getDetailPanelHeight === previousGetDetailPanelHeightProp.current) {
       return;

package/modern/hooks/features/infiniteLoader/useGridInfiniteLoader.js

@@ -19,7 +19,7 @@ const InfiniteLoadingTriggerElement = styled('div')({
 export const useGridInfiniteLoader = (apiRef, props) => {
   const visibleColumns = useGridSelector(apiRef, gridVisibleColumnDefinitionsSelector);
   const currentPage = useGridVisibleRows(apiRef, props);
-  const observer = React.useRef();
+  const observer = React.useRef(null);
   const updateTargetTimeout = useTimeout();
   const triggerElement = React.useRef(null);
   const isEnabled = props.rowsLoadingMode === 'client' && !!props.onRowsScrollEnd;

package/modern/hooks/features/rowReorder/useGridRowReorder.js

@@ -33,7 +33,7 @@ export const useGridRowReorder = (apiRef, props) => {
   const treeDepth = useGridSelector(apiRef, gridRowMaximumTreeDepthSelector);
   const dragRowNode = React.useRef(null);
   const originRowIndex = React.useRef(null);
-  const removeDnDStylesTimeout = React.useRef();
+  const removeDnDStylesTimeout = React.useRef(undefined);
   const ownerState = {
     classes: props.classes
   };

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v7.23.5
+ * @mui/x-data-grid-pro v7.23.6
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTczNTIzOTYwMDAwMA==";
+  const releaseInfo = "MTczNjM3NzIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "7.23.5",
+  "version": "7.23.6",
   "description": "The Pro plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -39,9 +39,9 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "@mui/x-internals": "7.23.5",
-    "@mui/x-data-grid": "7.23.5",
-    "@mui/x-license": "7.23.5"
+    "@mui/x-data-grid": "7.23.6",
+    "@mui/x-internals": "7.23.6",
+    "@mui/x-license": "7.23.6"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTczNTIzOTYwMDAwMA==";
+  const releaseInfo = "MTczNjM3NzIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat