@mui/x-data-grid-premium 7.13.0 → 7.14.0

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.14.0
+
+_Aug 23, 2024_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 💫 Allow [filtering the axis on zoom](https://mui.com/x/react-charts/zoom-and-pan/#zoom-filtering), making the axis adapt by removing values outside the view.
+
+  <img width="600" src="https://github.com/user-attachments/assets/e65bbd00-d2a8-4136-81cd-3598f1373c16" alt="filtering the axis on zoom" />
+
+- 📊 Improve bar chart performances
+- 🌍 Improve Czech (cs-CZ) and Hebrew (he-IL) locales on the Data Grid
+- 🌍 Improve Chinese (zh-HK), Hebrew (he-IL), and Vietnamese (vi-VN) locales on the Date and Time Pickers
+- 🐞 Bugfixes
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.14.0`
+
+- [DataGrid] Use readonly array result for `getTreeDataPath` (#11743) @pcorpet
+- [DataGrid] Use `event.key` for `Tab` and `Escape` keys (#14170) @k-rajat19
+- [DataGrid] Introduce selectors with arguments (#14236) @MBilalShafi
+- [DataGrid] include `api` in `gridCellParams` interface (#14201) @k-rajat19
+- [l10n] Improve Czech (cs-CZ) locale (#14135) @chirimiri22
+- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
+
+#### `@mui/x-data-grid-pro@7.14.0` [![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.14.0`.
+
+#### `@mui/x-data-grid-premium@7.14.0` [![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.14.0`, plus:
+
+- [DataGridPremium] Fix clipboard paste not working for a single cell on non-first page (#14261) @arminmeh
+- [DataGridPremium] Fix `onCellSelectionModelChange` not triggered when additional cell range is selected (#14199) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.14.0`
+
+- [l10n] Improve Chinese (zh-HK) locale (#13289) @yeeharn
+- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
+- [l10n] Improve Vietnamese (vi-VN) locale (#14238) @locnbk2002
+- [TimePicker] Handle `Space` and `Enter` on the `TimeClock` component @arthurbalduini
+
+#### `@mui/x-date-pickers-pro@7.14.0` [![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.14.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.14.0`
+
+- [charts] Fix grid overflow with zooming (#14280) @alexfauquette
+- [charts] Improve bar chart performances (#14278) @alexfauquette
+- [charts] Test pointer events (#14042) @alexfauquette
+- [charts] Use `isPointInside` function for both graphs and axis (#14222) @JCQuintas
+
+#### `@mui/x-charts-pro@7.0.0-alpha.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.14.0`, plus:
+
+- [charts-pro] Zoom axis filtering (#14121) @JCQuintas
+
+### Docs
+
+- [docs] Consistent use of UTC and timezones (#14250) @oliviertassinari
+- [docs] Fix missing leading slashes in URLs (#14249) @oliviertassinari
+- [docs] Dash usage revision on pickers pages (#14260) @arthurbalduini
+
+### Core
+
+- [core] Follow JSDocs convention @oliviertassinari
+- [core] Prepare for material v6 (#14143) @LukasTy
+- [code-infra] Set up `eslint-plugin-testing-library` (#14232) @LukasTy
+- [infra] Updated mui-x roadmap links with new project URL (#14271) @michelengelen
+
 ## 7.13.0
 
 _Aug 16, 2024_
@@ -58,7 +138,7 @@ Same changes as in `@mui/x-date-pickers@7.13.0`.
 - [charts] Rename `CartesianContextProvider` to `CartesianProvider` (#14102) @JCQuintas
 - [charts] Support axis with the same value for all data points (#14191) @alexfauquette
 
-#### `@mui/x-date-charts-pro@7.0.0-alpha.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-charts-pro@7.0.0-alpha.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.13.0`.
 
@@ -132,7 +212,7 @@ Same changes as in `@mui/x-date-pickers@7.12.1`.
 - [charts] Fix charts vendor publish config (#14073) @JCQuintas
 - [charts] Move `plugins` to `PluginProvider` (#14056) @JCQuintas
 
-#### `@mui/x-date-charts-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-charts-pro@7.0.0-alpha.0` [![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.12.1`, plus:
 

package/components/GridGroupingColumnLeafCell.js

@@ -17,8 +17,13 @@ function GridGroupingColumnLeafCell(props) {
   } = props;
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-    sx: {
-      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 1 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
+    sx: [rootProps.rowGroupingColumnMode === 'multiple' ? {
+      ml: 1
+    } : theme => ({
+      ml: `calc(var(--DataGrid-cellOffsetMultiplier) * var(--depth) * ${theme.spacing(1)})`
+    })],
+    style: {
+      '--depth': rowNode.depth
     },
     children: props.formattedValue ?? props.value
   });

package/components/GridGroupingCriteriaCell.js

@@ -70,8 +70,13 @@ function GridGroupingCriteriaCell(props) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     className: classes.root,
-    sx: {
-      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
+    sx: [rootProps.rowGroupingColumnMode === 'multiple' ? {
+      ml: 0
+    } : theme => ({
+      ml: `calc(var(--DataGrid-cellOffsetMultiplier) * var(--depth) * ${theme.spacing(1)})`
+    })],
+    style: {
+      '--depth': rowNode.depth
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.toggle,

package/esm/components/GridGroupingColumnLeafCell.js

@@ -8,8 +8,13 @@ function GridGroupingColumnLeafCell(props) {
   } = props;
   const rootProps = useGridRootProps();
   return /*#__PURE__*/_jsx(Box, {
-    sx: {
-      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 1 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
+    sx: [rootProps.rowGroupingColumnMode === 'multiple' ? {
+      ml: 1
+    } : theme => ({
+      ml: `calc(var(--DataGrid-cellOffsetMultiplier) * var(--depth) * ${theme.spacing(1)})`
+    })],
+    style: {
+      '--depth': rowNode.depth
     },
     children: props.formattedValue ?? props.value
   });

package/esm/components/GridGroupingCriteriaCell.js

@@ -61,8 +61,13 @@ export function GridGroupingCriteriaCell(props) {
   }
   return /*#__PURE__*/_jsxs(Box, {
     className: classes.root,
-    sx: {
-      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
+    sx: [rootProps.rowGroupingColumnMode === 'multiple' ? {
+      ml: 0
+    } : theme => ({
+      ml: `calc(var(--DataGrid-cellOffsetMultiplier) * var(--depth) * ${theme.spacing(1)})`
+    })],
+    style: {
+      '--depth': rowNode.depth
     },
     children: [/*#__PURE__*/_jsx("div", {
       className: classes.toggle,

package/esm/hooks/features/cellSelection/useGridCellSelection.js

@@ -76,7 +76,7 @@ export const useGridCellSelection = (apiRef, props) => {
     const visibleColumns = apiRef.current.getVisibleColumns();
     const rowsInRange = visibleRows.rows.slice(finalStartRowIndex, finalEndRowIndex + 1);
     const columnsInRange = visibleColumns.slice(finalStartColumnIndex, finalEndColumnIndex + 1);
-    const newModel = keepOtherSelected ? apiRef.current.getCellSelectionModel() : {};
+    const newModel = keepOtherSelected ? _extends({}, apiRef.current.getCellSelectionModel()) : {};
     rowsInRange.forEach(row => {
       if (!newModel[row.id]) {
         newModel[row.id] = {};

package/esm/hooks/features/clipboard/useGridClipboardImport.js

@@ -151,7 +151,8 @@ function defaultPasteResolver({
   pastedData,
   apiRef,
   updateCell,
-  pagination
+  pagination,
+  paginationMode
 }) {
   const isSingleValuePasted = pastedData.length === 1 && pastedData[0].length === 1;
   const cellSelectionModel = apiRef.current.getCellSelectionModel();
@@ -228,7 +229,7 @@ function defaultPasteResolver({
   }
   const selectedRowId = selectedCell.id;
   const selectedRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(selectedRowId);
-  const visibleRowIds = pagination ? gridPaginatedVisibleSortedGridRowIdsSelector(apiRef) : gridExpandedSortedRowIdsSelector(apiRef);
+  const visibleRowIds = pagination && paginationMode === 'client' ? gridPaginatedVisibleSortedGridRowIdsSelector(apiRef) : gridExpandedSortedRowIdsSelector(apiRef);
   const selectedFieldIndex = visibleColumnFields.indexOf(selectedCell.field);
   pastedData.forEach((rowData, index) => {
     const rowId = visibleRowIds[selectedRowIndex + index];
@@ -256,6 +257,7 @@ export const useGridClipboardImport = (apiRef, props) => {
   const splitClipboardPastedText = props.splitClipboardPastedText;
   const {
     pagination,
+    paginationMode,
     onBeforeClipboardPasteStart
   } = props;
   const handlePaste = React.useCallback(async (params, event) => {
@@ -309,10 +311,11 @@ export const useGridClipboardImport = (apiRef, props) => {
       updateCell: (...args) => {
         cellUpdater.updateCell(...args);
       },
-      pagination
+      pagination,
+      paginationMode
     });
     cellUpdater.applyUpdates();
-  }, [apiRef, processRowUpdate, onProcessRowUpdateError, getRowId, enableClipboardPaste, rootEl, splitClipboardPastedText, pagination, onBeforeClipboardPasteStart, logger]);
+  }, [apiRef, processRowUpdate, onProcessRowUpdateError, getRowId, enableClipboardPaste, rootEl, splitClipboardPastedText, pagination, paginationMode, onBeforeClipboardPasteStart, logger]);
   const checkIfCanStartEditing = React.useCallback((initialValue, {
     event
   }) => {

package/esm/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcyMzc1NTYwMDAwMA==";
+  const releaseInfo = "MTcyNDM2MDQwMDAwMA==";
   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/cellSelection/useGridCellSelection.js

@@ -86,7 +86,7 @@ const useGridCellSelection = (apiRef, props) => {
     const visibleColumns = apiRef.current.getVisibleColumns();
     const rowsInRange = visibleRows.rows.slice(finalStartRowIndex, finalEndRowIndex + 1);
     const columnsInRange = visibleColumns.slice(finalStartColumnIndex, finalEndColumnIndex + 1);
-    const newModel = keepOtherSelected ? apiRef.current.getCellSelectionModel() : {};
+    const newModel = keepOtherSelected ? (0, _extends2.default)({}, apiRef.current.getCellSelectionModel()) : {};
     rowsInRange.forEach(row => {
       if (!newModel[row.id]) {
         newModel[row.id] = {};

package/hooks/features/clipboard/useGridClipboardImport.js

@@ -160,7 +160,8 @@ function defaultPasteResolver({
   pastedData,
   apiRef,
   updateCell,
-  pagination
+  pagination,
+  paginationMode
 }) {
   const isSingleValuePasted = pastedData.length === 1 && pastedData[0].length === 1;
   const cellSelectionModel = apiRef.current.getCellSelectionModel();
@@ -237,7 +238,7 @@ function defaultPasteResolver({
   }
   const selectedRowId = selectedCell.id;
   const selectedRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(selectedRowId);
-  const visibleRowIds = pagination ? (0, _xDataGrid.gridPaginatedVisibleSortedGridRowIdsSelector)(apiRef) : (0, _xDataGrid.gridExpandedSortedRowIdsSelector)(apiRef);
+  const visibleRowIds = pagination && paginationMode === 'client' ? (0, _xDataGrid.gridPaginatedVisibleSortedGridRowIdsSelector)(apiRef) : (0, _xDataGrid.gridExpandedSortedRowIdsSelector)(apiRef);
   const selectedFieldIndex = visibleColumnFields.indexOf(selectedCell.field);
   pastedData.forEach((rowData, index) => {
     const rowId = visibleRowIds[selectedRowIndex + index];
@@ -265,6 +266,7 @@ const useGridClipboardImport = (apiRef, props) => {
   const splitClipboardPastedText = props.splitClipboardPastedText;
   const {
     pagination,
+    paginationMode,
     onBeforeClipboardPasteStart
   } = props;
   const handlePaste = React.useCallback(async (params, event) => {
@@ -318,10 +320,11 @@ const useGridClipboardImport = (apiRef, props) => {
       updateCell: (...args) => {
         cellUpdater.updateCell(...args);
       },
-      pagination
+      pagination,
+      paginationMode
     });
     cellUpdater.applyUpdates();
-  }, [apiRef, processRowUpdate, onProcessRowUpdateError, getRowId, enableClipboardPaste, rootEl, splitClipboardPastedText, pagination, onBeforeClipboardPasteStart, logger]);
+  }, [apiRef, processRowUpdate, onProcessRowUpdateError, getRowId, enableClipboardPaste, rootEl, splitClipboardPastedText, pagination, paginationMode, onBeforeClipboardPasteStart, logger]);
   const checkIfCanStartEditing = React.useCallback((initialValue, {
     event
   }) => {

package/index.js

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

package/modern/components/GridGroupingColumnLeafCell.js

@@ -8,8 +8,13 @@ function GridGroupingColumnLeafCell(props) {
   } = props;
   const rootProps = useGridRootProps();
   return /*#__PURE__*/_jsx(Box, {
-    sx: {
-      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 1 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
+    sx: [rootProps.rowGroupingColumnMode === 'multiple' ? {
+      ml: 1
+    } : theme => ({
+      ml: `calc(var(--DataGrid-cellOffsetMultiplier) * var(--depth) * ${theme.spacing(1)})`
+    })],
+    style: {
+      '--depth': rowNode.depth
     },
     children: props.formattedValue ?? props.value
   });

package/modern/components/GridGroupingCriteriaCell.js

@@ -61,8 +61,13 @@ export function GridGroupingCriteriaCell(props) {
   }
   return /*#__PURE__*/_jsxs(Box, {
     className: classes.root,
-    sx: {
-      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
+    sx: [rootProps.rowGroupingColumnMode === 'multiple' ? {
+      ml: 0
+    } : theme => ({
+      ml: `calc(var(--DataGrid-cellOffsetMultiplier) * var(--depth) * ${theme.spacing(1)})`
+    })],
+    style: {
+      '--depth': rowNode.depth
     },
     children: [/*#__PURE__*/_jsx("div", {
       className: classes.toggle,

package/modern/hooks/features/cellSelection/useGridCellSelection.js

@@ -76,7 +76,7 @@ export const useGridCellSelection = (apiRef, props) => {
     const visibleColumns = apiRef.current.getVisibleColumns();
     const rowsInRange = visibleRows.rows.slice(finalStartRowIndex, finalEndRowIndex + 1);
     const columnsInRange = visibleColumns.slice(finalStartColumnIndex, finalEndColumnIndex + 1);
-    const newModel = keepOtherSelected ? apiRef.current.getCellSelectionModel() : {};
+    const newModel = keepOtherSelected ? _extends({}, apiRef.current.getCellSelectionModel()) : {};
     rowsInRange.forEach(row => {
       if (!newModel[row.id]) {
         newModel[row.id] = {};

package/modern/hooks/features/clipboard/useGridClipboardImport.js

@@ -151,7 +151,8 @@ function defaultPasteResolver({
   pastedData,
   apiRef,
   updateCell,
-  pagination
+  pagination,
+  paginationMode
 }) {
   const isSingleValuePasted = pastedData.length === 1 && pastedData[0].length === 1;
   const cellSelectionModel = apiRef.current.getCellSelectionModel();
@@ -228,7 +229,7 @@ function defaultPasteResolver({
   }
   const selectedRowId = selectedCell.id;
   const selectedRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(selectedRowId);
-  const visibleRowIds = pagination ? gridPaginatedVisibleSortedGridRowIdsSelector(apiRef) : gridExpandedSortedRowIdsSelector(apiRef);
+  const visibleRowIds = pagination && paginationMode === 'client' ? gridPaginatedVisibleSortedGridRowIdsSelector(apiRef) : gridExpandedSortedRowIdsSelector(apiRef);
   const selectedFieldIndex = visibleColumnFields.indexOf(selectedCell.field);
   pastedData.forEach((rowData, index) => {
     const rowId = visibleRowIds[selectedRowIndex + index];
@@ -256,6 +257,7 @@ export const useGridClipboardImport = (apiRef, props) => {
   const splitClipboardPastedText = props.splitClipboardPastedText;
   const {
     pagination,
+    paginationMode,
     onBeforeClipboardPasteStart
   } = props;
   const handlePaste = React.useCallback(async (params, event) => {
@@ -309,10 +311,11 @@ export const useGridClipboardImport = (apiRef, props) => {
       updateCell: (...args) => {
         cellUpdater.updateCell(...args);
       },
-      pagination
+      pagination,
+      paginationMode
     });
     cellUpdater.applyUpdates();
-  }, [apiRef, processRowUpdate, onProcessRowUpdateError, getRowId, enableClipboardPaste, rootEl, splitClipboardPastedText, pagination, onBeforeClipboardPasteStart, logger]);
+  }, [apiRef, processRowUpdate, onProcessRowUpdateError, getRowId, enableClipboardPaste, rootEl, splitClipboardPastedText, pagination, paginationMode, onBeforeClipboardPasteStart, logger]);
   const checkIfCanStartEditing = React.useCallback((initialValue, {
     event
   }) => {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v7.13.0
+ * @mui/x-data-grid-premium v7.14.0
  *
  * @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 = "MTcyMzc1NTYwMDAwMA==";
+  const releaseInfo = "MTcyNDM2MDQwMDAwMA==";
   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-premium",
-  "version": "7.13.0",
+  "version": "7.14.0",
   "description": "The Premium plan edition of the Data Grid Components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -34,17 +34,17 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.25.0",
-    "@mui/system": "^5.16.5",
-    "@mui/utils": "^5.16.5",
+    "@mui/system": "^5.16.7",
+    "@mui/utils": "^5.16.6",
     "@types/format-util": "^1.0.4",
     "clsx": "^2.1.1",
     "exceljs": "^4.4.0",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.8",
-    "@mui/x-data-grid": "7.13.0",
-    "@mui/x-data-grid-pro": "7.13.0",
-    "@mui/x-license": "7.13.0",
-    "@mui/x-internals": "7.13.0"
+    "@mui/x-data-grid": "7.14.0",
+    "@mui/x-data-grid-pro": "7.14.0",
+    "@mui/x-internals": "7.14.0",
+    "@mui/x-license": "7.14.0"
   },
   "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 = "MTcyMzc1NTYwMDAwMA==";
+  const releaseInfo = "MTcyNDM2MDQwMDAwMA==";
   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