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

package/hooks/features/rowGrouping/createGroupingColDef.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
 });
@@ -18,8 +19,6 @@ var _gridRowGroupingSelector = require("./gridRowGroupingSelector");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["leafField", "mainGroupingCriteria", "hideDescendantCount"],
   _excluded2 = ["leafField", "mainGroupingCriteria", "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 GROUPING_COL_DEF_DEFAULT_PROPERTIES = (0, _extends2.default)({}, _xDataGridPro.GRID_STRING_COL_DEF, {
   type: 'custom',
   disableReorder: true

package/hooks/features/rowGrouping/gridRowGroupingUtils.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/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,8 +12,6 @@ var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _gridRowGroupingSelector = require("./gridRowGroupingSelector");
 var _gridRowGroupingUtils = require("./gridRowGroupingUtils");
-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 rowGroupingStateInitializer = (state, props, apiRef) => {
   apiRef.current.caches.rowGrouping = {
     rulesOnLastRowTreeCreation: []

package/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,8 +11,6 @@ var _internals = require("@mui/x-data-grid-pro/internals");
 var _gridRowGroupingSelector = require("./gridRowGroupingSelector");
 var _createGroupingColDef = require("./createGroupingColDef");
 var _gridRowGroupingUtils = require("./gridRowGroupingUtils");
-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 useGridRowGroupingPreProcessors = (apiRef, props) => {
   const getGroupingColDefs = React.useCallback(columnsState => {
     if (props.disableRowGrouping) {

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/hooks/utils/useKeepGroupedColumnsHidden.js

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,8 +9,6 @@ exports.useKeepGroupedColumnsHidden = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-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 updateColumnVisibilityModel = (columnVisibilityModel, rowGroupingModel, prevRowGroupingModel) => {
   const newColumnVisibilityModel = (0, _extends2.default)({}, columnVisibilityModel);
   rowGroupingModel?.forEach(field => {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v7.14.0
+ * @mui/x-data-grid-premium v7.16.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.GridWorkspacesIcon = exports.GridGroupWorkIcon = exports.GridFunctionsIc
 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 GridWorkspacesIcon = exports.GridWorkspacesIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+const GridWorkspacesIcon = exports.GridWorkspacesIcon = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
   children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     d: "M6,13c-2.2,0-4,1.8-4,4s1.8,4,4,4s4-1.8,4-4S8.2,13,6,13z M12,3C9.8,3,8,4.8,8,7s1.8,4,4,4s4-1.8,4-4S14.2,3,12,3z M18,13 c-2.2,0-4,1.8-4,4s1.8,4,4,4s4-1.8,4-4S20.2,13,18,13z"
   })
 }), 'Workspaces');
-const GridGroupWorkIcon = exports.GridGroupWorkIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+const GridGroupWorkIcon = exports.GridGroupWorkIcon = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM8 17.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5zM9.5 8c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5S9.5 9.38 9.5 8zm6.5 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"
 }), 'GroupWork');
-const GridFunctionsIcon = exports.GridFunctionsIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+const GridFunctionsIcon = exports.GridFunctionsIcon = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M18 4H6v2l6.5 6L6 18v2h12v-3h-7l5-5-5-5h7z"
 }), 'Functions');

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/DataGridPremium/DataGridPremium.js

@@ -6,11 +6,11 @@ import PropTypes from 'prop-types';
 import { useLicenseVerifier, Watermark } from '@mui/x-license';
 import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot, GridContextProvider } from '@mui/x-data-grid-pro';
 import { propValidatorsDataGrid, propValidatorsDataGridPro, validateProps } from '@mui/x-data-grid-pro/internals';
-import { useDataGridPremiumComponent } from './useDataGridPremiumComponent';
-import { useDataGridPremiumProps } from './useDataGridPremiumProps';
-import { getReleaseInfo } from '../utils/releaseInfo';
-import { useGridAriaAttributes } from '../hooks/utils/useGridAriaAttributes';
-import { useGridRowAriaAttributes } from '../hooks/features/rows/useGridRowAriaAttributes';
+import { useDataGridPremiumComponent } from "./useDataGridPremiumComponent.js";
+import { useDataGridPremiumProps } from "./useDataGridPremiumProps.js";
+import { getReleaseInfo } from "../utils/releaseInfo.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: {
@@ -442,6 +442,14 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.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 DataGridPremium.
    * The data in it is set in the state on initialization but isn't controlled.
@@ -950,12 +958,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.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/DataGridPremium/index.js

@@ -1,3 +1,3 @@
-export * from './DataGrid';
-export * from './DataGridPremium';
-export { DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES } from './useDataGridPremiumProps';
+export * from "./DataGrid.js";
+export * from "./DataGridPremium.js";
+export { DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES } from "./useDataGridPremiumProps.js";

package/modern/DataGridPremium/useDataGridPremiumComponent.js

@@ -1,12 +1,12 @@
 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, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnReorder, columnReorderStateInitializer, useGridColumnResize, columnResizeStateInitializer, useGridTreeData, useGridTreeDataPreProcessors, useGridColumnPinning, columnPinningStateInitializer, useGridColumnPinningPreProcessors, useGridDetailPanel, detailPanelStateInitializer, useGridDetailPanelPreProcessors, useGridInfiniteLoader, useGridColumnSpanning, useGridRowReorder, useGridRowReorderPreProcessors, useGridRowPinning, useGridRowPinningPreProcessors, rowPinningStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, useGridLazyLoader, useGridLazyLoaderPreProcessors, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridDataSourceTreeDataPreProcessors, useGridDataSource, dataSourceStateInitializer } from '@mui/x-data-grid-pro/internals';
 // Premium-only features
