@mui/x-data-grid 7.14.0 → 7.16.0

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

@@ -2,17 +2,17 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { unstable_ownerDocument as ownerDocument, unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import useLazyRef from '@mui/utils/useLazyRef';
-import { useTheme } from '@mui/material/styles';
-import { findGridCellElementsFromCol, findGridElement, findLeftPinnedCellsAfterCol, findRightPinnedCellsBeforeCol, getFieldFromHeaderElem, findHeaderElementFromField, getFieldsFromGroupHeaderElem, findGroupHeaderElementsFromField, findGridHeader, findGridCells, findParentElementFromClassName, findLeftPinnedHeadersAfterCol, findRightPinnedHeadersBeforeCol, escapeOperandAttributeSelector } from '../../../utils/domUtils';
-import { DEFAULT_GRID_AUTOSIZE_OPTIONS } from './gridColumnResizeApi';
-import { gridClasses } from '../../../constants/gridClasses';
-import { useGridApiEventHandler, useGridApiMethod, useGridApiOptionHandler, useGridLogger, useGridNativeEventListener, useGridSelector, useOnMount } from '../../utils';
-import { gridVirtualizationColumnEnabledSelector } from '../virtualization';
-import { createControllablePromise } from '../../../utils/createControllablePromise';
-import { clamp } from '../../../utils/utils';
-import { useTimeout } from '../../utils/useTimeout';
-import { GridPinnedColumnPosition } from '../columns/gridColumnsInterfaces';
-import { gridColumnsStateSelector } from '../columns';
+import { useRtl } from '@mui/system/RtlProvider';
+import { findGridCellElementsFromCol, findGridElement, findLeftPinnedCellsAfterCol, findRightPinnedCellsBeforeCol, getFieldFromHeaderElem, findHeaderElementFromField, getFieldsFromGroupHeaderElem, findGroupHeaderElementsFromField, findGridHeader, findGridCells, findParentElementFromClassName, findLeftPinnedHeadersAfterCol, findRightPinnedHeadersBeforeCol, escapeOperandAttributeSelector } from "../../../utils/domUtils.js";
+import { DEFAULT_GRID_AUTOSIZE_OPTIONS } from "./gridColumnResizeApi.js";
+import { gridClasses } from "../../../constants/gridClasses.js";
+import { useGridApiEventHandler, useGridApiMethod, useGridApiOptionHandler, useGridLogger, useGridNativeEventListener, useGridSelector, useOnMount } from "../../utils/index.js";
+import { gridVirtualizationColumnEnabledSelector } from "../virtualization/index.js";
+import { createControllablePromise } from "../../../utils/createControllablePromise.js";
+import { clamp } from "../../../utils/utils.js";
+import { useTimeout } from "../../utils/useTimeout.js";
+import { GridPinnedColumnPosition } from "../columns/gridColumnsInterfaces.js";
+import { gridColumnsStateSelector } from "../columns/index.js";
 function trackFinger(event, currentTouchId) {
   if (currentTouchId !== undefined && event.changedTouches) {
     for (let i = 0; i < event.changedTouches.length; i += 1) {
@@ -52,9 +52,9 @@ function flipResizeDirection(side) {
   }
   return 'Right';
 }
-function getResizeDirection(separator, direction) {
+function getResizeDirection(separator, isRtl) {
   const side = separator.classList.contains(gridClasses['columnSeparator--sideRight']) ? 'Right' : 'Left';
-  if (direction === 'rtl') {
+  if (isRtl) {
     // Resizing logic should be mirrored in the RTL case
     return flipResizeDirection(side);
   }
@@ -177,7 +177,7 @@ function createResizeRefs() {
  * TODO: improve experience for last column
  */
 export const useGridColumnResize = (apiRef, props) => {
-  const theme = useTheme();
+  const isRtl = useRtl();
   const logger = useGridLogger(apiRef, 'useGridColumnResize');
   const refs = useLazyRef(createResizeRefs).current;
 
@@ -199,13 +199,9 @@ export const useGridColumnResize = (apiRef, props) => {
     refs.colDef.width = newWidth;
     refs.colDef.flex = 0;
     refs.columnHeaderElement.style.width = `${newWidth}px`;
-    refs.columnHeaderElement.style.minWidth = `${newWidth}px`;
-    refs.columnHeaderElement.style.maxWidth = `${newWidth}px`;
     const headerFilterElement = refs.headerFilterElement;
     if (headerFilterElement) {
       headerFilterElement.style.width = `${newWidth}px`;
-      headerFilterElement.style.minWidth = `${newWidth}px`;
-      headerFilterElement.style.maxWidth = `${newWidth}px`;
     }
     refs.groupHeaderElements.forEach(element => {
       const div = element;
@@ -218,8 +214,6 @@ export const useGridColumnResize = (apiRef, props) => {
         finalWidth = `${div.offsetWidth + widthDiff}px`;
       }
       div.style.width = finalWidth;
-      div.style.minWidth = finalWidth;
-      div.style.maxWidth = finalWidth;
     });
     refs.cellElements.forEach(element => {
       const div = element;
@@ -290,8 +284,6 @@ export const useGridColumnResize = (apiRef, props) => {
         }, 0);
         const finalWidth = `${newWidth}px`;
         div.style.width = finalWidth;
-        div.style.minWidth = finalWidth;
-        div.style.maxWidth = finalWidth;
       });
     }
     stopResizeEventTimeout.start(0, () => {
@@ -317,7 +309,7 @@ export const useGridColumnResize = (apiRef, props) => {
     refs.rightPinnedCellsBefore = pinnedPosition !== GridPinnedColumnPosition.RIGHT ? [] : findRightPinnedCellsBeforeCol(apiRef.current, refs.columnHeaderElement);
     refs.leftPinnedHeadersAfter = pinnedPosition !== GridPinnedColumnPosition.LEFT ? [] : findLeftPinnedHeadersAfterCol(apiRef.current, refs.columnHeaderElement);
     refs.rightPinnedHeadersBefore = pinnedPosition !== GridPinnedColumnPosition.RIGHT ? [] : findRightPinnedHeadersBeforeCol(apiRef.current, refs.columnHeaderElement);
-    resizeDirection.current = getResizeDirection(separator, theme.direction);
+    resizeDirection.current = getResizeDirection(separator, isRtl);
     initialOffsetToSeparator.current = computeOffsetToSeparator(xStart, refs.columnHeaderElement.getBoundingClientRect(), resizeDirection.current);
   };
   const handleResizeMouseUp = useEventCallback(finishResize);

package/modern/hooks/features/columns/gridColumnsSelector.js

@@ -1,6 +1,6 @@
-import { createSelector, createSelectorMemoized } from '../../../utils/createSelector';
-import { EMPTY_PINNED_COLUMN_FIELDS } from './gridColumnsInterfaces';
-import { gridThemeSelector } from '../../core/gridCoreSelector';
+import { createSelector, createSelectorMemoized } from "../../../utils/createSelector.js";
+import { EMPTY_PINNED_COLUMN_FIELDS } from "./gridColumnsInterfaces.js";
+import { gridIsRtlSelector } from "../../core/gridCoreSelector.js";
 
 /**
  * Get the columns state
@@ -55,8 +55,8 @@ export const gridPinnedColumnsSelector = state => state.pinnedColumns;
  * Get the visible pinned columns.
  * @category Visible Columns
  */
-export const gridVisiblePinnedColumnDefinitionsSelector = createSelectorMemoized(gridColumnsStateSelector, gridPinnedColumnsSelector, gridVisibleColumnFieldsSelector, gridThemeSelector, (columnsState, model, visibleColumnFields, theme) => {
-  const visiblePinnedFields = filterVisibleColumns(model, visibleColumnFields, theme.direction === 'rtl');
+export const gridVisiblePinnedColumnDefinitionsSelector = createSelectorMemoized(gridColumnsStateSelector, gridPinnedColumnsSelector, gridVisibleColumnFieldsSelector, gridIsRtlSelector, (columnsState, model, visibleColumnFields, isRtl) => {
+  const visiblePinnedFields = filterVisibleColumns(model, visibleColumnFields, isRtl);
   const visiblePinnedColumns = {
     left: visiblePinnedFields.left.map(field => columnsState.lookup[field]),
     right: visiblePinnedFields.right.map(field => columnsState.lookup[field])

package/modern/hooks/features/columns/gridColumnsUtils.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { DEFAULT_GRID_COL_TYPE_KEY, GRID_STRING_COL_DEF, getGridDefaultColumnTypes } from '../../../colDef';
-import { gridColumnsStateSelector, gridColumnVisibilityModelSelector } from './gridColumnsSelector';
-import { clamp } from '../../../utils/utils';
-import { gridDensityFactorSelector } from '../density/densitySelector';
-import { gridHeaderFilteringEnabledSelector } from '../headerFiltering/gridHeaderFilteringSelectors';
-import { gridColumnGroupsHeaderMaxDepthSelector } from '../columnGrouping/gridColumnGroupsSelector';
+import { DEFAULT_GRID_COL_TYPE_KEY, GRID_STRING_COL_DEF, getGridDefaultColumnTypes } from "../../../colDef/index.js";
+import { gridColumnsStateSelector, gridColumnVisibilityModelSelector } from "./gridColumnsSelector.js";
+import { clamp } from "../../../utils/utils.js";
+import { gridDensityFactorSelector } from "../density/densitySelector.js";
+import { gridHeaderFilteringEnabledSelector } from "../headerFiltering/gridHeaderFilteringSelectors.js";
+import { gridColumnGroupsHeaderMaxDepthSelector } from "../columnGrouping/gridColumnGroupsSelector.js";
 export const COLUMNS_DIMENSION_PROPERTIES = ['maxWidth', 'minWidth', 'width', 'flex'];
 const COLUMN_TYPES = getGridDefaultColumnTypes();
 

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

@@ -1,2 +1,2 @@
-export * from './gridColumnsSelector';
-export * from './gridColumnsInterfaces';
+export * from "./gridColumnsSelector.js";
+export * from "./gridColumnsInterfaces.js";

package/modern/hooks/features/columns/useGridColumnSpanning.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
 /**
  * @requires useGridColumns (method, event)
  * @requires useGridParamsApi (method)

package/modern/hooks/features/columns/useGridColumns.js

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { gridColumnFieldsSelector, gridColumnDefinitionsSelector, gridColumnLookupSelector, gridColumnsStateSelector, gridColumnVisibilityModelSelector, gridVisibleColumnDefinitionsSelector, gridColumnPositionsSelector } from './gridColumnsSelector';
-import { GridSignature, useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
-import { useGridRegisterPipeProcessor, useGridRegisterPipeApplier } from '../../core/pipeProcessing';
-import { EMPTY_PINNED_COLUMN_FIELDS } from './gridColumnsInterfaces';
-import { hydrateColumnsWidth, createColumnsState, COLUMNS_DIMENSION_PROPERTIES } from './gridColumnsUtils';
-import { GridPreferencePanelsValue } from '../preferencesPanel';
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { useGridLogger } from "../../utils/useGridLogger.js";
+import { gridColumnFieldsSelector, gridColumnDefinitionsSelector, gridColumnLookupSelector, gridColumnsStateSelector, gridColumnVisibilityModelSelector, gridVisibleColumnDefinitionsSelector, gridColumnPositionsSelector } from "./gridColumnsSelector.js";
+import { GridSignature, useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
+import { useGridRegisterPipeProcessor, useGridRegisterPipeApplier } from "../../core/pipeProcessing/index.js";
+import { EMPTY_PINNED_COLUMN_FIELDS } from "./gridColumnsInterfaces.js";
+import { hydrateColumnsWidth, createColumnsState, COLUMNS_DIMENSION_PROPERTIES } from "./gridColumnsUtils.js";
+import { GridPreferencePanelsValue } from "../preferencesPanel/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const columnsStateInitializer = (state, props, apiRef) => {
   const columnsState = createColumnsState({

package/modern/hooks/features/density/densitySelector.js

@@ -1,4 +1,4 @@
-import { createSelector } from '../../../utils/createSelector';
+import { createSelector } from "../../../utils/createSelector.js";
 export const COMPACT_DENSITY_FACTOR = 0.7;
 export const COMFORTABLE_DENSITY_FACTOR = 1.3;
 const DENSITY_FACTORS = {

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

@@ -1,2 +1,2 @@
-export * from './densityState';
-export * from './densitySelector';
+export * from "./densityState.js";
+export * from "./densitySelector.js";

package/modern/hooks/features/density/useGridDensity.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { gridDensitySelector } from './densitySelector';
-import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
+import { useGridLogger } from "../../utils/useGridLogger.js";
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { gridDensitySelector } from "./densitySelector.js";
+import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.js";
 export const densityStateInitializer = (state, props) => _extends({}, state, {
   density: props.initialState?.density ?? props.density ?? 'standard'
 });

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

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

package/modern/hooks/features/dimensions/useGridDimensions.js

@@ -2,18 +2,18 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { unstable_ownerDocument as ownerDocument, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback, unstable_ownerWindow as ownerWindow } from '@mui/utils';
 import { throttle } from '@mui/x-internals/throttle';
-import { useGridApiEventHandler, useGridApiOptionHandler } from '../../utils/useGridApiEventHandler';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { gridColumnsTotalWidthSelector, gridVisiblePinnedColumnDefinitionsSelector } from '../columns';
-import { gridDimensionsSelector } from './gridDimensionsSelectors';
-import { gridDensityFactorSelector } from '../density';
-import { gridRenderContextSelector } from '../virtualization';
-import { useGridSelector } from '../../utils';
-import { getVisibleRows } from '../../utils/useGridVisibleRows';
-import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
-import { calculatePinnedRowsHeight } from '../rows/gridRowsUtils';
-import { getTotalHeaderHeight } from '../columns/gridColumnsUtils';
+import { useGridApiEventHandler, useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { useGridLogger } from "../../utils/useGridLogger.js";
+import { gridColumnsTotalWidthSelector, gridVisiblePinnedColumnDefinitionsSelector } from "../columns/index.js";
+import { gridDimensionsSelector } from "./gridDimensionsSelectors.js";
+import { gridDensityFactorSelector } from "../density/index.js";
+import { gridRenderContextSelector } from "../virtualization/index.js";
+import { useGridSelector } from "../../utils/index.js";
+import { getVisibleRows } from "../../utils/useGridVisibleRows.js";
+import { gridRowsMetaSelector } from "../rows/gridRowsMetaSelector.js";
+import { calculatePinnedRowsHeight } from "../rows/gridRowsUtils.js";
+import { getTotalHeaderHeight } from "../columns/gridColumnsUtils.js";
 const EMPTY_SIZE = {
   width: 0,
   height: 0

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

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

package/modern/hooks/features/editing/useGridCellEditing.js

@@ -5,15 +5,15 @@ const _excluded = ["id", "field"],
   _excluded2 = ["id", "field"];
 import * as React from 'react';
 import { unstable_useEventCallback as useEventCallback, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { useGridApiEventHandler, useGridApiOptionHandler } from '../../utils/useGridApiEventHandler';
-import { GridEditModes, GridCellModes } from '../../../models/gridEditRowModel';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { gridEditRowsStateSelector } from './gridEditingSelectors';
-import { isPrintableKey, isPasteShortcut } from '../../../utils/keyboardUtils';
-import { warnOnce } from '../../../internals/utils/warning';
-import { gridRowsDataRowIdToIdLookupSelector } from '../rows/gridRowsSelector';
-import { deepClone } from '../../../utils/utils';
-import { GridCellEditStartReasons, GridCellEditStopReasons } from '../../../models/params/gridEditCellParams';
+import { useGridApiEventHandler, useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
+import { GridEditModes, GridCellModes } from "../../../models/gridEditRowModel.js";
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { gridEditRowsStateSelector } from "./gridEditingSelectors.js";
+import { isPrintableKey, isPasteShortcut } from "../../../utils/keyboardUtils.js";
+import { warnOnce } from "../../../internals/utils/warning.js";
+import { gridRowsDataRowIdToIdLookupSelector } from "../rows/gridRowsSelector.js";
+import { deepClone } from "../../../utils/utils.js";
+import { GridCellEditStartReasons, GridCellEditStopReasons } from "../../../models/params/gridEditCellParams.js";
 export const useGridCellEditing = (apiRef, props) => {
   const [cellModesModel, setCellModesModel] = React.useState({});
   const cellModesModelRef = React.useRef(cellModesModel);

package/modern/hooks/features/editing/useGridEditing.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridCellEditing } from './useGridCellEditing';
-import { GridCellModes, GridEditModes } from '../../../models/gridEditRowModel';
-import { useGridRowEditing } from './useGridRowEditing';
-import { gridEditRowsStateSelector } from './gridEditingSelectors';
-import { isAutogeneratedRowNode } from '../rows/gridRowsUtils';
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { useGridCellEditing } from "./useGridCellEditing.js";
+import { GridCellModes, GridEditModes } from "../../../models/gridEditRowModel.js";
+import { useGridRowEditing } from "./useGridRowEditing.js";
+import { gridEditRowsStateSelector } from "./gridEditingSelectors.js";
+import { isAutogeneratedRowNode } from "../rows/gridRowsUtils.js";
 export const editingStateInitializer = state => _extends({}, state, {
   editRows: {}
 });

package/modern/hooks/features/editing/useGridRowEditing.js

@@ -5,17 +5,17 @@ const _excluded = ["id"],
   _excluded2 = ["id"];
 import * as React from 'react';
 import { unstable_useEventCallback as useEventCallback, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { useGridApiEventHandler, useGridApiOptionHandler } from '../../utils/useGridApiEventHandler';
-import { GridEditModes, GridRowModes } from '../../../models/gridEditRowModel';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { gridEditRowsStateSelector } from './gridEditingSelectors';
-import { isPrintableKey, isPasteShortcut } from '../../../utils/keyboardUtils';
-import { gridColumnFieldsSelector, gridVisibleColumnFieldsSelector } from '../columns/gridColumnsSelector';
-import { warnOnce } from '../../../internals/utils/warning';
-import { gridRowsDataRowIdToIdLookupSelector } from '../rows/gridRowsSelector';
-import { deepClone } from '../../../utils/utils';
-import { GridRowEditStopReasons, GridRowEditStartReasons } from '../../../models/params/gridRowParams';
-import { GRID_ACTIONS_COLUMN_TYPE } from '../../../colDef';
+import { useGridApiEventHandler, useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
+import { GridEditModes, GridRowModes } from "../../../models/gridEditRowModel.js";
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { gridEditRowsStateSelector } from "./gridEditingSelectors.js";
+import { isPrintableKey, isPasteShortcut } from "../../../utils/keyboardUtils.js";
+import { gridColumnFieldsSelector, gridVisibleColumnFieldsSelector } from "../columns/gridColumnsSelector.js";
+import { warnOnce } from "../../../internals/utils/warning.js";
+import { gridRowsDataRowIdToIdLookupSelector } from "../rows/gridRowsSelector.js";
+import { deepClone } from "../../../utils/utils.js";
+import { GridRowEditStopReasons, GridRowEditStartReasons } from "../../../models/params/gridRowParams.js";
+import { GRID_ACTIONS_COLUMN_TYPE } from "../../../colDef/index.js";
 export const useGridRowEditing = (apiRef, props) => {
   const [rowModesModel, setRowModesModel] = React.useState({});
   const rowModesModelRef = React.useRef(rowModesModel);

package/modern/hooks/features/events/useGridEvents.js

@@ -1,4 +1,4 @@
-import { useGridApiOptionHandler } from '../../utils/useGridApiEventHandler';
+import { useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
 /**
  * @requires useGridFocus (event) - can be after, async only
  * @requires useGridColumns (event) - can be after, async only

package/modern/hooks/features/export/serializers/csvSerializer.js

@@ -1,5 +1,5 @@
-import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../../../../colDef';
-import { warnOnce } from '../../../../internals/utils/warning';
+import { GRID_CHECKBOX_SELECTION_COL_DEF } from "../../../../colDef/index.js";
+import { warnOnce } from "../../../../internals/utils/warning.js";
 function sanitizeCellValue(value, csvOptions) {
   if (value === null || value === undefined) {
     return '';

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { exportAs } from '../../../utils/exportAs';
-import { buildCSV } from './serializers/csvSerializer';
-import { getColumnsToExport, defaultGetRowsToExport } from './utils';
-import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
-import { GridCsvExportMenuItem } from '../../../components/toolbar/GridToolbarExport';
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { useGridLogger } from "../../utils/useGridLogger.js";
+import { exportAs } from "../../../utils/exportAs.js";
+import { buildCSV } from "./serializers/csvSerializer.js";
+import { getColumnsToExport, defaultGetRowsToExport } from "./utils.js";
+import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.js";
+import { GridCsvExportMenuItem } from "../../../components/toolbar/GridToolbarExport.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @requires useGridColumns (state)

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

@@ -1,19 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { unstable_ownerDocument as ownerDocument } from '@mui/utils';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { gridExpandedRowCountSelector } from '../filter/gridFilterSelector';
-import { gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector } from '../columns/gridColumnsSelector';
-import { gridClasses } from '../../../constants/gridClasses';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
-import { GRID_ID_AUTOGENERATED } from '../rows/gridRowsUtils';
-import { defaultGetRowsToExport, getColumnsToExport } from './utils';
-import { getDerivedPaginationModel } from '../pagination/useGridPaginationModel';
-import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
-import { GridPrintExportMenuItem } from '../../../components/toolbar/GridToolbarExport';
-import { getTotalHeaderHeight } from '../columns/gridColumnsUtils';
-import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../../../colDef/gridCheckboxSelectionColDef';
+import { useGridLogger } from "../../utils/useGridLogger.js";
+import { gridExpandedRowCountSelector } from "../filter/gridFilterSelector.js";
+import { gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector } from "../columns/gridColumnsSelector.js";
+import { gridClasses } from "../../../constants/gridClasses.js";
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { gridRowsMetaSelector } from "../rows/gridRowsMetaSelector.js";
+import { GRID_ID_AUTOGENERATED } from "../rows/gridRowsUtils.js";
+import { defaultGetRowsToExport, getColumnsToExport } from "./utils.js";
+import { getDerivedPaginationModel } from "../pagination/useGridPaginationModel.js";
+import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.js";
+import { GridPrintExportMenuItem } from "../../../components/toolbar/GridToolbarExport.js";
+import { getTotalHeaderHeight } from "../columns/gridColumnsUtils.js";
+import { GRID_CHECKBOX_SELECTION_COL_DEF } from "../../../colDef/gridCheckboxSelectionColDef.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function raf() {
   return new Promise(resolve => {

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

@@ -1,6 +1,6 @@
-import { gridColumnDefinitionsSelector, gridVisibleColumnDefinitionsSelector } from '../columns';
-import { gridFilteredSortedRowIdsSelector } from '../filter';
-import { gridPinnedRowsSelector, gridRowTreeSelector } from '../rows/gridRowsSelector';
+import { gridColumnDefinitionsSelector, gridVisibleColumnDefinitionsSelector } from "../columns/index.js";
+import { gridFilteredSortedRowIdsSelector } from "../filter/index.js";
+import { gridPinnedRowsSelector, gridRowTreeSelector } from "../rows/gridRowsSelector.js";
 export const getColumnsToExport = ({
   apiRef,
   options

package/modern/hooks/features/filter/gridFilterSelector.js

@@ -1,7 +1,7 @@
-import { createSelector, createSelectorMemoized } from '../../../utils/createSelector';
-import { gridSortedRowEntriesSelector } from '../sorting/gridSortingSelector';
-import { gridColumnLookupSelector } from '../columns/gridColumnsSelector';
-import { gridRowMaximumTreeDepthSelector, gridRowTreeSelector } from '../rows/gridRowsSelector';
+import { createSelector, createSelectorMemoized } from "../../../utils/createSelector.js";
+import { gridSortedRowEntriesSelector } from "../sorting/gridSortingSelector.js";
+import { gridColumnLookupSelector } from "../columns/gridColumnsSelector.js";
+import { gridRowMaximumTreeDepthSelector, gridRowTreeSelector } from "../rows/gridRowsSelector.js";
 
 /**
  * @category Filtering

package/modern/hooks/features/filter/gridFilterState.js

@@ -1,4 +1,4 @@
-import { GridLogicOperator } from '../../../models/gridFilterItem';
+import { GridLogicOperator } from "../../../models/gridFilterItem.js";
 export const getDefaultGridFilterModel = () => ({
   items: [],
   logicOperator: GridLogicOperator.And,

package/modern/hooks/features/filter/gridFilterUtils.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GridLogicOperator } from '../../../models';
-import { getDefaultGridFilterModel } from './gridFilterState';
-import { warnOnce } from '../../../internals/utils/warning';
-import { getPublicApiRef } from '../../../utils/getPublicApiRef';
-import { gridColumnFieldsSelector, gridColumnLookupSelector, gridVisibleColumnFieldsSelector } from '../columns';
+import { GridLogicOperator } from "../../../models/index.js";
+import { getDefaultGridFilterModel } from "./gridFilterState.js";
+import { warnOnce } from "../../../internals/utils/warning.js";
+import { getPublicApiRef } from "../../../utils/getPublicApiRef.js";
+import { gridColumnFieldsSelector, gridColumnLookupSelector, gridVisibleColumnFieldsSelector } from "../columns/index.js";
 let hasEval;
 function getHasEval() {
   if (hasEval !== undefined) {

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

@@ -1,2 +1,2 @@
-export { getDefaultGridFilterModel } from './gridFilterState';
-export { gridFilterModelSelector, gridQuickFilterValuesSelector, gridVisibleRowsLookupSelector, gridFilteredRowsLookupSelector, gridFilteredDescendantCountLookupSelector, gridExpandedSortedRowEntriesSelector, gridExpandedSortedRowIdsSelector, gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector, gridFilteredSortedTopLevelRowEntriesSelector, gridExpandedRowCountSelector, gridFilteredTopLevelRowCountSelector, gridFilteredRowCountSelector, gridFilteredDescendantRowCountSelector, gridFilterActiveItemsSelector, gridFilterActiveItemsLookupSelector } from './gridFilterSelector';
+export { getDefaultGridFilterModel } from "./gridFilterState.js";
+export { gridFilterModelSelector, gridQuickFilterValuesSelector, gridVisibleRowsLookupSelector, gridFilteredRowsLookupSelector, gridFilteredDescendantCountLookupSelector, gridExpandedSortedRowEntriesSelector, gridExpandedSortedRowIdsSelector, gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector, gridFilteredSortedTopLevelRowEntriesSelector, gridExpandedRowCountSelector, gridFilteredTopLevelRowCountSelector, gridFilteredRowCountSelector, gridFilteredDescendantRowCountSelector, gridFilterActiveItemsSelector, gridFilterActiveItemsLookupSelector } from "./gridFilterSelector.js";

package/modern/hooks/features/filter/useGridFilter.js

@@ -1,21 +1,21 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { defaultMemoize } from 'reselect';
+import { lruMemoize } from 'reselect';
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { useLazyRef } from '../../utils/useLazyRef';
-import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { gridColumnLookupSelector } from '../columns/gridColumnsSelector';
-import { GridPreferencePanelsValue } from '../preferencesPanel/gridPreferencePanelsValue';
-import { getDefaultGridFilterModel } from './gridFilterState';
-import { gridFilterModelSelector } from './gridFilterSelector';
-import { useFirstRender } from '../../utils/useFirstRender';
-import { gridRowsLookupSelector } from '../rows';
-import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
-import { GRID_DEFAULT_STRATEGY, useGridRegisterStrategyProcessor } from '../../core/strategyProcessing';
-import { buildAggregatedFilterApplier, sanitizeFilterModel, mergeStateWithFilterModel, cleanFilterItem, passFilterLogic, shouldQuickFilterExcludeHiddenColumns } from './gridFilterUtils';
-import { isDeepEqual } from '../../../utils/utils';
+import { useLazyRef } from "../../utils/useLazyRef.js";
+import { useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { useGridLogger } from "../../utils/useGridLogger.js";
+import { gridColumnLookupSelector } from "../columns/gridColumnsSelector.js";
+import { GridPreferencePanelsValue } from "../preferencesPanel/gridPreferencePanelsValue.js";
+import { getDefaultGridFilterModel } from "./gridFilterState.js";
+import { gridFilterModelSelector } from "./gridFilterSelector.js";
+import { useFirstRender } from "../../utils/useFirstRender.js";
+import { gridRowsLookupSelector } from "../rows/index.js";
+import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.js";
+import { GRID_DEFAULT_STRATEGY, useGridRegisterStrategyProcessor } from "../../core/strategyProcessing/index.js";
+import { buildAggregatedFilterApplier, sanitizeFilterModel, mergeStateWithFilterModel, cleanFilterItem, passFilterLogic, shouldQuickFilterExcludeHiddenColumns } from "./gridFilterUtils.js";
+import { isDeepEqual } from "../../../utils/utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const filterStateInitializer = (state, props, apiRef) => {
   const filterModel = props.filterModel ?? props.initialState?.filter?.filterModel ?? getDefaultGridFilterModel();
@@ -40,7 +40,7 @@ function getVisibleRowsLookupState(apiRef, state) {
   });
 }
 function createMemoizedValues() {
-  return defaultMemoize(Object.values);
+  return lruMemoize(Object.values);
 }
 
 /**

package/modern/hooks/features/focus/gridFocusStateSelector.js

@@ -1,4 +1,4 @@
-import { createSelector } from '../../../utils/createSelector';
+import { createSelector } from "../../../utils/createSelector.js";
 export const gridFocusStateSelector = state => state.focus;
 export const gridFocusCellSelector = createSelector(gridFocusStateSelector, focusState => focusState.cell);
 export const gridFocusColumnHeaderSelector = createSelector(gridFocusStateSelector, focusState => focusState.columnHeader);

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

@@ -1,2 +1,2 @@
-export * from './gridFocusStateSelector';
-export * from './gridFocusState';
+export * from "./gridFocusStateSelector.js";
+export * from "./gridFocusState.js";

package/modern/hooks/features/focus/useGridFocus.js

@@ -1,16 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { unstable_ownerDocument as ownerDocument, unstable_useEventCallback as useEventcallback } from '@mui/utils';
-import { gridClasses } from '../../../constants/gridClasses';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
-import { isNavigationKey } from '../../../utils/keyboardUtils';
-import { gridFocusCellSelector, gridFocusColumnGroupHeaderSelector } from './gridFocusStateSelector';
-import { gridVisibleColumnDefinitionsSelector } from '../columns/gridColumnsSelector';
-import { getVisibleRows } from '../../utils/useGridVisibleRows';
-import { clamp } from '../../../utils/utils';
-import { gridPinnedRowsSelector } from '../rows/gridRowsSelector';
+import { gridClasses } from "../../../constants/gridClasses.js";
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { useGridLogger } from "../../utils/useGridLogger.js";
+import { useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
+import { isNavigationKey } from "../../../utils/keyboardUtils.js";
+import { gridFocusCellSelector, gridFocusColumnGroupHeaderSelector } from "./gridFocusStateSelector.js";
+import { gridVisibleColumnDefinitionsSelector } from "../columns/gridColumnsSelector.js";
+import { getVisibleRows } from "../../utils/useGridVisibleRows.js";
+import { clamp } from "../../../utils/utils.js";
+import { gridPinnedRowsSelector } from "../rows/gridRowsSelector.js";
 export const focusStateInitializer = state => _extends({}, state, {
   focus: {
     cell: null,

package/modern/hooks/features/headerFiltering/gridHeaderFilteringSelectors.js

@@ -1,4 +1,4 @@
-import { createSelector } from '../../../utils/createSelector';
+import { createSelector } from "../../../utils/createSelector.js";
 export const gridHeaderFilteringStateSelector = state => state.headerFiltering;
 export const gridHeaderFilteringEnabledSelector = createSelector(gridHeaderFilteringStateSelector,
 // No initialization in MIT, so we need to default to false to be used by `getTotalHeaderHeight`

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

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

package/modern/hooks/features/headerFiltering/useGridHeaderFiltering.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridLogger } from '../../utils';
-import { gridColumnLookupSelector, gridColumnVisibilityModelSelector, gridColumnFieldsSelector } from '../columns/gridColumnsSelector';
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { useGridLogger } from "../../utils/index.js";
+import { gridColumnLookupSelector, gridColumnVisibilityModelSelector, gridColumnFieldsSelector } from "../columns/gridColumnsSelector.js";
 export const headerFilteringStateInitializer = (state, props) => _extends({}, state, {
   headerFiltering: {
     enabled: props.headerFilters ?? false,