@mui/x-data-grid 8.0.0-alpha.11 → 8.0.0-alpha.13

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

@@ -1,103 +1,103 @@
 import type { ElementSize } from '../../../models/elementSize';
 export interface GridDimensions {
-    /**
-     * Indicates that the dimensions have been initialized.
-     */
-    isReady: boolean;
-    /**
-     * The root container size.
-     */
-    root: ElementSize;
-    /**
-     * The viewport size including scrollbars.
-     */
-    viewportOuterSize: ElementSize;
-    /**
-     * The viewport size not including scrollbars.
-     */
-    viewportInnerSize: ElementSize;
-    /**
-     * The size of the main content (unpinned rows & columns).
-     */
-    contentSize: ElementSize;
-    /**
-     * The minimum size to display the grid, including all pinned sections and headers.
-     */
-    minimumSize: ElementSize;
-    /**
-     * Indicates if a scroll is currently needed to go from the beginning of the first column to the end of the last column.
-     */
-    hasScrollX: boolean;
-    /**
-     * Indicates if a scroll is currently needed to go from the beginning of the first row to the end of the last row.
-     */
-    hasScrollY: boolean;
-    /**
-     * Size of the scrollbar used to scroll the rows in pixel.
-     * It is defined even when the scrollbar is currently not needed.
-     */
-    scrollbarSize: number;
-    /**
-     * Width of a row.
-     */
-    rowWidth: number;
-    /**
-     * Height of a row.
-     */
-    rowHeight: number;
-    /**
-     * Size of all the visible columns.
-     */
-    columnsTotalWidth: number;
-    /**
-     * Size of left pinned columns.
-     */
-    leftPinnedWidth: number;
-    /**
-     * Size of right pinned columns.
-     */
-    rightPinnedWidth: number;
-    /**
-     * Height of one column header.
-     */
-    headerHeight: number;
-    /**
-     * Height of one column group header.
-     */
-    groupHeaderHeight: number;
-    /**
-     * Height of header filters.
-     */
-    headerFilterHeight: number;
-    /**
-     * Height of all the column headers.
-     */
-    headersTotalHeight: number;
-    /**
-     * Size of the top container.
-     */
-    topContainerHeight: number;
-    /**
-     * Size of the bottom container.
-     */
-    bottomContainerHeight: number;
+  /**
+   * Indicates that the dimensions have been initialized.
+   */
+  isReady: boolean;
+  /**
+   * The root container size.
+   */
+  root: ElementSize;
+  /**
+   * The viewport size including scrollbars.
+   */
+  viewportOuterSize: ElementSize;
+  /**
+   * The viewport size not including scrollbars.
+   */
+  viewportInnerSize: ElementSize;
+  /**
+   * The size of the main content (unpinned rows & columns).
+   */
+  contentSize: ElementSize;
+  /**
+   * The minimum size to display the grid, including all pinned sections and headers.
+   */
+  minimumSize: ElementSize;
+  /**
+   * Indicates if a scroll is currently needed to go from the beginning of the first column to the end of the last column.
+   */
+  hasScrollX: boolean;
+  /**
+   * Indicates if a scroll is currently needed to go from the beginning of the first row to the end of the last row.
+   */
+  hasScrollY: boolean;
+  /**
+   * Size of the scrollbar used to scroll the rows in pixel.
+   * It is defined even when the scrollbar is currently not needed.
+   */
+  scrollbarSize: number;
+  /**
+   * Width of a row.
+   */
+  rowWidth: number;
+  /**
+   * Height of a row.
+   */
+  rowHeight: number;
+  /**
+   * Size of all the visible columns.
+   */
+  columnsTotalWidth: number;
+  /**
+   * Size of left pinned columns.
+   */
+  leftPinnedWidth: number;
+  /**
+   * Size of right pinned columns.
+   */
+  rightPinnedWidth: number;
+  /**
+   * Height of one column header.
+   */
+  headerHeight: number;
+  /**
+   * Height of one column group header.
+   */
+  groupHeaderHeight: number;
+  /**
+   * Height of header filters.
+   */
+  headerFilterHeight: number;
+  /**
+   * Height of all the column headers.
+   */
+  headersTotalHeight: number;
+  /**
+   * Size of the top container.
+   */
+  topContainerHeight: number;
+  /**
+   * Size of the bottom container.
+   */
+  bottomContainerHeight: number;
 }
 export interface GridDimensionsApi {
-    /**
-     * Returns the dimensions of the grid
-     * @returns {GridDimensions} The dimension information of the grid. If `null`, the grid is not ready yet.
-     */
-    getRootDimensions: () => GridDimensions;
+  /**
+   * Returns the dimensions of the grid
+   * @returns {GridDimensions} The dimension information of the grid. If `null`, the grid is not ready yet.
+   */
+  getRootDimensions: () => GridDimensions;
 }
 export interface GridDimensionsPrivateApi {
-    /**
-     * Recalculates the grid layout. This should be called when an operation has changed the size
-     * of the content of the grid.
-     */
-    updateDimensions: () => void;
-    /**
-     * Returns the amount of rows that are currently visible in the viewport
-     * @returns {number} The amount of rows visible in the viewport
-     */
-    getViewportPageSize: () => number;
-}
+  /**
+   * Recalculates the grid layout. This should be called when an operation has changed the size
+   * of the content of the grid.
+   */
+  updateDimensions: () => void;
+  /**
+   * Returns the amount of rows that are currently visible in the viewport
+   * @returns {number} The amount of rows visible in the viewport
+   */
+  getViewportPageSize: () => number;
+}

package/hooks/features/dimensions/gridDimensionsApi.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1,18 +1,18 @@
-import { GridStateCommunity } from '../../../models/gridStateCommunity';
-export declare const gridDimensionsSelector: (state: GridStateCommunity) => import("./gridDimensionsApi").GridDimensions;
+import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+export declare const gridDimensionsSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./gridDimensionsApi").GridDimensions>;
 /**
  * Get the summed width of all the visible columns.
  * @category Visible Columns
  */
 export declare const gridColumnsTotalWidthSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
-export declare const gridRowHeightSelector: (state: GridStateCommunity) => number;
-export declare const gridContentHeightSelector: (state: GridStateCommunity) => number;
-export declare const gridHasScrollXSelector: (state: GridStateCommunity) => boolean;
-export declare const gridHasScrollYSelector: (state: GridStateCommunity) => boolean;
-export declare const gridHasFillerSelector: (state: GridStateCommunity) => boolean;
-export declare const gridHeaderHeightSelector: (state: GridStateCommunity) => number;
-export declare const gridGroupHeaderHeightSelector: (state: GridStateCommunity) => number;
-export declare const gridHeaderFilterHeightSelector: (state: GridStateCommunity) => number;
-export declare const gridVerticalScrollbarWidthSelector: (state: GridStateCommunity) => number;
-export declare const gridHorizontalScrollbarHeightSelector: (state: GridStateCommunity) => number;
-export declare const gridHasBottomFillerSelector: (state: GridStateCommunity) => boolean;
+export declare const gridRowHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
+export declare const gridContentHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
+export declare const gridHasScrollXSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, boolean>;
+export declare const gridHasScrollYSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, boolean>;
+export declare const gridHasFillerSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, boolean>;
+export declare const gridHeaderHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
+export declare const gridGroupHeaderHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
+export declare const gridHeaderFilterHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
+export declare const gridHorizontalScrollbarHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
+export declare const gridVerticalScrollbarWidthSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
+export declare const gridHasBottomFillerSelector: import("../../..").OutputSelector<GridStateCommunity, number, boolean>;

package/hooks/features/dimensions/gridDimensionsSelectors.js

@@ -1,26 +1,31 @@
-import { createSelector } from "../../../utils/createSelector.js";
-export const gridDimensionsSelector = state => state.dimensions;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridVerticalScrollbarWidthSelector = exports.gridRowHeightSelector = exports.gridHorizontalScrollbarHeightSelector = exports.gridHeaderHeightSelector = exports.gridHeaderFilterHeightSelector = exports.gridHasScrollYSelector = exports.gridHasScrollXSelector = exports.gridHasFillerSelector = exports.gridHasBottomFillerSelector = exports.gridGroupHeaderHeightSelector = exports.gridDimensionsSelector = exports.gridContentHeightSelector = exports.gridColumnsTotalWidthSelector = void 0;
+var _createSelector = require("../../../utils/createSelector");
+const gridDimensionsSelector = exports.gridDimensionsSelector = (0, _createSelector.createRootSelector)(state => state.dimensions);
 
 /**
  * Get the summed width of all the visible columns.
  * @category Visible Columns
  */
-export const gridColumnsTotalWidthSelector = createSelector(gridDimensionsSelector, dimensions => dimensions.columnsTotalWidth);
-export const gridRowHeightSelector = state => state.dimensions.rowHeight;
-export const gridContentHeightSelector = state => state.dimensions.contentSize.height;
-export const gridHasScrollXSelector = state => state.dimensions.hasScrollX;
-export const gridHasScrollYSelector = state => state.dimensions.hasScrollY;
-export const gridHasFillerSelector = state => state.dimensions.columnsTotalWidth < state.dimensions.viewportOuterSize.width;
-export const gridHeaderHeightSelector = state => state.dimensions.headerHeight;
-export const gridGroupHeaderHeightSelector = state => state.dimensions.groupHeaderHeight;
-export const gridHeaderFilterHeightSelector = state => state.dimensions.headerFilterHeight;
-export const gridVerticalScrollbarWidthSelector = state => state.dimensions.hasScrollY ? state.dimensions.scrollbarSize : 0;
-export const gridHorizontalScrollbarHeightSelector = state => state.dimensions.hasScrollX ? state.dimensions.scrollbarSize : 0;
-export const gridHasBottomFillerSelector = state => {
-  const height = state.dimensions.hasScrollX ? state.dimensions.scrollbarSize : 0;
-  const needsLastRowBorder = state.dimensions.viewportOuterSize.height - state.dimensions.minimumSize.height > 0;
+const gridColumnsTotalWidthSelector = exports.gridColumnsTotalWidthSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, dimensions => dimensions.columnsTotalWidth);
+const gridRowHeightSelector = exports.gridRowHeightSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, dimensions => dimensions.rowHeight);
+const gridContentHeightSelector = exports.gridContentHeightSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, dimensions => dimensions.contentSize.height);
+const gridHasScrollXSelector = exports.gridHasScrollXSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, dimensions => dimensions.hasScrollX);
+const gridHasScrollYSelector = exports.gridHasScrollYSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, dimensions => dimensions.hasScrollY);
+const gridHasFillerSelector = exports.gridHasFillerSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, dimensions => dimensions.columnsTotalWidth < dimensions.viewportOuterSize.width);
+const gridHeaderHeightSelector = exports.gridHeaderHeightSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, dimensions => dimensions.headerHeight);
+const gridGroupHeaderHeightSelector = exports.gridGroupHeaderHeightSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, dimensions => dimensions.groupHeaderHeight);
+const gridHeaderFilterHeightSelector = exports.gridHeaderFilterHeightSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, dimensions => dimensions.headerFilterHeight);
+const gridHorizontalScrollbarHeightSelector = exports.gridHorizontalScrollbarHeightSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, dimensions => dimensions.hasScrollX ? dimensions.scrollbarSize : 0);
+const gridVerticalScrollbarWidthSelector = exports.gridVerticalScrollbarWidthSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, dimensions => dimensions.hasScrollY ? dimensions.scrollbarSize : 0);
+const gridHasBottomFillerSelector = exports.gridHasBottomFillerSelector = (0, _createSelector.createSelector)(gridDimensionsSelector, gridHorizontalScrollbarHeightSelector, (dimensions, height) => {
+  const needsLastRowBorder = dimensions.viewportOuterSize.height - dimensions.minimumSize.height > 0;
   if (height === 0 && !needsLastRowBorder) {
     return false;
   }
   return true;
-};
+});

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

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

package/hooks/features/dimensions/index.js

@@ -1 +1,18 @@
-export { gridDimensionsSelector, gridColumnsTotalWidthSelector } from "./gridDimensionsSelectors.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "gridColumnsTotalWidthSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridDimensionsSelectors.gridColumnsTotalWidthSelector;
+  }
+});
+Object.defineProperty(exports, "gridDimensionsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridDimensionsSelectors.gridDimensionsSelector;
+  }
+});
+var _gridDimensionsSelectors = require("./gridDimensionsSelectors");

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

@@ -1,10 +1,10 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
-import { DataGridProcessedProps } from '../../../models/props/DataGridProps';
-import { GridDimensions } from './gridDimensionsApi';
-import { GridStateInitializer } from '../../utils/useGridInitializeState';
+import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import { GridDimensions } from "./gridDimensionsApi.js";
+import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 type RootProps = Pick<DataGridProcessedProps, 'onResize' | 'scrollbarSize' | 'pagination' | 'paginationMode' | 'autoHeight' | 'getRowHeight' | 'rowHeight' | 'resizeThrottleMs' | 'columnHeaderHeight' | 'columnGroupHeaderHeight' | 'headerFilterHeight'>;
 export type GridDimensionsState = GridDimensions;
 export declare const dimensionsStateInitializer: GridStateInitializer<RootProps>;
 export declare function useGridDimensions(apiRef: RefObject<GridPrivateApiCommunity>, props: RootProps): void;
