@mui/x-data-grid 8.0.0 → 8.2.0

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

@@ -21,8 +21,7 @@ const useUtilityClasses = ownerState => {
 };
 const GridPanelFooterRoot = styled('div', {
   name: 'MuiDataGrid',
-  slot: 'PanelFooter',
-  overridesResolver: (props, styles) => styles.panelFooter
+  slot: 'PanelFooter'
 })({
   padding: vars.spacing(1),
   display: 'flex',

package/esm/components/panel/GridPanelHeader.js

@@ -21,8 +21,7 @@ const useUtilityClasses = ownerState => {
 };
 const GridPanelHeaderRoot = styled('div', {
   name: 'MuiDataGrid',
-  slot: 'PanelHeader',
-  overridesResolver: (props, styles) => styles.panelHeader
+  slot: 'PanelHeader'
 })({
   padding: vars.spacing(1)
 });

package/esm/components/panel/filterPanel/GridFilterForm.js

@@ -36,16 +36,14 @@ const useUtilityClasses = ownerState => {
 };
 const GridFilterFormRoot = styled('div', {
   name: 'MuiDataGrid',
-  slot: 'FilterForm',
-  overridesResolver: (props, styles) => styles.filterForm
+  slot: 'FilterForm'
 })({
   display: 'flex',
   gap: vars.spacing(1.5)
 });
 const FilterFormDeleteIcon = styled('div', {
   name: 'MuiDataGrid',
-  slot: 'FilterFormDeleteIcon',
-  overridesResolver: (_, styles) => styles.filterFormDeleteIcon
+  slot: 'FilterFormDeleteIcon'
 })({
   flexShrink: 0,
   display: 'flex',
@@ -54,30 +52,26 @@ const FilterFormDeleteIcon = styled('div', {
 });
 const FilterFormLogicOperatorInput = styled('div', {
   name: 'MuiDataGrid',
-  slot: 'FilterFormLogicOperatorInput',
-  overridesResolver: (_, styles) => styles.filterFormLogicOperatorInput
+  slot: 'FilterFormLogicOperatorInput'
 })({
   minWidth: 75,
   justifyContent: 'end'
 });
 const FilterFormColumnInput = styled('div', {
   name: 'MuiDataGrid',
-  slot: 'FilterFormColumnInput',
-  overridesResolver: (_, styles) => styles.filterFormColumnInput
+  slot: 'FilterFormColumnInput'
 })({
   width: 150
 });
 const FilterFormOperatorInput = styled('div', {
   name: 'MuiDataGrid',
-  slot: 'FilterFormOperatorInput',
-  overridesResolver: (_, styles) => styles.filterFormOperatorInput
+  slot: 'FilterFormOperatorInput'
 })({
   width: 150
 });
 const FilterFormValueInput = styled('div', {
   name: 'MuiDataGrid',
-  slot: 'FilterFormValueInput',
-  overridesResolver: (_, styles) => styles.filterFormValueInput
+  slot: 'FilterFormValueInput'
 })({
   width: 190
 });

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

@@ -27,8 +27,7 @@ const useUtilityClasses = ownerState => {
 };
 const GridToolbarFilterListRoot = styled('ul', {
   name: 'MuiDataGrid',
-  slot: 'ToolbarFilterList',
-  overridesResolver: (_props, styles) => styles.toolbarFilterList
+  slot: 'ToolbarFilterList'
 })({
   margin: vars.spacing(1, 1, 0.5),
   padding: vars.spacing(0, 1)

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/components/virtualization/GridVirtualScrollerRenderZone.js

@@ -24,8 +24,7 @@ const useUtilityClasses = ownerState => {
 };
 const VirtualScrollerRenderZoneRoot = styled('div', {
   name: 'MuiDataGrid',
-  slot: 'VirtualScrollerRenderZone',
-  overridesResolver: (props, styles) => styles.virtualScrollerRenderZone
+  slot: 'VirtualScrollerRenderZone'
 })({
   position: 'absolute',
   display: 'flex',

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/columnHeaders/useGridColumnHeaders.js

@@ -22,8 +22,7 @@ import { PinnedColumnPosition } from "../../../internals/constants.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const GridColumnHeaderRow = styled('div', {
   name: 'MuiDataGrid',
-  slot: 'ColumnHeaderRow',
-  overridesResolver: (_, styles) => styles.columnHeaderRow
+  slot: 'ColumnHeaderRow'
 })({
   display: 'flex'
 });

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

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

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

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

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