@mui/x-data-grid 8.0.0 → 8.2.0

package/hooks/features/dataSource/useGridDataSource.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from '@mui/x-internals/types';
-import type { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
-import type { DataGridProcessedProps } from '../../../models/props/DataGridProps';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 /**
  * Community version of the data source hook. Contains implementation of the `useGridDataSourceBase` hook.
  */

package/hooks/features/dataSource/useGridDataSourceBase.d.ts

@@ -1,11 +1,11 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridDataSourceCache } from "../../../models/gridDataSource.js";
 import { CacheChunkManager, DataSourceRowsUpdateStrategy } from "./utils.js";
-import type { GridDataSourceApi, GridDataSourceBaseOptions } from './models';
-import type { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
-import type { DataGridProcessedProps } from '../../../models/props/DataGridProps';
-import type { GridStrategyProcessor } from '../../core/strategyProcessing';
-import type { GridEventListener } from '../../../models/events';
+import type { GridDataSourceApi, GridDataSourceBaseOptions } from "./models.js";
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridStrategyProcessor } from "../../core/strategyProcessing/index.js";
+import type { GridEventListener } from "../../../models/events/index.js";
 export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity>(apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, "dataSource" | "dataSourceCache" | "onDataSourceError" | "pageSizeOptions" | "signature">, options?: GridDataSourceBaseOptions) => {
   api: {
     public: GridDataSourceApi;

package/hooks/features/dataSource/utils.d.ts

@@ -1,4 +1,4 @@
-import type { GridGetRowsParams, GridGetRowsResponse } from '../../../models/gridDataSource';
+import type { GridGetRowsParams, GridGetRowsResponse } from "../../../models/gridDataSource.js";
 export declare enum DataSourceRowsUpdateStrategy {
   Default = "set-new-rows",
   LazyLoading = "replace-row-range",

package/hooks/features/dimensions/gridDimensionsApi.d.ts

@@ -1,4 +1,4 @@
-import type { ElementSize } from '../../../models/elementSize';
+import type { ElementSize } from "../../../models/elementSize.js";
 export interface GridDimensions {
   /**
    * Indicates that the dimensions have been initialized.

package/hooks/features/dimensions/index.d.ts

@@ -1,3 +1,3 @@
-export type { GridDimensionsState } from './useGridDimensions';
+export type { GridDimensionsState } from "./useGridDimensions.js";
 export { gridDimensionsSelector, gridColumnsTotalWidthSelector } from "./gridDimensionsSelectors.js";
-export type { GridDimensions, GridDimensionsApi } from './gridDimensionsApi';
+export type { GridDimensions, GridDimensionsApi } from "./gridDimensionsApi.js";

package/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/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/hooks/features/export/useGridPrintExport.js

@@ -9,6 +9,7 @@ exports.useGridPrintExport = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/utils");
+var _export = require("@mui/x-internals/export");
 var _useGridLogger = require("../../utils/useGridLogger");
 var _gridFilterSelector = require("../filter/gridFilterSelector");
 var _gridColumnsSelector = require("../columns/gridColumnsSelector");
@@ -155,43 +156,11 @@ 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 = (0, _export.loadStyleSheets)(printDoc, root);
     }
 
     // Trigger print

package/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/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/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/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/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/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/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/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/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/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/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/hooks/features/rowSelection/useGridRowSelection.js

@@ -383,13 +383,14 @@ const useGridRowSelection = (apiRef, props) => {
 
     const isMultipleSelectionDisabled = !checkboxSelection && !hasCtrlKey && !(0, _keyboardUtils.isKeyboardEvent)(event);
     const resetSelection = !canHaveMultipleSelection || isMultipleSelectionDisabled;
+    const isSelected = apiRef.current.isRowSelected(id);
     const selectedRowsCount = (0, _gridRowSelectionSelector.gridRowSelectionCountSelector)(apiRef);
-    if (canHaveMultipleSelection && selectedRowsCount > 1 && !hasCtrlKey) {
-      apiRef.current.selectRow(id, true, resetSelection);
-    } else {
-      const isSelected = apiRef.current.isRowSelected(id);
-      apiRef.current.selectRow(id, !isSelected, resetSelection);
-    }
+
+    // Clicking on a row should toggle the selection except when a range of rows is already selected and the selection should reset
+    // In that case, we want to keep the current row selected (https://github.com/mui/mui-x/pull/15509#discussion_r1878082687)
+    const shouldStaySelected = selectedRowsCount > 1 && resetSelection;
+    const newSelectionState = shouldStaySelected || !isSelected;
+    apiRef.current.selectRow(id, newSelectionState, resetSelection);
   }, [apiRef, canHaveMultipleSelection, checkboxSelection]);
   const handleRowClick = React.useCallback((params, event) => {
     if (disableRowSelectionOnClick) {

package/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/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/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/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/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/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/hooks/features/rows/useGridParamsApi.js

@@ -62,7 +62,7 @@ function useGridParamsApi(apiRef, props) {
       value,
       formattedValue: value,
       isEditable: false,
-      api: null
+      api: apiRef.current
     };
     if (colDef && colDef.valueFormatter) {
       params.formattedValue = colDef.valueFormatter(value, row, colDef, apiRef);

package/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/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/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/hooks/features/statePersistence/index.d.ts

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

package/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/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/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/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/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/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/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/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/index.js

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