@mui/x-data-grid 8.1.0 → 8.2.0

package/esm/hooks/features/export/serializers/csvSerializer.d.ts

@@ -1,8 +1,8 @@
 import { RefObject } from '@mui/x-internals/types';
-import type { GridCsvExportOptions, GridRowId } from '../../../../models';
-import type { GridCellParams } from '../../../../models/params/gridCellParams';
-import type { GridStateColDef } from '../../../../models/colDef/gridColDef';
-import type { GridApiCommunity } from '../../../../models/api/gridApiCommunity';
+import type { GridCsvExportOptions, GridRowId } from "../../../../models/index.js";
+import type { GridCellParams } from "../../../../models/params/gridCellParams.js";
+import type { GridStateColDef } from "../../../../models/colDef/gridColDef.js";
+import type { GridApiCommunity } from "../../../../models/api/gridApiCommunity.js";
 export declare const serializeCellValue: (cellParams: GridCellParams, options: {
   csvOptions: CSVOptions;
   ignoreValueFormatter: boolean;

package/esm/hooks/features/export/useGridCsvExport.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import type { DataGridProcessedProps } from '../../../models/props/DataGridProps';
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { unstable_ownerDocument as ownerDocument } from '@mui/utils';
+import { loadStyleSheets } from '@mui/x-internals/export';
 import { useGridLogger } from "../../utils/useGridLogger.js";
 import { gridExpandedRowCountSelector } from "../filter/gridFilterSelector.js";
 import { gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector } from "../columns/gridColumnsSelector.js";
@@ -147,43 +148,11 @@ export const useGridPrintExport = (apiRef, props) => {
     if (normalizeOptions.bodyClassName) {
       printDoc.body.classList.add(...normalizeOptions.bodyClassName.split(' '));
     }
-    const stylesheetLoadPromises = [];
+    let stylesheetLoadPromises = [];
     if (normalizeOptions.copyStyles) {
       const rootCandidate = gridRootElement.getRootNode();
       const root = rootCandidate.constructor.name === 'ShadowRoot' ? rootCandidate : doc.current;
-      const headStyleElements = root.querySelectorAll("style, link[rel='stylesheet']");
-      for (let i = 0; i < headStyleElements.length; i += 1) {
-        const node = headStyleElements[i];
-        if (node.tagName === 'STYLE') {
-          const newHeadStyleElements = printDoc.createElement(node.tagName);
-          const sheet = node.sheet;
-          if (sheet) {
-            let styleCSS = '';
-            // NOTE: for-of is not supported by IE
-            for (let j = 0; j < sheet.cssRules.length; j += 1) {
-              if (typeof sheet.cssRules[j].cssText === 'string') {
-                styleCSS += `${sheet.cssRules[j].cssText}\r\n`;
-              }
-            }
-            newHeadStyleElements.appendChild(printDoc.createTextNode(styleCSS));
-            printDoc.head.appendChild(newHeadStyleElements);
-          }
-        } else if (node.getAttribute('href')) {
-          // If `href` tag is empty, avoid loading these links
-
-          const newHeadStyleElements = printDoc.createElement(node.tagName);
-          for (let j = 0; j < node.attributes.length; j += 1) {
-            const attr = node.attributes[j];
-            if (attr) {
-              newHeadStyleElements.setAttribute(attr.nodeName, attr.nodeValue || '');
-            }
-          }
-          stylesheetLoadPromises.push(new Promise(resolve => {
-            newHeadStyleElements.addEventListener('load', () => resolve());
-          }));
-          printDoc.head.appendChild(newHeadStyleElements);
-        }
-      }
+      stylesheetLoadPromises = loadStyleSheets(printDoc, root);
     }
 
     // Trigger print

package/esm/hooks/features/filter/gridFilterSelector.d.ts

@@ -15,7 +15,7 @@ export declare const gridQuickFilterValuesSelector: import("@mui/x-data-grid").O
  * @category Visible rows
  * @ignore - do not document.
  */
-export declare const gridVisibleRowsLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("./gridFilterState").GridVisibleRowsLookupState>;
+export declare const gridVisibleRowsLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("./gridFilterState.js").GridVisibleRowsLookupState>;
 /**
  * @category Filtering
  * @ignore - do not document.

package/esm/hooks/features/filter/gridFilterUtils.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridFilterItem, GridFilterModel } from "../../../models/index.js";
-import type { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 import { GridAggregatedFilterItemApplier, GridFilterItemResult, GridQuickFilterValueResult } from "./gridFilterState.js";
 /**

package/esm/hooks/features/filter/index.d.ts

@@ -1,4 +1,4 @@
-export type { GridFilterState, GridFilterInitialState } from './gridFilterState';
+export type { GridFilterState, GridFilterInitialState } from "./gridFilterState.js";
 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";
-export type { GridFilterActiveItemsLookup } from './gridFilterSelector';
+export type { GridFilterActiveItemsLookup } from "./gridFilterSelector.js";

package/esm/hooks/features/headerFiltering/gridHeaderFilteringSelectors.d.ts

@@ -1,5 +1,5 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-export declare const gridHeaderFilteringStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState>;
-export declare const gridHeaderFilteringEnabledSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState, boolean>;
-export declare const gridHeaderFilteringEditFieldSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState, string | null>;
-export declare const gridHeaderFilteringMenuSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState, string | null>;
+export declare const gridHeaderFilteringStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("../../../models/gridHeaderFilteringModel.js").GridHeaderFilteringState>;
+export declare const gridHeaderFilteringEnabledSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel.js").GridHeaderFilteringState, boolean>;
+export declare const gridHeaderFilteringEditFieldSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel.js").GridHeaderFilteringState, string | null>;
+export declare const gridHeaderFilteringMenuSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel.js").GridHeaderFilteringState, string | null>;

package/esm/hooks/features/listView/gridListViewSelectors.d.ts

@@ -4,4 +4,4 @@ import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
  * @category List View
  * @ignore - Do not document
  */
-export declare const gridListColumnSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("./useGridListView").GridListViewState>;
+export declare const gridListColumnSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("./useGridListView.js").GridListViewState>;

package/esm/hooks/features/listView/useGridListView.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from '@mui/x-internals/types';
-import type { GridListViewColDef } from '../../../models/colDef/gridColDef';
+import type { GridListViewColDef } from "../../../models/colDef/gridColDef.js";
 import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";

package/esm/hooks/features/overlays/useGridOverlays.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { GridLoadingOverlayVariant } from "../../../components/GridLoadingOverlay.js";
-import type { GridOverlayType } from '../../../components/base/GridOverlays';
+import type { GridOverlayType } from "../../../components/base/GridOverlays.js";
 /**
  * Uses the grid state to determine which overlay to display.
  * Returns the active overlay type and the active loading overlay variant.

package/esm/hooks/features/pagination/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./gridPaginationSelector.js";
-export type { GridPaginationModelApi, GridPaginationRowCountApi, GridPaginationApi, GridPaginationState, GridPaginationInitialState } from './gridPaginationInterfaces';
+export type { GridPaginationModelApi, GridPaginationRowCountApi, GridPaginationApi, GridPaginationState, GridPaginationInitialState } from "./gridPaginationInterfaces.js";

package/esm/hooks/features/pivoting/gridPivotingInterfaces.d.ts

@@ -1,5 +1,5 @@
 import type { GridRowModelUpdate } from '@mui/x-data-grid';
-import type { GridColDef } from '../../../models/colDef';
+import type { GridColDef } from "../../../models/colDef/index.js";
 export interface GridPivotingStatePartial {
   active: boolean;
   panelOpen: boolean;

package/esm/hooks/features/pivoting/gridPivotingSelectors.d.ts

@@ -1,6 +1,6 @@
-import type { GridColDef } from '../../../models/colDef';
-import type { GridStateCommunity } from '../../../models/gridStateCommunity';
-import type { GridPivotingStatePartial } from './gridPivotingInterfaces';
+import type { GridColDef } from "../../../models/colDef/index.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridPivotingStatePartial } from "./gridPivotingInterfaces.js";
 export declare const gridPivotActiveSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridPivotingStatePartial, boolean>;
 export declare const gridPivotInitialColumnsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridPivotingStatePartial, Map<string, GridColDef>>;
 export declare const gridPivotPanelOpenSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridPivotingStatePartial, boolean>;

package/esm/hooks/features/rowSelection/gridRowSelectionSelector.d.ts

@@ -1,6 +1,6 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 import { GridRowId } from "../../../models/gridRows.js";
 export declare const gridRowSelectionStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridRowSelectionModel>;
-export declare const gridRowSelectionManagerSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowSelectionModel, import("../../../models/gridRowSelectionManager").RowSelectionManager>;
+export declare const gridRowSelectionManagerSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowSelectionModel, import("../../../models/gridRowSelectionManager.js").RowSelectionManager>;
 export declare const gridRowSelectionCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, number, number>;
 export declare const gridRowSelectionIdsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridRowId[], Map<GridRowId, import("@mui/x-data-grid").GridValidRowModel>>;

package/esm/hooks/features/rowSelection/utils.d.ts

@@ -1,11 +1,11 @@
 import { RefObject } from '@mui/x-internals/types';
-import type { GridRowId, GridRowTreeConfig } from '../../../models/gridRows';
-import type { DataGridProcessedProps } from '../../../models/props/DataGridProps';
-import type { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
+import type { GridRowId, GridRowTreeConfig } from "../../../models/gridRows.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import { type GridRowSelectionPropagation } from "../../../models/gridRowSelectionModel.js";
 import { type RowSelectionManager } from "../../../models/gridRowSelectionManager.js";
 export declare const ROW_SELECTION_PROPAGATION_DEFAULT: GridRowSelectionPropagation;
-export declare function getCheckboxPropsSelector(groupId: GridRowId, autoSelectParents: boolean): import("@mui/x-data-grid").OutputSelector<import("../../../models/gridStateCommunity").GridStateCommunity, RowSelectionManager, {
+export declare function getCheckboxPropsSelector(groupId: GridRowId, autoSelectParents: boolean): import("@mui/x-data-grid").OutputSelector<import("../../../models/gridStateCommunity.js").GridStateCommunity, RowSelectionManager, {
   isIndeterminate: boolean;
   isChecked: boolean;
 }>;

package/esm/hooks/features/rows/gridRowSpanningSelectors.d.ts

@@ -1,4 +1,4 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-export declare const gridRowSpanningHiddenCellsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("./useGridRowSpanning").GridRowSpanningState, Record<import("@mui/x-data-grid").GridRowId, Record<string, boolean>>>;
-export declare const gridRowSpanningSpannedCellsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("./useGridRowSpanning").GridRowSpanningState, Record<import("@mui/x-data-grid").GridRowId, Record<string, number>>>;
-export declare const gridRowSpanningHiddenCellsOriginMapSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("./useGridRowSpanning").GridRowSpanningState, Record<number, Record<string, number>>>;
+export declare const gridRowSpanningHiddenCellsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("./useGridRowSpanning.js").GridRowSpanningState, Record<import("@mui/x-data-grid").GridRowId, Record<string, boolean>>>;
+export declare const gridRowSpanningSpannedCellsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("./useGridRowSpanning.js").GridRowSpanningState, Record<import("@mui/x-data-grid").GridRowId, Record<string, number>>>;
+export declare const gridRowSpanningHiddenCellsOriginMapSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("./useGridRowSpanning.js").GridRowSpanningState, Record<number, Record<string, number>>>;

package/esm/hooks/features/rows/gridRowSpanningUtils.d.ts

@@ -1,9 +1,9 @@
 import { RefObject } from '@mui/x-internals/types';
-import type { GridRenderContext } from '../../../models';
-import type { GridValidRowModel } from '../../../models/gridRows';
-import type { GridColDef } from '../../../models/colDef';
-import type { GridApiCommunity } from '../../../models/api/gridApiCommunity';
-import type { RowRange } from './useGridRowSpanning';
+import type { GridRenderContext } from "../../../models/index.js";
+import type { GridValidRowModel } from "../../../models/gridRows.js";
+import type { GridColDef } from "../../../models/colDef/index.js";
+import type { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { RowRange } from "./useGridRowSpanning.js";
 export declare function getUnprocessedRange(testRange: RowRange, processedRange: RowRange): RowRange | null;
 export declare function isRowContextInitialized(renderContext: GridRenderContext): boolean;
 export declare function isRowRangeUpdated(range1: RowRange, range2: RowRange): boolean;

package/esm/hooks/features/rows/gridRowsInterfaces.d.ts

@@ -1,5 +1,5 @@
 import { GridRowEntry, GridRowId, GridRowTreeConfig, GridValidRowModel } from "../../../models/gridRows.js";
-import type { DataGridProcessedProps } from '../../../models/props/DataGridProps';
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 export interface GridRowsInternalCache {
   /**
    * The rows as they were the last time all the rows have been updated at once

package/esm/hooks/features/rows/gridRowsSelector.d.ts

@@ -10,7 +10,7 @@ export declare const gridRowTreeSelector: import("@mui/x-data-grid").OutputSelec
 export declare const gridRowNodeSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridRowId, import("@mui/x-data-grid").GridTreeNode>;
 export declare const gridRowGroupsToFetchSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, GridRowId[] | undefined>;
 export declare const gridRowGroupingNameSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, string>;
-export declare const gridRowTreeDepthsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, import("./gridRowsInterfaces").GridTreeDepths>;
+export declare const gridRowTreeDepthsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, import("./gridRowsInterfaces.js").GridTreeDepths>;
 export declare const gridRowMaximumTreeDepthSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, number>;
 export declare const gridDataRowIdsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, GridRowId[]>;
 export declare const gridDataRowsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowIdToModelLookup<import("@mui/x-data-grid").GridValidRowModel>, import("@mui/x-data-grid").GridValidRowModel[]>;
@@ -18,13 +18,13 @@ export declare const gridDataRowsSelector: import("@mui/x-data-grid").OutputSele
  * @ignore - do not document.
  */
 export declare const gridAdditionalRowGroupsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, {
-  pinnedRows?: import("./gridRowsInterfaces").GridPinnedRowsState;
+  pinnedRows?: import("./gridRowsInterfaces.js").GridPinnedRowsState;
 } | undefined>;
 /**
  * @ignore - do not document.
  */
 export declare const gridPinnedRowsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, {
-  pinnedRows?: import("./gridRowsInterfaces").GridPinnedRowsState;
+  pinnedRows?: import("./gridRowsInterfaces.js").GridPinnedRowsState;
 } | undefined, {
   bottom: {
     id: GridRowId;

package/esm/hooks/features/rows/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./gridRowsMetaSelector.js";
 export * from "./gridRowsMetaState.js";
 export { gridRowCountSelector, gridRowsLoadingSelector, gridTopLevelRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridRowMaximumTreeDepthSelector, gridDataRowIdsSelector, gridRowNodeSelector } from "./gridRowsSelector.js";
-export type { GridRowsState, GridRowIdToModelLookup } from './gridRowsInterfaces';
+export type { GridRowsState, GridRowIdToModelLookup } from "./gridRowsInterfaces.js";
 export { GRID_ROOT_GROUP_ID, checkGridRowIdIsValid, isAutogeneratedRow } from "./gridRowsUtils.js";

package/esm/hooks/features/rows/useGridRowSpanning.d.ts

@@ -1,9 +1,9 @@
 import { RefObject } from '@mui/x-internals/types';
-import type { GridColDef } from '../../../models/colDef';
-import type { GridRowId } from '../../../models/gridRows';
-import type { DataGridProcessedProps } from '../../../models/props/DataGridProps';
-import type { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
-import type { GridStateInitializer } from '../../utils/useGridInitializeState';
+import type { GridColDef } from "../../../models/colDef/index.js";
+import type { GridRowId } from "../../../models/gridRows.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export interface GridRowSpanningState {
   spannedCells: Record<GridRowId, Record<GridColDef['field'], number>>;
   hiddenCells: Record<GridRowId, Record<GridColDef['field'], boolean>>;

package/esm/hooks/features/sorting/gridSortingSelector.d.ts

@@ -1,5 +1,5 @@
 import { GridSortDirection, GridSortModel } from "../../../models/gridSortModel.js";
-import type { GridValidRowModel, GridRowEntry, GridRowId } from '../../../models/gridRows';
+import type { GridValidRowModel, GridRowEntry, GridRowId } from "../../../models/gridRows.js";
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 /**
  * Get the id of the rows after the sorting process.

package/esm/hooks/features/sorting/index.d.ts

@@ -1,4 +1,4 @@
 export { gridSortedRowIdsSelector, gridSortedRowEntriesSelector, gridSortModelSelector, gridSortColumnLookupSelector } from "./gridSortingSelector.js";
-export type { GridSortColumnLookup } from './gridSortingSelector';
-export type { GridSortingState, GridSortingInitialState } from './gridSortingState';
+export type { GridSortColumnLookup } from "./gridSortingSelector.js";
+export type { GridSortingState, GridSortingInitialState } from "./gridSortingState.js";
 export { gridDateComparator, gridNumberComparator, gridStringOrNumberComparator } from "./gridSortingUtils.js";

package/esm/hooks/features/statePersistence/index.d.ts

@@ -1 +1 @@
-export type { GridStatePersistenceApi, GridExportStateParams } from './gridStatePersistenceInterface';
+export type { GridStatePersistenceApi, GridExportStateParams } from "./gridStatePersistenceInterface.js";

package/esm/hooks/features/virtualization/gridFocusedVirtualCellSelector.d.ts

@@ -1,4 +1,4 @@
-export declare const gridFocusedVirtualCellSelector: import("@mui/x-data-grid").OutputSelector<import("../../../models/gridStateCommunity").GridStateCommunity, import("@mui/x-data-grid").GridCellCoordinates | null, {
+export declare const gridFocusedVirtualCellSelector: import("@mui/x-data-grid").OutputSelector<import("../../../models/gridStateCommunity.js").GridStateCommunity, import("@mui/x-data-grid").GridCellCoordinates | null, {
   rowIndex: number;
   columnIndex: number;
   id?: import("@mui/x-data-grid").GridRowId | undefined;

package/esm/hooks/features/virtualization/gridVirtualizationSelectors.d.ts

@@ -1,4 +1,4 @@
-import type { GridColumnsRenderContext } from '../../../models/params/gridScrollParams';
+import type { GridColumnsRenderContext } from "../../../models/params/gridScrollParams.js";
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 /**
  * Get the columns state

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

@@ -6,4 +6,4 @@ export * from "./useGridNativeEventListener.js";
 export * from "./useFirstRender.js";
 export * from "./useOnMount.js";
 export * from "./useRunOnce.js";
-export type { RenderProp } from './useGridComponentRenderer';
+export type { RenderProp } from "./useGridComponentRenderer.js";

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.2.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

@@ -539,7 +539,12 @@ function BasePopper(props) {
     } = props,
     rest = _objectWithoutPropertiesLoose(props, _excluded21);
   const modifiers = React.useMemo(() => {
-    const result = [];
+    const result = [{
+      name: 'preventOverflow',
+      options: {
+        padding: 8
+      }
+    }];
     if (flip) {
       result.push({
         name: 'flip',

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,