@mui/x-data-grid-pro 7.15.0 → 7.17.0

package/hooks/features/treeData/useGridTreeData.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,8 +8,6 @@ exports.useGridTreeData = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _xDataGrid = require("@mui/x-data-grid");
 var _gridTreeDataGroupColDef = require("./gridTreeDataGroupColDef");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useGridTreeData = (apiRef, props) => {
   /**
    * EVENTS

package/hooks/features/treeData/useGridTreeDataPreProcessors.js

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,8 +20,6 @@ var _updateRowTree = require("../../../utils/tree/updateRowTree");
 var _utils = require("../../../utils/tree/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["hideDescendantCount"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useGridTreeDataPreProcessors = (privateApiRef, props) => {
   const setStrategyAvailability = React.useCallback(() => {
     privateApiRef.current.setStrategyAvailability('rowTree', _gridTreeDataUtils.TREE_DATA_STRATEGY, props.treeData && !props.unstable_dataSource ? () => true : () => false);

package/hooks/utils/useGridAriaAttributes.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/index.js

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

package/material/icons.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,16 +8,14 @@ exports.GridPushPinRightIcon = exports.GridPushPinLeftIcon = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/material/utils");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const GridPushPinRightIcon = exports.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');
-const GridPushPinLeftIcon = exports.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",

package/material/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/modern/DataGridPro/DataGridPro.js

@@ -6,12 +6,12 @@ import PropTypes from 'prop-types';
 import { useLicenseVerifier, Watermark } from '@mui/x-license';
 import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot, GridContextProvider } from '@mui/x-data-grid';
 import { validateProps } from '@mui/x-data-grid/internals';
-import { useDataGridProComponent } from './useDataGridProComponent';
-import { useDataGridProProps } from './useDataGridProProps';
-import { getReleaseInfo } from '../utils/releaseInfo';
-import { propValidatorsDataGridPro } from '../internals/propValidation';
-import { useGridAriaAttributes } from '../hooks/utils/useGridAriaAttributes';
-import { useGridRowAriaAttributes } from '../hooks/features/rows/useGridRowAriaAttributes';
+import { useDataGridProComponent } from "./useDataGridProComponent.js";
+import { useDataGridProProps } from "./useDataGridProProps.js";
+import { getReleaseInfo } from "../utils/releaseInfo.js";
+import { propValidatorsDataGridPro } from "../internals/propValidation.js";
+import { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
+import { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const configuration = {
   hooks: {
@@ -399,6 +399,14 @@ DataGridProRaw.propTypes = {
     clipboardExport: PropTypes.bool,
     csvExport: PropTypes.bool
   }), PropTypes.bool]),
+  /**
+   * If `select`, a group header checkbox in indeterminate state (like "Select All" checkbox)
+   * will select all the rows under it.
+   * If `deselect`, it will deselect all the rows under it.
+   * Works only if `checkboxSelection` is enabled.
+   * @default "deselect"
+   */
+  indeterminateCheckboxAction: PropTypes.oneOf(['deselect', 'select']),
   /**
    * The initial state of the DataGridPro.
    * The data in it will be set in the state on initialization but will not be controlled.
@@ -858,12 +866,12 @@ DataGridProRaw.propTypes = {
    */
   scrollEndThreshold: PropTypes.number,
   /**
-   * If `true`, the vertical borders of the cells are displayed.
+   * If `true`, vertical borders will be displayed between cells.
    * @default false
    */
   showCellVerticalBorder: PropTypes.bool,
   /**
-   * If `true`, the right border of the column headers are displayed.
+   * If `true`, vertical borders will be displayed between column header items.
    * @default false
    */
   showColumnVerticalBorder: PropTypes.bool,

package/modern/DataGridPro/index.js

@@ -1,3 +1,3 @@
-export * from './DataGrid';
-export * from './DataGridPro';
-export { DATA_GRID_PRO_PROPS_DEFAULT_VALUES } from './useDataGridProProps';
+export * from "./DataGrid.js";
+export * from "./DataGridPro.js";
+export { DATA_GRID_PRO_PROPS_DEFAULT_VALUES } from "./useDataGridProProps.js";

package/modern/DataGridPro/useDataGridProComponent.js

@@ -1,21 +1,21 @@
 import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing, editingStateInitializer, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridRowsMeta, useGridParamsApi, useGridRowSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, dimensionsStateInitializer, useGridDimensions, useGridStatePersistence, useGridRowSelectionPreProcessors, useGridColumnSpanning, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridColumnResize, columnResizeStateInitializer } from '@mui/x-data-grid/internals';
 // Pro-only features
-import { useGridInfiniteLoader } from '../hooks/features/infiniteLoader/useGridInfiniteLoader';
-import { useGridColumnReorder, columnReorderStateInitializer } from '../hooks/features/columnReorder/useGridColumnReorder';
-import { useGridTreeData } from '../hooks/features/treeData/useGridTreeData';
-import { useGridTreeDataPreProcessors } from '../hooks/features/treeData/useGridTreeDataPreProcessors';
-import { useGridDataSourceTreeDataPreProcessors } from '../hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors';
-import { useGridColumnPinning, columnPinningStateInitializer } from '../hooks/features/columnPinning/useGridColumnPinning';
-import { useGridColumnPinningPreProcessors } from '../hooks/features/columnPinning/useGridColumnPinningPreProcessors';
-import { useGridDetailPanel, detailPanelStateInitializer } from '../hooks/features/detailPanel/useGridDetailPanel';
-import { useGridDetailPanelPreProcessors } from '../hooks/features/detailPanel/useGridDetailPanelPreProcessors';
-import { useGridRowReorder } from '../hooks/features/rowReorder/useGridRowReorder';
-import { useGridRowReorderPreProcessors } from '../hooks/features/rowReorder/useGridRowReorderPreProcessors';
-import { useGridLazyLoader } from '../hooks/features/lazyLoader/useGridLazyLoader';
-import { useGridLazyLoaderPreProcessors } from '../hooks/features/lazyLoader/useGridLazyLoaderPreProcessors';
-import { useGridRowPinning, rowPinningStateInitializer } from '../hooks/features/rowPinning/useGridRowPinning';
-import { useGridRowPinningPreProcessors } from '../hooks/features/rowPinning/useGridRowPinningPreProcessors';
-import { useGridDataSource, dataSourceStateInitializer } from '../hooks/features/dataSource/useGridDataSource';
+import { useGridInfiniteLoader } from "../hooks/features/infiniteLoader/useGridInfiniteLoader.js";
+import { useGridColumnReorder, columnReorderStateInitializer } from "../hooks/features/columnReorder/useGridColumnReorder.js";
+import { useGridTreeData } from "../hooks/features/treeData/useGridTreeData.js";
+import { useGridTreeDataPreProcessors } from "../hooks/features/treeData/useGridTreeDataPreProcessors.js";
+import { useGridDataSourceTreeDataPreProcessors } from "../hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.js";
+import { useGridColumnPinning, columnPinningStateInitializer } from "../hooks/features/columnPinning/useGridColumnPinning.js";
+import { useGridColumnPinningPreProcessors } from "../hooks/features/columnPinning/useGridColumnPinningPreProcessors.js";
+import { useGridDetailPanel, detailPanelStateInitializer } from "../hooks/features/detailPanel/useGridDetailPanel.js";
+import { useGridDetailPanelPreProcessors } from "../hooks/features/detailPanel/useGridDetailPanelPreProcessors.js";
+import { useGridRowReorder } from "../hooks/features/rowReorder/useGridRowReorder.js";
+import { useGridRowReorderPreProcessors } from "../hooks/features/rowReorder/useGridRowReorderPreProcessors.js";
+import { useGridLazyLoader } from "../hooks/features/lazyLoader/useGridLazyLoader.js";
+import { useGridLazyLoaderPreProcessors } from "../hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.js";
+import { useGridRowPinning, rowPinningStateInitializer } from "../hooks/features/rowPinning/useGridRowPinning.js";
+import { useGridRowPinningPreProcessors } from "../hooks/features/rowPinning/useGridRowPinningPreProcessors.js";
+import { useGridDataSource, dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSource.js";
 export const useDataGridProComponent = (inputApiRef, props) => {
   const apiRef = useGridInitialization(inputApiRef, props);
 

package/modern/DataGridPro/useDataGridProProps.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
 import { GRID_DEFAULT_LOCALE_TEXT, DATA_GRID_PROPS_DEFAULT_VALUES } from '@mui/x-data-grid';
 import { computeSlots, useProps } from '@mui/x-data-grid/internals';
-import { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from '../constants/dataGridProDefaultSlotsComponents';
+import { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from "../constants/dataGridProDefaultSlotsComponents.js";
 const getDataGridProForcedProps = themedProps => _extends({
   signature: 'DataGridPro'
 }, themedProps.unstable_dataSource ? {

package/modern/components/GridColumnHeaders.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
 import { GridBaseColumnHeaders } from '@mui/x-data-grid/internals';
-import { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
+import { useGridColumnHeaders } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Filler = styled('div')({
   flex: 1,

package/modern/components/GridColumnMenuPinningItem.js

@@ -5,8 +5,8 @@ import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
 import { GridPinnedColumnPosition } from '@mui/x-data-grid';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function GridColumnMenuPinningItem(props) {
   const {

package/modern/components/GridDataSourceTreeDataGroupingCell.js

@@ -6,9 +6,9 @@ import Badge from '@mui/material/Badge';
 import { getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid';
 import { useGridSelectorV8 } from '@mui/x-data-grid/internals';
 import CircularProgress from '@mui/material/CircularProgress';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
-import { gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector } from '../hooks/features/dataSource/gridDataSourceSelector';
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
+import { gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/components/GridDetailPanel.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import { useResizeObserver } from '@mui/x-internals/useResizeObserver';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const DetailPanel = styled('div', {
   name: 'MuiDataGrid',

package/modern/components/GridDetailPanelToggleCell.js

@@ -3,9 +3,9 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { gridDetailPanelExpandedRowsContentCacheSelector } from '../hooks/features/detailPanel/gridDetailPanelSelector';
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { gridDetailPanelExpandedRowsContentCacheSelector } from "../hooks/features/detailPanel/gridDetailPanelSelector.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/components/GridDetailPanels.js

@@ -2,10 +2,10 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid';
 import { EMPTY_DETAIL_PANELS } from '@mui/x-data-grid/internals';
-import { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowsHeightCacheSelector, gridDetailPanelExpandedRowIdsSelector } from '../hooks/features/detailPanel';
-import { GridDetailPanel } from './GridDetailPanel';
+import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowsHeightCacheSelector, gridDetailPanelExpandedRowIdsSelector } from "../hooks/features/detailPanel/index.js";
+import { GridDetailPanel } from "./GridDetailPanel.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = () => {
   const slots = {

package/modern/components/GridProColumnMenu.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid';
-import { GridColumnMenuPinningItem } from './GridColumnMenuPinningItem';
+import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const GRID_COLUMN_MENU_SLOTS_PRO = _extends({}, GRID_COLUMN_MENU_SLOTS, {
   columnMenuPinningItem: GridColumnMenuPinningItem

package/modern/components/GridRowReorderCell.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { gridRowMaximumTreeDepthSelector, gridSortModelSelector, useGridApiContext, useGridSelector, getDataGridUtilityClass } from '@mui/x-data-grid';
 import { gridEditRowsStateSelector, isEventTargetInPortal } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/components/GridTreeDataGroupingCell.js

@@ -4,8 +4,8 @@ import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import Box from '@mui/material/Box';
 import { useGridSelector, gridFilteredDescendantCountLookupSelector, getDataGridUtilityClass } from '@mui/x-data-grid';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/components/headerFiltering/GridHeaderFilterCell.js

@@ -8,9 +8,9 @@ import { unstable_useForkRef as useForkRef, unstable_composeClasses as composeCl
 import { fastMemo } from '@mui/x-internals/fastMemo';
 import { gridVisibleColumnFieldsSelector, getDataGridUtilityClass, useGridSelector, gridFilterModelSelector, gridFilterableColumnLookupSelector } from '@mui/x-data-grid';
 import { useGridPrivateApiContext, gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector, isNavigationKey, shouldCellShowLeftBorder, shouldCellShowRightBorder } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { GridHeaderFilterMenuContainer } from './GridHeaderFilterMenuContainer';
-import { GridHeaderFilterClearButton } from './GridHeaderFilterClearButton';
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
+import { GridHeaderFilterMenuContainer } from "./GridHeaderFilterMenuContainer.js";
+import { GridHeaderFilterClearButton } from "./GridHeaderFilterClearButton.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -187,9 +187,7 @@ const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
     ref: handleRef,
     style: _extends({
       height,
-      width,
-      minWidth: width,
-      maxWidth: width
+      width
     }, styleProp),
     role: "columnheader",
     "aria-colindex": colIndex + 1,

package/modern/components/headerFiltering/GridHeaderFilterClearButton.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const sx = {
   padding: '2px'

package/modern/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { useGridApiContext, useGridSelector } from '@mui/x-data-grid';
 import { refType, unstable_useId as useId } from '@mui/utils';
 import { gridHeaderFilteringMenuSelector } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const sx = {
   width: 22,

package/modern/components/headerFiltering/index.js

@@ -1,3 +1,3 @@
-export * from './GridHeaderFilterMenuContainer';
-export * from './GridHeaderFilterCell';
-export * from './GridHeaderFilterMenu';
+export * from "./GridHeaderFilterMenuContainer.js";
+export * from "./GridHeaderFilterCell.js";
+export * from "./GridHeaderFilterMenu.js";

package/modern/components/index.js

@@ -1,7 +1,7 @@
 // Only export the variable and types that should be publicly exposed and re-exported from `@mui/x-data-grid-pro`
-export * from './GridTreeDataGroupingCell';
-export * from './GridColumnMenuPinningItem';
-export * from './GridDetailPanelToggleCell';
-export * from './GridRowReorderCell';
-export * from '../material/icons';
-export * from './headerFiltering';
+export * from "./GridTreeDataGroupingCell.js";
+export * from "./GridColumnMenuPinningItem.js";
+export * from "./GridDetailPanelToggleCell.js";
+export * from "./GridRowReorderCell.js";
+export * from "../material/icons.js";
+export * from "./headerFiltering/index.js";

package/modern/components/reexports.js

@@ -1 +1 @@
-export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PRO as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PRO as GRID_COLUMN_MENU_SLOT_PROPS } from './GridProColumnMenu';
+export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PRO as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PRO as GRID_COLUMN_MENU_SLOT_PROPS } from "./GridProColumnMenu.js";

package/modern/constants/dataGridProDefaultSlotsComponents.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '@mui/x-data-grid/internals';
-import { GridProColumnMenu } from '../components/GridProColumnMenu';
-import { GridColumnHeaders } from '../components/GridColumnHeaders';
-import { GridHeaderFilterMenu } from '../components/headerFiltering/GridHeaderFilterMenu';
-import { GridHeaderFilterCell } from '../components/headerFiltering/GridHeaderFilterCell';
-import { GridDetailPanels } from '../components/GridDetailPanels';
-import { GridPinnedRows } from '../components/GridPinnedRows';
-import materialSlots from '../material';
+import { GridProColumnMenu } from "../components/GridProColumnMenu.js";
+import { GridColumnHeaders } from "../components/GridColumnHeaders.js";
+import { GridHeaderFilterMenu } from "../components/headerFiltering/GridHeaderFilterMenu.js";
+import { GridHeaderFilterCell } from "../components/headerFiltering/GridHeaderFilterCell.js";
+import { GridDetailPanels } from "../components/GridDetailPanels.js";
+import { GridPinnedRows } from "../components/GridPinnedRows.js";
+import materialSlots from "../material/index.js";
 export const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = _extends({}, DATA_GRID_DEFAULT_SLOTS_COMPONENTS, materialSlots, {
   columnMenu: GridProColumnMenu,
   columnHeaders: GridColumnHeaders,

package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { gridFocusColumnHeaderFilterSelector, useGridSelector, gridFilterModelSelector, gridTabIndexColumnHeaderFilterSelector, getDataGridUtilityClass, GridPinnedColumnPosition, gridDimensionsSelector } from '@mui/x-data-grid';
 import { useGridColumnHeaders as useGridColumnHeadersCommunity, useGridPrivateApiContext, getGridFilter, GridColumnHeaderRow } from '@mui/x-data-grid/internals';
 import composeClasses from '@mui/utils/composeClasses';
-import { useGridRootProps } from '../../utils/useGridRootProps';
+import { useGridRootProps } from "../../utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -91,7 +91,7 @@ export const useGridColumnHeaders = props => {
         columnIndex,
         computedWidth: colDef.computedWidth
       });
-      filters.push( /*#__PURE__*/_jsx(rootProps.slots.headerFilterCell, _extends({
+      filters.push(/*#__PURE__*/_jsx(rootProps.slots.headerFilterCell, _extends({
         colIndex: columnIndex,
         height: dimensions.headerFilterHeight,
         width: colDef.computedWidth,

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

@@ -1 +1 @@
-export * from './gridColumnPinningInterface';
+export * from "./gridColumnPinningInterface.js";

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

@@ -1,2 +1,2 @@
-export * from './columnReorderSelector';
+export * from "./columnReorderSelector.js";
 export {};

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

@@ -3,7 +3,7 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { useRtl } from '@mui/system/RtlProvider';
 import { useGridApiEventHandler, getDataGridUtilityClass, useGridLogger, useGridApiOptionHandler } from '@mui/x-data-grid';
-import { gridColumnReorderDragColSelector } from './columnReorderSelector';
+import { gridColumnReorderDragColSelector } from "./columnReorderSelector.js";
 const CURSOR_MOVE_DIRECTION_LEFT = 'left';
 const CURSOR_MOVE_DIRECTION_RIGHT = 'right';
 const getCursorMoveDirectionX = (currentCoordinates, nextCoordinates) => {

package/modern/hooks/features/dataSource/useGridDataSource.js

@@ -3,9 +3,9 @@ import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';
 import { useGridApiEventHandler, gridRowsLoadingSelector, useGridApiMethod, useGridSelector } from '@mui/x-data-grid';
 import { gridRowGroupsToFetchSelector } from '@mui/x-data-grid/internals';
-import { gridGetRowsParamsSelector, gridDataSourceErrorsSelector } from './gridDataSourceSelector';
-import { runIfServerMode, NestedDataManager, RequestStatus } from './utils';
-import { GridDataSourceCacheDefault } from './cache';
+import { gridGetRowsParamsSelector, gridDataSourceErrorsSelector } from "./gridDataSourceSelector.js";
+import { runIfServerMode, NestedDataManager, RequestStatus } from "./utils.js";
+import { GridDataSourceCacheDefault } from "./cache.js";
 const INITIAL_STATE = {
   loading: {},
   errors: {}

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { GRID_STRING_COL_DEF } from '@mui/x-data-grid';
-import { GridDetailPanelToggleCell } from '../../../components/GridDetailPanelToggleCell';
-import { gridDetailPanelExpandedRowIdsSelector } from './gridDetailPanelSelector';
+import { GridDetailPanelToggleCell } from "../../../components/GridDetailPanelToggleCell.js";
+import { gridDetailPanelExpandedRowIdsSelector } from "./gridDetailPanelSelector.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';
 export const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
@@ -25,5 +25,9 @@ export const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = _extends({}, GRID_STRING_COL_DEF
     return expandedRowIds.includes(rowId);
   },
   renderCell: params => /*#__PURE__*/_jsx(GridDetailPanelToggleCell, _extends({}, params)),
-  renderHeader: () => null
+  renderHeader: ({
+    colDef
+  }) => /*#__PURE__*/_jsx("div", {
+    "aria-label": colDef.headerName
+  })
 });

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

@@ -1,3 +1,3 @@
-export * from './gridDetailPanelToggleColDef';
-export { gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowsHeightCacheSelector } from './gridDetailPanelSelector';
-export * from './gridDetailPanelInterface';
+export * from "./gridDetailPanelToggleColDef.js";
+export { gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowsHeightCacheSelector } from "./gridDetailPanelSelector.js";
+export * from "./gridDetailPanelInterface.js";

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridSelector, useGridApiEventHandler, useGridApiMethod, gridDataRowIdsSelector } from '@mui/x-data-grid';
 import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
-import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from './gridDetailPanelToggleColDef';
-import { gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowsHeightCacheSelector, gridDetailPanelRawHeightCacheSelector } from './gridDetailPanelSelector';
+import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from "./gridDetailPanelToggleColDef.js";
+import { gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowsHeightCacheSelector, gridDetailPanelRawHeightCacheSelector } from "./gridDetailPanelSelector.js";
 // FIXME: calling `api.updateDimensions()` here triggers a cycle where `updateDimensions` is
 // called 3 times when opening/closing a panel.
 

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { gridClasses } from '@mui/x-data-grid';
 import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
-import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_DETAIL_PANEL_TOGGLE_COL_DEF } from './gridDetailPanelToggleColDef';
-import { gridDetailPanelExpandedRowIdsSelector } from './gridDetailPanelSelector';
+import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_DETAIL_PANEL_TOGGLE_COL_DEF } from "./gridDetailPanelToggleColDef.js";
+import { gridDetailPanelExpandedRowIdsSelector } from "./gridDetailPanelSelector.js";
 export const useGridDetailPanelPreProcessors = (privateApiRef, props) => {
   const addToggleColumn = React.useCallback(columnsState => {
     if (props.getDetailPanelContent == null) {

package/modern/hooks/features/index.js

@@ -1,9 +1,9 @@
 // Only export the variable and types that should be publicly exposed and re-exported from `@mui/x-data-grid-pro`
-export * from './columnPinning';
-export * from './columnReorder';
-export * from './rowReorder';
-export * from './treeData';
-export * from './detailPanel';
-export * from './rowPinning';
-export * from './dataSource/interfaces';
-export * from './dataSource/cache';
+export * from "./columnPinning/index.js";
+export * from "./columnReorder/index.js";
+export * from "./rowReorder/index.js";
+export * from "./treeData/index.js";
+export * from "./detailPanel/index.js";
+export * from "./rowPinning/index.js";
+export * from "./dataSource/interfaces.js";
+export * from "./dataSource/cache.js";

package/modern/hooks/features/rowPinning/index.js

@@ -1 +1 @@
-export * from './gridRowPinningInterface';
+export * from "./gridRowPinningInterface.js";

package/modern/hooks/features/rowPinning/useGridRowPinningPreProcessors.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
 import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
-import { insertNodeInTree } from '../../../utils/tree/utils';
+import { insertNodeInTree } from "../../../utils/tree/utils.js";
 export function addPinnedRow({
   groupingParams,
   rowModel,

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GRID_STRING_COL_DEF } from '@mui/x-data-grid';
-import { renderRowReorderCell } from '../../../components/GridRowReorderCell';
+import { renderRowReorderCell } from "../../../components/GridRowReorderCell.js";
 export const GRID_REORDER_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   type: 'custom',
   field: '__reorder__',

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

@@ -1 +1 @@
-export * from './gridRowReorderColDef';
+export * from "./gridRowReorderColDef.js";

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { useGridLogger, useGridApiEventHandler, getDataGridUtilityClass, useGridSelector, gridSortModelSelector, gridRowMaximumTreeDepthSelector, useGridApiOptionHandler } from '@mui/x-data-grid';
 import { gridEditRowsStateSelector } from '@mui/x-data-grid/internals';
-import { GRID_REORDER_COL_DEF } from './gridRowReorderColDef';
+import { GRID_REORDER_COL_DEF } from "./gridRowReorderColDef.js";
 var Direction = /*#__PURE__*/function (Direction) {
   Direction[Direction["UP"] = 0] = "UP";
   Direction[Direction["DOWN"] = 1] = "DOWN";

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

@@ -3,7 +3,7 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass } from '@mui/x-data-grid';
 import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
-import { GRID_REORDER_COL_DEF } from './gridRowReorderColDef';
+import { GRID_REORDER_COL_DEF } from "./gridRowReorderColDef.js";
 const useUtilityClasses = ownerState => {
   const {
     classes

package/modern/hooks/features/rows/index.js

@@ -1 +1 @@
-export * from './useGridRowAriaAttributes';
+export * from "./useGridRowAriaAttributes.js";