@mui/x-data-grid 8.1.0 → 8.3.0

package/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/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/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/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/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/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/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/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/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/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/DataGrid/DataGrid.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { DataGridProps } from "../models/props/DataGridProps.js";
 import { GridValidRowModel } from "../models/gridRows.js";
-export type { GridSlotsComponent as GridSlots } from '../models';
+export type { GridSlotsComponent as GridSlots } from "../models/index.js";
 interface DataGridComponent {
   <R extends GridValidRowModel = any>(props: DataGridProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
   propTypes?: any;

package/esm/DataGrid/useDataGridProps.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
+import { useTheme } from '@mui/material/styles';
+import { getThemeProps } from '@mui/system';
 import { GRID_DEFAULT_LOCALE_TEXT } from "../constants/index.js";
 import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
 import { computeSlots } from "../internals/utils/index.js";
@@ -24,12 +25,12 @@ const getDataGridForcedProps = themedProps => _extends({}, DATA_GRID_FORCED_PROP
 } : {});
 const defaultSlots = DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
 export const useDataGridProps = inProps => {
-  const themedProps =
-  // eslint-disable-next-line material-ui/mui-name-matches-component-name
-  useThemeProps({
+  const theme = useTheme();
+  const themedProps = React.useMemo(() => getThemeProps({
     props: inProps,
+    theme,
     name: 'MuiDataGrid'
-  });
+  }), [theme, inProps]);
   const localeText = React.useMemo(() => _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
   const slots = React.useMemo(() => computeSlots({
     defaultSlots,

package/esm/colDef/gridDefaultColumnTypes.d.ts

@@ -1,3 +1,3 @@
-import type { GridColumnTypesRecord } from '../models/colDef/gridColumnTypesRecord';
+import type { GridColumnTypesRecord } from "../models/colDef/gridColumnTypesRecord.js";
 export declare const DEFAULT_GRID_COL_TYPE_KEY = "string";
 export declare const getGridDefaultColumnTypes: () => GridColumnTypesRecord;

package/esm/colDef/gridNumericOperators.d.ts

@@ -1,6 +1,6 @@
 import { GridFilterOperator } from "../models/gridFilterOperator.js";
-import type { GridFilterInputValueProps } from '../models/gridFilterInputComponent';
-import type { GetApplyQuickFilterFn } from '../models/colDef/gridColDef';
+import type { GridFilterInputValueProps } from "../models/gridFilterInputComponent.js";
+import type { GetApplyQuickFilterFn } from "../models/colDef/gridColDef.js";
 export declare const getGridNumericQuickFilterFn: GetApplyQuickFilterFn<any, number | string | null>;
 export declare const getGridNumericOperators: () => GridFilterOperator<any, number | string | null, any, GridFilterInputValueProps & {
   type?: "number";

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/GridScrollArea.js

@@ -2,7 +2,6 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import clsx from 'clsx';
 import useEventCallback from '@mui/utils/useEventCallback';
 import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/system';
@@ -142,7 +141,7 @@ function GridScrollAreaContent(props) {
   }
   return /*#__PURE__*/_jsx(GridScrollAreaRawRoot, {
     ref: rootRef,
-    className: clsx(classes.root),
+    className: classes.root,
     ownerState: ownerState,
     onDragOver: handleDragOver,
     style: style

package/esm/components/base/GridOverlays.js

@@ -3,7 +3,6 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/system';
 import composeClasses from '@mui/utils/composeClasses';
-import clsx from 'clsx';
 import { minimalContentHeight } from "../../hooks/features/rows/gridRowsUtils.js";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
 import { gridDimensionsSelector } from "../../hooks/features/dimensions/index.js";
@@ -62,11 +61,11 @@ export function GridOverlayWrapper(props) {
     classes: rootProps.classes
   }));
   return /*#__PURE__*/_jsx(GridOverlayWrapperRoot, _extends({
-    className: clsx(classes.root)
+    className: classes.root
   }, props, {
     right: dimensions.columnsTotalWidth - dimensions.viewportOuterSize.width,
     children: /*#__PURE__*/_jsx(GridOverlayWrapperInner, _extends({
-      className: clsx(classes.inner),
+      className: classes.inner,
       style: {
         height,
         width: dimensions.viewportOuterSize.width

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/columnSelection/GridHeaderCheckbox.js

@@ -75,6 +75,10 @@ const GridHeaderCheckbox = forwardRef(function GridHeaderCheckbox(props, ref) {
     const candidates = new Set();
     for (let i = 0; i < rowIds.length; i += 1) {
       const id = rowIds[i];
+      if (!apiRef.current.getRow(id)) {
+        // The row could have been removed
+        continue;
+      }
       if (apiRef.current.isRowSelectable(id)) {
         candidates.add(id);
       }

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";