@mui/x-data-grid-pro 6.15.0 → 6.16.1

package/CHANGELOG.md

@@ -3,6 +3,150 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.16.1
+
+_Oct 6, 2023_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🥧 Support interaction with pie chart
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.16.1`
+
+- [DataGrid] Add a new demo with sparklines (#9228) @flaviendelangle
+- [DataGrid] Fix autosize missing a few pixels (#10471) @romgrk
+- [DataGrid] Make `disableColumnSelector` demo idempotent (#10548) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@6.16.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@6.16.1`.
+
+#### `@mui/x-data-grid-premium@6.16.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@6.16.1`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.16.1`
+
+- [pickers] Avoid calendar layout shifting when changing views (#10541) @LukasTy
+- [pickers] Fix clearable behavior when disabled (#10542) @noraleonte
+- [pickers] Improve customization playground examples (#10544) @noraleonte
+
+#### `@mui/x-date-pickers-pro@6.16.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@6.16.1`, plus:
+
+- [DateRangePicker] Fix `InputProps` propagation in multi input (#10564) @alexfauquette
+
+### Charts / `@mui/x-charts@6.0.0-alpha.14`
+
+- [charts] Display cursor pointer for pie chart only if `onClick` is provided (#10551) @giladappsforce
+- [charts] Add `onClick` prop to PieChart (#10506) @giladappsforce
+- [charts] Support `slots`/`slotProps` for the tooltip (#10515) @alexfauquette
+
+### Docs
+
+- [docs] Add `DateRangePicker` example with a `Button` trigger (#10485) @LukasTy
+- [docs] Add section about disabling columns panel (#10328) @MBilalShafi
+- [docs] Add section about overriding slots to base concepts (#10421) @noraleonte
+- [docs] Add "What's new" page listing all release announcements (#9727) @joserodolfofreitas
+- [docs] Update RTL Support section of the grid localization docs (#10561) @MBilalShafi
+
+### Core
+
+- [core] Fix casing consistency with legal and marketing content @oliviertassinari
+- [core] Revert the link in the priority support ticket description (#10517) @michelengelen
+- [CHANGELOG] Polish image @oliviertassinari
+
+## 6.16.0
+
+_Sep 29, 2023_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Add a clearable behavior to all the single input pickers and fields (#9095) @noraleonte
+
+  The pickers and fields now have an out-of-the box implementation for clearing the field value. You can see the documentation for this behavior on the [Date Picker documentation](https://mui.com/x/react-date-pickers/date-picker/#clearing-the-value).
+
+  <img width="337" height="139" alt="Clearable behavior" src="https://github.com/mui/mui-x/assets/3165635/a5407cb6-0b8a-443c-b4b9-1f81ceb4d087">
+
+- 💫 Add Date Picker customization playground (#9581) @noraleonte
+
+  You can play around with style customization options on the [Date Picker documentation](https://mui.com/x/react-date-pickers/date-picker/#customization).
+
+  We are thrilled to hear your feedback about this functionality!
+
+- 🚀 Fix header filters menu auto closing on render (#10483) @MBilalShafi
+- 🎯 Fix column headers scroll when theme scoping is used (#10437) @cherniavskii
+- 🌍 Improve Russian (ru-RU) locale on the data grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.16.0`
+
+- [DataGrid] Fix column headers scroll when theme scoping is used (#10437) @cherniavskii
+- [DataGrid] Rename `global` to `globalScope` due to Jest issue (#10470) @romgrk
+- [l10n] Improve Russian (ru-RU) locale (#10464 and #10407) @NKodos
+
+#### `@mui/x-data-grid-pro@6.16.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@6.16.0`, plus:
+
+- [DataGridPro] Fix header filters menu auto closing on render (#10483) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@6.16.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@6.16.0`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.16.0`
+
+- [pickers] Add warning to `shouldDisableDate` validation (#10502) @michelengelen
+- [pickers] Implement `clearable` field behavior (#9095) @noraleonte
+- [pickers] Refactor `dayOfWeekFormatter` (#10345) @michelengelen
+
+#### `@mui/x-date-pickers-pro@6.16.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@6.16.0`.
+
+### Charts / `@mui/x-charts@6.0.0-alpha.13`
+
+- [charts] Share upfront future Pro features (#10465) @oliviertassinari
+
+### Tree View / `@mui/x-tree-view@6.0.0-beta.0`
+
+- [TreeView] Do not try to focus a collapsed node when re-focusing the TreeView (#10422) @flaviendelangle
+- [TreeView] Fix the typing of the `Multiple` generic (#10478) @flaviendelangle
+
+### Docs
+
+- [docs] Correct the typo in data grid api docs (#10477) @MBilalShafi
+- [docs] Add customization playground (#9581) @noraleonte
+- [docs] Fix Tree View product ID (#10428) @oliviertassinari
+- [docs] Fix demo crashing when all rows are deleted (#10438) @cherniavskii
+- [docs] Fix mobile scrollbar column resize (#10455) @oliviertassinari
+- [docs] Fix usage of `GridRenderCellParams` interface (#10435) @cherniavskii
+
+### Core
+
+- [core] Fix typo in header data grid quick filter @oliviertassinari
+- [core] Group D3 renovate PRs (#10480) @flaviendelangle
+- [core] Link the priority support page (#10495) @michelengelen
+- [core] Move the pickers describes to the test utils folder (#10490) @flaviendelangle
+- [core] Priority Support casing normalization @oliviertassinari
+- [core] Remove automated DataGrid performance tests (#10414) @romgrk
+- [core] Sync `prism-okaidia.css` with docs-infra @oliviertassinari
+- [core] Update issue actions & templates (#10375) @romgrk
+- [core] Update release guide (#10468) @DanailH
+
 ## 6.15.0
 
 _Sep 22, 2023_

package/components/headerFiltering/GridHeaderFilterMenu.js

@@ -36,7 +36,6 @@ function GridHeaderFilterMenu({
     open: open,
     target: target,
     onClose: hideMenu,
-    onExited: hideMenu,
     children: /*#__PURE__*/_jsx(MenuList, {
       "aria-labelledby": labelledBy,
       id: id,

package/hooks/features/columnResize/useGridColumnResize.js

@@ -129,6 +129,8 @@ function excludeOutliers(inputValues, factor) {
 }
 function extractColumnWidths(apiRef, options, columns) {
   const widthByField = {};
+  const root = apiRef.current.rootElementRef.current;
+  root.classList.add(gridClasses.autosizing);
   columns.forEach(column => {
     const cells = findGridCells(apiRef.current, column.field);
     const widths = cells.map(cell => {
@@ -141,7 +143,7 @@ function extractColumnWidths(apiRef, options, columns) {
       }
       const style = window.getComputedStyle(cell, null);
       const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
-      const contentWidth = ((_cell$firstElementChi = (_cell$firstElementChi2 = cell.firstElementChild) == null ? void 0 : _cell$firstElementChi2.scrollWidth) != null ? _cell$firstElementChi : -1) + 1;
+      const contentWidth = (_cell$firstElementChi = (_cell$firstElementChi2 = cell.firstElementChild) == null ? void 0 : _cell$firstElementChi2.getBoundingClientRect().width) != null ? _cell$firstElementChi : 0;
       return paddingWidth + contentWidth;
     });
     const filteredWidths = options.includeOutliers ? widths : excludeOutliers(widths, options.outliersFactor);
@@ -165,6 +167,7 @@ function extractColumnWidths(apiRef, options, columns) {
     const maxContent = filteredWidths.length === 0 ? 0 : Math.max(...filteredWidths);
     widthByField[column.field] = clamp(maxContent, min, max);
   });
+  root.classList.remove(gridClasses.autosizing);
   return widthByField;
 }
 export const columnResizeStateInitializer = state => _extends({}, state, {

package/index.js

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

package/legacy/components/headerFiltering/GridHeaderFilterMenu.js

@@ -35,7 +35,6 @@ function GridHeaderFilterMenu(_ref) {
     open: open,
     target: target,
     onClose: hideMenu,
-    onExited: hideMenu,
     children: /*#__PURE__*/_jsx(MenuList, {
       "aria-labelledby": labelledBy,
       id: id,

package/legacy/hooks/features/columnResize/useGridColumnResize.js

@@ -138,6 +138,8 @@ function excludeOutliers(inputValues, factor) {
 }
 function extractColumnWidths(apiRef, options, columns) {
   var widthByField = {};
+  var root = apiRef.current.rootElementRef.current;
+  root.classList.add(gridClasses.autosizing);
   columns.forEach(function (column) {
     var cells = findGridCells(apiRef.current, column.field);
     var widths = cells.map(function (cell) {
@@ -150,7 +152,7 @@ function extractColumnWidths(apiRef, options, columns) {
       }
       var style = window.getComputedStyle(cell, null);
       var paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
-      var contentWidth = ((_cell$firstElementChi = (_cell$firstElementChi2 = cell.firstElementChild) == null ? void 0 : _cell$firstElementChi2.scrollWidth) != null ? _cell$firstElementChi : -1) + 1;
+      var contentWidth = (_cell$firstElementChi = (_cell$firstElementChi2 = cell.firstElementChild) == null ? void 0 : _cell$firstElementChi2.getBoundingClientRect().width) != null ? _cell$firstElementChi : 0;
       return paddingWidth + contentWidth;
     });
     var filteredWidths = options.includeOutliers ? widths : excludeOutliers(widths, options.outliersFactor);
@@ -174,6 +176,7 @@ function extractColumnWidths(apiRef, options, columns) {
     var maxContent = filteredWidths.length === 0 ? 0 : Math.max.apply(Math, _toConsumableArray(filteredWidths));
     widthByField[column.field] = clamp(maxContent, min, max);
   });
+  root.classList.remove(gridClasses.autosizing);
   return widthByField;
 }
 export var columnResizeStateInitializer = function columnResizeStateInitializer(state) {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.15.0
+ * @mui/x-data-grid-pro v6.16.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 = "MTY5NTMzMDAwMDAwMA==";
+  var releaseInfo = "MTY5NjU0MzIwMDAwMA==";
   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/headerFiltering/GridHeaderFilterMenu.js

@@ -36,7 +36,6 @@ function GridHeaderFilterMenu({
     open: open,
     target: target,
     onClose: hideMenu,
-    onExited: hideMenu,
     children: /*#__PURE__*/_jsx(MenuList, {
       "aria-labelledby": labelledBy,
       id: id,

package/modern/hooks/features/columnResize/useGridColumnResize.js

@@ -129,6 +129,8 @@ function excludeOutliers(inputValues, factor) {
 }
 function extractColumnWidths(apiRef, options, columns) {
   const widthByField = {};
+  const root = apiRef.current.rootElementRef.current;
+  root.classList.add(gridClasses.autosizing);
   columns.forEach(column => {
     const cells = findGridCells(apiRef.current, column.field);
     const widths = cells.map(cell => {
@@ -139,7 +141,7 @@ function extractColumnWidths(apiRef, options, columns) {
       }
       const style = window.getComputedStyle(cell, null);
       const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
-      const contentWidth = (cell.firstElementChild?.scrollWidth ?? -1) + 1;
+      const contentWidth = cell.firstElementChild?.getBoundingClientRect().width ?? 0;
       return paddingWidth + contentWidth;
     });
     const filteredWidths = options.includeOutliers ? widths : excludeOutliers(widths, options.outliersFactor);
@@ -163,6 +165,7 @@ function extractColumnWidths(apiRef, options, columns) {
     const maxContent = filteredWidths.length === 0 ? 0 : Math.max(...filteredWidths);
     widthByField[column.field] = clamp(maxContent, min, max);
   });
+  root.classList.remove(gridClasses.autosizing);
   return widthByField;
 }
 export const columnResizeStateInitializer = state => _extends({}, state, {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.15.0
+ * @mui/x-data-grid-pro v6.16.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 = "MTY5NTMzMDAwMDAwMA==";
+  const releaseInfo = "MTY5NjU0MzIwMDAwMA==";
   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/DataGridPro/DataGridPro.js

@@ -47,8 +47,7 @@ const DataGridProRaw = /*#__PURE__*/React.forwardRef(function DataGridPro(inProp
     }))
   });
 });
-const DataGridPro = /*#__PURE__*/React.memo(DataGridProRaw);
-exports.DataGridPro = DataGridPro;
+const DataGridPro = exports.DataGridPro = /*#__PURE__*/React.memo(DataGridProRaw);
 DataGridProRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/DataGridPro/useDataGridProProps.js

@@ -16,7 +16,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * The default values of `DataGridProPropsWithDefaultValue` to inject in the props of DataGridPro.
  */
-const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = (0, _extends2.default)({}, _xDataGrid.DATA_GRID_PROPS_DEFAULT_VALUES, {
+const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = exports.DATA_GRID_PRO_PROPS_DEFAULT_VALUES = (0, _extends2.default)({}, _xDataGrid.DATA_GRID_PROPS_DEFAULT_VALUES, {
   scrollEndThreshold: 80,
   treeData: false,
   defaultGroupingExpansionDepth: 0,
@@ -31,7 +31,6 @@ const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = (0, _extends2.default)({}, _xDataGrid
   getDetailPanelHeight: () => 500,
   unstable_headerFilters: false
 });
-exports.DATA_GRID_PRO_PROPS_DEFAULT_VALUES = DATA_GRID_PRO_PROPS_DEFAULT_VALUES;
 const defaultSlots = (0, _internals.uncapitalizeObjectKeys)(_dataGridProDefaultSlotsComponents.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS);
 const useDataGridProProps = inProps => {
   const [components, componentsProps, themedProps] = (0, _internals.useProps)((0, _styles.useThemeProps)({

package/node/components/DataGridProVirtualScroller.js

@@ -155,7 +155,7 @@ const VirtualScrollerPinnedRows = (0, _styles.styled)('div', {
 const VirtualScrollerPinnedRowsRenderZone = (0, _styles.styled)('div')({
   position: 'absolute'
 });
-const DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGridProVirtualScroller(props, ref) {
+const DataGridProVirtualScroller = exports.DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGridProVirtualScroller(props, ref) {
   const other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
@@ -439,5 +439,4 @@ const DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGr
       })]
     }) : null]
   }));
-});
-exports.DataGridProVirtualScroller = DataGridProVirtualScroller;
+});

package/node/components/GridColumnHeaders.js

@@ -84,7 +84,7 @@ GridColumnHeadersPinnedColumnHeaders.propTypes = {
   // ----------------------------------------------------------------------
   ownerState: _propTypes.default.object.isRequired
 };
-const GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnHeaders(props, ref) {
+const GridColumnHeaders = exports.GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnHeaders(props, ref) {
   const {
       className,
       innerRef,
@@ -243,7 +243,6 @@ const GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnHeade
     }))]
   }));
 });
-exports.GridColumnHeaders = GridColumnHeaders;
 process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/components/GridProColumnMenu.js

@@ -13,17 +13,15 @@ var _GridColumnMenuPinningItem = require("./GridColumnMenuPinningItem");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const GRID_COLUMN_MENU_SLOTS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_SLOTS, {
+const GRID_COLUMN_MENU_SLOTS_PRO = exports.GRID_COLUMN_MENU_SLOTS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_SLOTS, {
   columnMenuPinningItem: _GridColumnMenuPinningItem.GridColumnMenuPinningItem
 });
-exports.GRID_COLUMN_MENU_SLOTS_PRO = GRID_COLUMN_MENU_SLOTS_PRO;
-const GRID_COLUMN_MENU_SLOT_PROPS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_SLOT_PROPS, {
+const GRID_COLUMN_MENU_SLOT_PROPS_PRO = exports.GRID_COLUMN_MENU_SLOT_PROPS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuPinningItem: {
     displayOrder: 15
   }
 });
-exports.GRID_COLUMN_MENU_SLOT_PROPS_PRO = GRID_COLUMN_MENU_SLOT_PROPS_PRO;
-const GridProColumnMenu = /*#__PURE__*/React.forwardRef(function GridProColumnMenu(props, ref) {
+const GridProColumnMenu = exports.GridProColumnMenu = /*#__PURE__*/React.forwardRef(function GridProColumnMenu(props, ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridGenericColumnMenu, (0, _extends2.default)({
     ref: ref
   }, props, {
@@ -31,7 +29,6 @@ const GridProColumnMenu = /*#__PURE__*/React.forwardRef(function GridProColumnMe
     defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PRO
   }));
 });
-exports.GridProColumnMenu = GridProColumnMenu;
 process.env.NODE_ENV !== "production" ? GridProColumnMenu.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/components/GridScrollArea.js

@@ -140,5 +140,4 @@ process.env.NODE_ENV !== "production" ? GridScrollAreaRaw.propTypes = {
   // ----------------------------------------------------------------------
   scrollDirection: _propTypes.default.oneOf(['left', 'right']).isRequired
 } : void 0;
-const GridScrollArea = /*#__PURE__*/React.memo(GridScrollAreaRaw);
-exports.GridScrollArea = GridScrollArea;
+const GridScrollArea = exports.GridScrollArea = /*#__PURE__*/React.memo(GridScrollAreaRaw);

package/node/components/headerFiltering/GridHeaderFilterCell.js

@@ -36,7 +36,7 @@ const dateSx = {
     color: 'transparent'
   }
 };
-const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
+const GridHeaderFilterCell = exports.GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
       colIndex,
       height,
@@ -215,7 +215,6 @@ const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
     }) : null]
   }));
 });
-exports.GridHeaderFilterCell = GridHeaderFilterCell;
 process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/components/headerFiltering/GridHeaderFilterMenu.js

@@ -45,7 +45,6 @@ function GridHeaderFilterMenu({
     open: open,
     target: target,
     onClose: hideMenu,
-    onExited: hideMenu,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, {
       "aria-labelledby": labelledBy,
       id: id,

package/node/constants/dataGridProDefaultSlotsComponents.js

@@ -12,10 +12,9 @@ var _GridColumnHeaders = require("../components/GridColumnHeaders");
 var _GridHeaderFilterMenu = require("../components/headerFiltering/GridHeaderFilterMenu");
 var _GridHeaderFilterCell = require("../components/headerFiltering/GridHeaderFilterCell");
 var _material = _interopRequireDefault(require("../material"));
-const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = (0, _extends2.default)({}, _internals.DATA_GRID_DEFAULT_SLOTS_COMPONENTS, _material.default, {
+const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = exports.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = (0, _extends2.default)({}, _internals.DATA_GRID_DEFAULT_SLOTS_COMPONENTS, _material.default, {
   ColumnMenu: _GridProColumnMenu.GridProColumnMenu,
   ColumnHeaders: _GridColumnHeaders.GridColumnHeaders,
   HeaderFilterCell: _GridHeaderFilterCell.GridHeaderFilterCell,
   HeaderFilterMenu: _GridHeaderFilterMenu.GridHeaderFilterMenu
-});
-exports.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS;
+});

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

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridPinnedPosition = void 0;
-var GridPinnedPosition = /*#__PURE__*/function (GridPinnedPosition) {
+var GridPinnedPosition = exports.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;
+ */

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

@@ -7,5 +7,4 @@ exports.gridColumnReorderSelector = exports.gridColumnReorderDragColSelector = v
 var _internals = require("@mui/x-data-grid/internals");
 const gridColumnReorderSelector = state => state.columnReorder;
 exports.gridColumnReorderSelector = gridColumnReorderSelector;
-const gridColumnReorderDragColSelector = (0, _internals.createSelector)(gridColumnReorderSelector, columnReorder => columnReorder.dragCol);
-exports.gridColumnReorderDragColSelector = gridColumnReorderDragColSelector;
+const gridColumnReorderDragColSelector = exports.gridColumnReorderDragColSelector = (0, _internals.createSelector)(gridColumnReorderSelector, columnReorder => columnReorder.dragCol);

package/node/hooks/features/columnResize/columnResizeSelector.js

@@ -7,5 +7,4 @@ exports.gridResizingColumnFieldSelector = exports.gridColumnResizeSelector = voi
 var _internals = require("@mui/x-data-grid/internals");
 const gridColumnResizeSelector = state => state.columnResize;
 exports.gridColumnResizeSelector = gridColumnResizeSelector;
-const gridResizingColumnFieldSelector = (0, _internals.createSelector)(gridColumnResizeSelector, columnResize => columnResize.resizingColumnField);
-exports.gridResizingColumnFieldSelector = gridResizingColumnFieldSelector;
+const gridResizingColumnFieldSelector = exports.gridResizingColumnFieldSelector = (0, _internals.createSelector)(gridColumnResizeSelector, columnResize => columnResize.resizingColumnField);

package/node/hooks/features/columnResize/gridColumnResizeApi.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_GRID_AUTOSIZE_OPTIONS = void 0;
-const DEFAULT_GRID_AUTOSIZE_OPTIONS = {
+const DEFAULT_GRID_AUTOSIZE_OPTIONS = exports.DEFAULT_GRID_AUTOSIZE_OPTIONS = {
   includeHeaders: true,
   includeOutliers: false,
   outliersFactor: 1.5,
@@ -13,5 +13,4 @@ const DEFAULT_GRID_AUTOSIZE_OPTIONS = {
 
 /**
  * The Resize API interface that is available in the grid `apiRef`.
- */
-exports.DEFAULT_GRID_AUTOSIZE_OPTIONS = DEFAULT_GRID_AUTOSIZE_OPTIONS;
+ */

package/node/hooks/features/columnResize/useGridColumnResize.js

@@ -138,6 +138,8 @@ function excludeOutliers(inputValues, factor) {
 }
 function extractColumnWidths(apiRef, options, columns) {
   const widthByField = {};
+  const root = apiRef.current.rootElementRef.current;
+  root.classList.add(_xDataGrid.gridClasses.autosizing);
   columns.forEach(column => {
     const cells = (0, _domUtils.findGridCells)(apiRef.current, column.field);
     const widths = cells.map(cell => {
@@ -148,7 +150,7 @@ function extractColumnWidths(apiRef, options, columns) {
       }
       const style = window.getComputedStyle(cell, null);
       const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
-      const contentWidth = (cell.firstElementChild?.scrollWidth ?? -1) + 1;
+      const contentWidth = cell.firstElementChild?.getBoundingClientRect().width ?? 0;
       return paddingWidth + contentWidth;
     });
     const filteredWidths = options.includeOutliers ? widths : excludeOutliers(widths, options.outliersFactor);
@@ -172,6 +174,7 @@ function extractColumnWidths(apiRef, options, columns) {
     const maxContent = filteredWidths.length === 0 ? 0 : Math.max(...filteredWidths);
     widthByField[column.field] = (0, _internals.clamp)(maxContent, min, max);
   });
+  root.classList.remove(_xDataGrid.gridClasses.autosizing);
   return widthByField;
 }
 const columnResizeStateInitializer = state => (0, _extends2.default)({}, state, {

package/node/hooks/features/detailPanel/gridDetailPanelSelector.js

@@ -13,10 +13,9 @@ const gridDetailPanelRawHeightCacheSelector = state => state.detailPanel.heightC
 
 // TODO v6: Make this selector return the full object, including the autoHeight flag
 exports.gridDetailPanelRawHeightCacheSelector = gridDetailPanelRawHeightCacheSelector;
-const gridDetailPanelExpandedRowsHeightCacheSelector = (0, _internals.createSelectorMemoized)(gridDetailPanelRawHeightCacheSelector, heightCache => Object.entries(heightCache).reduce((acc, [id, {
+const gridDetailPanelExpandedRowsHeightCacheSelector = exports.gridDetailPanelExpandedRowsHeightCacheSelector = (0, _internals.createSelectorMemoized)(gridDetailPanelRawHeightCacheSelector, heightCache => Object.entries(heightCache).reduce((acc, [id, {
   height
 }]) => {
   acc[id] = height || 0;
   return acc;
-}, {}));
-exports.gridDetailPanelExpandedRowsHeightCacheSelector = gridDetailPanelExpandedRowsHeightCacheSelector;
+}, {}));

package/node/hooks/features/detailPanel/gridDetailPanelToggleColDef.js

@@ -13,9 +13,8 @@ var _gridDetailPanelSelector = require("./gridDetailPanelSelector");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';
-exports.GRID_DETAIL_PANEL_TOGGLE_FIELD = GRID_DETAIL_PANEL_TOGGLE_FIELD;
-const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
+const GRID_DETAIL_PANEL_TOGGLE_FIELD = exports.GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';
+const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = exports.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
   field: GRID_DETAIL_PANEL_TOGGLE_FIELD,
   type: 'detailPanelToggle',
   editable: false,
@@ -35,5 +34,4 @@ const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = (0, _extends2.default)({}, _xDataGrid.G
   },
   renderCell: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridDetailPanelToggleCell.GridDetailPanelToggleCell, (0, _extends2.default)({}, params)),
   renderHeader: () => null
-});
-exports.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = GRID_DETAIL_PANEL_TOGGLE_COL_DEF;
+});

package/node/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.js

@@ -11,8 +11,7 @@ var _internals = require("@mui/x-data-grid/internals");
 var _xDataGrid = require("@mui/x-data-grid");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const GRID_SKELETON_ROW_ROOT_ID = 'auto-generated-skeleton-row-root';
-exports.GRID_SKELETON_ROW_ROOT_ID = GRID_SKELETON_ROW_ROOT_ID;
+const GRID_SKELETON_ROW_ROOT_ID = exports.GRID_SKELETON_ROW_ROOT_ID = 'auto-generated-skeleton-row-root';
 const getSkeletonRowId = index => `${GRID_SKELETON_ROW_ROOT_ID}-${index}`;
 const useGridLazyLoaderPreProcessors = (privateApiRef, props) => {
   const {

package/node/hooks/features/rowReorder/gridRowReorderColDef.js

@@ -8,7 +8,7 @@ exports.GRID_REORDER_COL_DEF = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _xDataGrid = require("@mui/x-data-grid");
 var _GridRowReorderCell = require("../../../components/GridRowReorderCell");
-const GRID_REORDER_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
+const GRID_REORDER_COL_DEF = exports.GRID_REORDER_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
   field: '__reorder__',
   type: 'reorder',
   sortable: false,
@@ -24,5 +24,4 @@ const GRID_REORDER_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_C
   aggregable: false,
   renderHeader: () => ' ',
   renderCell: _GridRowReorderCell.renderRowReorderCell
-});
-exports.GRID_REORDER_COL_DEF = GRID_REORDER_COL_DEF;
+});

package/node/hooks/features/treeData/gridTreeDataGroupColDef.js

@@ -10,7 +10,7 @@ var _xDataGrid = require("@mui/x-data-grid");
 /**
  * TODO: Add sorting and filtering on the value and the filteredDescendantCount
  */
-const GRID_TREE_DATA_GROUPING_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
+const GRID_TREE_DATA_GROUPING_COL_DEF = exports.GRID_TREE_DATA_GROUPING_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
   type: 'treeDataGroup',
   sortable: false,
   filterable: false,
@@ -20,12 +20,9 @@ const GRID_TREE_DATA_GROUPING_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GR
   width: 200,
   valueGetter: params => params.rowNode.type === 'group' ? params.rowNode.groupingKey : undefined
 });
-exports.GRID_TREE_DATA_GROUPING_COL_DEF = GRID_TREE_DATA_GROUPING_COL_DEF;
-const GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';
-exports.GRID_TREE_DATA_GROUPING_FIELD = GRID_TREE_DATA_GROUPING_FIELD;
-const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {
+const GRID_TREE_DATA_GROUPING_FIELD = exports.GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';
+const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = exports.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {
   field: GRID_TREE_DATA_GROUPING_FIELD,
   editable: false,
   groupable: false
-};
-exports.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES;
+};

package/node/hooks/features/treeData/gridTreeDataUtils.js

@@ -5,14 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.filterRowTreeFromTreeData = exports.TREE_DATA_STRATEGY = void 0;
 var _internals = require("@mui/x-data-grid/internals");
-const TREE_DATA_STRATEGY = 'tree-data';
+const TREE_DATA_STRATEGY = exports.TREE_DATA_STRATEGY = 'tree-data';
 
 /**
  * A node is visible if one of the following criteria is met:
  * - One of its children is passing the filter
  * - It is passing the filter
  */
-exports.TREE_DATA_STRATEGY = TREE_DATA_STRATEGY;
 const filterRowTreeFromTreeData = params => {
   const {
     apiRef,

package/node/hooks/utils/useGridApiContext.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridApiContext = void 0;
 var _xDataGrid = require("@mui/x-data-grid");
-const useGridApiContext = _xDataGrid.useGridApiContext;
-exports.useGridApiContext = useGridApiContext;
+const useGridApiContext = exports.useGridApiContext = _xDataGrid.useGridApiContext;

package/node/hooks/utils/useGridApiRef.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridApiRef = void 0;
 var _xDataGrid = require("@mui/x-data-grid");
-const useGridApiRef = _xDataGrid.useGridApiRef;
-exports.useGridApiRef = useGridApiRef;
+const useGridApiRef = exports.useGridApiRef = _xDataGrid.useGridApiRef;

package/node/hooks/utils/useGridPrivateApiContext.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridPrivateApiContext = void 0;
 var _internals = require("@mui/x-data-grid/internals");
-const useGridPrivateApiContext = _internals.useGridPrivateApiContext;
-exports.useGridPrivateApiContext = useGridPrivateApiContext;
+const useGridPrivateApiContext = exports.useGridPrivateApiContext = _internals.useGridPrivateApiContext;

package/node/hooks/utils/useGridRootProps.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridRootProps = void 0;
 var _xDataGrid = require("@mui/x-data-grid");
-const useGridRootProps = _xDataGrid.useGridRootProps;
-exports.useGridRootProps = useGridRootProps;
+const useGridRootProps = exports.useGridRootProps = _xDataGrid.useGridRootProps;

package/node/index.js

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

package/node/material/icons.js

@@ -9,19 +9,17 @@ var _utils = require("@mui/material/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const GridPushPinRightIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+const GridPushPinRightIcon = exports.GridPushPinRightIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
   transform: "rotate(-30 15 10)",
   children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     d: "M16,9V4l1,0c0.55,0,1-0.45,1-1v0c0-0.55-0.45-1-1-1H7C6.45,2,6,2.45,6,3v0 c0,0.55,0.45,1,1,1l1,0v5c0,1.66-1.34,3-3,3h0v2h5.97v7l1,1l1-1v-7H19v-2h0C17.34,12,16,10.66,16,9z",
     fillRule: "evenodd"
   })
 }), 'PushPinRight');
-exports.GridPushPinRightIcon = GridPushPinRightIcon;
-const GridPushPinLeftIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+const GridPushPinLeftIcon = exports.GridPushPinLeftIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
   transform: "rotate(30 8 12)",
   children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     d: "M16,9V4l1,0c0.55,0,1-0.45,1-1v0c0-0.55-0.45-1-1-1H7C6.45,2,6,2.45,6,3v0 c0,0.55,0.45,1,1,1l1,0v5c0,1.66-1.34,3-3,3h0v2h5.97v7l1,1l1-1v-7H19v-2h0C17.34,12,16,10.66,16,9z",
     fillRule: "evenodd"
   })
-}), 'PushPinLeft');
-exports.GridPushPinLeftIcon = GridPushPinLeftIcon;
+}), 'PushPinLeft');

package/node/material/index.js

@@ -12,5 +12,4 @@ const iconSlots = {
   ColumnMenuPinLeftIcon: _icons.GridPushPinLeftIcon
 };
 const materialSlots = (0, _extends2.default)({}, iconSlots);
-var _default = materialSlots;
-exports.default = _default;
+var _default = exports.default = materialSlots;

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 = "MTY5NTMzMDAwMDAwMA==";
+  const releaseInfo = "MTY5NjU0MzIwMDAwMA==";
   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.15.0",
+  "version": "6.16.1",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -31,9 +31,9 @@
     "directory": "packages/grid/x-data-grid-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.15",
-    "@mui/utils": "^5.14.8",
-    "@mui/x-data-grid": "6.15.0",
+    "@babel/runtime": "^7.23.1",
+    "@mui/utils": "^5.14.11",
+    "@mui/x-data-grid": "6.16.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 = "MTY5NTMzMDAwMDAwMA==";
+  const releaseInfo = "MTY5NjU0MzIwMDAwMA==";
   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