@mui/x-data-grid 7.15.0 → 7.16.0

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -6,24 +6,24 @@ import useLazyRef from '@mui/utils/useLazyRef';
 import useTimeout from '@mui/utils/useTimeout';
 import { useResizeObserver } from '@mui/x-internals/useResizeObserver';
 import { useRtl } from '@mui/system/RtlProvider';
-import { useGridPrivateApiContext } from '../../utils/useGridPrivateApiContext';
-import { useGridRootProps } from '../../utils/useGridRootProps';
-import { useGridSelector } from '../../utils/useGridSelector';
-import { useRunOnce } from '../../utils/useRunOnce';
-import { gridVisibleColumnDefinitionsSelector, gridVisiblePinnedColumnDefinitionsSelector, gridColumnPositionsSelector, gridHasColSpanSelector } from '../columns/gridColumnsSelector';
-import { gridDimensionsSelector } from '../dimensions/gridDimensionsSelectors';
-import { gridPinnedRowsSelector } from '../rows/gridRowsSelector';
-import { gridFocusCellSelector, gridTabIndexCellSelector } from '../focus/gridFocusStateSelector';
-import { useGridVisibleRows, getVisibleRows } from '../../utils/useGridVisibleRows';
-import { useGridApiEventHandler } from '../../utils';
-import * as platform from '../../../utils/platform';
-import { clamp, range } from '../../../utils/utils';
-import { selectedIdsLookupSelector } from '../rowSelection/gridRowSelectionSelector';
-import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
-import { getFirstNonSpannedColumnToRender } from '../columns/gridColumnsUtils';
-import { getMinimalContentHeight } from '../rows/gridRowsUtils';
-import { gridRenderContextSelector, gridVirtualizationEnabledSelector, gridVirtualizationColumnEnabledSelector } from './gridVirtualizationSelectors';
-import { EMPTY_RENDER_CONTEXT } from './useGridVirtualization';
+import { useGridPrivateApiContext } from "../../utils/useGridPrivateApiContext.js";
+import { useGridRootProps } from "../../utils/useGridRootProps.js";
+import { useGridSelector } from "../../utils/useGridSelector.js";
+import { useRunOnce } from "../../utils/useRunOnce.js";
+import { gridVisibleColumnDefinitionsSelector, gridVisiblePinnedColumnDefinitionsSelector, gridColumnPositionsSelector, gridHasColSpanSelector } from "../columns/gridColumnsSelector.js";
+import { gridDimensionsSelector } from "../dimensions/gridDimensionsSelectors.js";
+import { gridPinnedRowsSelector } from "../rows/gridRowsSelector.js";
+import { gridFocusCellSelector, gridTabIndexCellSelector } from "../focus/gridFocusStateSelector.js";
+import { useGridVisibleRows, getVisibleRows } from "../../utils/useGridVisibleRows.js";
+import { useGridApiEventHandler } from "../../utils/index.js";
+import * as platform from "../../../utils/platform.js";
+import { clamp, range } from "../../../utils/utils.js";
+import { selectedIdsLookupSelector } from "../rowSelection/gridRowSelectionSelector.js";
+import { gridRowsMetaSelector } from "../rows/gridRowsMetaSelector.js";
+import { getFirstNonSpannedColumnToRender } from "../columns/gridColumnsUtils.js";
+import { getMinimalContentHeight } from "../rows/gridRowsUtils.js";
+import { gridRenderContextSelector, gridVirtualizationRowEnabledSelector, gridVirtualizationColumnEnabledSelector } from "./gridVirtualizationSelectors.js";
+import { EMPTY_RENDER_CONTEXT } from "./useGridVirtualization.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const MINIMUM_COLUMN_WIDTH = 50;
 var ScrollDirection = /*#__PURE__*/function (ScrollDirection) {
@@ -55,7 +55,7 @@ export const useGridVirtualScroller = () => {
   const apiRef = useGridPrivateApiContext();
   const rootProps = useGridRootProps();
   const visibleColumns = useGridSelector(apiRef, gridVisibleColumnDefinitionsSelector);
-  const enabled = useGridSelector(apiRef, gridVirtualizationEnabledSelector) && !isJSDOM;
+  const enabledForRows = useGridSelector(apiRef, gridVirtualizationRowEnabledSelector) && !isJSDOM;
   const enabledForColumns = useGridSelector(apiRef, gridVirtualizationColumnEnabledSelector) && !isJSDOM;
   const dimensions = useGridSelector(apiRef, gridDimensionsSelector);
   const outerSize = dimensions.viewportOuterSize;
@@ -166,7 +166,7 @@ export const useGridVirtualScroller = () => {
     }
     scrollCache.direction = direction;
     scrollCache.buffer = bufferForDirection(isRtl, direction, rootProps.rowBufferPx, rootProps.columnBufferPx, dimensions.rowHeight * 15, MINIMUM_COLUMN_WIDTH * 6);
-    const inputs = inputsSelector(apiRef, rootProps, enabled, enabledForColumns);
+    const inputs = inputsSelector(apiRef, rootProps, enabledForRows, enabledForColumns);
     const nextRenderContext = computeRenderContext(inputs, scrollPosition.current, scrollCache);
 
     // Prevents batching render context changes
@@ -177,7 +177,7 @@ export const useGridVirtualScroller = () => {
     return nextRenderContext;
   };
   const forceUpdateRenderContext = () => {
-    const inputs = inputsSelector(apiRef, rootProps, enabled, enabledForColumns);
+    const inputs = inputsSelector(apiRef, rootProps, enabledForRows, enabledForColumns);
     const nextRenderContext = computeRenderContext(inputs, scrollPosition.current, scrollCache);
     // Reset the frozen context when the render context changes, see the illustration in https://github.com/mui/mui-x/pull/12353
     frozenContext.current = undefined;
@@ -327,7 +327,7 @@ export const useGridVirtualScroller = () => {
       }
       const offsetLeft = computeOffsetLeft(columnPositions, currentRenderContext, isRtl, pinnedColumns.left.length);
       const showBottomBorder = isLastVisibleInSection && params.position === 'top';
-      rows.push( /*#__PURE__*/_jsx(rootProps.slots.row, _extends({
+      rows.push(/*#__PURE__*/_jsx(rootProps.slots.row, _extends({
         row: model,
         rowId: id,
         index: rowIndex,
@@ -384,14 +384,16 @@ export const useGridVirtualScroller = () => {
     apiRef.current.resize();
   }, [apiRef, rowsMeta.currentPageTotalHeight]);
   useEnhancedEffect(() => {
-    if (enabled) {
-      // TODO a scroll reset should not be necessary
+    // TODO a scroll reset should not be necessary
+    if (enabledForColumns) {
       scrollerRef.current.scrollLeft = 0;
+    }
+    if (enabledForRows) {
       scrollerRef.current.scrollTop = 0;
     }
-  }, [enabled, gridRootRef, scrollerRef]);
+  }, [enabledForColumns, enabledForRows, gridRootRef, scrollerRef]);
   useRunOnce(outerSize.width !== 0, () => {
-    const inputs = inputsSelector(apiRef, rootProps, enabled, enabledForColumns);
+    const inputs = inputsSelector(apiRef, rootProps, enabledForRows, enabledForColumns);
     const initialRenderContext = computeRenderContext(inputs, scrollPosition.current, scrollCache);
     updateRenderContext(initialRenderContext);
     apiRef.current.publishEvent('scrollPositionChange', {
@@ -441,14 +443,14 @@ export const useGridVirtualScroller = () => {
     })
   };
 };
-function inputsSelector(apiRef, rootProps, enabled, enabledForColumns) {
+function inputsSelector(apiRef, rootProps, enabledForRows, enabledForColumns) {
   const dimensions = gridDimensionsSelector(apiRef.current.state);
   const currentPage = getVisibleRows(apiRef, rootProps);
   const visibleColumns = gridVisibleColumnDefinitionsSelector(apiRef);
   const lastRowId = apiRef.current.state.rows.dataRowIds.at(-1);
   const lastColumn = visibleColumns.at(-1);
   return {
-    enabled,
+    enabledForRows,
     enabledForColumns,
     apiRef,
     autoHeight: rootProps.autoHeight,
@@ -469,21 +471,18 @@ function inputsSelector(apiRef, rootProps, enabled, enabledForColumns) {
   };
 }
 function computeRenderContext(inputs, scrollPosition, scrollCache) {
-  let renderContext;
-  if (!inputs.enabled) {
-    renderContext = {
-      firstRowIndex: 0,
-      lastRowIndex: inputs.rows.length,
-      firstColumnIndex: 0,
-      lastColumnIndex: inputs.visibleColumns.length
-    };
-  } else {
-    const {
-      top,
-      left
-    } = scrollPosition;
-    const realLeft = Math.abs(left) + inputs.leftPinnedWidth;
-
+  const renderContext = {
+    firstRowIndex: 0,
+    lastRowIndex: inputs.rows.length,
+    firstColumnIndex: 0,
+    lastColumnIndex: inputs.visibleColumns.length
+  };
+  const {
+    top,
+    left
+  } = scrollPosition;
+  const realLeft = Math.abs(left) + inputs.leftPinnedWidth;
+  if (inputs.enabledForRows) {
     // Clamp the value because the search may return an index out of bounds.
     // In the last index, this is not needed because Array.slice doesn't include it.
     const firstRowIndex = Math.min(getNearestIndexToRender(inputs, top, {
@@ -491,38 +490,36 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
       lastPosition: inputs.rowsMeta.positions[inputs.rowsMeta.positions.length - 1] + inputs.lastRowHeight
     }), inputs.rowsMeta.positions.length - 1);
     const lastRowIndex = inputs.autoHeight ? firstRowIndex + inputs.rows.length : getNearestIndexToRender(inputs, top + inputs.viewportInnerHeight);
+    renderContext.firstRowIndex = firstRowIndex;
+    renderContext.lastRowIndex = lastRowIndex;
+  }
+  if (inputs.enabledForColumns) {
     let firstColumnIndex = 0;
     let lastColumnIndex = inputs.columnPositions.length;
-    if (inputs.enabledForColumns) {
-      let hasRowWithAutoHeight = false;
-      const [firstRowToRender, lastRowToRender] = getIndexesToRender({
-        firstIndex: firstRowIndex,
-        lastIndex: lastRowIndex,
-        minFirstIndex: 0,
-        maxLastIndex: inputs.rows.length,
-        bufferBefore: scrollCache.buffer.rowBefore,
-        bufferAfter: scrollCache.buffer.rowAfter,
-        positions: inputs.rowsMeta.positions,
-        lastSize: inputs.lastRowHeight
+    let hasRowWithAutoHeight = false;
+    const [firstRowToRender, lastRowToRender] = getIndexesToRender({
+      firstIndex: renderContext.firstRowIndex,
+      lastIndex: renderContext.lastRowIndex,
+      minFirstIndex: 0,
+      maxLastIndex: inputs.rows.length,
+      bufferBefore: scrollCache.buffer.rowBefore,
+      bufferAfter: scrollCache.buffer.rowAfter,
+      positions: inputs.rowsMeta.positions,
+      lastSize: inputs.lastRowHeight
+    });
+    for (let i = firstRowToRender; i < lastRowToRender && !hasRowWithAutoHeight; i += 1) {
+      const row = inputs.rows[i];
+      hasRowWithAutoHeight = inputs.apiRef.current.rowHasAutoHeight(row.id);
+    }
+    if (!hasRowWithAutoHeight) {
+      firstColumnIndex = binarySearch(realLeft, inputs.columnPositions, {
+        atStart: true,
+        lastPosition: inputs.columnsTotalWidth
       });
-      for (let i = firstRowToRender; i < lastRowToRender && !hasRowWithAutoHeight; i += 1) {
-        const row = inputs.rows[i];
-        hasRowWithAutoHeight = inputs.apiRef.current.rowHasAutoHeight(row.id);
-      }
-      if (!hasRowWithAutoHeight) {
-        firstColumnIndex = binarySearch(realLeft, inputs.columnPositions, {
-          atStart: true,
-          lastPosition: inputs.columnsTotalWidth
-        });
-        lastColumnIndex = binarySearch(realLeft + inputs.viewportInnerWidth, inputs.columnPositions);
-      }
+      lastColumnIndex = binarySearch(realLeft + inputs.viewportInnerWidth, inputs.columnPositions);
     }
-    renderContext = {
-      firstRowIndex,
-      lastRowIndex,
-      firstColumnIndex,
-      lastColumnIndex
-    };
+    renderContext.firstColumnIndex = firstColumnIndex;
+    renderContext.lastColumnIndex = lastColumnIndex;
   }
   const actualRenderContext = deriveRenderContext(inputs, renderContext, scrollCache);
   return actualRenderContext;

package/hooks/features/virtualization/useGridVirtualization.d.ts

@@ -3,10 +3,11 @@ import { GridRenderContext } from '../../../models';
 import { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
 import { DataGridProcessedProps } from '../../../models/props/DataGridProps';
 import { GridStateInitializer } from '../../utils/useGridInitializeState';
-type RootProps = Pick<DataGridProcessedProps, 'disableVirtualization'>;
+type RootProps = Pick<DataGridProcessedProps, 'disableVirtualization' | 'autoHeight'>;
 export type GridVirtualizationState = {
     enabled: boolean;
     enabledForColumns: boolean;
+    enabledForRows: boolean;
     renderContext: GridRenderContext;
 };
 export declare const EMPTY_RENDER_CONTEXT: {

package/hooks/features/virtualization/useGridVirtualization.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 export const EMPTY_RENDER_CONTEXT = {
   firstRowIndex: 0,
   lastRowIndex: 0,
@@ -8,9 +8,14 @@ export const EMPTY_RENDER_CONTEXT = {
   lastColumnIndex: 0
 };
 export const virtualizationStateInitializer = (state, props) => {
+  const {
+    disableVirtualization,
+    autoHeight
+  } = props;
   const virtualization = {
-    enabled: !props.disableVirtualization,
-    enabledForColumns: true,
+    enabled: !disableVirtualization,
+    enabledForColumns: !disableVirtualization,
+    enabledForRows: !disableVirtualization && !autoHeight,
     renderContext: EMPTY_RENDER_CONTEXT
   };
   return _extends({}, state, {
@@ -25,7 +30,9 @@ export function useGridVirtualization(apiRef, props) {
   const setVirtualization = enabled => {
     apiRef.current.setState(state => _extends({}, state, {
       virtualization: _extends({}, state.virtualization, {
-        enabled
+        enabled,
+        enabledForColumns: enabled,
+        enabledForRows: enabled && !props.autoHeight
       })
     }));
   };
@@ -49,6 +56,6 @@ export function useGridVirtualization(apiRef, props) {
   /* eslint-disable react-hooks/exhaustive-deps */
   React.useEffect(() => {
     setVirtualization(!props.disableVirtualization);
-  }, [props.disableVirtualization]);
+  }, [props.disableVirtualization, props.autoHeight]);
   /* eslint-enable react-hooks/exhaustive-deps */
 }

package/hooks/index.js

@@ -1,3 +1,3 @@
-export * from './features';
-export * from './utils';
-export * from './core';
+export * from "./features/index.js";
+export * from "./utils/index.js";
+export * from "./core/index.js";

package/hooks/utils/index.js

@@ -1,8 +1,8 @@
-export * from './useGridApiEventHandler';
-export * from './useGridApiMethod';
-export * from './useGridLogger';
-export { useGridSelector } from './useGridSelector';
-export * from './useGridNativeEventListener';
-export * from './useFirstRender';
-export * from './useOnMount';
-export * from './useRunOnce';
+export * from "./useGridApiEventHandler.js";
+export * from "./useGridApiMethod.js";
+export * from "./useGridLogger.js";
+export { useGridSelector } from "./useGridSelector.js";
+export * from "./useGridNativeEventListener.js";
+export * from "./useFirstRender.js";
+export * from "./useOnMount.js";
+export * from "./useRunOnce.js";

package/hooks/utils/useGridApiContext.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridApiContext } from '../../components/GridApiContext';
+import { GridApiContext } from "../../components/GridApiContext.js";
 export function useGridApiContext() {
   const apiRef = React.useContext(GridApiContext);
   if (apiRef === undefined) {

package/hooks/utils/useGridApiEventHandler.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { TimerBasedCleanupTracking } from '../../utils/cleanupTracking/TimerBasedCleanupTracking';
-import { FinalizationRegistryBasedCleanupTracking } from '../../utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking';
+import { TimerBasedCleanupTracking } from "../../utils/cleanupTracking/TimerBasedCleanupTracking.js";
+import { FinalizationRegistryBasedCleanupTracking } from "../../utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.js";
 /**
  * Signal to the underlying logic what version of the public component API
  * of the data grid is exposed.

package/hooks/utils/useGridAriaAttributes.js

@@ -1,11 +1,11 @@
-import { gridVisibleColumnDefinitionsSelector } from '../features/columns/gridColumnsSelector';
-import { useGridSelector } from './useGridSelector';
-import { useGridRootProps } from './useGridRootProps';
-import { gridColumnGroupsHeaderMaxDepthSelector } from '../features/columnGrouping/gridColumnGroupsSelector';
-import { gridPinnedRowsCountSelector } from '../features/rows/gridRowsSelector';
-import { useGridPrivateApiContext } from './useGridPrivateApiContext';
-import { isMultipleRowSelectionEnabled } from '../features/rowSelection/utils';
-import { gridExpandedRowCountSelector } from '../features/filter/gridFilterSelector';
+import { gridVisibleColumnDefinitionsSelector } from "../features/columns/gridColumnsSelector.js";
+import { useGridSelector } from "./useGridSelector.js";
+import { useGridRootProps } from "./useGridRootProps.js";
+import { gridColumnGroupsHeaderMaxDepthSelector } from "../features/columnGrouping/gridColumnGroupsSelector.js";
+import { gridPinnedRowsCountSelector } from "../features/rows/gridRowsSelector.js";
+import { useGridPrivateApiContext } from "./useGridPrivateApiContext.js";
+import { isMultipleRowSelectionEnabled } from "../features/rowSelection/utils.js";
+import { gridExpandedRowCountSelector } from "../features/filter/gridFilterSelector.js";
 export const useGridAriaAttributes = () => {
   const apiRef = useGridPrivateApiContext();
   const rootProps = useGridRootProps();

package/hooks/utils/useGridConfiguration.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridConfigurationContext } from '../../components/GridConfigurationContext';
+import { GridConfigurationContext } from "../../components/GridConfigurationContext.js";
 export const useGridConfiguration = () => {
   const configuration = React.useContext(GridConfigurationContext);
   if (configuration === undefined) {

package/hooks/utils/useGridNativeEventListener.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { isFunction } from '../../utils/utils';
-import { useGridLogger } from './useGridLogger';
+import { isFunction } from "../../utils/utils.js";
+import { useGridLogger } from "./useGridLogger.js";
 export const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) => {
   const logger = useGridLogger(apiRef, 'useNativeEventListener');
   const [added, setAdded] = React.useState(false);

package/hooks/utils/useGridRootProps.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridRootPropsContext } from '../../context/GridRootPropsContext';
+import { GridRootPropsContext } from "../../context/GridRootPropsContext.js";
 export const useGridRootProps = () => {
   const contextValue = React.useContext(GridRootPropsContext);
   if (!contextValue) {

package/hooks/utils/useGridSelector.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
-import { useLazyRef } from './useLazyRef';
-import { useOnMount } from './useOnMount';
-import { warnOnce } from '../../internals/utils/warning';
+import { useLazyRef } from "./useLazyRef.js";
+import { useOnMount } from "./useOnMount.js";
+import { warnOnce } from "../../internals/utils/warning.js";
 function isOutputSelector(selector) {
   return selector.acceptsApiRef;
 }

package/hooks/utils/useGridVisibleRows.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { gridPaginationRowRangeSelector, gridPaginatedVisibleSortedGridRowEntriesSelector } from '../features/pagination/gridPaginationSelector';
-import { gridExpandedSortedRowEntriesSelector } from '../features/filter/gridFilterSelector';
+import { gridPaginationRowRangeSelector, gridPaginatedVisibleSortedGridRowEntriesSelector } from "../features/pagination/gridPaginationSelector.js";
+import { gridExpandedSortedRowEntriesSelector } from "../features/filter/gridFilterSelector.js";
 export const getVisibleRows = (apiRef, props) => {
   let rows;
   let range;

package/index.js

@@ -1,26 +1,26 @@
 /**
- * @mui/x-data-grid v7.15.0
+ * @mui/x-data-grid v7.16.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export { useGridApiContext } from './hooks/utils/useGridApiContext';
-export { useGridApiRef } from './hooks/utils/useGridApiRef';
-export { useGridRootProps } from './hooks/utils/useGridRootProps';
-export * from './DataGrid';
-export * from './components';
-export * from './constants';
-export * from './hooks';
-export * from './models';
-export * from './context';
-export * from './colDef';
-export * from './utils';
-export { GridColumnHeaders } from './components/GridColumnHeaders';
+export { useGridApiContext } from "./hooks/utils/useGridApiContext.js";
+export { useGridApiRef } from "./hooks/utils/useGridApiRef.js";
+export { useGridRootProps } from "./hooks/utils/useGridRootProps.js";
+export * from "./DataGrid/index.js";
+export * from "./components/index.js";
+export * from "./constants/index.js";
+export * from "./hooks/index.js";
+export * from "./models/index.js";
+export * from "./context/index.js";
+export * from "./colDef/index.js";
+export * from "./utils/index.js";
+export { GridColumnHeaders } from "./components/GridColumnHeaders.js";
 /**
  * Reexportable components.
  */
-export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from './components/reexportable';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./components/reexportable.js";
 
 /**
  * The full grid API.

package/internals/index.js

@@ -1,72 +1,72 @@
-export { GridVirtualScroller } from '../components/virtualization/GridVirtualScroller';
-export { GridVirtualScrollerContent } from '../components/virtualization/GridVirtualScrollerContent';
-export { GridVirtualScrollerRenderZone } from '../components/virtualization/GridVirtualScrollerRenderZone';
-export { GridHeaders } from '../components/GridHeaders';
-export { GridBaseColumnHeaders } from '../components/columnHeaders/GridBaseColumnHeaders';
-export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '../constants/defaultGridSlotsComponents';
-export { getGridFilter } from '../components/panel/filterPanel/GridFilterPanel';
-export { useGridRegisterPipeProcessor } from '../hooks/core/pipeProcessing';
-export { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from '../hooks/core/strategyProcessing';
-export { useGridInitialization } from '../hooks/core/useGridInitialization';
-export { unwrapPrivateAPI } from '../hooks/core/useGridApiInitialization';
-export { useGridClipboard } from '../hooks/features/clipboard/useGridClipboard';
-export * from '../hooks/features/columnHeaders/useGridColumnHeaders';
-export { gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector } from '../hooks/features/headerFiltering/gridHeaderFilteringSelectors';
-export { useGridColumnMenu, columnMenuStateInitializer } from '../hooks/features/columnMenu/useGridColumnMenu';
-export { useGridColumns, columnsStateInitializer } from '../hooks/features/columns/useGridColumns';
-export * from '../hooks/features/columns/gridColumnsUtils';
-export { useGridColumnSpanning } from '../hooks/features/columns/useGridColumnSpanning';
-export * from '../hooks/features/columns/gridColumnsSelector';
-export { useGridColumnGrouping, columnGroupsStateInitializer } from '../hooks/features/columnGrouping/useGridColumnGrouping';
-export { useGridDensity, densityStateInitializer } from '../hooks/features/density/useGridDensity';
-export { useGridCsvExport } from '../hooks/features/export/useGridCsvExport';
-export { useGridPrintExport } from '../hooks/features/export/useGridPrintExport';
-export { useGridFilter, filterStateInitializer } from '../hooks/features/filter/useGridFilter';
-export { passFilterLogic } from '../hooks/features/filter/gridFilterUtils';
-export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector } from '../hooks/features/filter/gridFilterSelector';
-export { isSingleSelectColDef } from '../components/panel/filterPanel/filterPanelUtils';
-export { useGridFocus, focusStateInitializer } from '../hooks/features/focus/useGridFocus';
-export { useGridKeyboardNavigation } from '../hooks/features/keyboardNavigation/useGridKeyboardNavigation';
-export { useGridPagination, paginationStateInitializer } from '../hooks/features/pagination/useGridPagination';
-export { useGridPreferencesPanel, preferencePanelStateInitializer } from '../hooks/features/preferencesPanel/useGridPreferencesPanel';
-export { useGridEditing, editingStateInitializer } from '../hooks/features/editing/useGridEditing';
-export { gridEditRowsStateSelector } from '../hooks/features/editing/gridEditingSelectors';
-export { useGridRows, rowsStateInitializer } from '../hooks/features/rows/useGridRows';
-export { useGridAriaAttributes } from '../hooks/utils/useGridAriaAttributes';
-export { useGridRowAriaAttributes } from '../hooks/features/rows/useGridRowAriaAttributes';
-export { useGridRowsPreProcessors } from '../hooks/features/rows/useGridRowsPreProcessors';
-export { getTreeNodeDescendants, buildRootGroup } from '../hooks/features/rows/gridRowsUtils';
-export { useGridRowsMeta, rowsMetaStateInitializer } from '../hooks/features/rows/useGridRowsMeta';
-export { useGridParamsApi } from '../hooks/features/rows/useGridParamsApi';
-export { getRowIdFromRowModel, GRID_ID_AUTOGENERATED } from '../hooks/features/rows/gridRowsUtils';
-export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector } from '../hooks/features/rows/gridRowsSelector';
-export { headerFilteringStateInitializer, useGridHeaderFiltering } from '../hooks/features/headerFiltering/useGridHeaderFiltering';
-export { calculatePinnedRowsHeight } from '../hooks/features/rows/gridRowsUtils';
-export { useGridRowSelection, rowSelectionStateInitializer } from '../hooks/features/rowSelection/useGridRowSelection';
-export { useGridRowSelectionPreProcessors } from '../hooks/features/rowSelection/useGridRowSelectionPreProcessors';
-export { useGridSorting, sortingStateInitializer } from '../hooks/features/sorting/useGridSorting';
-export { useGridScroll } from '../hooks/features/scroll/useGridScroll';
-export { useGridEvents } from '../hooks/features/events/useGridEvents';
-export { dimensionsStateInitializer, useGridDimensions } from '../hooks/features/dimensions/useGridDimensions';
-export { useGridStatePersistence } from '../hooks/features/statePersistence/useGridStatePersistence';
-export { useGridVirtualScroller, EMPTY_DETAIL_PANELS } from '../hooks/features/virtualization/useGridVirtualScroller';
-export * from '../hooks/features/virtualization';
-export { useGridColumnResize, columnResizeStateInitializer } from '../hooks/features/columnResize/useGridColumnResize';
-export { useTimeout } from '../hooks/utils/useTimeout';
-export { useGridVisibleRows, getVisibleRows } from '../hooks/utils/useGridVisibleRows';
-export { useGridInitializeState } from '../hooks/utils/useGridInitializeState';
-export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/export/utils';
-export * from '../utils/createControllablePromise';
-export { createSelector, createSelectorV8, createSelectorMemoized, createSelectorMemoizedV8 } from '../utils/createSelector';
-export { useGridSelectorV8 } from '../hooks/utils/useGridSelector';
-export { gridRowGroupsToFetchSelector } from '../hooks/features/rows/gridRowsSelector';
-export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from '../utils/domUtils';
-export { isNavigationKey, isPasteShortcut } from '../utils/keyboardUtils';
-export * from '../utils/utils';
-export { exportAs } from '../utils/exportAs';
-export * from '../utils/getPublicApiRef';
-export * from '../utils/cellBorderUtils';
-export { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
-export * from '../hooks/utils';
-export { serializeCellValue } from '../hooks/features/export/serializers/csvSerializer';
-export * from './utils';
+export { GridVirtualScroller } from "../components/virtualization/GridVirtualScroller.js";
+export { GridVirtualScrollerContent } from "../components/virtualization/GridVirtualScrollerContent.js";
+export { GridVirtualScrollerRenderZone } from "../components/virtualization/GridVirtualScrollerRenderZone.js";
+export { GridHeaders } from "../components/GridHeaders.js";
+export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColumnHeaders.js";
+export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
+export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.js";
+export { useGridRegisterPipeProcessor } from "../hooks/core/pipeProcessing/index.js";
+export { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../hooks/core/strategyProcessing/index.js";
+export { useGridInitialization } from "../hooks/core/useGridInitialization.js";
+export { unwrapPrivateAPI } from "../hooks/core/useGridApiInitialization.js";
+export { useGridClipboard } from "../hooks/features/clipboard/useGridClipboard.js";
+export * from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
+export { gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector } from "../hooks/features/headerFiltering/gridHeaderFilteringSelectors.js";
+export { useGridColumnMenu, columnMenuStateInitializer } from "../hooks/features/columnMenu/useGridColumnMenu.js";
+export { useGridColumns, columnsStateInitializer } from "../hooks/features/columns/useGridColumns.js";
+export * from "../hooks/features/columns/gridColumnsUtils.js";
+export { useGridColumnSpanning } from "../hooks/features/columns/useGridColumnSpanning.js";
+export * from "../hooks/features/columns/gridColumnsSelector.js";
+export { useGridColumnGrouping, columnGroupsStateInitializer } from "../hooks/features/columnGrouping/useGridColumnGrouping.js";
+export { useGridDensity, densityStateInitializer } from "../hooks/features/density/useGridDensity.js";
+export { useGridCsvExport } from "../hooks/features/export/useGridCsvExport.js";
+export { useGridPrintExport } from "../hooks/features/export/useGridPrintExport.js";
+export { useGridFilter, filterStateInitializer } from "../hooks/features/filter/useGridFilter.js";
+export { passFilterLogic } from "../hooks/features/filter/gridFilterUtils.js";
+export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector } from "../hooks/features/filter/gridFilterSelector.js";
+export { isSingleSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.js";
+export { useGridFocus, focusStateInitializer } from "../hooks/features/focus/useGridFocus.js";
+export { useGridKeyboardNavigation } from "../hooks/features/keyboardNavigation/useGridKeyboardNavigation.js";
+export { useGridPagination, paginationStateInitializer } from "../hooks/features/pagination/useGridPagination.js";
+export { useGridPreferencesPanel, preferencePanelStateInitializer } from "../hooks/features/preferencesPanel/useGridPreferencesPanel.js";
+export { useGridEditing, editingStateInitializer } from "../hooks/features/editing/useGridEditing.js";
+export { gridEditRowsStateSelector } from "../hooks/features/editing/gridEditingSelectors.js";
+export { useGridRows, rowsStateInitializer } from "../hooks/features/rows/useGridRows.js";
+export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
+export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
+export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
+export { getTreeNodeDescendants, buildRootGroup } from "../hooks/features/rows/gridRowsUtils.js";
+export { useGridRowsMeta, rowsMetaStateInitializer } from "../hooks/features/rows/useGridRowsMeta.js";
+export { useGridParamsApi } from "../hooks/features/rows/useGridParamsApi.js";
+export { getRowIdFromRowModel, GRID_ID_AUTOGENERATED } from "../hooks/features/rows/gridRowsUtils.js";
+export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector } from "../hooks/features/rows/gridRowsSelector.js";
+export { headerFilteringStateInitializer, useGridHeaderFiltering } from "../hooks/features/headerFiltering/useGridHeaderFiltering.js";
+export { calculatePinnedRowsHeight } from "../hooks/features/rows/gridRowsUtils.js";
+export { useGridRowSelection, rowSelectionStateInitializer } from "../hooks/features/rowSelection/useGridRowSelection.js";
+export { useGridRowSelectionPreProcessors } from "../hooks/features/rowSelection/useGridRowSelectionPreProcessors.js";
+export { useGridSorting, sortingStateInitializer } from "../hooks/features/sorting/useGridSorting.js";
+export { useGridScroll } from "../hooks/features/scroll/useGridScroll.js";
+export { useGridEvents } from "../hooks/features/events/useGridEvents.js";
+export { dimensionsStateInitializer, useGridDimensions } from "../hooks/features/dimensions/useGridDimensions.js";
+export { useGridStatePersistence } from "../hooks/features/statePersistence/useGridStatePersistence.js";
+export { useGridVirtualScroller, EMPTY_DETAIL_PANELS } from "../hooks/features/virtualization/useGridVirtualScroller.js";
+export * from "../hooks/features/virtualization/index.js";
+export { useGridColumnResize, columnResizeStateInitializer } from "../hooks/features/columnResize/useGridColumnResize.js";
+export { useTimeout } from "../hooks/utils/useTimeout.js";
+export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
+export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
+export { getColumnsToExport, defaultGetRowsToExport } from "../hooks/features/export/utils.js";
+export * from "../utils/createControllablePromise.js";
+export { createSelector, createSelectorV8, createSelectorMemoized, createSelectorMemoizedV8 } from "../utils/createSelector.js";
+export { useGridSelectorV8 } from "../hooks/utils/useGridSelector.js";
+export { gridRowGroupsToFetchSelector } from "../hooks/features/rows/gridRowsSelector.js";
+export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from "../utils/domUtils.js";
+export { isNavigationKey, isPasteShortcut } from "../utils/keyboardUtils.js";
+export * from "../utils/utils.js";
+export { exportAs } from "../utils/exportAs.js";
+export * from "../utils/getPublicApiRef.js";
+export * from "../utils/cellBorderUtils.js";
+export { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
+export * from "../hooks/utils/index.js";
+export { serializeCellValue } from "../hooks/features/export/serializers/csvSerializer.js";
+export * from "./utils/index.js";

package/internals/utils/getPinnedCellOffset.js

@@ -1,4 +1,4 @@
-import { GridPinnedColumnPosition } from '../../hooks/features/columns';
+import { GridPinnedColumnPosition } from "../../hooks/features/columns/index.js";
 export const getPinnedCellOffset = (pinnedPosition, computedWidth, columnIndex, columnPositions, dimensions) => {
   const scrollbarWidth = dimensions.hasScrollY ? dimensions.scrollbarSize : 0;
   let pinnedOffset;

package/internals/utils/index.js

@@ -1,4 +1,4 @@
-export * from './computeSlots';
-export * from './useProps';
-export * from './propValidation';
-export * from './warning';
+export * from "./computeSlots.js";
+export * from "./useProps.js";
+export * from "./propValidation.js";
+export * from "./warning.js";