@mui/x-data-grid 7.15.0 → 7.16.0

package/locales/urPK.js

@@ -1,5 +1,5 @@
-import { urPKCore } from './coreLocales';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { urPKCore } from "./coreLocales.js";
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const urPKGrid = {
   // Root
   noRowsLabel: 'کوئی قطاریں نہیں',

package/locales/viVN.js

@@ -1,5 +1,5 @@
 import { viVN as viVNCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const viVNGrid = {
   // Root
   noRowsLabel: 'Không có dữ liệu',

package/locales/zhCN.js

@@ -1,5 +1,5 @@
 import { zhCN as zhCNCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const zhCNGrid = {
   // Root
   noRowsLabel: '没有数据。',
@@ -30,11 +30,10 @@ const zhCNGrid = {
   toolbarExportPrint: '打印',
   toolbarExportExcel: '导出至Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementSearchTitle: '搜索',
+  columnsManagementNoColumns: '没有列',
+  columnsManagementShowHideAllText: '显示/隐藏所有',
+  columnsManagementReset: '重置',
   // Filter panel text
   filterPanelAddFilter: '添加筛选器',
   filterPanelRemoveAll: '清除全部',
@@ -84,7 +83,7 @@ const zhCNGrid = {
   'headerFilterOperator!=': '不等于',
   'headerFilterOperator>': '大于',
   'headerFilterOperator>=': '大于或等于',
-  'headerFilterOperator<': '小雨',
+  'headerFilterOperator<': '小于',
   'headerFilterOperator<=': '小于或等于',
   // Filter values text
   filterValueAny: '任何',

package/locales/zhHK.js

@@ -1,5 +1,5 @@
 import { zhHK as zhHKCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const zhHKGrid = {
   // Root
   noRowsLabel: '沒有行',

package/locales/zhTW.js

@@ -1,5 +1,5 @@
 import { zhTW as zhTWCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const zhTWGrid = {
   // Root
   noRowsLabel: '沒有資料',

package/material/icons/GridColumnUnsortedIcon.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["sortingOrder"];
 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";
 export const GridColumnUnsortedIcon = /*#__PURE__*/React.memo(function GridColumnHeaderSortIcon(props) {
   const {

package/material/icons/index.js

@@ -1,89 +1,92 @@
 import * as React from 'react';
 import { createSvgIcon } from '@mui/material/utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const GridArrowUpwardIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridArrowUpwardIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
 }), 'ArrowUpward');
-export const GridArrowDownwardIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridArrowDownwardIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
 }), 'ArrowDownward');
-export const GridKeyboardArrowRight = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridKeyboardArrowRight = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
 }), 'KeyboardArrowRight');
-export const GridExpandMoreIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridExpandMoreIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
 }), 'ExpandMore');
-export const GridFilterListIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridFilterListIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
 }), 'FilterList');
-export const GridFilterAltIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridFilterAltIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39c.51-.66.04-1.61-.79-1.61H5.04c-.83 0-1.3.95-.79 1.61z"
 }), 'FilterAlt');
-export const GridSearchIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridSearchIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
 }), 'Search');
-export const GridMenuIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridMenuIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
 }), 'Menu');
-export const GridCheckCircleIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridCheckCircleIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
 }), 'CheckCircle');
-export const GridColumnIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridColumnIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M6 5H3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zm14 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zm-7 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1z"
 }), 'ColumnIcon');
-export const GridSeparatorIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
-  d: "M11 19V5h2v14z"
+export const GridSeparatorIcon = createSvgIcon(/*#__PURE__*/_jsx("rect", {
+  width: "1",
+  height: "24",
+  x: "11.5",
+  rx: "0.5"
 }), 'Separator');
-export const GridViewHeadlineIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridViewHeadlineIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M4 15h16v-2H4v2zm0 4h16v-2H4v2zm0-8h16V9H4v2zm0-6v2h16V5H4z"
 }), 'ViewHeadline');
-export const GridTableRowsIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridTableRowsIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M21,8H3V4h18V8z M21,10H3v4h18V10z M21,16H3v4h18V16z"
 }), 'TableRows');
