@mui/x-data-grid-pro 6.0.2 → 6.0.3

package/CHANGELOG.md

@@ -3,6 +3,60 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.0.3
+
+_Mar 23, 2023_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Bulgarian (bg-BG), Persian (fa-IR), Polish (pl-PL), and Dutch (nl-NL) locales
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.0.3` / `@mui/x-data-grid-pro@v6.0.3` / `@mui/x-data-grid-premium@v6.0.3`
+
+#### Changes
+
+- [DataGrid] Fix overflow calculation issue in column group headers (#8246) @MBilalShafi
+- [DataGridPro] Fix column reorder glitches (#8335) @cherniavskii
+- [l10n] Improve Bulgarian (bg-BG) locale (#8315) @todevmilen
+- [l10n] Improve Persian (fa-IR) locale (#8268) @fakhamatia
+- [l10n] improve Dutch (nl-NL) locale (#8317) @developenguin
+
+### `@mui/x-date-pickers@v6.0.3` / `@mui/x-date-pickers-pro@v6.0.3`
+
+#### Changes
+
+- [fields] Allow to reset the value from the outside (#8287) @flaviendelangle
+- [fields] Cleanup section order generation (#8290) @flaviendelangle
+- [fields] Fix Safari input selection resetting regression (#8295) @LukasTy
+- [fields] Fix editing when all sections are selected (#8330) @flaviendelangle
+- [fields] Fix iOS browser scroll jumping when entering data (#8328) @LukasTy
+- [fields] New prop `unstableFieldRef` to imperatively interact with the selected sections (#8235) @flaviendelangle
+- [pickers] Align date calendar colors (#8318) @LukasTy
+- [pickers] Support invalid dates from the field (#8298) @flaviendelangle
+- [l10n] Improve Persian (fa-IR) locale (#8268) @fakhamatia
+- [l10n] Improve Polish (pl-PL) locale (#8344) @drmats
+- [l10n] improve Dutch (nl-NL) locale (#8317) @developenguin
+
+### Docs
+
+- [docs] Create examples of pickers with custom fields (#8034) @flaviendelangle
+- [docs] Fix 301 redirections @oliviertassinari
+- [docs] Fix link to React's docs @oliviertassinari
+- [docs] Fix pro license links to point to the same page (#8303) @LukasTy
+- [docs] Give an incentive to upgrade (#8269) @oliviertassinari
+- [docs] Improve contrast on data grid navigation (#8239) @oliviertassinari
+- [docs] Update shortcuts page to use slotProps (#8288) @dcorb
+- [docs] Explain the `shouldDisableTime` migration in more depth (#8348) @LukasTy
+
+### Core
+
+- [core] Remove unused `visx` chart package (#8259) @LukasTy
+- [core] Upgrade monorepo (#8331) @cherniavskii
+- [charts] Project setup (#8308) @alexfauquette
+- [test] Track visual regressions of column menu and filter/column panels (#8095) @cherniavskii
+
 ## 6.0.2
 
 _Mar 16, 2023_
@@ -98,11 +152,9 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
 
 _Mar 3, 2023_
 
-We're happy to announce the first v6 stable release! 🎉🚀
+We're excited to [announce the first v6 stable release](https://mui.com/blog/mui-x-v6/)! 🎉🚀
 
 This is now the officially supported major version, where we'll keep rolling out new features, bug fixes, and improvements.
-Head over to the [what's new](https://mui.com/x/whats-new/) page to check the highlighted new features.
-
 Migration guides are available with a complete list of the breaking changes:
 
 - [Data Grid](https://mui.com/x/migration/migration-data-grid-v5/)
@@ -119,6 +171,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
   -  experimentalFeatures={{ rowPinning: true }}
    />
   ```
