@mui/x-data-grid-pro 6.12.0 → 6.12.1

package/CHANGELOG.md

@@ -3,6 +3,64 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.12.1
+
+_Aug 31, 2023_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 🏎️ Perf improvement for line charts
+- 🎁 Add `referenceDate` prop on pickers (#9991) @flaviendelangle
+  Find out more about this feature in the [documentation section](https://mui.com/x/react-date-pickers/base-concepts/#reference-date-when-no-value-is-defined).
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@v6.12.1`
+
+- [DataGrid] Add a recipe showing how to render components outside of the grid (#10121) @DanailH
+- [DataGrid] Fix `valueFormatter` being persisted on column type change (#10041) @cherniavskii
+- [DataGrid] Fix error when keyboard navigating an empty grid (#10081) @romgrk
+- [DataGrid] Replace timeout with `useTimeout` (#10179) @romgrk
+
+#### `@mui/x-data-grid-pro@v6.12.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@v6.12.1`.
+
+#### `@mui/x-data-grid-premium@v6.12.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@v6.12.1`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@v6.12.1`
+
+- [pickers] Add `referenceDate` on picker components (and `DateRangeCalendar`) (#9991) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@v6.12.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@v6.12.1`.
+
+### Charts / `@mui/x-charts@6.0.0-alpha.9`
+
+- [charts] Move the line item highligh into a dedicated component (#10117) @alexfauquette
+
+### Docs
+
+- [docs] Add `DemoContainer` and `DemoItem` JSDoc (#10186) @LukasTy
+- [docs] Add link to `custom layout` page (#10184) @LukasTy
+- [docs] Add tree view nav item (#10181) @LukasTy
+- [docs] Fix wrong chart tooltip reference (#10169) @oliviertassinari
+- [docs] Improve chart SEO (#10170) @oliviertassinari
+- [docs] Precise expired license key condition (#10165) @oliviertassinari
+- [docs] Reorganize the page menu (#10139) @alexfauquette
+
+### Core
+
+- [core] Update babel configs (#9713) @romgrk
+- [test] Disable false positive e2e test on webkit (#10187) @LukasTy
+
 ## 6.12.0
 
 _Aug 25, 2023_
@@ -46,7 +104,7 @@ Same changes as in `@mui/x-data-grid-pro@v6.12.0`.
 
 Same changes as in `@mui/x-date-pickers@v6.12.0`.
 
-### Charts / `@mui/x-charts@6.12.0`
+### Charts / `@mui/x-charts@6.0.0-alpha.8`
 
 - [charts] Fix import issue (#10111) @alexfauquette
 - [charts] Fix `slotProps` propagation (#10105) @alexfauquette

package/components/GridScrollArea.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import { styled } from '@mui/system';
-import { getTotalHeaderHeight } from '@mui/x-data-grid/internals';
+import { getTotalHeaderHeight, useTimeout } from '@mui/x-data-grid/internals';
 import { getDataGridUtilityClass, gridClasses, gridDensityFactorSelector, useGridApiContext, useGridApiEventHandler, useGridSelector, gridColumnsTotalWidthSelector } from '@mui/x-data-grid';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -47,7 +47,7 @@ function GridScrollAreaRaw(props) {
   } = props;
   const rootRef = React.useRef(null);
   const apiRef = useGridApiContext();
-  const timeout = React.useRef();
+  const timeout = useTimeout();
   const [dragging, setDragging] = React.useState(false);
   const [canScrollMore, setCanScrollMore] = React.useState(true);
   const densityFactor = useGridSelector(apiRef, gridDensityFactorSelector);
@@ -92,20 +92,15 @@ function GridScrollAreaRaw(props) {
       throw new Error('MUI: Wrong drag direction');
     }
     offset = (offset - CLIFF) * SLOP + CLIFF;
-    clearTimeout(timeout.current);
+
     // Avoid freeze and inertia.
-    timeout.current = setTimeout(() => {
+    timeout.start(0, () => {
       apiRef.current.scroll({
         left: scrollPosition.current.left + offset,
         top: scrollPosition.current.top
       });
     });
-  }, [scrollDirection, apiRef]);
-  React.useEffect(() => {
-    return () => {
-      clearTimeout(timeout.current);
-    };
-  }, []);
+  }, [scrollDirection, apiRef, timeout]);
   const handleColumnHeaderDragStart = useEventCallback(() => {
     setDragging(true);
   });

package/index.js

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

package/legacy/components/GridScrollArea.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import { styled } from '@mui/system';
-import { getTotalHeaderHeight } from '@mui/x-data-grid/internals';
+import { getTotalHeaderHeight, useTimeout } from '@mui/x-data-grid/internals';
 import { getDataGridUtilityClass, gridClasses, gridDensityFactorSelector, useGridApiContext, useGridApiEventHandler, useGridSelector, gridColumnsTotalWidthSelector } from '@mui/x-data-grid';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -44,7 +44,7 @@ function GridScrollAreaRaw(props) {
   var scrollDirection = props.scrollDirection;
   var rootRef = React.useRef(null);
   var apiRef = useGridApiContext();
-  var timeout = React.useRef();
+  var timeout = useTimeout();
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     dragging = _React$useState2[0],
@@ -95,20 +95,15 @@ function GridScrollAreaRaw(props) {
       throw new Error('MUI: Wrong drag direction');
     }
     offset = (offset - CLIFF) * SLOP + CLIFF;
-    clearTimeout(timeout.current);
+
     // Avoid freeze and inertia.
-    timeout.current = setTimeout(function () {
+    timeout.start(0, function () {
       apiRef.current.scroll({
         left: scrollPosition.current.left + offset,
         top: scrollPosition.current.top
       });
     });
-  }, [scrollDirection, apiRef]);
-  React.useEffect(function () {
-    return function () {
-      clearTimeout(timeout.current);
-    };
-  }, []);
+  }, [scrollDirection, apiRef, timeout]);
   var handleColumnHeaderDragStart = useEventCallback(function () {
     setDragging(true);
   });

package/legacy/index.js

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

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY5MjkxNDQwMDAwMA==";
+  var releaseInfo = "MTY5MzQzMjgwMDAwMA==";
   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/modern/components/GridScrollArea.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import { styled } from '@mui/system';
-import { getTotalHeaderHeight } from '@mui/x-data-grid/internals';
+import { getTotalHeaderHeight, useTimeout } from '@mui/x-data-grid/internals';
 import { getDataGridUtilityClass, gridClasses, gridDensityFactorSelector, useGridApiContext, useGridApiEventHandler, useGridSelector, gridColumnsTotalWidthSelector } from '@mui/x-data-grid';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -47,7 +47,7 @@ function GridScrollAreaRaw(props) {
   } = props;
   const rootRef = React.useRef(null);
   const apiRef = useGridApiContext();
-  const timeout = React.useRef();
+  const timeout = useTimeout();
   const [dragging, setDragging] = React.useState(false);
   const [canScrollMore, setCanScrollMore] = React.useState(true);
   const densityFactor = useGridSelector(apiRef, gridDensityFactorSelector);
@@ -92,20 +92,15 @@ function GridScrollAreaRaw(props) {
       throw new Error('MUI: Wrong drag direction');
     }
     offset = (offset - CLIFF) * SLOP + CLIFF;
-    clearTimeout(timeout.current);
+
     // Avoid freeze and inertia.
-    timeout.current = setTimeout(() => {
+    timeout.start(0, () => {
       apiRef.current.scroll({
         left: scrollPosition.current.left + offset,
         top: scrollPosition.current.top
       });
     });
-  }, [scrollDirection, apiRef]);
-  React.useEffect(() => {
-    return () => {
-      clearTimeout(timeout.current);
-    };
-  }, []);
+  }, [scrollDirection, apiRef, timeout]);
   const handleColumnHeaderDragStart = useEventCallback(() => {
     setDragging(true);
   });

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.12.0
+ * @mui/x-data-grid-pro v6.12.1
  *
  * @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 = "MTY5MjkxNDQwMDAwMA==";
+  const releaseInfo = "MTY5MzQzMjgwMDAwMA==";
   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/node/components/GridScrollArea.js

@@ -56,7 +56,7 @@ function GridScrollAreaRaw(props) {
   } = props;
   const rootRef = React.useRef(null);
   const apiRef = (0, _xDataGrid.useGridApiContext)();
-  const timeout = React.useRef();
+  const timeout = (0, _internals.useTimeout)();
   const [dragging, setDragging] = React.useState(false);
   const [canScrollMore, setCanScrollMore] = React.useState(true);
   const densityFactor = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridDensityFactorSelector);
@@ -101,20 +101,15 @@ function GridScrollAreaRaw(props) {
       throw new Error('MUI: Wrong drag direction');
     }
     offset = (offset - CLIFF) * SLOP + CLIFF;
-    clearTimeout(timeout.current);
+
     // Avoid freeze and inertia.
-    timeout.current = setTimeout(() => {
+    timeout.start(0, () => {
       apiRef.current.scroll({
         left: scrollPosition.current.left + offset,
         top: scrollPosition.current.top
       });
     });
-  }, [scrollDirection, apiRef]);
-  React.useEffect(() => {
-    return () => {
-      clearTimeout(timeout.current);
-    };
-  }, []);
+  }, [scrollDirection, apiRef, timeout]);
   const handleColumnHeaderDragStart = (0, _utils.unstable_useEventCallback)(() => {
     setDragging(true);
   });

package/node/index.js

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

package/node/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY5MjkxNDQwMDAwMA==";
+  const releaseInfo = "MTY5MzQzMjgwMDAwMA==";
   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": "6.12.0",
+  "version": "6.12.1",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,8 +32,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.22.11",
-    "@mui/utils": "^5.14.5",
-    "@mui/x-data-grid": "6.12.0",
+    "@mui/utils": "^5.14.7",
+    "@mui/x-data-grid": "6.12.1",
     "@mui/x-license-pro": "6.10.2",
     "@types/format-util": "^1.0.2",
     "clsx": "^2.0.0",

package/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5MjkxNDQwMDAwMA==";
+  const releaseInfo = "MTY5MzQzMjgwMDAwMA==";
   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