-import { useGridAggregation, aggregationStateInitializer } from '../hooks/features/aggregation/useGridAggregation';
-import { useGridAggregationPreProcessors } from '../hooks/features/aggregation/useGridAggregationPreProcessors';
-import { useGridRowGrouping, rowGroupingStateInitializer } from '../hooks/features/rowGrouping/useGridRowGrouping';
-import { useGridRowGroupingPreProcessors } from '../hooks/features/rowGrouping/useGridRowGroupingPreProcessors';
-import { useGridExcelExport } from '../hooks/features/export/useGridExcelExport';
-import { cellSelectionStateInitializer, useGridCellSelection } from '../hooks/features/cellSelection/useGridCellSelection';
-import { useGridClipboardImport } from '../hooks/features/clipboard/useGridClipboardImport';
+import { useGridAggregation, aggregationStateInitializer } from "../hooks/features/aggregation/useGridAggregation.js";
+import { useGridAggregationPreProcessors } from "../hooks/features/aggregation/useGridAggregationPreProcessors.js";
+import { useGridRowGrouping, rowGroupingStateInitializer } from "../hooks/features/rowGrouping/useGridRowGrouping.js";
+import { useGridRowGroupingPreProcessors } from "../hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js";
+import { useGridExcelExport } from "../hooks/features/export/useGridExcelExport.js";
+import { cellSelectionStateInitializer, useGridCellSelection } from "../hooks/features/cellSelection/useGridCellSelection.js";
+import { useGridClipboardImport } from "../hooks/features/clipboard/useGridClipboardImport.js";
 export const useDataGridPremiumComponent = (inputApiRef, props) => {
   const apiRef = useGridInitialization(inputApiRef, props);
 

package/modern/DataGridPremium/useDataGridPremiumProps.js

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
 import { DATA_GRID_PRO_PROPS_DEFAULT_VALUES, GRID_DEFAULT_LOCALE_TEXT, GridSignature } from '@mui/x-data-grid-pro';
 import { computeSlots, useProps } from '@mui/x-data-grid-pro/internals';
-import { GRID_AGGREGATION_FUNCTIONS } from '../hooks/features/aggregation';
-import { DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS } from '../constants/dataGridPremiumDefaultSlotsComponents';
+import { GRID_AGGREGATION_FUNCTIONS } from "../hooks/features/aggregation/index.js";
+import { DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS } from "../constants/dataGridPremiumDefaultSlotsComponents.js";
 const getDataGridPremiumForcedProps = themedProps => _extends({
   signature: GridSignature.DataGridPremium
 }, themedProps.unstable_dataSource ? {

package/modern/components/GridAggregationHeader.js

@@ -5,9 +5,9 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass, gridClasses, GridColumnHeaderTitle } from '@mui/x-data-grid';
-import { getAggregationFunctionLabel } from '../hooks/features/aggregation/gridAggregationUtils';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
+import { getAggregationFunctionLabel } from "../hooks/features/aggregation/gridAggregationUtils.js";
+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";
 const GridAggregationHeaderRoot = styled('div', {
   name: 'MuiDataGrid',
@@ -32,12 +32,9 @@ const GridAggregationFunctionLabel = styled('div', {
 }) => {
   return {
     fontSize: theme.typography.caption.fontSize,
-    lineHeight: theme.typography.caption.fontSize,
-    position: 'absolute',
-    bottom: 4,
-    fontWeight: theme.typography.fontWeightMedium,
-    color: (theme.vars || theme).palette.primary.dark,
-    textTransform: 'uppercase'
+    lineHeight: 'normal',
+    color: theme.palette.text.secondary,
+    marginTop: -1
   };
 });
 const useUtilityClasses = ownerState => {

package/modern/components/GridColumnMenuAggregationItem.js

@@ -11,10 +11,10 @@ import FormControl from '@mui/material/FormControl';
 import InputLabel from '@mui/material/InputLabel';
 import { unstable_useId as useId } from '@mui/utils';
 import Select from '@mui/material/Select';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { canColumnHaveAggregationFunction, getAggregationFunctionLabel, getAvailableAggregationFunctions } from '../hooks/features/aggregation/gridAggregationUtils';
-import { gridAggregationModelSelector } from '../hooks/features/aggregation/gridAggregationSelectors';
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { canColumnHaveAggregationFunction, getAggregationFunctionLabel, getAvailableAggregationFunctions } from "../hooks/features/aggregation/gridAggregationUtils.js";
+import { gridAggregationModelSelector } from "../hooks/features/aggregation/gridAggregationSelectors.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function GridColumnMenuAggregationItem(props) {
   const {

package/modern/components/GridColumnMenuRowGroupItem.js

@@ -3,10 +3,10 @@ import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
 import { useGridSelector, gridColumnLookupSelector } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { gridRowGroupingSanitizedModelSelector } from '../hooks/features/rowGrouping/gridRowGroupingSelector';
-import { getRowGroupingCriteriaFromGroupingField, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, isGroupingColumn } from '../hooks/features/rowGrouping/gridRowGroupingUtils';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { gridRowGroupingSanitizedModelSelector } from "../hooks/features/rowGrouping/gridRowGroupingSelector.js";
+import { getRowGroupingCriteriaFromGroupingField, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, isGroupingColumn } from "../hooks/features/rowGrouping/gridRowGroupingUtils.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function GridColumnMenuRowGroupItem(props) {
   const {

package/modern/components/GridColumnMenuRowUngroupItem.js

@@ -3,9 +3,9 @@ import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
 import { gridColumnLookupSelector, useGridSelector } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { gridRowGroupingSanitizedModelSelector } from '../hooks/features/rowGrouping/gridRowGroupingSelector';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { gridRowGroupingSanitizedModelSelector } from "../hooks/features/rowGrouping/gridRowGroupingSelector.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function GridColumnMenuRowUngroupItem(props) {
   const {

package/modern/components/GridExcelExportMenuItem.js

@@ -4,7 +4,7 @@ const _excluded = ["hideMenu", "options"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import MenuItem from '@mui/material/MenuItem';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridExcelExportMenuItem(props) {
   const apiRef = useGridApiContext();

package/modern/components/GridFooterCell.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { getDataGridUtilityClass } from '@mui/x-data-grid';
 import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const GridFooterCellRoot = styled('div', {
   name: 'MuiDataGrid',

package/modern/components/GridGroupingColumnFooterCell.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { GridFooterCell } from './GridFooterCell';
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { GridFooterCell } from "./GridFooterCell.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridGroupingColumnFooterCell(props) {
   const rootProps = useGridRootProps();

package/modern/components/GridGroupingColumnLeafCell.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridGroupingColumnLeafCell(props) {
   const {

package/modern/components/GridGroupingCriteriaCell.js

@@ -3,8 +3,8 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import Box from '@mui/material/Box';
 import { useGridSelector, gridFilteredDescendantCountLookupSelector, getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-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";
 const useUtilityClasses = ownerState => {
   const {

package/modern/components/GridPremiumColumnMenu.js

@@ -1,10 +1,10 @@
 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-pro';
-import { GridColumnMenuAggregationItem } from './GridColumnMenuAggregationItem';
-import { isGroupingColumn } from '../hooks/features/rowGrouping';
-import { GridColumnMenuRowGroupItem } from './GridColumnMenuRowGroupItem';
-import { GridColumnMenuRowUngroupItem } from './GridColumnMenuRowUngroupItem';
+import { GridColumnMenuAggregationItem } from "./GridColumnMenuAggregationItem.js";
+import { isGroupingColumn } from "../hooks/features/rowGrouping/index.js";
+import { GridColumnMenuRowGroupItem } from "./GridColumnMenuRowGroupItem.js";
+import { GridColumnMenuRowUngroupItem } from "./GridColumnMenuRowUngroupItem.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function GridColumnMenuGroupingItem(props) {
   const {

package/modern/components/index.js

@@ -1,4 +1,4 @@
-export * from './GridExcelExportMenuItem';
-export * from '../material/icons';
-export * from './GridColumnMenuAggregationItem';
-export { GridColumnMenuGroupingItem } from './GridPremiumColumnMenu';
+export * from "./GridExcelExportMenuItem.js";
+export * from "../material/icons.js";
+export * from "./GridColumnMenuAggregationItem.js";
+export { GridColumnMenuGroupingItem } from "./GridPremiumColumnMenu.js";

package/modern/components/reexports.js

@@ -1 +1 @@
-export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS } from './GridPremiumColumnMenu';
+export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS } from "./GridPremiumColumnMenu.js";

package/modern/constants/dataGridPremiumDefaultSlotsComponents.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from '@mui/x-data-grid-pro/internals';
-import { GridPremiumColumnMenu } from '../components/GridPremiumColumnMenu';
-import materialSlots from '../material';
+import { GridPremiumColumnMenu } from "../components/GridPremiumColumnMenu.js";
+import materialSlots from "../material/index.js";
 export const DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS = _extends({}, DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS, materialSlots, {
   columnMenu: GridPremiumColumnMenu
 });

package/modern/hooks/features/aggregation/createAggregationLookup.js

@@ -1,6 +1,6 @@
 import { gridColumnLookupSelector, gridFilteredRowsLookupSelector, gridRowTreeSelector, GRID_ROOT_GROUP_ID } from '@mui/x-data-grid-pro';
-import { getAggregationRules } from './gridAggregationUtils';
-import { gridAggregationModelSelector } from './gridAggregationSelectors';
+import { getAggregationRules } from "./gridAggregationUtils.js";
+import { gridAggregationModelSelector } from "./gridAggregationSelectors.js";
 const getAggregationCellValue = ({
   apiRef,
   groupId,

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

@@ -1,4 +1,4 @@
-export * from './gridAggregationInterfaces';
-export * from './gridAggregationSelectors';
-export * from './gridAggregationFunctions';
-export { GRID_AGGREGATION_ROOT_FOOTER_ROW_ID, getAggregationFooterRowIdFromGroupId } from './gridAggregationUtils';
+export * from "./gridAggregationInterfaces.js";
+export * from "./gridAggregationSelectors.js";
+export * from "./gridAggregationFunctions.js";
+export { GRID_AGGREGATION_ROOT_FOOTER_ROW_ID, getAggregationFooterRowIdFromGroupId } from "./gridAggregationUtils.js";

package/modern/hooks/features/aggregation/useGridAggregation.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { gridColumnLookupSelector, useGridApiEventHandler, useGridApiMethod } from '@mui/x-data-grid-pro';
-import { gridAggregationModelSelector } from './gridAggregationSelectors';
-import { getAggregationRules, mergeStateWithAggregationModel, areAggregationRulesEqual } from './gridAggregationUtils';
-import { createAggregationLookup } from './createAggregationLookup';
+import { gridAggregationModelSelector } from "./gridAggregationSelectors.js";
+import { getAggregationRules, mergeStateWithAggregationModel, areAggregationRulesEqual } from "./gridAggregationUtils.js";
+import { createAggregationLookup } from "./createAggregationLookup.js";
 export const aggregationStateInitializer = (state, props, apiRef) => {
   apiRef.current.caches.aggregation = {
     rulesOnLastColumnHydration: {},

package/modern/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { gridColumnLookupSelector } from '@mui/x-data-grid-pro';
 import { useGridRegisterPipeProcessor } from '@mui/x-data-grid-pro/internals';
-import { getAvailableAggregationFunctions, addFooterRows, getAggregationRules, mergeStateWithAggregationModel } from './gridAggregationUtils';
-import { wrapColumnWithAggregationValue, unwrapColumnFromAggregation } from './wrapColumnWithAggregation';
-import { gridAggregationModelSelector } from './gridAggregationSelectors';
+import { getAvailableAggregationFunctions, addFooterRows, getAggregationRules, mergeStateWithAggregationModel } from "./gridAggregationUtils.js";
+import { wrapColumnWithAggregationValue, unwrapColumnFromAggregation } from "./wrapColumnWithAggregation.js";
+import { gridAggregationModelSelector } from "./gridAggregationSelectors.js";
 export const useGridAggregationPreProcessors = (apiRef, props) => {
   // apiRef.current.caches.aggregation.rulesOnLastColumnHydration is not used because by the time
   // that the pre-processor is called it will already have been updated with the current rules.

package/modern/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -2,9 +2,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["aggregationWrappedProperties"];
 import * as React from 'react';
-import { gridAggregationLookupSelector } from './gridAggregationSelectors';
-import { GridFooterCell } from '../../../components/GridFooterCell';
-import { GridAggregationHeader } from '../../../components/GridAggregationHeader';
+import { gridAggregationLookupSelector } from "./gridAggregationSelectors.js";
+import { GridFooterCell } from "../../../components/GridFooterCell.js";
+import { GridAggregationHeader } from "../../../components/GridAggregationHeader.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const AGGREGATION_WRAPPABLE_PROPERTIES = ['valueGetter', 'valueFormatter', 'renderCell', 'renderHeader', 'filterOperators'];
 const getAggregationValueWrappedValueGetter = ({

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

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

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

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { ownerDocument, useEventCallback } from '@mui/material/utils';
 import { getTotalHeaderHeight, getVisibleRows, isNavigationKey, serializeCellValue, useGridRegisterPipeProcessor, useGridVisibleRows } from '@mui/x-data-grid-pro/internals';
 import { useGridApiEventHandler, useGridApiMethod, GRID_ACTIONS_COLUMN_TYPE, GRID_CHECKBOX_SELECTION_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, gridRowsDataRowIdToIdLookupSelector, gridClasses, gridFocusCellSelector, GRID_REORDER_COL_DEF, useGridSelector, gridSortedRowIdsSelector, gridDimensionsSelector } from '@mui/x-data-grid-pro';
-import { gridCellSelectionStateSelector } from './gridCellSelectionSelector';
+import { gridCellSelectionStateSelector } from "./gridCellSelectionSelector.js";
 export const cellSelectionStateInitializer = (state, props) => _extends({}, state, {
   cellSelection: _extends({}, props.cellSelectionModel ?? props.initialState?.cellSelection)
 });

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

@@ -1,2 +1,2 @@
-export * from './gridExcelExportInterface';
-export { setupExcelExportWebWorker } from './serializer/excelSerializer';
+export * from "./gridExcelExportInterface.js";
+export { setupExcelExportWebWorker } from "./serializer/excelSerializer.js";

package/modern/hooks/features/export/useGridExcelExport.js

@@ -3,8 +3,8 @@ const _excluded = ["worker", "exceljsPostProcess", "exceljsPreProcess", "columns
 import * as React from 'react';
 import { useGridApiMethod, useGridLogger, useGridApiOptionHandler } from '@mui/x-data-grid';
 import { useGridRegisterPipeProcessor, exportAs, getColumnsToExport, defaultGetRowsToExport } from '@mui/x-data-grid/internals';
-import { buildExcel, getDataForValueOptionsSheet, serializeColumns, serializeRowUnsafe } from './serializer/excelSerializer';
-import { GridExcelExportMenuItem } from '../../../components';
+import { buildExcel, getDataForValueOptionsSheet, serializeColumns, serializeRowUnsafe } from "./serializer/excelSerializer.js";
+import { GridExcelExportMenuItem } from "../../../components/index.js";
 
 /**
  * @requires useGridColumns (state)

package/modern/hooks/features/index.js

@@ -1,5 +1,5 @@
 // Only export the variable and types that should be publicly exposed and re-exported from `@mui/x-data-grid-premium`
-export * from './aggregation';
-export * from './rowGrouping';
-export * from './export';
-export * from './cellSelection';
+export * from "./aggregation/index.js";
+export * from "./rowGrouping/index.js";
+export * from "./export/index.js";
+export * from "./cellSelection/index.js";

package/modern/hooks/features/rowGrouping/createGroupingColDef.js

@@ -5,11 +5,11 @@ const _excluded = ["leafField", "mainGroupingCriteria", "hideDescendantCount"],
 import * as React from 'react';
 import { GRID_STRING_COL_DEF } from '@mui/x-data-grid-pro';
 import { isSingleSelectColDef } from '@mui/x-data-grid-pro/internals';
-import { GridGroupingColumnFooterCell } from '../../../components/GridGroupingColumnFooterCell';
-import { GridGroupingCriteriaCell } from '../../../components/GridGroupingCriteriaCell';
-import { GridGroupingColumnLeafCell } from '../../../components/GridGroupingColumnLeafCell';
-import { getRowGroupingFieldFromGroupingCriteria, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD } from './gridRowGroupingUtils';
-import { gridRowGroupingSanitizedModelSelector } from './gridRowGroupingSelector';
+import { GridGroupingColumnFooterCell } from "../../../components/GridGroupingColumnFooterCell.js";
+import { GridGroupingCriteriaCell } from "../../../components/GridGroupingCriteriaCell.js";
+import { GridGroupingColumnLeafCell } from "../../../components/GridGroupingColumnLeafCell.js";
+import { getRowGroupingFieldFromGroupingCriteria, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD } from "./gridRowGroupingUtils.js";
+import { gridRowGroupingSanitizedModelSelector } from "./gridRowGroupingSelector.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const GROUPING_COL_DEF_DEFAULT_PROPERTIES = _extends({}, GRID_STRING_COL_DEF, {
   type: 'custom',

package/modern/hooks/features/rowGrouping/gridRowGroupingUtils.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { passFilterLogic } from '@mui/x-data-grid-pro/internals';
-import { gridRowGroupingSanitizedModelSelector } from './gridRowGroupingSelector';
+import { gridRowGroupingSanitizedModelSelector } from "./gridRowGroupingSelector.js";
 export const GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD = '__row_group_by_columns_group__';
 export const ROW_GROUPING_STRATEGY = 'grouping-columns';
 export const getRowGroupingFieldFromGroupingCriteria = groupingCriteria => {

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

@@ -1,3 +1,3 @@
-export * from './gridRowGroupingSelector';
-export * from './gridRowGroupingInterfaces';
-export { GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, getRowGroupingFieldFromGroupingCriteria, isGroupingColumn } from './gridRowGroupingUtils';
+export * from "./gridRowGroupingSelector.js";
+export * from "./gridRowGroupingInterfaces.js";
+export { GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, getRowGroupingFieldFromGroupingCriteria, isGroupingColumn } from "./gridRowGroupingUtils.js";

package/modern/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridApiEventHandler, useGridApiMethod, gridColumnLookupSelector } from '@mui/x-data-grid-pro';
 import { useGridRegisterPipeProcessor } from '@mui/x-data-grid-pro/internals';
-import { gridRowGroupingModelSelector, gridRowGroupingSanitizedModelSelector } from './gridRowGroupingSelector';
-import { getRowGroupingFieldFromGroupingCriteria, ROW_GROUPING_STRATEGY, isGroupingColumn, mergeStateWithRowGroupingModel, setStrategyAvailability, getGroupingRules, areGroupingRulesEqual } from './gridRowGroupingUtils';
+import { gridRowGroupingModelSelector, gridRowGroupingSanitizedModelSelector } from "./gridRowGroupingSelector.js";
+import { getRowGroupingFieldFromGroupingCriteria, ROW_GROUPING_STRATEGY, isGroupingColumn, mergeStateWithRowGroupingModel, setStrategyAvailability, getGroupingRules, areGroupingRulesEqual } from "./gridRowGroupingUtils.js";
 export const rowGroupingStateInitializer = (state, props, apiRef) => {
   apiRef.current.caches.rowGrouping = {
     rulesOnLastRowTreeCreation: []

package/modern/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { gridColumnLookupSelector, gridRowTreeSelector, useFirstRender, GRID_CHECKBOX_SELECTION_FIELD } from '@mui/x-data-grid-pro';
 import { useGridRegisterPipeProcessor, useGridRegisterStrategyProcessor, sortRowTree, createRowTree, updateRowTree, getVisibleRowsLookup } from '@mui/x-data-grid-pro/internals';
-import { gridRowGroupingModelSelector, gridRowGroupingSanitizedModelSelector } from './gridRowGroupingSelector';
-import { createGroupingColDefForAllGroupingCriteria, createGroupingColDefForOneGroupingCriteria } from './createGroupingColDef';
-import { filterRowTreeFromGroupingColumns, getColDefOverrides, ROW_GROUPING_STRATEGY, isGroupingColumn, setStrategyAvailability, getCellGroupingCriteria, getGroupingRules } from './gridRowGroupingUtils';
+import { gridRowGroupingModelSelector, gridRowGroupingSanitizedModelSelector } from "./gridRowGroupingSelector.js";
+import { createGroupingColDefForAllGroupingCriteria, createGroupingColDefForOneGroupingCriteria } from "./createGroupingColDef.js";
+import { filterRowTreeFromGroupingColumns, getColDefOverrides, ROW_GROUPING_STRATEGY, isGroupingColumn, setStrategyAvailability, getCellGroupingCriteria, getGroupingRules } from "./gridRowGroupingUtils.js";
 export const useGridRowGroupingPreProcessors = (apiRef, props) => {
   const getGroupingColDefs = React.useCallback(columnsState => {
     if (props.disableRowGrouping) {

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

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