-export {};
+export {};

package/hooks/features/dimensions/useGridDimensions.js

@@ -1,24 +1,35 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { unstable_ownerDocument as ownerDocument, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback } from '@mui/utils';
-import { throttle } from '@mui/x-internals/throttle';
-import { useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
-import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
-import { createSelector } from "../../../utils/createSelector.js";
-import { useGridLogger } from "../../utils/useGridLogger.js";
-import { gridColumnPositionsSelector, gridVisibleColumnDefinitionsSelector, gridVisiblePinnedColumnDefinitionsSelector } from "../columns/index.js";
-import { gridDimensionsSelector } from "./gridDimensionsSelectors.js";
-import { gridDensityFactorSelector } from "../density/index.js";
-import { gridRenderContextSelector } from "../virtualization/index.js";
-import { useGridSelector } from "../../utils/index.js";
-import { getVisibleRows } from "../../utils/useGridVisibleRows.js";
-import { gridRowsMetaSelector } from "../rows/gridRowsMetaSelector.js";
-import { getValidRowHeight, rowHeightWarning } from "../rows/gridRowsUtils.js";
-import { getTotalHeaderHeight } from "../columns/gridColumnsUtils.js";
-import { DATA_GRID_PROPS_DEFAULT_VALUES } from "../../../constants/dataGridPropsDefaultValues.js";
-import { roundToDecimalPlaces } from "../../../utils/roundToDecimalPlaces.js";
-import { isJSDOM } from "../../../utils/isJSDOM.js";
-import { isDeepEqual } from "../../../utils/utils.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dimensionsStateInitializer = void 0;
+exports.useGridDimensions = useGridDimensions;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
+var _throttle = require("@mui/x-internals/throttle");
+var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
+var _useGridApiMethod = require("../../utils/useGridApiMethod");
+var _createSelector = require("../../../utils/createSelector");
+var _useGridLogger = require("../../utils/useGridLogger");
+var _columns = require("../columns");
+var _gridDimensionsSelectors = require("./gridDimensionsSelectors");
+var _density = require("../density");
+var _virtualization = require("../virtualization");
+var _utils = require("../../utils");
+var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
+var _gridRowsMetaSelector = require("../rows/gridRowsMetaSelector");
+var _gridRowsUtils = require("../rows/gridRowsUtils");
+var _gridColumnsUtils = require("../columns/gridColumnsUtils");
+var _dataGridPropsDefaultValues = require("../../../constants/dataGridPropsDefaultValues");
+var _roundToDecimalPlaces = require("../../../utils/roundToDecimalPlaces");
+var _isJSDOM = require("../../../utils/isJSDOM");
+var _utils2 = require("../../../utils/utils");
 const EMPTY_SIZE = {
   width: 0,
   height: 0
@@ -45,27 +56,28 @@ const EMPTY_DIMENSIONS = {
   topContainerHeight: 0,
   bottomContainerHeight: 0
 };
-export const dimensionsStateInitializer = (state, props, apiRef) => {
+const dimensionsStateInitializer = (state, props, apiRef) => {
   const dimensions = EMPTY_DIMENSIONS;
-  const density = gridDensityFactorSelector(apiRef);
-  return _extends({}, state, {
-    dimensions: _extends({}, dimensions, getStaticDimensions(props, apiRef, density, gridVisiblePinnedColumnDefinitionsSelector(apiRef)))
+  const density = (0, _density.gridDensityFactorSelector)(apiRef);
+  return (0, _extends2.default)({}, state, {
+    dimensions: (0, _extends2.default)({}, dimensions, getStaticDimensions(props, apiRef, density, (0, _columns.gridVisiblePinnedColumnDefinitionsSelector)(apiRef)))
   });
 };
-const columnsTotalWidthSelector = createSelector(gridVisibleColumnDefinitionsSelector, gridColumnPositionsSelector, (visibleColumns, positions) => {
+exports.dimensionsStateInitializer = dimensionsStateInitializer;
+const columnsTotalWidthSelector = (0, _createSelector.createSelector)(_columns.gridVisibleColumnDefinitionsSelector, _columns.gridColumnPositionsSelector, (visibleColumns, positions) => {
   const colCount = visibleColumns.length;
   if (colCount === 0) {
     return 0;
   }
-  return roundToDecimalPlaces(positions[colCount - 1] + visibleColumns[colCount - 1].computedWidth, 1);
+  return (0, _roundToDecimalPlaces.roundToDecimalPlaces)(positions[colCount - 1] + visibleColumns[colCount - 1].computedWidth, 1);
 });
-export function useGridDimensions(apiRef, props) {
-  const logger = useGridLogger(apiRef, 'useResizeContainer');
+function useGridDimensions(apiRef, props) {
+  const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useResizeContainer');
   const errorShown = React.useRef(false);
   const rootDimensionsRef = React.useRef(EMPTY_SIZE);
-  const pinnedColumns = useGridSelector(apiRef, gridVisiblePinnedColumnDefinitionsSelector);
-  const densityFactor = useGridSelector(apiRef, gridDensityFactorSelector);
-  const columnsTotalWidth = useGridSelector(apiRef, columnsTotalWidthSelector);
+  const pinnedColumns = (0, _utils.useGridSelector)(apiRef, _columns.gridVisiblePinnedColumnDefinitionsSelector);
+  const densityFactor = (0, _utils.useGridSelector)(apiRef, _density.gridDensityFactorSelector);
+  const columnsTotalWidth = (0, _utils.useGridSelector)(apiRef, columnsTotalWidthSelector);
   const isFirstSizing = React.useRef(true);
   const {
     rowHeight,
@@ -76,26 +88,26 @@ export function useGridDimensions(apiRef, props) {
     leftPinnedWidth,
     rightPinnedWidth
   } = getStaticDimensions(props, apiRef, densityFactor, pinnedColumns);
-  const getRootDimensions = React.useCallback(() => gridDimensionsSelector(apiRef.current.state), [apiRef]);
+  const getRootDimensions = React.useCallback(() => (0, _gridDimensionsSelectors.gridDimensionsSelector)(apiRef), [apiRef]);
   const setDimensions = React.useCallback(dimensions => {
-    apiRef.current.setState(state => _extends({}, state, {
+    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
       dimensions
     }));
     if (apiRef.current.rootElementRef.current) {
-      setCSSVariables(apiRef.current.rootElementRef.current, gridDimensionsSelector(apiRef.current.state));
+      setCSSVariables(apiRef.current.rootElementRef.current, (0, _gridDimensionsSelectors.gridDimensionsSelector)(apiRef));
     }
   }, [apiRef]);
   const getViewportPageSize = React.useCallback(() => {
-    const dimensions = gridDimensionsSelector(apiRef.current.state);
+    const dimensions = (0, _gridDimensionsSelectors.gridDimensionsSelector)(apiRef);
     if (!dimensions.isReady) {
       return 0;
     }
-    const currentPage = getVisibleRows(apiRef);
+    const currentPage = (0, _useGridVisibleRows.getVisibleRows)(apiRef);
 
     // TODO: Use a combination of scrollTop, dimensions.viewportInnerSize.height and rowsMeta.possitions
     // to find out the maximum number of rows that can fit in the visible part of the grid
     if (props.getRowHeight) {
-      const renderContext = gridRenderContextSelector(apiRef);
+      const renderContext = (0, _virtualization.gridRenderContextSelector)(apiRef);
       const viewportPageSize = renderContext.lastRowIndex - renderContext.firstRowIndex;
       return Math.min(viewportPageSize - 1, currentPage.rows.length);
     }
@@ -109,14 +121,13 @@ export function useGridDimensions(apiRef, props) {
     // All the floating point dimensions should be rounded to .1 decimal places to avoid subpixel rendering issues
     // https://github.com/mui/mui-x/issues/9550#issuecomment-1619020477
     // https://github.com/mui/mui-x/issues/15721
-    const rootElement = apiRef.current.rootElementRef.current;
-    const scrollbarSize = measureScrollbarSize(rootElement, props.scrollbarSize);
-    const rowsMeta = gridRowsMetaSelector(apiRef.current.state);
+    const scrollbarSize = measureScrollbarSize(apiRef.current.mainElementRef.current, props.scrollbarSize);
+    const rowsMeta = (0, _gridRowsMetaSelector.gridRowsMetaSelector)(apiRef);
     const topContainerHeight = headersTotalHeight + rowsMeta.pinnedTopRowsTotalHeight;
     const bottomContainerHeight = rowsMeta.pinnedBottomRowsTotalHeight;
     const contentSize = {
       width: columnsTotalWidth,
-      height: roundToDecimalPlaces(rowsMeta.currentPageTotalHeight, 1)
+      height: (0, _roundToDecimalPlaces.roundToDecimalPlaces)(rowsMeta.currentPageTotalHeight, 1)
     };
     let viewportOuterSize;
     let viewportInnerSize;
@@ -190,7 +201,7 @@ export function useGridDimensions(apiRef, props) {
       bottomContainerHeight
     };
     const prevDimensions = apiRef.current.state.dimensions;
-    if (isDeepEqual(prevDimensions, newDimensions)) {
+    if ((0, _utils2.isDeepEqual)(prevDimensions, newDimensions)) {
       return;
     }
     setDimensions(newDimensions);
@@ -199,8 +210,8 @@ export function useGridDimensions(apiRef, props) {
     }
     apiRef.current.updateRenderContext?.();
   }, [apiRef, setDimensions, props.scrollbarSize, props.autoHeight, rowHeight, headerHeight, groupHeaderHeight, headerFilterHeight, columnsTotalWidth, headersTotalHeight, leftPinnedWidth, rightPinnedWidth]);
-  const updateDimensionCallback = useEventCallback(updateDimensions);
-  const debouncedUpdateDimensions = React.useMemo(() => props.resizeThrottleMs > 0 ? throttle(() => {
+  const updateDimensionCallback = (0, _useEventCallback.default)(updateDimensions);
+  const debouncedUpdateDimensions = React.useMemo(() => props.resizeThrottleMs > 0 ? (0, _throttle.throttle)(() => {
     updateDimensionCallback();
     apiRef.current.publishEvent('debouncedResize', rootDimensionsRef.current);
   }, props.resizeThrottleMs) : undefined, [apiRef, props.resizeThrottleMs, updateDimensionCallback]);
@@ -212,19 +223,19 @@ export function useGridDimensions(apiRef, props) {
     updateDimensions,
     getViewportPageSize
   };
-  useEnhancedEffect(updateDimensions, [updateDimensions]);
-  useGridApiMethod(apiRef, apiPublic, 'public');
-  useGridApiMethod(apiRef, apiPrivate, 'private');
+  (0, _useEnhancedEffect.default)(updateDimensions, [updateDimensions]);
+  (0, _useGridApiMethod.useGridApiMethod)(apiRef, apiPublic, 'public');
+  (0, _useGridApiMethod.useGridApiMethod)(apiRef, apiPrivate, 'private');
   const handleRootMount = React.useCallback(root => {
-    setCSSVariables(root, gridDimensionsSelector(apiRef.current.state));
+    setCSSVariables(root, (0, _gridDimensionsSelectors.gridDimensionsSelector)(apiRef));
   }, [apiRef]);
   const handleResize = React.useCallback(size => {
     rootDimensionsRef.current = size;
-    if (size.height === 0 && !errorShown.current && !props.autoHeight && !isJSDOM) {
+    if (size.height === 0 && !errorShown.current && !props.autoHeight && !_isJSDOM.isJSDOM) {
       logger.error(['The parent DOM element of the Data Grid has an empty height.', 'Please make sure that this element has an intrinsic height.', 'The grid displays with a height of 0px.', '', 'More details: https://mui.com/r/x-data-grid-no-dimensions.'].join('\n'));
       errorShown.current = true;
     }
-    if (size.width === 0 && !errorShown.current && !isJSDOM) {
+    if (size.width === 0 && !errorShown.current && !_isJSDOM.isJSDOM) {
       logger.error(['The parent DOM element of the Data Grid has an empty width.', 'Please make sure that this element has an intrinsic width.', 'The grid displays with a width of 0px.', '', 'More details: https://mui.com/r/x-data-grid-no-dimensions.'].join('\n'));
       errorShown.current = true;
     }
@@ -236,9 +247,9 @@ export function useGridDimensions(apiRef, props) {
     }
     debouncedUpdateDimensions();
   }, [updateDimensions, props.autoHeight, debouncedUpdateDimensions, logger]);
-  useGridApiOptionHandler(apiRef, 'rootMount', handleRootMount);
-  useGridApiOptionHandler(apiRef, 'resize', handleResize);
-  useGridApiOptionHandler(apiRef, 'debouncedResize', props.onResize);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'rootMount', handleRootMount);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'resize', handleResize);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'debouncedResize', props.onResize);
 }
 function setCSSVariables(root, dimensions) {
   const set = (k, v) => root.style.setProperty(k, v);
@@ -256,41 +267,41 @@ function setCSSVariables(root, dimensions) {
   set('--height', `${dimensions.rowHeight}px`);
 }
 function getStaticDimensions(props, apiRef, density, pinnedColumnns) {
-  const validRowHeight = getValidRowHeight(props.rowHeight, DATA_GRID_PROPS_DEFAULT_VALUES.rowHeight, rowHeightWarning);
+  const validRowHeight = (0, _gridRowsUtils.getValidRowHeight)(props.rowHeight, _dataGridPropsDefaultValues.DATA_GRID_PROPS_DEFAULT_VALUES.rowHeight, _gridRowsUtils.rowHeightWarning);
   return {
     rowHeight: Math.floor(validRowHeight * density),
     headerHeight: Math.floor(props.columnHeaderHeight * density),
     groupHeaderHeight: Math.floor((props.columnGroupHeaderHeight ?? props.columnHeaderHeight) * density),
     headerFilterHeight: Math.floor((props.headerFilterHeight ?? props.columnHeaderHeight) * density),
     columnsTotalWidth: columnsTotalWidthSelector(apiRef),
-    headersTotalHeight: getTotalHeaderHeight(apiRef, props),
+    headersTotalHeight: (0, _gridColumnsUtils.getTotalHeaderHeight)(apiRef, props),
     leftPinnedWidth: pinnedColumnns.left.reduce((w, col) => w + col.computedWidth, 0),
     rightPinnedWidth: pinnedColumnns.right.reduce((w, col) => w + col.computedWidth, 0)
   };
 }
 const scrollbarSizeCache = new WeakMap();
-function measureScrollbarSize(rootElement, scrollbarSize) {
+function measureScrollbarSize(element, scrollbarSize) {
   if (scrollbarSize !== undefined) {
     return scrollbarSize;
   }
-  if (rootElement === null) {
+  if (element === null) {
     return 0;
   }
-  const cachedSize = scrollbarSizeCache.get(rootElement);
+  const cachedSize = scrollbarSizeCache.get(element);
   if (cachedSize !== undefined) {
     return cachedSize;
   }
-  const doc = ownerDocument(rootElement);
+  const doc = (0, _ownerDocument.default)(element);
   const scrollDiv = doc.createElement('div');
   scrollDiv.style.width = '99px';
   scrollDiv.style.height = '99px';
   scrollDiv.style.position = 'absolute';
   scrollDiv.style.overflow = 'scroll';
   scrollDiv.className = 'scrollDiv';
-  rootElement.appendChild(scrollDiv);
+  element.appendChild(scrollDiv);
   const size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
-  rootElement.removeChild(scrollDiv);
-  scrollbarSizeCache.set(rootElement, size);
+  element.removeChild(scrollDiv);
+  scrollbarSizeCache.set(element, size);
   return size;
 }
 function areElementSizesEqual(a, b) {

package/hooks/features/editing/gridEditingSelectors.d.ts

@@ -1,15 +1,15 @@
-import { GridStateCommunity } from '../../../models/gridStateCommunity';
-import { GridRowId } from '../../../models/gridRows';
-import { GridEditMode } from '../../../models/gridEditRowModel';
+import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import { GridRowId } from "../../../models/gridRows.js";
+import { GridEditMode } from "../../../models/gridEditRowModel.js";
 /**
  * Select the row editing state.
  */
-export declare const gridEditRowsStateSelector: (state: GridStateCommunity) => import("../../..").GridEditingState;
+export declare const gridEditRowsStateSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("../../..").GridEditingState>;
 export declare const gridRowIsEditingSelector: import("../../..").OutputSelector<GridStateCommunity, {
-    rowId: GridRowId;
-    editMode: GridEditMode;
+  rowId: GridRowId;
+  editMode: GridEditMode;
 }, boolean>;
 export declare const gridEditCellStateSelector: import("../../..").OutputSelector<GridStateCommunity, {
-    rowId: GridRowId;
-    field: string;
-}, import("../../..").GridEditCellProps<any>>;
+  rowId: GridRowId;
+  field: string;
+}, import("../../..").GridEditCellProps<any>>;