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

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,6 +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 '../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

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
-import { useTheme } from '@mui/material/styles';
+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) => {
@@ -42,7 +42,7 @@ export const useGridColumnReorder = (apiRef, props) => {
     classes: props.classes
   };
   const classes = useUtilityClasses(ownerState);
-  const theme = useTheme();
+  const isRtl = useRtl();
   React.useEffect(() => {
     return () => {
       clearTimeout(removeDnDStylesTimeout.current);
@@ -152,8 +152,8 @@ export const useGridColumnReorder = (apiRef, props) => {
       const visibleColumns = apiRef.current.getVisibleColumns();
       const allColumns = apiRef.current.getAllColumns();
       const cursorMoveDirectionX = getCursorMoveDirectionX(cursorPosition.current, coordinates);
-      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && (theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex);
-      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && (theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex);
+      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && (isRtl ? dragColIndex < targetColIndex : targetColIndex < dragColIndex);
+      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && (isRtl ? targetColIndex < dragColIndex : dragColIndex < targetColIndex);
       if (hasMovedLeft || hasMovedRight) {
         let canBeReordered;
         let indexOffsetInHiddenColumns = 0;
@@ -194,7 +194,7 @@ export const useGridColumnReorder = (apiRef, props) => {
       }
       cursorPosition.current = coordinates;
     }
-  }, [apiRef, logger, theme.direction]);
+  }, [apiRef, logger, isRtl]);
   const handleDragEnd = React.useCallback((params, event) => {
     const dragColField = gridColumnReorderDragColSelector(apiRef);
     if (props.disableColumnReorder || !dragColField) {

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, {

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";

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useGridSelector, gridFilteredTopLevelRowCountSelector, GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
 import { useGridRowAriaAttributes as useGridRowAriaAttributesCommunity, gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector } from '@mui/x-data-grid/internals';
-import { useGridPrivateApiContext } from '../../utils/useGridPrivateApiContext';
-import { useGridRootProps } from '../../utils/useGridRootProps';
+import { useGridPrivateApiContext } from "../../utils/useGridPrivateApiContext.js";
+import { useGridRootProps } from "../../utils/useGridRootProps.js";
 export const useGridRowAriaAttributes = addTreeDataAttributes => {
   const apiRef = useGridPrivateApiContext();
   const props = useGridRootProps();

package/modern/hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.js

@@ -4,12 +4,12 @@ const _excluded = ["hideDescendantCount"];
 import * as React from 'react';
 import { gridRowTreeSelector, useFirstRender, GRID_CHECKBOX_SELECTION_FIELD } from '@mui/x-data-grid';
 import { useGridRegisterPipeProcessor, useGridRegisterStrategyProcessor } from '@mui/x-data-grid/internals';
-import { GRID_TREE_DATA_GROUPING_COL_DEF, GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES } from '../treeData/gridTreeDataGroupColDef';
-import { skipFiltering, skipSorting } from './utils';
-import { GridDataSourceTreeDataGroupingCell } from '../../../components/GridDataSourceTreeDataGroupingCell';
-import { createRowTree } from '../../../utils/tree/createRowTree';
-import { updateRowTree } from '../../../utils/tree/updateRowTree';
-import { getVisibleRowsLookup } from '../../../utils/tree/utils';
+import { GRID_TREE_DATA_GROUPING_COL_DEF, GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES } from "../treeData/gridTreeDataGroupColDef.js";
+import { skipFiltering, skipSorting } from "./utils.js";
+import { GridDataSourceTreeDataGroupingCell } from "../../../components/GridDataSourceTreeDataGroupingCell.js";
+import { createRowTree } from "../../../utils/tree/createRowTree.js";
+import { updateRowTree } from "../../../utils/tree/updateRowTree.js";
+import { getVisibleRowsLookup } from "../../../utils/tree/utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const DATA_SOURCE_TREE_DATA_STRATEGY = 'dataSourceTreeData';
 export const useGridDataSourceTreeDataPreProcessors = (privateApiRef, props) => {

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

@@ -1 +1 @@
-export { GRID_TREE_DATA_GROUPING_FIELD } from './gridTreeDataGroupColDef';
+export { GRID_TREE_DATA_GROUPING_FIELD } from "./gridTreeDataGroupColDef.js";

package/modern/hooks/features/treeData/useGridTreeData.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useGridApiEventHandler } from '@mui/x-data-grid';
-import { GRID_TREE_DATA_GROUPING_FIELD } from './gridTreeDataGroupColDef';
+import { GRID_TREE_DATA_GROUPING_FIELD } from "./gridTreeDataGroupColDef.js";
 export const useGridTreeData = (apiRef, props) => {
   /**
    * EVENTS

package/modern/hooks/features/treeData/useGridTreeDataPreProcessors.js

@@ -4,13 +4,13 @@ const _excluded = ["hideDescendantCount"];
 import * as React from 'react';
 import { gridRowTreeSelector, useFirstRender, GRID_CHECKBOX_SELECTION_FIELD } from '@mui/x-data-grid';
 import { useGridRegisterPipeProcessor, useGridRegisterStrategyProcessor } from '@mui/x-data-grid/internals';
-import { GRID_TREE_DATA_GROUPING_COL_DEF, GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES } from './gridTreeDataGroupColDef';
-import { filterRowTreeFromTreeData, TREE_DATA_STRATEGY } from './gridTreeDataUtils';
-import { GridTreeDataGroupingCell } from '../../../components';
-import { createRowTree } from '../../../utils/tree/createRowTree';
-import { sortRowTree } from '../../../utils/tree/sortRowTree';
-import { updateRowTree } from '../../../utils/tree/updateRowTree';
-import { getVisibleRowsLookup } from '../../../utils/tree/utils';
+import { GRID_TREE_DATA_GROUPING_COL_DEF, GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES } from "./gridTreeDataGroupColDef.js";
+import { filterRowTreeFromTreeData, TREE_DATA_STRATEGY } from "./gridTreeDataUtils.js";
+import { GridTreeDataGroupingCell } from "../../../components/index.js";
+import { createRowTree } from "../../../utils/tree/createRowTree.js";
+import { sortRowTree } from "../../../utils/tree/sortRowTree.js";
+import { updateRowTree } from "../../../utils/tree/updateRowTree.js";
+import { getVisibleRowsLookup } from "../../../utils/tree/utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const useGridTreeDataPreProcessors = (privateApiRef, props) => {
   const setStrategyAvailability = React.useCallback(() => {

package/modern/hooks/index.js

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

package/modern/hooks/utils/useGridAriaAttributes.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { useGridAriaAttributes as useGridAriaAttributesCommunity } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from './useGridRootProps';
+import { useGridRootProps } from "./useGridRootProps.js";
 export const useGridAriaAttributes = () => {
   const ariaAttributesCommunity = useGridAriaAttributesCommunity();
   const rootProps = useGridRootProps();

package/modern/index.js

@@ -1,11 +1,11 @@
 /**
- * @mui/x-data-grid-pro v7.14.0
+ * @mui/x-data-grid-pro v7.16.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import './typeOverloads';
+import "./typeOverloads/index.js";
 import { LicenseInfo as LicenseInfoExport } from '@mui/x-license';
 /**
  * @deprecated Use `@mui/x-license` package instead:
@@ -19,11 +19,11 @@ export * from '@mui/x-data-grid/models';
 export * from '@mui/x-data-grid/context';
 export * from '@mui/x-data-grid/utils';
 export * from '@mui/x-data-grid/colDef';
-export * from './DataGridPro';
-export * from './hooks';
-export * from './models';
-export * from './components';
-export * from './utils';
-export { useGridApiContext, useGridApiRef, useGridRootProps } from './typeOverloads/reexports';
-export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from './components/reexports';
-export { GridColumnHeaders } from './components/GridColumnHeaders';
+export * from "./DataGridPro/index.js";
+export * from "./hooks/index.js";
+export * from "./models/index.js";
+export * from "./components/index.js";
+export * from "./utils/index.js";
+export { useGridApiContext, useGridApiRef, useGridRootProps } from "./typeOverloads/reexports.js";
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./components/reexports.js";
+export { GridColumnHeaders } from "./components/GridColumnHeaders.js";

package/modern/internals/index.js

@@ -1,35 +1,35 @@
 // eslint-disable-next-line import/export
 export * from '@mui/x-data-grid/internals';
-export { GridColumnHeaders } from '../components/GridColumnHeaders';
-export { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from '../constants/dataGridProDefaultSlotsComponents';
+export { GridColumnHeaders } from "../components/GridColumnHeaders.js";
+export { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from "../constants/dataGridProDefaultSlotsComponents.js";
 
 /* eslint-disable import/export --
  * x-data-grid-pro internals that are overriding the x-data-grid internals
  */
-export { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
-export { useGridAriaAttributes } from '../hooks/utils/useGridAriaAttributes';
-export { useGridRowAriaAttributes } from '../hooks/features/rows/useGridRowAriaAttributes';
+export { useGridColumnHeaders } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
+export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
+export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 // eslint-enable import/export
 
-export { useGridColumnPinning, columnPinningStateInitializer } from '../hooks/features/columnPinning/useGridColumnPinning';
-export { useGridColumnPinningPreProcessors } from '../hooks/features/columnPinning/useGridColumnPinningPreProcessors';
-export { useGridColumnReorder, columnReorderStateInitializer } from '../hooks/features/columnReorder/useGridColumnReorder';
-export { useGridDataSourceTreeDataPreProcessors } from '../hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors';
-export { useGridDetailPanel, detailPanelStateInitializer } from '../hooks/features/detailPanel/useGridDetailPanel';
-export { useGridDetailPanelPreProcessors } from '../hooks/features/detailPanel/useGridDetailPanelPreProcessors';
-export { useGridInfiniteLoader } from '../hooks/features/infiniteLoader/useGridInfiniteLoader';
-export { useGridRowReorder } from '../hooks/features/rowReorder/useGridRowReorder';
-export { useGridRowReorderPreProcessors } from '../hooks/features/rowReorder/useGridRowReorderPreProcessors';
-export { useGridTreeData } from '../hooks/features/treeData/useGridTreeData';
-export { useGridTreeDataPreProcessors } from '../hooks/features/treeData/useGridTreeDataPreProcessors';
-export { TREE_DATA_STRATEGY } from '../hooks/features/treeData/gridTreeDataUtils';
-export { useGridRowPinning, rowPinningStateInitializer } from '../hooks/features/rowPinning/useGridRowPinning';
-export { useGridRowPinningPreProcessors, addPinnedRow } from '../hooks/features/rowPinning/useGridRowPinningPreProcessors';
-export { useGridLazyLoader } from '../hooks/features/lazyLoader/useGridLazyLoader';
-export { useGridLazyLoaderPreProcessors } from '../hooks/features/lazyLoader/useGridLazyLoaderPreProcessors';
-export { useGridDataSource, dataSourceStateInitializer } from '../hooks/features/dataSource/useGridDataSource';
-export { createRowTree } from '../utils/tree/createRowTree';
-export { updateRowTree } from '../utils/tree/updateRowTree';
-export { sortRowTree } from '../utils/tree/sortRowTree';
-export { insertNodeInTree, removeNodeFromTree, getVisibleRowsLookup } from '../utils/tree/utils';
-export * from './propValidation';
+export { useGridColumnPinning, columnPinningStateInitializer } from "../hooks/features/columnPinning/useGridColumnPinning.js";
+export { useGridColumnPinningPreProcessors } from "../hooks/features/columnPinning/useGridColumnPinningPreProcessors.js";
+export { useGridColumnReorder, columnReorderStateInitializer } from "../hooks/features/columnReorder/useGridColumnReorder.js";
+export { useGridDataSourceTreeDataPreProcessors } from "../hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.js";
+export { useGridDetailPanel, detailPanelStateInitializer } from "../hooks/features/detailPanel/useGridDetailPanel.js";
+export { useGridDetailPanelPreProcessors } from "../hooks/features/detailPanel/useGridDetailPanelPreProcessors.js";
+export { useGridInfiniteLoader } from "../hooks/features/infiniteLoader/useGridInfiniteLoader.js";
+export { useGridRowReorder } from "../hooks/features/rowReorder/useGridRowReorder.js";
+export { useGridRowReorderPreProcessors } from "../hooks/features/rowReorder/useGridRowReorderPreProcessors.js";
+export { useGridTreeData } from "../hooks/features/treeData/useGridTreeData.js";
+export { useGridTreeDataPreProcessors } from "../hooks/features/treeData/useGridTreeDataPreProcessors.js";
+export { TREE_DATA_STRATEGY } from "../hooks/features/treeData/gridTreeDataUtils.js";
+export { useGridRowPinning, rowPinningStateInitializer } from "../hooks/features/rowPinning/useGridRowPinning.js";
+export { useGridRowPinningPreProcessors, addPinnedRow } from "../hooks/features/rowPinning/useGridRowPinningPreProcessors.js";
+export { useGridLazyLoader } from "../hooks/features/lazyLoader/useGridLazyLoader.js";
+export { useGridLazyLoaderPreProcessors } from "../hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.js";
+export { useGridDataSource, dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSource.js";
+export { createRowTree } from "../utils/tree/createRowTree.js";
+export { updateRowTree } from "../utils/tree/updateRowTree.js";
+export { sortRowTree } from "../utils/tree/sortRowTree.js";
+export { insertNodeInTree, removeNodeFromTree, getVisibleRowsLookup } from "../utils/tree/utils.js";
+export * from "./propValidation.js";

package/modern/material/icons.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { createSvgIcon } from '@mui/material/utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const GridPushPinRightIcon = createSvgIcon( /*#__PURE__*/_jsx("g", {
+export const GridPushPinRightIcon = createSvgIcon(/*#__PURE__*/_jsx("g", {
   transform: "rotate(-30 15 10)",
   children: /*#__PURE__*/_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');
-export const GridPushPinLeftIcon = createSvgIcon( /*#__PURE__*/_jsx("g", {
+export const GridPushPinLeftIcon = createSvgIcon(/*#__PURE__*/_jsx("g", {
   transform: "rotate(30 8 12)",
   children: /*#__PURE__*/_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/modern/material/index.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GridPushPinRightIcon, GridPushPinLeftIcon } from './icons';
+import { GridPushPinRightIcon, GridPushPinLeftIcon } from "./icons.js";
 const iconSlots = {
   columnMenuPinRightIcon: GridPushPinRightIcon,
   columnMenuPinLeftIcon: GridPushPinLeftIcon

package/modern/models/index.js

@@ -1,8 +1,8 @@
-export * from './gridApiPro';
-export * from './gridGroupingColDefOverride';
-export * from './gridRowScrollEndParams';
-export * from './gridRowOrderChangeParams';
-export * from './gridFetchRowsParams';
-export * from './gridProSlotsComponent';
-export * from './gridProIconSlotsComponent';
+export * from "./gridApiPro.js";
+export * from "./gridGroupingColDefOverride.js";
+export * from "./gridRowScrollEndParams.js";
+export * from "./gridRowOrderChangeParams.js";
+export * from "./gridFetchRowsParams.js";
+export * from "./gridProSlotsComponent.js";
+export * from "./gridProIconSlotsComponent.js";
 export {};

package/modern/themeAugmentation/index.js

@@ -1,4 +1,4 @@
-export * from './overrides';
-export * from './props';
+export * from "./overrides.js";
+export * from "./props.js";
 // TODO v5
 // export * from './components';

package/modern/typeOverloads/index.js

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

package/modern/typeOverloads/reexports.js

@@ -1,6 +1,6 @@
-export { useGridApiContext } from '../hooks/utils/useGridApiContext';
-export { useGridApiRef } from '../hooks/utils/useGridApiRef';
-export { useGridRootProps } from '../hooks/utils/useGridRootProps';
+export { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+export { useGridApiRef } from "../hooks/utils/useGridApiRef.js";
+export { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 
 /**
  * The full grid API.

package/modern/utils/index.js

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

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcyNDM2MDQwMDAwMA==";
+  const releaseInfo = "MTcyNTQ4MzYwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/utils/tree/createRowTree.js

@@ -1,6 +1,6 @@
 import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
 import { buildRootGroup } from '@mui/x-data-grid/internals';
-import { insertDataRowInTree } from './insertDataRowInTree';
+import { insertDataRowInTree } from "./insertDataRowInTree.js";
 /**
  * Transform a list of rows into a tree structure where each row references its parent and children.
  */

package/modern/utils/tree/index.js

@@ -1 +1 @@
-export { getGroupRowIdFromPath } from './utils';
+export { getGroupRowIdFromPath } from "./utils.js";

package/modern/utils/tree/insertDataRowInTree.js

@@ -1,5 +1,5 @@
 import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
-import { updateGroupDefaultExpansion, checkGroupChildrenExpansion, getGroupRowIdFromPath, insertNodeInTree, updateGroupNodeIdAndAutoGenerated } from './utils';
+import { updateGroupDefaultExpansion, checkGroupChildrenExpansion, getGroupRowIdFromPath, insertNodeInTree, updateGroupNodeIdAndAutoGenerated } from "./utils.js";
 /**
  * Inserts a data row in a tree.
  * For each steps of its path: