@mui/x-data-grid 8.1.0 → 8.2.0

package/esm/colDef/gridStringOperators.d.ts

@@ -1,4 +1,4 @@
-import type { GetApplyQuickFilterFn } from '../models/colDef/gridColDef';
+import type { GetApplyQuickFilterFn } from "../models/colDef/gridColDef.js";
 import { GridFilterOperator } from "../models/gridFilterOperator.js";
 export declare const getGridStringQuickFilterFn: GetApplyQuickFilterFn<any, unknown>;
 export declare const getGridStringOperators: (disableTrim?: boolean) => GridFilterOperator<any, number | string | null, any>[];

package/esm/components/GridDetailPanels.d.ts

@@ -1,4 +1,4 @@
-import type { VirtualScroller } from '../hooks/features/virtualization/useGridVirtualScroller';
+import type { VirtualScroller } from "../hooks/features/virtualization/useGridVirtualScroller.js";
 export interface GridDetailPanelsProps {
   virtualScroller: VirtualScroller;
 }

package/esm/components/GridPinnedRows.d.ts

@@ -1,4 +1,4 @@
-import type { VirtualScroller } from '../hooks/features/virtualization/useGridVirtualScroller';
+import type { VirtualScroller } from "../hooks/features/virtualization/useGridVirtualScroller.js";
 export interface GridPinnedRowsProps {
   position: 'top' | 'bottom';
   virtualScroller: VirtualScroller;

package/esm/components/GridRow.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { GridRowId, GridRowModel } from "../models/gridRows.js";
 import { GridPinnedColumns } from "../hooks/features/columns/index.js";
-import type { GridStateColDef } from '../models/colDef/gridColDef';
+import type { GridStateColDef } from "../models/colDef/gridColDef.js";
 export interface GridRowProps extends React.HTMLAttributes<HTMLDivElement> {
   row: GridRowModel;
   rowId: GridRowId;

package/esm/components/cell/GridActionsCellItem.d.ts

@@ -44,7 +44,7 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
 } & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">) | Omit<GridActionsCellItemCommonProps & {
   showInMenu?: false;
   icon: React.ReactElement<any>;
-} & Omit<Omit<import("../../models/gridBaseSlots").ButtonProps, "startIcon"> & {
+} & Omit<Omit<import("../../models/gridBaseSlots.js").ButtonProps, "startIcon"> & {
   label?: string;
   color?: "default" | "inherit" | "primary";
   edge?: "start" | "end" | false;

package/esm/components/cell/GridBooleanCell.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { GridColDef } from '../../models/colDef/gridColDef';
-import type { GridRenderCellParams } from '../../models/params/gridCellParams';
+import type { GridColDef } from "../../models/colDef/gridColDef.js";
+import type { GridRenderCellParams } from "../../models/params/gridCellParams.js";
 interface GridBooleanCellProps extends GridRenderCellParams {
   hideDescendantCount?: boolean;
 }

package/esm/components/cell/GridEditInputCell.js

@@ -52,9 +52,6 @@ const GridEditInputCell = forwardRef((props, ref) => {
   const classes = useUtilityClasses(rootProps);
   const handleChange = React.useCallback(async event => {
     const newValue = event.target.value;
-    if (onValueChange) {
-      await onValueChange(event, newValue);
-    }
     const column = apiRef.current.getColumn(field);
     let parsedValue = newValue;
     if (column.valueParser) {
@@ -68,6 +65,9 @@ const GridEditInputCell = forwardRef((props, ref) => {
       debounceMs,
       unstable_skipValueParser: true
     }, event);
+    if (onValueChange) {
+      await onValueChange(event, newValue);
+    }
   }, [apiRef, debounceMs, field, id, onValueChange]);
   const meta = apiRef.current.unstable_getEditCellMeta(id, field);
   React.useEffect(() => {

package/esm/components/cell/GridEditSingleSelectCell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridSlotProps } from '../../models/gridSlotsComponentsProps';
+import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
 import { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
 export interface GridEditSingleSelectCellProps extends GridRenderEditCellParams {
   /**

package/esm/components/cell/index.d.ts

@@ -1,5 +1,5 @@
 export { GridCell } from "./GridCell.js";
-export type { GridCellProps } from './GridCell';
+export type { GridCellProps } from "./GridCell.js";
 export * from "./GridBooleanCell.js";
 export * from "./GridEditBooleanCell.js";
 export * from "./GridEditDateCell.js";

package/esm/components/columnSelection/GridCellCheckboxRenderer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridRenderCellParams } from '../../models/params/gridCellParams';
+import type { GridRenderCellParams } from "../../models/params/gridCellParams.js";
 declare const GridCellCheckboxForwardRef: React.ForwardRefExoticComponent<GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>> | React.ForwardRefExoticComponent<GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender> & React.RefAttributes<HTMLInputElement>>;
 export { GridCellCheckboxForwardRef };
 export declare const GridCellCheckboxRenderer: React.ForwardRefExoticComponent<GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>> | React.ForwardRefExoticComponent<GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender> & React.RefAttributes<HTMLInputElement>>;

package/esm/components/columnSelection/GridHeaderCheckbox.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import type { GridColumnHeaderParams } from '../../models/params/gridColumnHeaderParams';
+import type { GridColumnHeaderParams } from "../../models/params/gridColumnHeaderParams.js";
 declare const GridHeaderCheckbox: React.ForwardRefExoticComponent<GridColumnHeaderParams<import("@mui/x-data-grid").GridValidRowModel, any, any>> | React.ForwardRefExoticComponent<GridColumnHeaderParams<import("@mui/x-data-grid").GridValidRowModel, any, any> & React.RefAttributes<HTMLButtonElement>>;
 export { GridHeaderCheckbox };

package/esm/components/columnsManagement/GridColumnsManagement.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextFieldProps } from "../../models/gridBaseSlots.js";
-import type { GridColDef } from '../../models/colDef/gridColDef';
+import type { GridColDef } from "../../models/colDef/gridColDef.js";
 export interface GridColumnsManagementProps {
   sort?: 'asc' | 'desc';
   searchPredicate?: (column: GridColDef, searchValue: string) => boolean;

package/esm/components/columnsManagement/utils.d.ts

@@ -1,4 +1,4 @@
 import { GridColumnVisibilityModel } from "../../hooks/features/columns/gridColumnsInterfaces.js";
-import type { GridColumnsManagementProps } from './GridColumnsManagement';
+import type { GridColumnsManagementProps } from "./GridColumnsManagement.js";
 export declare const checkColumnVisibilityModelsSame: (a: GridColumnVisibilityModel, b: GridColumnVisibilityModel) => boolean;
 export declare const defaultSearchPredicate: NonNullable<GridColumnsManagementProps['searchPredicate']>;

package/esm/components/columnsPanel/ColumnsPanelTrigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import type { GridSlotProps } from '../../models';
+import type { GridSlotProps } from "../../models/index.js";
 export interface ColumnsPanelState {
   /**
    * If `true`, the columns panel is open.

package/esm/components/export/ExportCsv.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
 import { GridCsvExportOptions } from "../../models/gridExport.js";
-import type { GridSlotProps } from '../../models';
+import type { GridSlotProps } from "../../models/index.js";
 export type ExportCsvProps = GridSlotProps['baseButton'] & {
   /**
    * A function to customize rendering of the component.

package/esm/components/export/ExportPrint.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
 import { GridPrintExportOptions } from "../../models/gridExport.js";
-import type { GridSlotProps } from '../../models';
+import type { GridSlotProps } from "../../models/index.js";
 export type ExportPrintProps = GridSlotProps['baseButton'] & {
   /**
    * A function to customize rendering of the component.

package/esm/components/filterPanel/FilterPanelTrigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import type { GridSlotProps } from '../../models';
+import type { GridSlotProps } from "../../models/index.js";
 export interface FilterPanelState {
   /**
    * If `true`, the filter panel is open.

package/esm/components/panel/GridPanel.js

@@ -30,7 +30,6 @@ const GridPanelContent = styled('div', {
   boxShadow: vars.shadows.overlay,
   display: 'flex',
   maxWidth: `calc(100vw - ${vars.spacing(2)})`,
-  margin: vars.spacing(1),
   overflow: 'auto'
 });
 const GridPanel = forwardRef((props, ref) => {

package/esm/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { AutocompleteProps } from "../../../models/gridBaseSlots.js";
 import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
-import type { ValueOptions } from '../../../models/colDef/gridColDef';
+import type { ValueOptions } from "../../../models/colDef/gridColDef.js";
 export type GridFilterInputMultipleSingleSelectProps = GridFilterInputValueProps<Omit<AutocompleteProps<ValueOptions, true, false, true>, 'options'>> & {
   type?: 'singleSelect';
 };

package/esm/components/panel/filterPanel/filterPanelUtils.d.ts

@@ -1,5 +1,5 @@
-import type { GridColDef, GridSingleSelectColDef } from '../../../models/colDef/gridColDef';
-import type { GridValueOptionsParams } from '../../../models/params/gridValueOptionsParams';
+import type { GridColDef, GridSingleSelectColDef } from "../../../models/colDef/gridColDef.js";
+import type { GridValueOptionsParams } from "../../../models/params/gridValueOptionsParams.js";
 export declare function isSingleSelectColDef(colDef: GridColDef | null): colDef is GridSingleSelectColDef;
 export declare function getValueOptions(column: GridSingleSelectColDef, additionalParams?: Omit<GridValueOptionsParams, 'field'>): import("@mui/x-data-grid").ValueOptions[] | undefined;
 export declare function getValueFromValueOptions(value: string, valueOptions: any[] | undefined, getOptionValue: NonNullable<GridSingleSelectColDef['getOptionValue']>): any;

package/esm/components/panel/filterPanel/index.d.ts

@@ -3,8 +3,8 @@ export { GridFilterInputValue, type GridTypeFilterInputValueProps } from "./Grid
 export * from "./GridFilterInputDate.js";
 export * from "./GridFilterInputSingleSelect.js";
 export { GridFilterInputBoolean } from "./GridFilterInputBoolean.js";
-export type { GridFilterInputBooleanProps } from './GridFilterInputBoolean';
+export type { GridFilterInputBooleanProps } from "./GridFilterInputBoolean.js";
 export { GridFilterPanel } from "./GridFilterPanel.js";
-export type { GetColumnForNewFilterArgs } from './GridFilterPanel';
+export type { GetColumnForNewFilterArgs } from "./GridFilterPanel.js";
 export * from "./GridFilterInputMultipleValue.js";
 export * from "./GridFilterInputMultipleSingleSelect.js";

package/esm/components/quickFilter/QuickFilter.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { QuickFilterState } from "./QuickFilterContext.js";
 import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import type { GridFilterModel } from '../../models';
+import type { GridFilterModel } from "../../models/index.js";
 export type QuickFilterProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> & {
   /**
    * Function responsible for parsing text input in an array of independent values for quick filtering.

package/esm/components/quickFilter/QuickFilterClear.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import type { GridSlotProps } from '../../models';
+import type { GridSlotProps } from "../../models/index.js";
 import { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterClearProps = Omit<GridSlotProps['baseIconButton'], 'className'> & {
   /**

package/esm/components/quickFilter/QuickFilterControl.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import type { GridSlotProps } from '../../models';
+import type { GridSlotProps } from "../../models/index.js";
 import { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterControlProps = Omit<GridSlotProps['baseTextField'], 'className'> & {
   /**

package/esm/components/quickFilter/QuickFilterTrigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import type { GridSlotProps } from '../../models';
+import type { GridSlotProps } from "../../models/index.js";
 import { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterTriggerProps = Omit<GridSlotProps['baseButton'], 'className'> & {
   /**

package/esm/components/toolbar/GridToolbarColumnsButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridSlotProps } from '../../models/gridSlotsComponentsProps';
+import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
 interface GridToolbarColumnsButtonProps {
   /**
    * The props used for each slot inside.

package/esm/components/toolbar/GridToolbarDensitySelector.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridSlotProps } from '../../models/gridSlotsComponentsProps';
+import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
 interface GridToolbarDensitySelectorProps {
   /**
    * The props used for each slot inside.

package/esm/components/toolbar/GridToolbarExport.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridSlotProps } from '../../models/gridSlotsComponentsProps';
+import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
 import { GridCsvExportOptions, GridPrintExportOptions } from "../../models/gridExport.js";
 export interface GridExportDisplayOptions {
   /**

package/esm/components/toolbar/GridToolbarExportContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridSlotProps } from '../../models/gridSlotsComponentsProps';
+import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
 interface GridToolbarExportContainerProps {
   /**
    * The props used for each slot inside.

package/esm/components/toolbar/GridToolbarFilterButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridSlotProps } from '../../models/gridSlotsComponentsProps';
+import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
 export interface GridToolbarFilterButtonProps {
   /**
    * The props used for each slot inside.

package/esm/components/toolbar/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./GridToolbar.js";
 export * from "./GridToolbarColumnsButton.js";
 export * from "./GridToolbarDensitySelector.js";
-export type { GridExportDisplayOptions, GridExportMenuItemProps, GridCsvExportMenuItemProps, GridPrintExportMenuItemProps, GridToolbarExportProps } from './GridToolbarExport';
+export type { GridExportDisplayOptions, GridExportMenuItemProps, GridCsvExportMenuItemProps, GridPrintExportMenuItemProps, GridToolbarExportProps } from "./GridToolbarExport.js";
 export { GridCsvExportMenuItem, GridPrintExportMenuItem, GridToolbarExport } from "./GridToolbarExport.js";
 export * from "./GridToolbarFilterButton.js";
 export * from "./GridToolbarExportContainer.js";

package/esm/components/toolbarV8/ToolbarButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import type { GridSlotProps } from '../../models';
+import type { GridSlotProps } from "../../models/index.js";
 export type ToolbarButtonProps = GridSlotProps['baseIconButton'] & {
   /**
    * A function to customize rendering of the component.

package/esm/constants/dataGridPropsDefaultValues.d.ts

@@ -1,4 +1,4 @@
-import type { DataGridPropsWithDefaultValues } from '../models/props/DataGridProps';
+import type { DataGridPropsWithDefaultValues } from "../models/props/DataGridProps.js";
 /**
  * The default values of `DataGridPropsWithDefaultValues` to inject in the props of DataGrid.
  */

package/esm/hooks/core/gridPropsSelectors.d.ts

@@ -1,5 +1,5 @@
-import type { GridStateCommunity } from '../../models/gridStateCommunity';
-import type { GridRowId } from '../../models/gridRows';
+import type { GridStateCommunity } from "../../models/gridStateCommunity.js";
+import type { GridRowId } from "../../models/gridRows.js";
 /**
  * Get the row id for a given row
  * @param apiRef - The grid api reference

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

@@ -1,2 +1,2 @@
-export type { GridPipeProcessingLookup } from './pipeProcessing';
+export type { GridPipeProcessingLookup } from "./pipeProcessing/index.js";
 export { gridRowIdSelector } from "./gridPropsSelectors.js";

package/esm/hooks/core/useGridApiInitialization.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from '@mui/x-internals/types';
 import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
-import type { GridApiCommon, GridPrivateApiCommon } from '../../models/api/gridApiCommon';
+import type { GridApiCommon, GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
 export declare function unwrapPrivateAPI<PrivateApi extends GridPrivateApiCommon, Api extends GridApiCommon>(publicApi: Api): PrivateApi;
 export declare function useGridApiInitialization<PrivateApi extends GridPrivateApiCommon, Api extends GridApiCommon>(inputApiRef: RefObject<Api | null> | undefined, props: Pick<DataGridProcessedProps, 'signature'>): RefObject<PrivateApi>;

package/esm/hooks/core/useGridInitialization.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from '@mui/x-internals/types';
-import type { GridPrivateApiCommon } from '../../models/api/gridApiCommon';
+import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
 import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 /**
  * Initialize the technical pieces of the DataGrid (logger, state, ...) that any DataGrid implementation needs

package/esm/hooks/core/useGridProps.d.ts

@@ -1,7 +1,7 @@
 import type { RefObject } from '@mui/x-internals/types';
-import type { DataGridProps } from '../../models/props/DataGridProps';
-import type { GridPrivateApiCommon } from '../../models/api/gridApiCommon';
-import type { GridStateInitializer } from '../utils/useGridInitializeState';
+import type { DataGridProps } from "../../models/props/DataGridProps.js";
+import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
+import type { GridStateInitializer } from "../utils/useGridInitializeState.js";
 type Props = Pick<DataGridProps, 'getRowId'>;
 export declare const propsStateInitializer: GridStateInitializer<Props>;
 export declare const useGridProps: <PrivateApi extends GridPrivateApiCommon>(apiRef: RefObject<PrivateApi>, props: Props) => void;

package/esm/hooks/core/useGridRefs.d.ts

@@ -1,3 +1,3 @@
 import { RefObject } from '@mui/x-internals/types';
-import type { GridPrivateApiCommon } from '../../models/api/gridApiCommon';
+import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
 export declare const useGridRefs: <PrivateApi extends GridPrivateApiCommon>(apiRef: RefObject<PrivateApi>) => void;

package/esm/hooks/core/useGridStateInitialization.d.ts

@@ -1,3 +1,3 @@
 import { RefObject } from '@mui/x-internals/types';
-import type { GridPrivateApiCommon } from '../../models/api/gridApiCommon';
+import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
 export declare const useGridStateInitialization: <PrivateApi extends GridPrivateApiCommon>(apiRef: RefObject<PrivateApi>) => void;

package/esm/hooks/features/clipboard/useGridClipboard.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 useGridCsvExport (method)
  * @requires useGridSelection (method)

package/esm/hooks/features/columnGrouping/gridColumnGroupsSelector.d.ts

@@ -7,6 +7,6 @@ export declare const gridColumnGroupingSelector: import("@mui/x-data-grid").Outp
 export declare const gridColumnGroupsUnwrappedModelSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnsGroupingState, {
   [columnField: string]: string[];
 }>;
-export declare const gridColumnGroupsLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnsGroupingState, import("./gridColumnGroupsInterfaces").GridColumnGroupLookup>;
-export declare const gridColumnGroupsHeaderStructureSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnsGroupingState, import("./gridColumnGroupsInterfaces").GridGroupingStructure[][]>;
+export declare const gridColumnGroupsLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnsGroupingState, import("./gridColumnGroupsInterfaces.js").GridColumnGroupLookup>;
+export declare const gridColumnGroupsHeaderStructureSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnsGroupingState, import("./gridColumnGroupsInterfaces.js").GridGroupingStructure[][]>;
 export declare const gridColumnGroupsHeaderMaxDepthSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnsGroupingState, number>;

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

@@ -1,2 +1,2 @@
 export * from "./gridColumnGroupsSelector.js";
-export type { GridColumnsGroupingState } from './gridColumnGroupsInterfaces';
+export type { GridColumnsGroupingState } from "./gridColumnGroupsInterfaces.js";

package/esm/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import type { GridColumnsRenderContext } from '../../../models/params/gridScrollParams';
+import type { GridColumnsRenderContext } from "../../../models/params/gridScrollParams.js";
 import { GridStateColDef } from "../../../models/colDef/gridColDef.js";
 import { GridSortColumnLookup } from "../sorting/index.js";
 import { GridFilterActiveItemsLookup } from "../filter/index.js";

package/esm/hooks/features/columnResize/gridColumnResizeApi.d.ts

@@ -1,4 +1,4 @@
-import type { GridColDef } from '../../../models/colDef/gridColDef';
+import type { GridColDef } from "../../../models/colDef/gridColDef.js";
 export declare const DEFAULT_GRID_AUTOSIZE_OPTIONS: {
   includeHeaders: boolean;
   includeOutliers: boolean;

package/esm/hooks/features/columnResize/useGridColumnResize.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
-import type { DataGridProcessedProps } from '../../../models/props/DataGridProps';
-import type { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 export declare const columnResizeStateInitializer: GridStateInitializer;
 /**
  * @requires useGridColumns (method, event)

package/esm/hooks/features/columns/gridColumnsInterfaces.d.ts

@@ -1,5 +1,5 @@
 import { GridColDef, GridStateColDef } from "../../../models/colDef/gridColDef.js";
-import type { GridColumnDimensionProperties } from './gridColumnsUtils';
+import type { GridColumnDimensionProperties } from "./gridColumnsUtils.js";
 export declare enum GridPinnedColumnPosition {
   LEFT = "left",
   RIGHT = "right",

package/esm/hooks/features/columns/gridColumnsSelector.d.ts

@@ -19,7 +19,7 @@ export declare const gridColumnLookupSelector: import("@mui/x-data-grid").Output
  * Get an array of column definitions in the order rendered on screen..
  * @category Columns
  */
-export declare const gridColumnDefinitionsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridColumnLookup, import("../../../internals").GridStateColDef[]>;
+export declare const gridColumnDefinitionsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridColumnLookup, import("../../../internals/index.js").GridStateColDef[]>;
 /**
  * Get the column visibility model, containing the visibility status of each column.
  * If a column is not registered in the model, it is visible.
@@ -37,12 +37,12 @@ export declare const gridInitialColumnVisibilityModelSelector: import("@mui/x-da
  * Get the visible columns as a lookup (an object containing the field for keys and the definition for values).
  * @category Visible Columns
  */
-export declare const gridVisibleColumnDefinitionsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnVisibilityModel, import("../../../internals").GridStateColDef[]>;
+export declare const gridVisibleColumnDefinitionsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnVisibilityModel, import("../../../internals/index.js").GridStateColDef[]>;
 /**
  * Get the field of each visible column.
  * @category Visible Columns
  */
-export declare const gridVisibleColumnFieldsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../internals").GridStateColDef[], string[]>;
+export declare const gridVisibleColumnFieldsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../internals/index.js").GridStateColDef[], string[]>;
 /**
  * Get the visible pinned columns model.
  * @category Visible Columns
@@ -53,27 +53,27 @@ export declare const gridPinnedColumnsSelector: import("@mui/x-data-grid").Outpu
  * @category Visible Columns
  */
 export declare const gridVisiblePinnedColumnDefinitionsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, boolean, {
-  left: import("../../../internals").GridStateColDef[];
-  right: import("../../../internals").GridStateColDef[];
+  left: import("../../../internals/index.js").GridStateColDef[];
+  right: import("../../../internals/index.js").GridStateColDef[];
 }>;
 /**
  * Get the left position in pixel of each visible columns relative to the left of the first column.
  * @category Visible Columns
  */
-export declare const gridColumnPositionsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../internals").GridStateColDef[], number[]>;
+export declare const gridColumnPositionsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../internals/index.js").GridStateColDef[], number[]>;
 /**
  * Get the filterable columns as an array.
  * @category Columns
  */
-export declare const gridFilterableColumnDefinitionsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../internals").GridStateColDef[], import("../../../internals").GridStateColDef[]>;
+export declare const gridFilterableColumnDefinitionsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../internals/index.js").GridStateColDef[], import("../../../internals/index.js").GridStateColDef[]>;
 /**
  * Get the filterable columns as a lookup (an object containing the field for keys and the definition for values).
  * @category Columns
  */
-export declare const gridFilterableColumnLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../internals").GridStateColDef[], GridColumnLookup>;
+export declare const gridFilterableColumnLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../internals/index.js").GridStateColDef[], GridColumnLookup>;
 /**
  * Checks if some column has a colSpan field.
  * @category Columns
  * @ignore - Do not document
  */
-export declare const gridHasColSpanSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../internals").GridStateColDef[], boolean>;
+export declare const gridHasColSpanSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../internals/index.js").GridStateColDef[], boolean>;

package/esm/hooks/features/columns/gridColumnsUtils.d.ts

@@ -5,7 +5,7 @@ import { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import { GridColDef } from "../../../models/colDef/gridColDef.js";
 import { GridApiCommon } from "../../../models/api/gridApiCommon.js";
 import { GridRowEntry } from "../../../models/gridRows.js";
-import type { GridDimensions } from '../dimensions/gridDimensionsApi';
+import type { GridDimensions } from "../dimensions/gridDimensionsApi.js";
 export declare const COLUMNS_DIMENSION_PROPERTIES: readonly ["maxWidth", "minWidth", "width", "flex"];
 export type GridColumnDimensionProperties = (typeof COLUMNS_DIMENSION_PROPERTIES)[number];
 /**

package/esm/hooks/features/dataSource/cache.d.ts

@@ -1,4 +1,4 @@
-import type { GridGetRowsParams, GridGetRowsResponse } from '../../../models/gridDataSource';
+import type { GridGetRowsParams, GridGetRowsResponse } from "../../../models/gridDataSource.js";
 export type GridDataSourceCacheDefaultConfig = {
   /**
    * Time To Live for each cache entry in milliseconds.

package/esm/hooks/features/dataSource/gridDataSourceError.d.ts

@@ -1,4 +1,4 @@
-import type { GridGetRowsParams, GridUpdateRowParams } from '../../../models/gridDataSource';
+import type { GridGetRowsParams, GridUpdateRowParams } from "../../../models/gridDataSource.js";
 export declare class GridGetRowsError<T extends GridGetRowsParams = GridGetRowsParams> extends Error {
   /**
    * The parameters used in the failed request

package/esm/hooks/features/dataSource/gridDataSourceSelector.d.ts

@@ -1,4 +1,4 @@
-export declare const gridGetRowsParamsSelector: import("@mui/x-data-grid").OutputSelector<import("../../../models/gridStateCommunity").GridStateCommunity, import("@mui/x-data-grid").GridPaginationModel, {
+export declare const gridGetRowsParamsSelector: import("@mui/x-data-grid").OutputSelector<import("../../../models/gridStateCommunity.js").GridStateCommunity, import("@mui/x-data-grid").GridPaginationModel, {
   groupKeys: never[];
   paginationModel: import("@mui/x-data-grid").GridPaginationModel;
   sortModel: import("@mui/x-data-grid").GridSortModel;

package/esm/hooks/features/dataSource/models.d.ts

@@ -1,6 +1,6 @@
-import type { GridDataSourceCache, GridGetRowsParams, GridUpdateRowParams } from '../../../models/gridDataSource';
-import type { GridRowId, GridRowModel } from '../../../models/gridRows';
-import type { GridDataSourceCacheDefaultConfig } from './cache';
+import type { GridDataSourceCache, GridGetRowsParams, GridUpdateRowParams } from "../../../models/gridDataSource.js";
+import type { GridRowId, GridRowModel } from "../../../models/gridRows.js";
+import type { GridDataSourceCacheDefaultConfig } from "./cache.js";
 export interface GridDataSourceApiBase {
   /**
    * Fetches the rows from the server.

package/esm/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/esm/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/esm/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/esm/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/esm/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";