+
 - ⚡️ Improved grid performance by rows and cells memoization (#7846) @m4theushw
 - ✨ Fields have a distinct visual state when empty (#8069) @LukasTy
 - 🌍 Improve Czech (cs-CZ) locale (#8113) @BlastyCZ
@@ -556,14 +609,14 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
   ```
 
 - The `error` and `onError` props were removed - the grid no longer catches errors during rendering.
-  To catch errors that happen during rendering use the [error boundary](https://reactjs.org/docs/error-boundaries.html).
+  To catch errors that happen during rendering use the [error boundary](https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary).
 
 - The `components.ErrorOverlay` slot was removed.
 
 - The `GridErrorOverlay` component was removed.
 
 - The `componentError` event was removed.
-  Use the [error boundary](https://reactjs.org/docs/error-boundaries.html) to catch errors thrown during rendering.
+  Use the [error boundary](https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary) to catch errors thrown during rendering.
 
 - The `apiRef.current.showError` method was removed.
   The UI for errors is no longer handled by the grid.

package/components/DataGridProVirtualScroller.js

@@ -110,11 +110,11 @@ const VirtualScrollerPinnedColumns = styled('div', {
     borderLeftStyle: 'solid'
   });
 });
-var PinnedRowsPosition;
-(function (PinnedRowsPosition) {
+var PinnedRowsPosition = /*#__PURE__*/function (PinnedRowsPosition) {
   PinnedRowsPosition["top"] = "top";
   PinnedRowsPosition["bottom"] = "bottom";
-})(PinnedRowsPosition || (PinnedRowsPosition = {}));
+  return PinnedRowsPosition;
+}(PinnedRowsPosition || {});
 const VirtualScrollerPinnedRows = styled('div', {
   name: 'MuiDataGrid',
   slot: 'PinnedRows',

package/hooks/features/columnPinning/gridColumnPinningInterface.js

@@ -1,9 +1,9 @@
-var GridPinnedPosition;
+var GridPinnedPosition = /*#__PURE__*/function (GridPinnedPosition) {
+  GridPinnedPosition["left"] = "left";
+  GridPinnedPosition["right"] = "right";
+  return GridPinnedPosition;
+}(GridPinnedPosition || {});
 /**
  * The column pinning API interface that is available in the grid [[apiRef]].
  */
-(function (GridPinnedPosition) {
-  GridPinnedPosition["left"] = "left";
-  GridPinnedPosition["right"] = "right";
-})(GridPinnedPosition || (GridPinnedPosition = {}));
 export { GridPinnedPosition };

package/hooks/features/columnReorder/useGridColumnReorder.js

@@ -154,8 +154,8 @@ export const useGridColumnReorder = (apiRef, props) => {
       const visibleColumns = apiRef.current.getVisibleColumns();
       const allColumns = apiRef.current.getAllColumns();
       const cursorMoveDirectionX = getCursorMoveDirectionX(cursorPosition.current, coordinates);
-      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex;
-      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex;
+      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && (theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex);
+      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && (theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex);
       if (hasMovedLeft || hasMovedRight) {
         let canBeReordered;
         let indexOffsetInHiddenColumns = 0;

package/index.js

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

package/legacy/components/DataGridProVirtualScroller.js

@@ -114,11 +114,11 @@ var VirtualScrollerPinnedColumns = styled('div', {
     borderLeftStyle: 'solid'
   });
 });
-var PinnedRowsPosition;
-(function (PinnedRowsPosition) {
+var PinnedRowsPosition = /*#__PURE__*/function (PinnedRowsPosition) {
   PinnedRowsPosition["top"] = "top";
   PinnedRowsPosition["bottom"] = "bottom";
-})(PinnedRowsPosition || (PinnedRowsPosition = {}));
+  return PinnedRowsPosition;
+}(PinnedRowsPosition || {});
 var VirtualScrollerPinnedRows = styled('div', {
   name: 'MuiDataGrid',
   slot: 'PinnedRows',

package/legacy/hooks/features/columnPinning/gridColumnPinningInterface.js

@@ -1,9 +1,9 @@
-var GridPinnedPosition;
+var GridPinnedPosition = /*#__PURE__*/function (GridPinnedPosition) {
+  GridPinnedPosition["left"] = "left";
+  GridPinnedPosition["right"] = "right";
+  return GridPinnedPosition;
+}(GridPinnedPosition || {});
 /**
  * The column pinning API interface that is available in the grid [[apiRef]].
  */
-(function (GridPinnedPosition) {
-  GridPinnedPosition["left"] = "left";
-  GridPinnedPosition["right"] = "right";
-})(GridPinnedPosition || (GridPinnedPosition = {}));
 export { GridPinnedPosition };

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

@@ -161,8 +161,8 @@ export var useGridColumnReorder = function useGridColumnReorder(apiRef, props) {
       var visibleColumns = apiRef.current.getVisibleColumns();
       var allColumns = apiRef.current.getAllColumns();
       var cursorMoveDirectionX = getCursorMoveDirectionX(cursorPosition.current, coordinates);
-      var hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex;
-      var hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex;
+      var hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && (theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex);
+      var hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && (theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex);
       if (hasMovedLeft || hasMovedRight) {
         var canBeReordered;
         var indexOffsetInHiddenColumns = 0;

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.0.2
+ * @mui/x-data-grid-pro v6.0.3
  *
  * @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 = "MTY3ODkxNzYwMDAwMA==";
+  var releaseInfo = "MTY3OTUyNjAwMDAwMA==";
   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/DataGridProVirtualScroller.js

@@ -108,11 +108,11 @@ const VirtualScrollerPinnedColumns = styled('div', {
     borderLeftStyle: 'solid'
   });
 });
-var PinnedRowsPosition;
-(function (PinnedRowsPosition) {
+var PinnedRowsPosition = /*#__PURE__*/function (PinnedRowsPosition) {
   PinnedRowsPosition["top"] = "top";
   PinnedRowsPosition["bottom"] = "bottom";
-})(PinnedRowsPosition || (PinnedRowsPosition = {}));
+  return PinnedRowsPosition;
+}(PinnedRowsPosition || {});
 const VirtualScrollerPinnedRows = styled('div', {
   name: 'MuiDataGrid',
   slot: 'PinnedRows',

package/modern/hooks/features/columnPinning/gridColumnPinningInterface.js

@@ -1,9 +1,9 @@
-var GridPinnedPosition;
+var GridPinnedPosition = /*#__PURE__*/function (GridPinnedPosition) {
+  GridPinnedPosition["left"] = "left";
+  GridPinnedPosition["right"] = "right";
+  return GridPinnedPosition;
+}(GridPinnedPosition || {});
 /**
  * The column pinning API interface that is available in the grid [[apiRef]].
  */
-(function (GridPinnedPosition) {
-  GridPinnedPosition["left"] = "left";
-  GridPinnedPosition["right"] = "right";
-})(GridPinnedPosition || (GridPinnedPosition = {}));
 export { GridPinnedPosition };

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

@@ -152,8 +152,8 @@ export const useGridColumnReorder = (apiRef, props) => {
       const visibleColumns = apiRef.current.getVisibleColumns();
       const allColumns = apiRef.current.getAllColumns();
       const cursorMoveDirectionX = getCursorMoveDirectionX(cursorPosition.current, coordinates);
-      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex;
-      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex;
+      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && (theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex);
+      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && (theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex);
       if (hasMovedLeft || hasMovedRight) {
         let canBeReordered;
         let indexOffsetInHiddenColumns = 0;

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.0.2
+ * @mui/x-data-grid-pro v6.0.3
  *
  * @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 = "MTY3ODkxNzYwMDAwMA==";
+  const releaseInfo = "MTY3OTUyNjAwMDAwMA==";
   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/DataGridProVirtualScroller.js

@@ -117,11 +117,11 @@ const VirtualScrollerPinnedColumns = (0, _styles.styled)('div', {
     borderLeftStyle: 'solid'
   });
 });
-var PinnedRowsPosition;
-(function (PinnedRowsPosition) {
+var PinnedRowsPosition = /*#__PURE__*/function (PinnedRowsPosition) {
   PinnedRowsPosition["top"] = "top";
   PinnedRowsPosition["bottom"] = "bottom";
-})(PinnedRowsPosition || (PinnedRowsPosition = {}));
+  return PinnedRowsPosition;
+}(PinnedRowsPosition || {});
 const VirtualScrollerPinnedRows = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'PinnedRows',

package/node/hooks/features/columnPinning/gridColumnPinningInterface.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridPinnedPosition = void 0;
-var GridPinnedPosition;
+var GridPinnedPosition = /*#__PURE__*/function (GridPinnedPosition) {
+  GridPinnedPosition["left"] = "left";
+  GridPinnedPosition["right"] = "right";
+  return GridPinnedPosition;
+}(GridPinnedPosition || {});
 /**
  * The column pinning API interface that is available in the grid [[apiRef]].
  */
-exports.GridPinnedPosition = GridPinnedPosition;
-(function (GridPinnedPosition) {
-  GridPinnedPosition["left"] = "left";
-  GridPinnedPosition["right"] = "right";
-})(GridPinnedPosition || (exports.GridPinnedPosition = GridPinnedPosition = {}));
+exports.GridPinnedPosition = GridPinnedPosition;

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

@@ -162,8 +162,8 @@ const useGridColumnReorder = (apiRef, props) => {
       const visibleColumns = apiRef.current.getVisibleColumns();
       const allColumns = apiRef.current.getAllColumns();
       const cursorMoveDirectionX = getCursorMoveDirectionX(cursorPosition.current, coordinates);
-      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex;
-      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex;
+      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && (theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex);
+      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && (theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex);
       if (hasMovedLeft || hasMovedRight) {
         let canBeReordered;
         let indexOffsetInHiddenColumns = 0;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.0.2
+ * @mui/x-data-grid-pro v6.0.3
  *
  * @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 = "MTY3ODkxNzYwMDAwMA==";
+  const releaseInfo = "MTY3OTUyNjAwMDAwMA==";
   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.0.2",
+  "version": "6.0.3",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -31,10 +31,10 @@
     "directory": "packages/grid/x-data-grid-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.13",
+    "@babel/runtime": "^7.21.0",
     "@mui/utils": "^5.11.13",
-    "@mui/x-data-grid": "6.0.2",
-    "@mui/x-license-pro": "6.0.2",
+    "@mui/x-data-grid": "6.0.3",
+    "@mui/x-license-pro": "6.0.3",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",

package/utils/releaseInfo.js

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