@mui/x-data-grid 8.1.0 → 8.3.0

package/esm/hooks/utils/useGridEvent.d.ts

@@ -3,7 +3,7 @@ import { EventListenerOptions } from '@mui/x-internals/EventManager';
 import { GridEventListener, GridEvents } from "../../models/events/index.js";
 import { TimerBasedCleanupTracking } from "../../utils/cleanupTracking/TimerBasedCleanupTracking.js";
 import { FinalizationRegistryBasedCleanupTracking } from "../../utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.js";
-import type { GridApiCommon } from '../../models';
+import type { GridApiCommon } from "../../models/index.js";
 export declare function useGridEvent<Api extends GridApiCommon, E extends GridEvents>(apiRef: RefObject<Api>, eventName: E, handler?: GridEventListener<E>, options?: EventListenerOptions): void;
 export declare function useGridEventPriority<Api extends GridApiCommon, E extends GridEvents>(apiRef: RefObject<Api>, eventName: E, handler?: GridEventListener<E>): void;
 export declare function unstable_resetCleanupTracking(): void;

package/esm/hooks/utils/useGridRootProps.d.ts

@@ -1,2 +1,2 @@
-import type { DataGridProcessedProps } from '../../models/props/DataGridProps';
+import type { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 export declare const useGridRootProps: () => DataGridProcessedProps;

package/esm/hooks/utils/useGridSelector.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from '@mui/x-internals/types';
-import type { GridApiCommon } from '../../models/api/gridApiCommon';
-import type { OutputSelector } from '../../utils/createSelector';
+import type { GridApiCommon } from "../../models/api/gridApiCommon.js";
+import type { OutputSelector } from "../../utils/createSelector.js";
 type Selector<Api extends GridApiCommon, Args, T> = ((apiRef: RefObject<Api>) => T) | ((apiRef: RefObject<Api | null>) => T) | OutputSelector<Api['state'], Args, T>;
 export declare const objectShallowCompare: (a: unknown, b: unknown) => boolean;
 export declare const argsEqual: (prev: any, curr: any) => boolean;

package/esm/hooks/utils/useGridVisibleRows.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from '@mui/x-internals/types';
 import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
-import type { GridApiCommon } from '../../models';
+import type { GridApiCommon } from "../../models/index.js";
 export declare const getVisibleRows: <Api extends GridApiCommon>(apiRef: RefObject<Api>, props?: Pick<DataGridProcessedProps, "pagination" | "paginationMode">) => {
   rows: import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[];
   range: {

package/esm/index.d.ts

@@ -12,16 +12,16 @@ export * from "./models/index.js";
 export * from "./context/index.js";
 export * from "./colDef/index.js";
 export * from "./utils/index.js";
-export type { DataGridProps, GridExperimentalFeatures } from './models/props/DataGridProps';
-export type { GridExportFormat, GridExportExtension } from './models/gridExport';
+export type { DataGridProps, GridExperimentalFeatures } from "./models/props/DataGridProps.js";
+export type { GridExportFormat, GridExportExtension } from "./models/gridExport.js";
 export { GridColumnHeaders } from "./components/GridColumnHeaders.js";
-export type { GridColumnHeadersProps } from './components/GridColumnHeaders';
+export type { GridColumnHeadersProps } from "./components/GridColumnHeaders.js";
 /**
  * Reexportable exports.
  */
 export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./components/reexportable.js";
-export type { GridGetRowsParams, GridGetRowsResponse, GridDataSource } from './models/gridDataSource';
-export type { GridDataSourceApiBase, GridDataSourceApi } from './hooks/features/dataSource/models';
+export type { GridGetRowsParams, GridGetRowsResponse, GridDataSource } from "./models/gridDataSource.js";
+export type { GridDataSourceApiBase, GridDataSourceApi } from "./hooks/features/dataSource/models.js";
 /**
  * The full grid API.
  * @demos

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.1.0
+ * @mui/x-data-grid v8.3.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/index.d.ts

@@ -1,12 +1,12 @@
-export type { GridBaseColDef, GridStateColDef, GridSingleSelectColDef } from '../models/colDef/gridColDef';
+export type { GridBaseColDef, GridStateColDef, GridSingleSelectColDef } from "../models/colDef/gridColDef.js";
 export { GridVirtualScroller } from "../components/virtualization/GridVirtualScroller.js";
 export { GridVirtualScrollerContent } from "../components/virtualization/GridVirtualScrollerContent.js";
 export { GridVirtualScrollerRenderZone } from "../components/virtualization/GridVirtualScrollerRenderZone.js";
-export type { GridDetailPanelsProps } from '../components/GridDetailPanels';
-export type { GridPinnedRowsProps } from '../components/GridPinnedRows';
+export type { GridDetailPanelsProps } from "../components/GridDetailPanels.js";
+export type { GridPinnedRowsProps } from "../components/GridPinnedRows.js";
 export { GridHeaders } from "../components/GridHeaders.js";
 export { GridToolbar, GridToolbarDivider } from "../components/toolbarV8/GridToolbar.js";
-export type { GridToolbarProps } from '../components/toolbarV8/GridToolbar';
+export type { GridToolbarProps } from "../components/toolbarV8/GridToolbar.js";
 export { GridColumnSortButton } from "../components/GridColumnSortButton.js";
 export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColumnHeaders.js";
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
@@ -16,24 +16,24 @@ export { propsStateInitializer } from "../hooks/core/useGridProps.js";
 export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.js";
 export { getValueOptions } from "../components/panel/filterPanel/filterPanelUtils.js";
 export { useGridRegisterPipeProcessor } from "../hooks/core/pipeProcessing/index.js";
-export type { GridPipeProcessor } from '../hooks/core/pipeProcessing';
+export type { GridPipeProcessor } from "../hooks/core/pipeProcessing/index.js";
 export { GridStrategyGroup, useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../hooks/core/strategyProcessing/index.js";
-export type { GridStrategyProcessor, GridStrategyProcessorName } from '../hooks/core/strategyProcessing';
+export type { GridStrategyProcessor, GridStrategyProcessorName } from "../hooks/core/strategyProcessing/index.js";
 export { useGridInitialization } from "../hooks/core/useGridInitialization.js";
 export { unwrapPrivateAPI, useGridApiInitialization } from "../hooks/core/useGridApiInitialization.js";
 export { useGridClipboard } from "../hooks/features/clipboard/useGridClipboard.js";
 export * from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
 export { gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector } from "../hooks/features/headerFiltering/gridHeaderFilteringSelectors.js";
-export type { GridSlotsComponentsProps } from '../models/gridSlotsComponentsProps';
-export type { GridFilterInputValueProps } from '../models/gridFilterInputComponent';
+export type { GridSlotsComponentsProps } from "../models/gridSlotsComponentsProps.js";
+export type { GridFilterInputValueProps } from "../models/gridFilterInputComponent.js";
 export { useGridColumnMenu, columnMenuStateInitializer } from "../hooks/features/columnMenu/useGridColumnMenu.js";
 export { useGridColumns, columnsStateInitializer } from "../hooks/features/columns/useGridColumns.js";
 export * from "../hooks/features/columns/gridColumnsUtils.js";
 export { useGridColumnSpanning } from "../hooks/features/columns/useGridColumnSpanning.js";
 export * from "../hooks/features/columns/gridColumnsSelector.js";
 export { useGridColumnGrouping, columnGroupsStateInitializer } from "../hooks/features/columnGrouping/useGridColumnGrouping.js";
-export type { GridColumnGroupLookup } from '../hooks/features/columnGrouping/gridColumnGroupsInterfaces';
-export type { GridColumnRawLookup, GridColumnsRawState, GridHydrateColumnsValue, GridPinnedColumns, GridPinnedColumnFields, GridColumnPinningState } from '../hooks/features/columns/gridColumnsInterfaces';
+export type { GridColumnGroupLookup } from "../hooks/features/columnGrouping/gridColumnGroupsInterfaces.js";
+export type { GridColumnRawLookup, GridColumnsRawState, GridHydrateColumnsValue, GridPinnedColumns, GridPinnedColumnFields, GridColumnPinningState } from "../hooks/features/columns/gridColumnsInterfaces.js";
 export { useGridDensity, densityStateInitializer } from "../hooks/features/density/useGridDensity.js";
 export { useGridCsvExport } from "../hooks/features/export/useGridCsvExport.js";
 export { useGridPrintExport } from "../hooks/features/export/useGridPrintExport.js";
@@ -42,7 +42,7 @@ export { defaultGridFilterLookup } from "../hooks/features/filter/gridFilterStat
 export { passFilterLogic } from "../hooks/features/filter/gridFilterUtils.js";
 export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector } from "../hooks/features/filter/gridFilterSelector.js";
 export { isSingleSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.js";
-export type { GridAggregatedFilterItemApplier, GridAggregatedFilterItemApplierResult } from '../hooks/features/filter/gridFilterState';
+export type { GridAggregatedFilterItemApplier, GridAggregatedFilterItemApplierResult } from "../hooks/features/filter/gridFilterState.js";
 export { useGridFocus, focusStateInitializer } from "../hooks/features/focus/useGridFocus.js";
 export { useGridKeyboardNavigation } from "../hooks/features/keyboardNavigation/useGridKeyboardNavigation.js";
 export { useGridPagination, paginationStateInitializer } from "../hooks/features/pagination/useGridPagination.js";
@@ -54,7 +54,7 @@ export { useGridRowSpanning, rowSpanningStateInitializer } from "../hooks/featur
 export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
-export type { GridRowTreeCreationParams, GridRowTreeCreationValue, GridHydrateRowsValue, GridRowsPartialUpdates, GridRowsPartialUpdateAction, GridTreeDepths, GridRowTreeUpdatedGroupsManager, GridRowTreeUpdateGroupAction, GridPinnedRowsState } from '../hooks/features/rows/gridRowsInterfaces';
+export type { GridRowTreeCreationParams, GridRowTreeCreationValue, GridHydrateRowsValue, GridRowsPartialUpdates, GridRowsPartialUpdateAction, GridTreeDepths, GridRowTreeUpdatedGroupsManager, GridRowTreeUpdateGroupAction, GridPinnedRowsState } from "../hooks/features/rows/gridRowsInterfaces.js";
 export { getTreeNodeDescendants, buildRootGroup } from "../hooks/features/rows/gridRowsUtils.js";
 export { useGridRowsMeta, rowsMetaStateInitializer } from "../hooks/features/rows/useGridRowsMeta.js";
 export { useGridParamsApi } from "../hooks/features/rows/useGridParamsApi.js";
@@ -64,14 +64,14 @@ export { headerFilteringStateInitializer, useGridHeaderFiltering } from "../hook
 export { useGridRowSelection, rowSelectionStateInitializer } from "../hooks/features/rowSelection/useGridRowSelection.js";
 export { useGridRowSelectionPreProcessors } from "../hooks/features/rowSelection/useGridRowSelectionPreProcessors.js";
 export { useGridSorting, sortingStateInitializer } from "../hooks/features/sorting/useGridSorting.js";
-export type { GridSortingModelApplier } from '../hooks/features/sorting/gridSortingState';
+export type { GridSortingModelApplier } from "../hooks/features/sorting/gridSortingState.js";
 export { gridSortedRowIndexLookupSelector } from "../hooks/features/sorting/gridSortingSelector.js";
 export { useGridScroll } from "../hooks/features/scroll/useGridScroll.js";
 export { useGridEvents } from "../hooks/features/events/useGridEvents.js";
 export { dimensionsStateInitializer, useGridDimensions } from "../hooks/features/dimensions/useGridDimensions.js";
 export * from "../hooks/features/dimensions/gridDimensionsSelectors.js";
 export { useGridStatePersistence } from "../hooks/features/statePersistence/useGridStatePersistence.js";
-export type { GridRestoreStatePreProcessingContext } from '../hooks/features/statePersistence/gridStatePersistenceInterface';
+export type { GridRestoreStatePreProcessingContext } from "../hooks/features/statePersistence/gridStatePersistenceInterface.js";
 export { useGridVirtualScroller, EMPTY_DETAIL_PANELS } from "../hooks/features/virtualization/useGridVirtualScroller.js";
 export * from "../hooks/features/virtualization/index.js";
 export { useGridColumnResize, columnResizeStateInitializer } from "../hooks/features/columnResize/useGridColumnResize.js";
@@ -81,10 +81,10 @@ export { useGridComponentRenderer } from "../hooks/utils/useGridComponentRendere
 export { useTimeout } from "../hooks/utils/useTimeout.js";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
-export type { GridStateInitializer } from '../hooks/utils/useGridInitializeState';
-export type * as BaseSlots from '../models/gridBaseSlots';
-export type * from '../models/props/DataGridProps';
-export type { GridDataSourceApiBase, GridDataSourceApi, GridDataSourceBaseOptions } from '../hooks/features/dataSource/models';
+export type { GridStateInitializer } from "../hooks/utils/useGridInitializeState.js";
+export type * as BaseSlots from "../models/gridBaseSlots.js";
+export type * from "../models/props/DataGridProps.js";
+export type { GridDataSourceApiBase, GridDataSourceApi, GridDataSourceBaseOptions } from "../hooks/features/dataSource/models.js";
 export { DataSourceRowsUpdateStrategy } from "../hooks/features/dataSource/utils.js";
 export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataSourceBase.js";
 export { CacheChunkManager } from "../hooks/features/dataSource/utils.js";
@@ -101,19 +101,19 @@ export * from "../utils/utils.js";
 export { exportAs } from "../utils/exportAs.js";
 export * from "../utils/getPublicApiRef.js";
 export * from "../utils/cellBorderUtils.js";
-export type { GridPrivateOnlyApiCommon } from '../models/api/gridApiCommon';
-export type { GridInfiniteLoaderPrivateApi } from '../models/api/gridInfiniteLoaderApi';
+export type { GridPrivateOnlyApiCommon } from "../models/api/gridApiCommon.js";
+export type { GridInfiniteLoaderPrivateApi } from "../models/api/gridInfiniteLoaderApi.js";
 export { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
 export * from "../hooks/utils/index.js";
-export type { GridApiCommunity } from '../models/api/gridApiCommunity';
-export type { GridApiCaches } from '../models/gridApiCaches';
+export type { GridApiCommunity } from "../models/api/gridApiCommunity.js";
+export type { GridApiCaches } from "../models/gridApiCaches.js";
 export { serializeCellValue } from "../hooks/features/export/serializers/csvSerializer.js";
 export * from "./utils/index.js";
 export * from "./constants.js";
-export type { Localization } from '../utils/getGridLocalization';
+export type { Localization } from "../utils/getGridLocalization.js";
 export * from "./demo/index.js";
 export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";
-export type { GridConfiguration } from '../models/configuration/gridConfiguration';
+export type { GridConfiguration } from "../models/configuration/gridConfiguration.js";
 export * from "../hooks/features/pivoting/index.js";
 export { createSvgIcon } from "../material/icons/createSvgIcon.js";
 export { useGridPanelContext } from "../components/panel/GridPanelContext.js";

package/esm/locales/hrHR.d.ts

@@ -1 +1 @@
-export declare const hrHR: import("../internals").Localization;
+export declare const hrHR: import("../internals/index.js").Localization;

package/esm/locales/ptPT.d.ts

@@ -1 +1 @@
-export declare const ptPT: import("../internals").Localization;
+export declare const ptPT: import("../internals/index.js").Localization;

package/esm/locales/zhHK.d.ts

@@ -1 +1 @@
-export declare const zhHK: import("../internals").Localization;
+export declare const zhHK: import("../internals/index.js").Localization;

package/esm/material/index.d.ts

@@ -1,5 +1,5 @@
-import type { GridIconSlotsComponent } from '../models';
-import type { GridBaseSlots } from '../models/gridSlotsComponent';
+import type { GridIconSlotsComponent } from "../models/index.js";
+import type { GridBaseSlots } from "../models/gridSlotsComponent.js";
 import "./augmentation.js";
 export { useMaterialCSSVariables } from "./variables.js";
 declare const materialSlots: GridBaseSlots & GridIconSlotsComponent;

package/esm/material/index.js

@@ -9,19 +9,19 @@ const _excluded = ["id", "label", "labelId", "material", "disabled", "slotProps"
   _excluded7 = ["material"],
   _excluded8 = ["material"],
   _excluded9 = ["material"],
+  _excluded0 = ["material"],
+  _excluded1 = ["material"],
   _excluded10 = ["material"],
-  _excluded11 = ["material"],
+  _excluded11 = ["material", "label", "className"],
   _excluded12 = ["material"],
-  _excluded13 = ["material", "label", "className"],
-  _excluded14 = ["material"],
-  _excluded15 = ["inert", "iconStart", "iconEnd", "children", "material"],
-  _excluded16 = ["slotProps", "material"],
-  _excluded17 = ["id", "multiple", "freeSolo", "options", "getOptionLabel", "isOptionEqualToValue", "value", "onChange", "label", "placeholder", "slotProps", "material"],
-  _excluded18 = ["key"],
-  _excluded19 = ["inputProps", "InputProps", "InputLabelProps"],
-  _excluded20 = ["slotProps", "material"],
-  _excluded21 = ["ref", "open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
-  _excluded22 = ["native"];
+  _excluded13 = ["inert", "iconStart", "iconEnd", "children", "material"],
+  _excluded14 = ["slotProps", "material"],
+  _excluded15 = ["id", "multiple", "freeSolo", "options", "getOptionLabel", "isOptionEqualToValue", "value", "onChange", "label", "placeholder", "slotProps", "material"],
+  _excluded16 = ["key"],
+  _excluded17 = ["inputProps", "InputProps", "InputLabelProps"],
+  _excluded18 = ["slotProps", "material"],
+  _excluded19 = ["ref", "open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
+  _excluded20 = ["native"];
 import * as React from 'react';
 import clsx from 'clsx';
 import useForkRef from '@mui/utils/useForkRef';
@@ -327,7 +327,7 @@ const BaseIconButton = forwardRef(function BaseIconButton(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded10);
+    rest = _objectWithoutPropertiesLoose(props, _excluded0);
   return /*#__PURE__*/_jsx(MUIIconButton, _extends({}, rest, material, {
     ref: ref
   }));
@@ -336,7 +336,7 @@ const BaseTooltip = forwardRef(function BaseTooltip(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded11);
+    rest = _objectWithoutPropertiesLoose(props, _excluded1);
   return /*#__PURE__*/_jsx(MUITooltip, _extends({}, rest, material, {
     ref: ref
   }));
@@ -345,7 +345,7 @@ const BaseSkeleton = forwardRef(function BaseSkeleton(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded12);
+    rest = _objectWithoutPropertiesLoose(props, _excluded10);
   return /*#__PURE__*/_jsx(MUISkeleton, _extends({}, rest, material, {
     ref: ref
   }));
@@ -356,7 +356,7 @@ const BaseSwitch = forwardRef(function BaseSwitch(props, ref) {
       label,
       className
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded13);
+    rest = _objectWithoutPropertiesLoose(props, _excluded11);
   if (!label) {
     return /*#__PURE__*/_jsx(MUISwitch, _extends({}, rest, material, {
       className: className,
@@ -375,7 +375,7 @@ const BaseMenuList = forwardRef(function BaseMenuList(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded14);
+    rest = _objectWithoutPropertiesLoose(props, _excluded12);
   return /*#__PURE__*/_jsx(MUIMenuList, _extends({}, rest, material, {
     ref: ref
   }));
@@ -388,7 +388,7 @@ function BaseMenuItem(props) {
       children,
       material
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded15);
+    other = _objectWithoutPropertiesLoose(props, _excluded13);
   if (inert) {
     other.disableRipple = true;
   }
@@ -407,7 +407,7 @@ function BaseTextField(props) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded16);
+    rest = _objectWithoutPropertiesLoose(props, _excluded14);
   return /*#__PURE__*/_jsx(MUITextField, _extends({
     variant: "outlined"
   }, rest, material, {
@@ -434,7 +434,7 @@ function BaseAutocomplete(props) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded17);
+    rest = _objectWithoutPropertiesLoose(props, _excluded15);
   return /*#__PURE__*/_jsx(MUIAutocomplete, _extends({
     id: id,
     multiple: multiple,
@@ -451,7 +451,7 @@ function BaseAutocomplete(props) {
         {
           key
         } = _getTagProps,
-        tagProps = _objectWithoutPropertiesLoose(_getTagProps, _excluded18);
+        tagProps = _objectWithoutPropertiesLoose(_getTagProps, _excluded16);
       return /*#__PURE__*/_jsx(MUIChip, _extends({
         variant: "outlined",
         size: "small",
@@ -464,7 +464,7 @@ function BaseAutocomplete(props) {
           InputProps,
           InputLabelProps
         } = params,
-        inputRest = _objectWithoutPropertiesLoose(params, _excluded19);
+        inputRest = _objectWithoutPropertiesLoose(params, _excluded17);
       return /*#__PURE__*/_jsx(MUITextField, _extends({}, inputRest, {
         label: label,
         placeholder: placeholder,
@@ -488,7 +488,7 @@ function transformInputProps(props, wrapAdornments = true) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded20);
+    rest = _objectWithoutPropertiesLoose(props, _excluded18);
   const result = rest;
   if (wrapAdornments) {
     if (result.startAdornment) {
@@ -537,9 +537,14 @@ function BasePopper(props) {
       placement,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded21);
+    rest = _objectWithoutPropertiesLoose(props, _excluded19);
   const modifiers = React.useMemo(() => {
-    const result = [];
+    const result = [{
+      name: 'preventOverflow',
+      options: {
+        padding: 8
+      }
+    }];
     if (flip) {
       result.push({
         name: 'flip',
@@ -630,7 +635,7 @@ function BaseSelectOption(_ref) {
   let {
       native
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded22);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded20);
   if (native) {
     return /*#__PURE__*/_jsx("option", _extends({}, props));
   }

package/esm/material/variables.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { alpha, darken, lighten } from '@mui/material/styles';
 import { useTheme } from '@mui/material/styles';
-import { hash } from '@mui/x-internals/hash';
+import { hash, stringify } from '@mui/x-internals/hash';
 import { vars } from "../constants/cssVariables.js";
 export function useMaterialCSSVariables() {
   const theme = useTheme();
   return React.useMemo(() => {
-    const id = hash(JSON.stringify(theme));
+    const id = hash(stringify(theme));
     const variables = transformTheme(theme);
     return {
       id,

package/esm/models/api/gridApiCommon.d.ts

@@ -1,35 +1,35 @@
-import type { GridColumnApi } from './gridColumnApi';
-import type { GridColumnMenuApi } from './gridColumnMenuApi';
-import type { GridCoreApi, GridCorePrivateApi } from './gridCoreApi';
-import type { GridCsvExportApi } from './gridCsvExportApi';
-import type { GridDensityApi } from './gridDensityApi';
-import type { GridEditingApi, GridEditingPrivateApi } from './gridEditingApi';
-import type { GridFilterApi } from './gridFilterApi';
-import type { GridFocusApi, GridFocusPrivateApi } from './gridFocusApi';
-import type { GridLocaleTextApi } from './gridLocaleTextApi';
-import type { GridParamsApi, GridParamsPrivateApi } from './gridParamsApi';
-import type { GridPreferencesPanelApi } from './gridPreferencesPanelApi';
-import type { GridPrintExportApi } from './gridPrintExportApi';
-import type { GridRowApi, GridRowProPrivateApi } from './gridRowApi';
-import type { GridRowsMetaApi, GridRowsMetaPrivateApi } from './gridRowsMetaApi';
-import type { GridRowSelectionApi } from './gridRowSelectionApi';
-import type { GridSortApi } from './gridSortApi';
-import type { GridStateApi, GridStatePrivateApi } from './gridStateApi';
-import type { GridLoggerApi } from './gridLoggerApi';
-import type { GridScrollApi } from './gridScrollApi';
-import type { GridVirtualizationApi, GridVirtualizationPrivateApi } from './gridVirtualizationApi';
-import type { GridPipeProcessingApi, GridPipeProcessingPrivateApi } from '../../hooks/core/pipeProcessing';
-import type { GridColumnSpanningApi, GridColumnSpanningPrivateApi } from './gridColumnSpanning';
-import type { GridStrategyProcessingApi } from '../../hooks/core/strategyProcessing';
-import type { GridDimensionsApi, GridDimensionsPrivateApi } from '../../hooks/features/dimensions/gridDimensionsApi';
-import type { GridPaginationApi } from '../../hooks/features/pagination';
-import type { GridStatePersistenceApi } from '../../hooks/features/statePersistence';
-import type { GridColumnGroupingApi } from './gridColumnGroupingApi';
-import type { GridInitialStateCommunity, GridStateCommunity } from '../gridStateCommunity';
-import type { GridHeaderFilteringApi, GridHeaderFilteringPrivateApi } from './gridHeaderFilteringApi';
-import type { DataGridProcessedProps } from '../props/DataGridProps';
-import type { GridColumnResizeApi } from '../../hooks/features/columnResize';
-import type { GridPivotingPrivateApiCommunity } from '../../hooks/features/pivoting/gridPivotingInterfaces';
+import type { GridColumnApi } from "./gridColumnApi.js";
+import type { GridColumnMenuApi } from "./gridColumnMenuApi.js";
+import type { GridCoreApi, GridCorePrivateApi } from "./gridCoreApi.js";
+import type { GridCsvExportApi } from "./gridCsvExportApi.js";
+import type { GridDensityApi } from "./gridDensityApi.js";
+import type { GridEditingApi, GridEditingPrivateApi } from "./gridEditingApi.js";
+import type { GridFilterApi } from "./gridFilterApi.js";
+import type { GridFocusApi, GridFocusPrivateApi } from "./gridFocusApi.js";
+import type { GridLocaleTextApi } from "./gridLocaleTextApi.js";
+import type { GridParamsApi, GridParamsPrivateApi } from "./gridParamsApi.js";
+import type { GridPreferencesPanelApi } from "./gridPreferencesPanelApi.js";
+import type { GridPrintExportApi } from "./gridPrintExportApi.js";
+import type { GridRowApi, GridRowProPrivateApi } from "./gridRowApi.js";
+import type { GridRowsMetaApi, GridRowsMetaPrivateApi } from "./gridRowsMetaApi.js";
+import type { GridRowSelectionApi } from "./gridRowSelectionApi.js";
+import type { GridSortApi } from "./gridSortApi.js";
+import type { GridStateApi, GridStatePrivateApi } from "./gridStateApi.js";
+import type { GridLoggerApi } from "./gridLoggerApi.js";
+import type { GridScrollApi } from "./gridScrollApi.js";
+import type { GridVirtualizationApi, GridVirtualizationPrivateApi } from "./gridVirtualizationApi.js";
+import type { GridPipeProcessingApi, GridPipeProcessingPrivateApi } from "../../hooks/core/pipeProcessing/index.js";
+import type { GridColumnSpanningApi, GridColumnSpanningPrivateApi } from "./gridColumnSpanning.js";
+import type { GridStrategyProcessingApi } from "../../hooks/core/strategyProcessing/index.js";
+import type { GridDimensionsApi, GridDimensionsPrivateApi } from "../../hooks/features/dimensions/gridDimensionsApi.js";
+import type { GridPaginationApi } from "../../hooks/features/pagination/index.js";
+import type { GridStatePersistenceApi } from "../../hooks/features/statePersistence/index.js";
+import type { GridColumnGroupingApi } from "./gridColumnGroupingApi.js";
+import type { GridInitialStateCommunity, GridStateCommunity } from "../gridStateCommunity.js";
+import type { GridHeaderFilteringApi, GridHeaderFilteringPrivateApi } from "./gridHeaderFilteringApi.js";
+import type { DataGridProcessedProps } from "../props/DataGridProps.js";
+import type { GridColumnResizeApi } from "../../hooks/features/columnResize/index.js";
+import type { GridPivotingPrivateApiCommunity } from "../../hooks/features/pivoting/gridPivotingInterfaces.js";
 export interface GridApiCommon<GridState extends GridStateCommunity = any, GridInitialState extends GridInitialStateCommunity = any> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi, GridColumnResizeApi {}
 export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridParamsPrivateApi, GridPivotingPrivateApiCommunity {}
 export interface GridPrivateApiCommon extends GridApiCommon, GridPrivateOnlyApiCommon<GridApiCommon, GridPrivateApiCommon, DataGridProcessedProps> {}

package/esm/models/api/gridApiCommunity.d.ts

@@ -1,10 +1,10 @@
-import type { GridDataSourceApi } from '../../hooks/features/dataSource/models';
-import type { GridInitialStateCommunity, GridStateCommunity } from '../gridStateCommunity';
-import type { DataGridProcessedProps } from '../props/DataGridProps';
-import type { GridApiCommon, GridPrivateOnlyApiCommon } from './gridApiCommon';
-import type { GridColumnReorderApi } from './gridColumnApi';
-import type { GridRowProApi } from './gridRowApi';
-import type { GridRowMultiSelectionApi } from './gridRowSelectionApi';
+import type { GridDataSourceApi } from "../../hooks/features/dataSource/models.js";
+import type { GridInitialStateCommunity, GridStateCommunity } from "../gridStateCommunity.js";
+import type { DataGridProcessedProps } from "../props/DataGridProps.js";
+import type { GridApiCommon, GridPrivateOnlyApiCommon } from "./gridApiCommon.js";
+import type { GridColumnReorderApi } from "./gridColumnApi.js";
+import type { GridRowProApi } from "./gridRowApi.js";
+import type { GridRowMultiSelectionApi } from "./gridRowSelectionApi.js";
 /**
  * The API of the community version of the Data Grid.
  */

package/esm/models/api/gridCallbackDetails.d.ts

@@ -1,5 +1,5 @@
-import type { GridControlledStateReasonLookup } from '../events/gridEventLookup';
-import type { GridApiCommon } from './gridApiCommon';
+import type { GridControlledStateReasonLookup } from "../events/gridEventLookup.js";
+import type { GridApiCommon } from "./gridApiCommon.js";
 /**
  * Additional details passed to the callbacks
  */

package/esm/models/api/gridColumnApi.d.ts

@@ -1,5 +1,5 @@
 import { GridColDef, GridStateColDef } from "../colDef/gridColDef.js";
-import type { GridColumnVisibilityModel } from '../../hooks/features/columns/gridColumnsInterfaces';
+import type { GridColumnVisibilityModel } from "../../hooks/features/columns/gridColumnsInterfaces.js";
 /**
  * The column API interface that is available in the grid [[apiRef]].
  * TODO: Differentiate interfaces based on the plan

package/esm/models/api/gridCoreApi.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { EventManager, EventListenerOptions } from '@mui/x-internals/EventManager';
-import type { GridEventPublisher, GridEventListener, GridEvents } from '../events';
+import type { GridEventPublisher, GridEventListener, GridEvents } from "../events/index.js";
 import { Store } from "../../utils/Store.js";
-import type { GridApiCaches } from '../gridApiCaches';
-import type { GridApiCommon, GridPrivateApiCommon } from './gridApiCommon';
-import type { DataGridProcessedProps } from '../props/DataGridProps';
+import type { GridApiCaches } from "../gridApiCaches.js";
+import type { GridApiCommon, GridPrivateApiCommon } from "./gridApiCommon.js";
+import type { DataGridProcessedProps } from "../props/DataGridProps.js";
 /**
  * The core API interface that is available in the grid `apiRef`.
  */

package/esm/models/api/gridFilterApi.d.ts

@@ -1,7 +1,7 @@
 import { GridFilterModel } from "../gridFilterModel.js";
 import { GridFilterItem, GridLogicOperator } from "../gridFilterItem.js";
 import { GridControlledStateReasonLookup } from "../events/index.js";
-import type { DataGridProcessedProps } from '../props/DataGridProps';
+import type { DataGridProcessedProps } from "../props/DataGridProps.js";
 import { GridStateCommunity } from "../gridStateCommunity.js";
 /**
  * The filter API interface that is available in the grid [[apiRef]].

package/esm/models/api/gridLocaleTextApi.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridColDef } from '../colDef';
+import type { GridColDef } from "../colDef/index.js";
 /**
  * Set the types of the texts in the grid.
  */

package/esm/models/api/gridRowSelectionApi.d.ts

@@ -1,5 +1,5 @@
-import type { GridRowId, GridRowModel } from '../gridRows';
-import type { GridRowSelectionModel } from '../gridRowSelectionModel';
+import type { GridRowId, GridRowModel } from "../gridRows.js";
+import type { GridRowSelectionModel } from "../gridRowSelectionModel.js";
 /**
  * The selection API interface that is available in the grid [[apiRef]].
  */

package/esm/models/api/index.d.ts

@@ -1,23 +1,23 @@
-import type { GridEditingApi } from './gridEditingApi';
-export type { GridParamsApi } from './gridParamsApi';
-export type { GridCoreApi } from './gridCoreApi';
+import type { GridEditingApi } from "./gridEditingApi.js";
+export type { GridParamsApi } from "./gridParamsApi.js";
+export type { GridCoreApi } from "./gridCoreApi.js";
 export * from "./gridColumnApi.js";
 export * from "./gridDensityApi.js";
 export * from "./gridRowApi.js";
-export type { GridRowsMetaApi } from './gridRowsMetaApi';
+export type { GridRowsMetaApi } from "./gridRowsMetaApi.js";
 export * from "./gridRowSelectionApi.js";
 export * from "./gridSortApi.js";
-export type { GridStateApi } from './gridStateApi';
-export type { GridLocaleText, GridLocaleTextApi, GridTranslationKeys } from './gridLocaleTextApi';
+export type { GridStateApi } from "./gridStateApi.js";
+export type { GridLocaleText, GridLocaleTextApi, GridTranslationKeys } from "./gridLocaleTextApi.js";
 export * from "./gridCsvExportApi.js";
-export type { GridFocusApi } from './gridFocusApi';
+export type { GridFocusApi } from "./gridFocusApi.js";
 export * from "./gridFilterApi.js";
 export * from "./gridColumnMenuApi.js";
 export * from "./gridPreferencesPanelApi.js";
 export * from "./gridPrintExportApi.js";
 export * from "./gridCallbackDetails.js";
 export * from "./gridScrollApi.js";
-export type { GridVirtualizationApi } from './gridVirtualizationApi';
-export type { GridApiCommon } from './gridApiCommon';
-export type { GridEditingApi, GridCellModesModel, GridRowModesModel } from './gridEditingApi';
+export type { GridVirtualizationApi } from "./gridVirtualizationApi.js";
+export type { GridApiCommon } from "./gridApiCommon.js";
+export type { GridEditingApi, GridCellModesModel, GridRowModesModel } from "./gridEditingApi.js";
 export type GridEditRowApi = GridEditingApi;

package/esm/models/colDef/gridColDef.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { RefObject } from '@mui/x-internals/types';
 import { GridCellClassNamePropType } from "../gridCellClass.js";
 import { GridColumnHeaderClassNamePropType } from "../gridColumnHeaderClass.js";
-import type { GridFilterOperator } from '../gridFilterOperator';
+import type { GridFilterOperator } from "../gridFilterOperator.js";
 import { GridRenderCellParams, GridRenderEditCellParams, GridPreProcessEditCellProps } from "../params/gridCellParams.js";
 import { GridColumnHeaderParams } from "../params/gridColumnHeaderParams.js";
 import { GridComparatorFn, GridSortDirection } from "../gridSortModel.js";
@@ -11,7 +11,7 @@ import { GridRowParams } from "../params/gridRowParams.js";
 import { GridValueOptionsParams } from "../params/gridValueOptionsParams.js";
 import { GridActionsCellItemProps } from "../../components/cell/GridActionsCellItem.js";
 import { GridEditCellProps } from "../gridEditRowModel.js";
-import type { GridValidRowModel } from '../gridRows';
+import type { GridValidRowModel } from "../gridRows.js";
 import { GridApiCommunity } from "../api/gridApiCommunity.js";
 /**
  * Alignment used in position elements in Cells.

package/esm/models/colDef/index.d.ts

@@ -1,3 +1,3 @@
-export type { GridAlignment, ValueOptions, GridKeyValue, GridColDef, GridListViewColDef, GridColTypeDef, GridColumnsMeta, GridSingleSelectColDef, GridActionsColDef, GetApplyQuickFilterFn, GridValueGetter, GridValueFormatter, GridValueSetter, GridValueParser, GridColSpanFn } from './gridColDef';
+export type { GridAlignment, ValueOptions, GridKeyValue, GridColDef, GridListViewColDef, GridColTypeDef, GridColumnsMeta, GridSingleSelectColDef, GridActionsColDef, GetApplyQuickFilterFn, GridValueGetter, GridValueFormatter, GridValueSetter, GridValueParser, GridColSpanFn } from "./gridColDef.js";
 export * from "./gridColType.js";
 export * from "./gridColumnTypesRecord.js";