-export const GridViewStreamIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridViewStreamIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M4 18h17v-6H4v6zM4 5v6h17V5H4z"
 }), 'ViewStream');
-export const GridTripleDotsVerticalIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridTripleDotsVerticalIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
 }), 'TripleDotsVertical');
-export const GridCloseIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridCloseIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), 'Close');
-export const GridAddIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridAddIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
 }), 'Add');
-export const GridRemoveIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridRemoveIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M19 13H5v-2h14v2z"
 }), 'Remove');
-export const GridLoadIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridLoadIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"
 }), 'Load');
-export const GridDragIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridDragIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
 }), 'Drag');
-export const GridSaveAltIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridSaveAltIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2z"
 }), 'SaveAlt');
-export const GridCheckIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridCheckIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
 }), 'Check');
-export const GridMoreVertIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridMoreVertIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
 }), 'MoreVert');
-export const GridVisibilityOffIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridVisibilityOffIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"
 }), 'VisibilityOff');
-export const GridViewColumnIcon = createSvgIcon( /*#__PURE__*/_jsx("g", {
+export const GridViewColumnIcon = createSvgIcon(/*#__PURE__*/_jsx("g", {
   children: /*#__PURE__*/_jsx("path", {
     d: "M14.67,5v14H9.33V5H14.67z M15.67,19H21V5h-5.33V19z M8.33,19V5H3v14H8.33z"
   })
 }), 'ViewColumn');
-export const GridClearIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridClearIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), 'Clear');
-export const GridDeleteIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridDeleteIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
 }), 'Delete');
-export const GridDeleteForeverIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridDeleteForeverIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"
 }), 'Delete');

package/material/index.js

@@ -10,9 +10,9 @@ import MUITooltip from '@mui/material/Tooltip';
 import MUIPopper from '@mui/material/Popper';
 import MUIInputLabel from '@mui/material/InputLabel';
 import MUIChip from '@mui/material/Chip';
-import { GridColumnUnsortedIcon } from './icons/GridColumnUnsortedIcon';
-import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSaveAltIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon } from './icons';
-import MUISelectOption from './components/MUISelectOption';
+import { GridColumnUnsortedIcon } from "./icons/GridColumnUnsortedIcon.js";
+import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSaveAltIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon } from "./icons/index.js";
+import MUISelectOption from "./components/MUISelectOption.js";
 const iconSlots = {
   booleanCellTrueIcon: GridCheckIcon,
   booleanCellFalseIcon: GridCloseIcon,

package/models/api/index.js

@@ -1,14 +1,14 @@
-export * from './gridParamsApi';
-export * from './gridColumnApi';
-export * from './gridDensityApi';
-export * from './gridRowApi';
-export * from './gridRowSelectionApi';
-export * from './gridSortApi';
-export * from './gridCsvExportApi';
-export * from './gridFilterApi';
-export * from './gridColumnMenuApi';
-export * from './gridPreferencesPanelApi';
-export * from './gridPrintExportApi';
-export * from './gridCallbackDetails';
-export * from './gridScrollApi';
+export * from "./gridParamsApi.js";
+export * from "./gridColumnApi.js";
+export * from "./gridDensityApi.js";
+export * from "./gridRowApi.js";
+export * from "./gridRowSelectionApi.js";
+export * from "./gridSortApi.js";
+export * from "./gridCsvExportApi.js";
+export * from "./gridFilterApi.js";
+export * from "./gridColumnMenuApi.js";
+export * from "./gridPreferencesPanelApi.js";
+export * from "./gridPrintExportApi.js";
+export * from "./gridCallbackDetails.js";
+export * from "./gridScrollApi.js";
 export {};

package/models/colDef/index.js

@@ -1,6 +1,6 @@
 // ColDef
 
 // Other types
-export * from './gridColType';
-export * from './gridColumnTypesRecord';
+export * from "./gridColType.js";
+export * from "./gridColumnTypesRecord.js";
 export {};

package/models/events/index.js

@@ -1,3 +1,3 @@
-export * from './gridEventListener';
-export * from './gridEventPublisher';
-export * from './gridEventLookup';
+export * from "./gridEventListener.js";
+export * from "./gridEventPublisher.js";
+export * from "./gridEventLookup.js";

package/models/index.d.ts

@@ -25,3 +25,4 @@ export * from './gridSortModel';
 export * from './gridColumnGrouping';
 export type { GridExportOptions, GridFileExportOptions, GridGetRowsToExportParams, GridCsvGetRowsToExportParams, GridPrintGetRowsToExportParams, GridCsvExportOptions, GridPrintExportOptions, } from './gridExport';
 export * from './gridFilterOperator';
+export type { PropsFromSlot } from '@mui/x-internals/slots';

package/models/index.js

@@ -1,29 +1,31 @@
-export * from './colDef';
-export * from './cursorCoordinates';
-export * from './elementSize';
-export * from './gridEditRowModel';
-export * from './gridFeatureMode';
-export * from './gridFilterItem';
-export * from './gridFilterModel';
-export * from './gridPaginationProps';
-export * from './gridRenderContextProps';
-export * from './gridRows';
-export * from './gridRowSelectionModel';
-export * from './params';
-export * from './gridCellClass';
-export * from './gridCell';
-export * from './gridColumnHeaderClass';
-export * from './api';
-export * from './gridIconSlotsComponent';
-export * from './gridSlotsComponentsProps';
-export * from './gridDensity';
-export * from './logger';
-export * from './muiEvent';
-export * from './events';
-export * from './gridSortModel';
-export * from './gridColumnGrouping';
+export * from "./colDef/index.js";
+export * from "./cursorCoordinates.js";
+export * from "./elementSize.js";
+export * from "./gridEditRowModel.js";
+export * from "./gridFeatureMode.js";
+export * from "./gridFilterItem.js";
+export * from "./gridFilterModel.js";
+export * from "./gridPaginationProps.js";
+export * from "./gridRenderContextProps.js";
+export * from "./gridRows.js";
+export * from "./gridRowSelectionModel.js";
+export * from "./params/index.js";
+export * from "./gridCellClass.js";
+export * from "./gridCell.js";
+export * from "./gridColumnHeaderClass.js";
+export * from "./api/index.js";
+export * from "./gridIconSlotsComponent.js";
+export * from "./gridSlotsComponentsProps.js";
+export * from "./gridDensity.js";
+export * from "./logger.js";
+export * from "./muiEvent.js";
+export * from "./events/index.js";
+export * from "./gridSortModel.js";
+export * from "./gridColumnGrouping.js";
 
 // Do not export GridExportFormat and GridExportExtension which are override in pro package
 
-export * from './gridFilterOperator';
+export * from "./gridFilterOperator.js";
+
+// Utils shared across the X packages
 export {};

package/models/params/index.js

@@ -1,13 +1,13 @@
-export * from './gridColumnHeaderParams';
-export * from './gridColumnGroupHeaderParams';
-export * from './gridColumnOrderChangeParams';
-export * from './gridColumnResizeParams';
-export * from './gridEditCellParams';
-export * from './gridRowParams';
-export * from './gridScrollParams';
-export * from './gridRowSelectionCheckboxParams';
-export * from './gridHeaderSelectionCheckboxParams';
-export * from './gridValueOptionsParams';
-export * from './gridCellParams';
-export * from './gridPreferencePanelParams';
-export * from './gridMenuParams';
+export * from "./gridColumnHeaderParams.js";
+export * from "./gridColumnGroupHeaderParams.js";
+export * from "./gridColumnOrderChangeParams.js";
+export * from "./gridColumnResizeParams.js";
+export * from "./gridEditCellParams.js";
+export * from "./gridRowParams.js";
+export * from "./gridScrollParams.js";
+export * from "./gridRowSelectionCheckboxParams.js";
+export * from "./gridHeaderSelectionCheckboxParams.js";
+export * from "./gridValueOptionsParams.js";
+export * from "./gridCellParams.js";
+export * from "./gridPreferencePanelParams.js";
+export * from "./gridMenuParams.js";

package/models/props/DataGridProps.d.ts

@@ -217,6 +217,14 @@ export interface DataGridPropsWithDefaultValues<R extends GridValidRowModel = an
      * @default false
      */
     ignoreDiacritics: boolean;
+    /**
+     * 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: 'select' | 'deselect';
     /**
      * If `true`, the selection model will retain selected rows that do not exist.
      * Useful when using server side pagination and row selections need to be retained
@@ -275,12 +283,12 @@ export interface DataGridPropsWithDefaultValues<R extends GridValidRowModel = an
      */
     rowSpacingType: 'margin' | 'border';
     /**
-     * If `true`, the vertical borders of the cells are displayed.
+     * If `true`, vertical borders will be displayed between cells.
      * @default false
      */
     showCellVerticalBorder: boolean;
     /**
-     * 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: boolean;

package/modern/DataGrid/DataGrid.js

@@ -3,13 +3,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot } from '../components';
-import { useGridAriaAttributes } from '../hooks/utils/useGridAriaAttributes';
-import { useGridRowAriaAttributes } from '../hooks/features/rows/useGridRowAriaAttributes';
-import { GridContextProvider } from '../context/GridContextProvider';
-import { useDataGridComponent } from './useDataGridComponent';
-import { useDataGridProps } from './useDataGridProps';
-import { propValidatorsDataGrid, validateProps } from '../internals/utils/propValidation';
+import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot } from "../components/index.js";
+import { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
+import { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
+import { GridContextProvider } from "../context/GridContextProvider.js";
+import { useDataGridComponent } from "./useDataGridComponent.js";
+import { useDataGridProps } from "./useDataGridProps.js";
+import { propValidatorsDataGrid, validateProps } from "../internals/utils/propValidation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const configuration = {
   hooks: {
@@ -315,6 +315,14 @@ DataGridRaw.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 DataGrid.
    * The data in it will be set in the state on initialization but will not be controlled.
@@ -696,12 +704,12 @@ DataGridRaw.propTypes = {
    */
   scrollbarSize: 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/DataGrid/index.js

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

package/modern/DataGrid/useDataGridComponent.js

@@ -1,32 +1,32 @@
-import { useGridInitialization } from '../hooks/core/useGridInitialization';
-import { useGridInitializeState } from '../hooks/utils/useGridInitializeState';
-import { useGridClipboard } from '../hooks/features/clipboard/useGridClipboard';
-import { columnMenuStateInitializer, useGridColumnMenu } from '../hooks/features/columnMenu/useGridColumnMenu';
-import { useGridColumns, columnsStateInitializer } from '../hooks/features/columns/useGridColumns';
-import { densityStateInitializer, useGridDensity } from '../hooks/features/density/useGridDensity';
-import { useGridCsvExport } from '../hooks/features/export/useGridCsvExport';
-import { useGridPrintExport } from '../hooks/features/export/useGridPrintExport';
-import { useGridFilter, filterStateInitializer } from '../hooks/features/filter/useGridFilter';
-import { focusStateInitializer, useGridFocus } from '../hooks/features/focus/useGridFocus';
-import { useGridKeyboardNavigation } from '../hooks/features/keyboardNavigation/useGridKeyboardNavigation';
-import { useGridPagination, paginationStateInitializer } from '../hooks/features/pagination/useGridPagination';
-import { useGridPreferencesPanel, preferencePanelStateInitializer } from '../hooks/features/preferencesPanel/useGridPreferencesPanel';
-import { useGridEditing, editingStateInitializer } from '../hooks/features/editing/useGridEditing';
-import { useGridRows, rowsStateInitializer } from '../hooks/features/rows/useGridRows';
-import { useGridRowsPreProcessors } from '../hooks/features/rows/useGridRowsPreProcessors';
-import { useGridParamsApi } from '../hooks/features/rows/useGridParamsApi';
-import { rowSelectionStateInitializer, useGridRowSelection } from '../hooks/features/rowSelection/useGridRowSelection';
-import { useGridRowSelectionPreProcessors } from '../hooks/features/rowSelection/useGridRowSelectionPreProcessors';
-import { useGridSorting, sortingStateInitializer } from '../hooks/features/sorting/useGridSorting';
-import { useGridScroll } from '../hooks/features/scroll/useGridScroll';
-import { useGridEvents } from '../hooks/features/events/useGridEvents';
-import { dimensionsStateInitializer, useGridDimensions } from '../hooks/features/dimensions/useGridDimensions';
-import { rowsMetaStateInitializer, useGridRowsMeta } from '../hooks/features/rows/useGridRowsMeta';
-import { useGridStatePersistence } from '../hooks/features/statePersistence/useGridStatePersistence';
-import { useGridColumnSpanning } from '../hooks/features/columns/useGridColumnSpanning';
-import { useGridColumnGrouping, columnGroupsStateInitializer } from '../hooks/features/columnGrouping/useGridColumnGrouping';
-import { useGridVirtualization, virtualizationStateInitializer } from '../hooks/features/virtualization';
-import { columnResizeStateInitializer, useGridColumnResize } from '../hooks/features/columnResize/useGridColumnResize';
+import { useGridInitialization } from "../hooks/core/useGridInitialization.js";
+import { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
+import { useGridClipboard } from "../hooks/features/clipboard/useGridClipboard.js";
+import { columnMenuStateInitializer, useGridColumnMenu } from "../hooks/features/columnMenu/useGridColumnMenu.js";
+import { useGridColumns, columnsStateInitializer } from "../hooks/features/columns/useGridColumns.js";
+import { densityStateInitializer, useGridDensity } from "../hooks/features/density/useGridDensity.js";
+import { useGridCsvExport } from "../hooks/features/export/useGridCsvExport.js";
+import { useGridPrintExport } from "../hooks/features/export/useGridPrintExport.js";
+import { useGridFilter, filterStateInitializer } from "../hooks/features/filter/useGridFilter.js";
+import { focusStateInitializer, useGridFocus } from "../hooks/features/focus/useGridFocus.js";
+import { useGridKeyboardNavigation } from "../hooks/features/keyboardNavigation/useGridKeyboardNavigation.js";
+import { useGridPagination, paginationStateInitializer } from "../hooks/features/pagination/useGridPagination.js";
+import { useGridPreferencesPanel, preferencePanelStateInitializer } from "../hooks/features/preferencesPanel/useGridPreferencesPanel.js";
+import { useGridEditing, editingStateInitializer } from "../hooks/features/editing/useGridEditing.js";
+import { useGridRows, rowsStateInitializer } from "../hooks/features/rows/useGridRows.js";
+import { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
+import { useGridParamsApi } from "../hooks/features/rows/useGridParamsApi.js";
+import { rowSelectionStateInitializer, useGridRowSelection } from "../hooks/features/rowSelection/useGridRowSelection.js";
+import { useGridRowSelectionPreProcessors } from "../hooks/features/rowSelection/useGridRowSelectionPreProcessors.js";
+import { useGridSorting, sortingStateInitializer } from "../hooks/features/sorting/useGridSorting.js";
+import { useGridScroll } from "../hooks/features/scroll/useGridScroll.js";
+import { useGridEvents } from "../hooks/features/events/useGridEvents.js";
+import { dimensionsStateInitializer, useGridDimensions } from "../hooks/features/dimensions/useGridDimensions.js";
+import { rowsMetaStateInitializer, useGridRowsMeta } from "../hooks/features/rows/useGridRowsMeta.js";
+import { useGridStatePersistence } from "../hooks/features/statePersistence/useGridStatePersistence.js";
+import { useGridColumnSpanning } from "../hooks/features/columns/useGridColumnSpanning.js";
+import { useGridColumnGrouping, columnGroupsStateInitializer } from "../hooks/features/columnGrouping/useGridColumnGrouping.js";
+import { useGridVirtualization, virtualizationStateInitializer } from "../hooks/features/virtualization/index.js";
+import { columnResizeStateInitializer, useGridColumnResize } from "../hooks/features/columnResize/useGridColumnResize.js";
 export const useDataGridComponent = (inputApiRef, props) => {
   const apiRef = useGridInitialization(inputApiRef, props);
 

package/modern/DataGrid/useDataGridProps.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
-import { GRID_DEFAULT_LOCALE_TEXT } from '../constants';
-import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '../constants/defaultGridSlotsComponents';
-import { GridEditModes } from '../models';
-import { computeSlots, useProps } from '../internals/utils';
+import { GRID_DEFAULT_LOCALE_TEXT } from "../constants/index.js";
+import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
+import { GridEditModes } from "../models/index.js";
+import { computeSlots, useProps } from "../internals/utils/index.js";
 const DATA_GRID_FORCED_PROPS = {
   disableMultipleColumnsFiltering: true,
   disableMultipleColumnsSorting: true,
@@ -52,6 +52,8 @@ export const DATA_GRID_PROPS_DEFAULT_VALUES = {
   hideFooterSelectedRowCount: false,
   ignoreDiacritics: false,
   ignoreValueFormatterDuringExport: false,
+  // TODO v8: Update to 'select'
+  indeterminateCheckboxAction: 'deselect',
   keepColumnPositionIfDraggedOutside: false,
   keepNonExistentRowsSelected: false,
   loading: false,

package/modern/colDef/gridActionsColDef.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_STRING_COL_DEF } from './gridStringColDef';
-import { renderActionsCell } from '../components/cell/GridActionsCell';
+import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
+import { renderActionsCell } from "../components/cell/GridActionsCell.js";
 export const GRID_ACTIONS_COLUMN_TYPE = 'actions';
 export const GRID_ACTIONS_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   sortable: false,

package/modern/colDef/gridBooleanColDef.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_STRING_COL_DEF } from './gridStringColDef';
-import { renderBooleanCell } from '../components/cell/GridBooleanCell';
-import { renderEditBooleanCell } from '../components/cell/GridEditBooleanCell';
-import { gridNumberComparator } from '../hooks/features/sorting/gridSortingUtils';
-import { getGridBooleanOperators } from './gridBooleanOperators';
+import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
+import { renderBooleanCell } from "../components/cell/GridBooleanCell.js";
+import { renderEditBooleanCell } from "../components/cell/GridEditBooleanCell.js";
+import { gridNumberComparator } from "../hooks/features/sorting/gridSortingUtils.js";
+import { getGridBooleanOperators } from "./gridBooleanOperators.js";
 const gridBooleanFormatter = (value, row, column, apiRef) => {
   return value ? apiRef.current.getLocaleText('booleanCellTrueLabel') : apiRef.current.getLocaleText('booleanCellFalseLabel');
 };

package/modern/colDef/gridBooleanOperators.js

@@ -1,4 +1,4 @@
-import { GridFilterInputBoolean } from '../components/panel/filterPanel/GridFilterInputBoolean';
+import { GridFilterInputBoolean } from "../components/panel/filterPanel/GridFilterInputBoolean.js";
 export const getGridBooleanOperators = () => [{
   value: 'is',
   getApplyFilterFn: filterItem => {

package/modern/colDef/gridCheckboxSelectionColDef.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { GridCellCheckboxRenderer } from '../components/columnSelection/GridCellCheckboxRenderer';
-import { GridHeaderCheckbox } from '../components/columnSelection/GridHeaderCheckbox';
-import { selectedIdsLookupSelector } from '../hooks/features/rowSelection/gridRowSelectionSelector';
-import { GRID_BOOLEAN_COL_DEF } from './gridBooleanColDef';
+import { GridCellCheckboxRenderer } from "../components/columnSelection/GridCellCheckboxRenderer.js";
+import { GridHeaderCheckbox } from "../components/columnSelection/GridHeaderCheckbox.js";
+import { selectedIdsLookupSelector } from "../hooks/features/rowSelection/gridRowSelectionSelector.js";
+import { GRID_BOOLEAN_COL_DEF } from "./gridBooleanColDef.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const GRID_CHECKBOX_SELECTION_FIELD = '__check__';
 export const GRID_CHECKBOX_SELECTION_COL_DEF = _extends({}, GRID_BOOLEAN_COL_DEF, {

package/modern/colDef/gridDateColDef.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { gridDateComparator } from '../hooks/features/sorting/gridSortingUtils';
-import { getGridDateOperators } from './gridDateOperators';
-import { GRID_STRING_COL_DEF } from './gridStringColDef';
-import { renderEditDateCell } from '../components/cell/GridEditDateCell';
+import { gridDateComparator } from "../hooks/features/sorting/gridSortingUtils.js";
+import { getGridDateOperators } from "./gridDateOperators.js";
+import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
+import { renderEditDateCell } from "../components/cell/GridEditDateCell.js";
 function throwIfNotDateObject({
   value,
   columnType,