@mui/x-data-grid 7.14.0 → 7.16.0

package/hooks/features/rowSelection/useGridRowSelectionPreProcessors.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
-import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
-import { getDataGridUtilityClass } from '../../../constants';
-import { GRID_CHECKBOX_SELECTION_COL_DEF, GRID_CHECKBOX_SELECTION_FIELD } from '../../../colDef';
+import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.js";
+import { getDataGridUtilityClass } from "../../../constants/index.js";
+import { GRID_CHECKBOX_SELECTION_COL_DEF, GRID_CHECKBOX_SELECTION_FIELD } from "../../../colDef/index.js";
 const useUtilityClasses = ownerState => {
   const {
     classes

package/hooks/features/rowSelection/utils.js

@@ -1,4 +1,4 @@
-import { GridSignature } from '../../utils/useGridApiEventHandler';
+import { GridSignature } from "../../utils/useGridApiEventHandler.js";
 export function isMultipleRowSelectionEnabled(props) {
   if (props.signature === GridSignature.DataGrid) {
     // DataGrid Community has multiple row selection enabled only if checkbox selection is enabled.

package/hooks/features/rows/gridRowsSelector.js

@@ -1,4 +1,4 @@
-import { createSelector, createSelectorMemoized } from '../../../utils/createSelector';
+import { createSelector, createSelectorMemoized } from "../../../utils/createSelector.js";
 const gridRowsStateSelector = state => state.rows;
 export const gridRowCountSelector = createSelector(gridRowsStateSelector, rows => rows.totalRowCount);
 export const gridRowsLoadingSelector = createSelector(gridRowsStateSelector, rows => rows.loading);

package/hooks/features/rows/gridRowsUtils.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { gridPinnedRowsSelector } from './gridRowsSelector';
-import { gridDimensionsSelector } from '../dimensions/gridDimensionsSelectors';
+import { gridPinnedRowsSelector } from "./gridRowsSelector.js";
+import { gridDimensionsSelector } from "../dimensions/gridDimensionsSelectors.js";
 export const GRID_ROOT_GROUP_ID = `auto-generated-group-node-root`;
 export const GRID_ID_AUTOGENERATED = Symbol('mui.id_autogenerated');
 export const buildRootGroup = () => ({

package/hooks/features/rows/index.js

@@ -1,4 +1,4 @@
-export * from './gridRowsMetaSelector';
-export * from './gridRowsMetaState';
-export { gridRowCountSelector, gridRowsLoadingSelector, gridTopLevelRowCountSelector, gridRowsLookupSelector, gridRowsDataRowIdToIdLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridRowMaximumTreeDepthSelector, gridDataRowIdsSelector } from './gridRowsSelector';
-export { GRID_ROOT_GROUP_ID, checkGridRowIdIsValid, isAutogeneratedRow } from './gridRowsUtils';
+export * from "./gridRowsMetaSelector.js";
+export * from "./gridRowsMetaState.js";
+export { gridRowCountSelector, gridRowsLoadingSelector, gridTopLevelRowCountSelector, gridRowsLookupSelector, gridRowsDataRowIdToIdLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridRowMaximumTreeDepthSelector, gridDataRowIdsSelector } from "./gridRowsSelector.js";
+export { GRID_ROOT_GROUP_ID, checkGridRowIdIsValid, isAutogeneratedRow } from "./gridRowsUtils.js";

package/hooks/features/rows/useGridParamsApi.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { getGridCellElement, getGridColumnHeaderElement, getGridRowElement } from '../../../utils/domUtils';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { gridFocusCellSelector, gridTabIndexCellSelector } from '../focus/gridFocusStateSelector';
+import { getGridCellElement, getGridColumnHeaderElement, getGridRowElement } from "../../../utils/domUtils.js";
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { gridFocusCellSelector, gridTabIndexCellSelector } from "../focus/gridFocusStateSelector.js";
 export class MissingRowIdError extends Error {}
 
 /**

package/hooks/features/rows/useGridRowAriaAttributes.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { selectedIdsLookupSelector } from '../rowSelection';
-import { useGridSelector } from '../../utils/useGridSelector';
-import { gridColumnGroupsHeaderMaxDepthSelector } from '../columnGrouping/gridColumnGroupsSelector';
-import { useGridPrivateApiContext } from '../../utils/useGridPrivateApiContext';
+import { selectedIdsLookupSelector } from "../rowSelection/index.js";
+import { useGridSelector } from "../../utils/useGridSelector.js";
+import { gridColumnGroupsHeaderMaxDepthSelector } from "../columnGrouping/gridColumnGroupsSelector.js";
+import { useGridPrivateApiContext } from "../../utils/useGridPrivateApiContext.js";
 export const useGridRowAriaAttributes = () => {
   const apiRef = useGridPrivateApiContext();
   const selectedIdsLookup = useGridSelector(apiRef, selectedIdsLookupSelector);

package/hooks/features/rows/useGridRows.js

@@ -1,15 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { gridRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridDataRowIdsSelector, gridRowsDataRowIdToIdLookupSelector, gridRowMaximumTreeDepthSelector, gridRowGroupsToFetchSelector } from './gridRowsSelector';
-import { useTimeout } from '../../utils/useTimeout';
-import { GridSignature, useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
-import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
-import { gridSortedRowIdsSelector } from '../sorting/gridSortingSelector';
-import { gridFilteredRowsLookupSelector } from '../filter/gridFilterSelector';
-import { getTreeNodeDescendants, createRowsInternalCache, getRowsStateFromCache, isAutogeneratedRowNode, GRID_ROOT_GROUP_ID, GRID_ID_AUTOGENERATED, updateCacheWithNewRows, getTopLevelRowCount, getRowIdFromRowModel, computeRowsUpdates } from './gridRowsUtils';
-import { useGridRegisterPipeApplier } from '../../core/pipeProcessing';
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { useGridLogger } from "../../utils/useGridLogger.js";
+import { gridRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridDataRowIdsSelector, gridRowsDataRowIdToIdLookupSelector, gridRowMaximumTreeDepthSelector, gridRowGroupsToFetchSelector } from "./gridRowsSelector.js";
+import { useTimeout } from "../../utils/useTimeout.js";
+import { GridSignature, useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
+import { useGridVisibleRows } from "../../utils/useGridVisibleRows.js";
+import { gridSortedRowIdsSelector } from "../sorting/gridSortingSelector.js";
+import { gridFilteredRowsLookupSelector } from "../filter/gridFilterSelector.js";
+import { getTreeNodeDescendants, createRowsInternalCache, getRowsStateFromCache, isAutogeneratedRowNode, GRID_ROOT_GROUP_ID, GRID_ID_AUTOGENERATED, updateCacheWithNewRows, getTopLevelRowCount, getRowIdFromRowModel, computeRowsUpdates } from "./gridRowsUtils.js";
+import { useGridRegisterPipeApplier } from "../../core/pipeProcessing/index.js";
 export const rowsStateInitializer = (state, props, apiRef) => {
   const isDataSourceAvailable = !!props.unstable_dataSource;
   apiRef.current.caches.rows = createRowsInternalCache({

package/hooks/features/rows/useGridRowsMeta.js

@@ -1,16 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { unstable_debounce as debounce } from '@mui/utils';
-import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridSelector } from '../../utils/useGridSelector';
-import { gridDensityFactorSelector } from '../density/densitySelector';
-import { gridFilterModelSelector } from '../filter/gridFilterSelector';
-import { gridPaginationSelector } from '../pagination/gridPaginationSelector';
-import { gridSortModelSelector } from '../sorting/gridSortingSelector';
-import { useGridRegisterPipeApplier } from '../../core/pipeProcessing';
-import { gridPinnedRowsSelector } from './gridRowsSelector';
-import { DATA_GRID_PROPS_DEFAULT_VALUES } from '../../../DataGrid/useDataGridProps';
+import { useGridVisibleRows } from "../../utils/useGridVisibleRows.js";
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { useGridSelector } from "../../utils/useGridSelector.js";
+import { gridDensityFactorSelector } from "../density/densitySelector.js";
+import { gridFilterModelSelector } from "../filter/gridFilterSelector.js";
+import { gridPaginationSelector } from "../pagination/gridPaginationSelector.js";
+import { gridSortModelSelector } from "../sorting/gridSortingSelector.js";
+import { useGridRegisterPipeApplier } from "../../core/pipeProcessing/index.js";
+import { gridPinnedRowsSelector } from "./gridRowsSelector.js";
+import { DATA_GRID_PROPS_DEFAULT_VALUES } from "../../../DataGrid/useDataGridProps.js";
 
 // TODO: I think the row heights can now be encoded as a single `size` instead of `sizes.baseXxxx`
 

package/hooks/features/rows/useGridRowsPreProcessors.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_DEFAULT_STRATEGY, useGridRegisterStrategyProcessor } from '../../core/strategyProcessing';
-import { buildRootGroup, GRID_ROOT_GROUP_ID } from './gridRowsUtils';
+import { GRID_DEFAULT_STRATEGY, useGridRegisterStrategyProcessor } from "../../core/strategyProcessing/index.js";
+import { buildRootGroup, GRID_ROOT_GROUP_ID } from "./gridRowsUtils.js";
 const createFlatRowTree = rows => {
   const tree = {
     [GRID_ROOT_GROUP_ID]: _extends({}, buildRootGroup(), {

package/hooks/features/scroll/useGridScroll.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
-import { useTheme } from '@mui/material/styles';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { gridColumnPositionsSelector, gridVisibleColumnDefinitionsSelector } from '../columns/gridColumnsSelector';
-import { useGridSelector } from '../../utils/useGridSelector';
-import { gridPageSelector, gridPageSizeSelector } from '../pagination/gridPaginationSelector';
-import { gridRowCountSelector } from '../rows/gridRowsSelector';
-import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { gridExpandedSortedRowEntriesSelector } from '../filter/gridFilterSelector';
-import { gridDimensionsSelector } from '../dimensions';
+import { useRtl } from '@mui/system/RtlProvider';
+import { useGridLogger } from "../../utils/useGridLogger.js";
+import { gridColumnPositionsSelector, gridVisibleColumnDefinitionsSelector } from "../columns/gridColumnsSelector.js";
+import { useGridSelector } from "../../utils/useGridSelector.js";
+import { gridPageSelector, gridPageSizeSelector } from "../pagination/gridPaginationSelector.js";
+import { gridRowCountSelector } from "../rows/gridRowsSelector.js";
+import { gridRowsMetaSelector } from "../rows/gridRowsMetaSelector.js";
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { gridExpandedSortedRowEntriesSelector } from "../filter/gridFilterSelector.js";
+import { gridDimensionsSelector } from "../dimensions/index.js";
 
 // Logic copied from https://www.w3.org/TR/wai-aria-practices/examples/listbox/js/listbox.js
 // Similar to https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
@@ -43,7 +43,7 @@ function scrollIntoView(dimensions) {
  * @requires useGridColumnSpanning (method)
  */
 export const useGridScroll = (apiRef, props) => {
-  const theme = useTheme();
+  const isRtl = useRtl();
   const logger = useGridLogger(apiRef, 'useGridScroll');
   const colRef = apiRef.current.columnHeadersContainerRef;
   const virtualScrollerRef = apiRef.current.virtualScrollerRef;
@@ -101,7 +101,7 @@ export const useGridScroll = (apiRef, props) => {
   }, [logger, apiRef, virtualScrollerRef, props.pagination, visibleSortedRows]);
   const scroll = React.useCallback(params => {
     if (virtualScrollerRef.current && params.left !== undefined && colRef.current) {
-      const direction = theme.direction === 'rtl' ? -1 : 1;
+      const direction = isRtl ? -1 : 1;
       colRef.current.scrollLeft = params.left;
       virtualScrollerRef.current.scrollLeft = direction * params.left;
       logger.debug(`Scrolling left: ${params.left}`);
@@ -111,7 +111,7 @@ export const useGridScroll = (apiRef, props) => {
       logger.debug(`Scrolling top: ${params.top}`);
     }
     logger.debug(`Scrolling, updating container, and viewport`);
-  }, [virtualScrollerRef, theme.direction, colRef, logger]);
+  }, [virtualScrollerRef, isRtl, colRef, logger]);
   const getScrollPosition = React.useCallback(() => {
     if (!virtualScrollerRef?.current) {
       return {

package/hooks/features/sorting/gridSortingSelector.js

@@ -1,6 +1,6 @@
-import { createSelector, createSelectorMemoized } from '../../../utils/createSelector';
-import { gridRowTreeSelector, gridRowsLookupSelector } from '../rows/gridRowsSelector';
-import { GRID_ID_AUTOGENERATED, isAutogeneratedRowNode } from '../rows/gridRowsUtils';
+import { createSelector, createSelectorMemoized } from "../../../utils/createSelector.js";
+import { gridRowTreeSelector, gridRowsLookupSelector } from "../rows/gridRowsSelector.js";
+import { GRID_ID_AUTOGENERATED, isAutogeneratedRowNode } from "../rows/gridRowsUtils.js";
 /**
  * @category Sorting
  * @ignore - do not document.

package/hooks/features/sorting/gridSortingUtils.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { warnOnce } from '../../../internals/utils/warning';
+import { warnOnce } from "../../../internals/utils/warning.js";
 export const sanitizeSortModel = (model, disableMultipleColumnsSorting) => {
   if (disableMultipleColumnsSorting && model.length > 1) {
     if (process.env.NODE_ENV !== 'production') {

package/hooks/features/sorting/index.js

@@ -1,2 +1,2 @@
-export * from './gridSortingSelector';
-export { gridDateComparator, gridNumberComparator, gridStringOrNumberComparator } from './gridSortingUtils';
+export * from "./gridSortingSelector.js";
+export { gridDateComparator, gridNumberComparator, gridStringOrNumberComparator } from "./gridSortingUtils.js";

package/hooks/features/sorting/useGridSorting.js

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { gridColumnLookupSelector } from '../columns/gridColumnsSelector';
-import { gridSortedRowEntriesSelector, gridSortedRowIdsSelector, gridSortModelSelector } from './gridSortingSelector';
-import { GRID_ROOT_GROUP_ID, gridRowTreeSelector } from '../rows';
-import { useFirstRender } from '../../utils/useFirstRender';
-import { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from '../../core/strategyProcessing';
-import { buildAggregatedSortingApplier, mergeStateWithSortModel, getNextGridSortDirection, sanitizeSortModel } from './gridSortingUtils';
-import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
-import { getTreeNodeDescendants } from '../rows/gridRowsUtils';
+import { useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
+import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
+import { useGridLogger } from "../../utils/useGridLogger.js";
+import { gridColumnLookupSelector } from "../columns/gridColumnsSelector.js";
+import { gridSortedRowEntriesSelector, gridSortedRowIdsSelector, gridSortModelSelector } from "./gridSortingSelector.js";
+import { GRID_ROOT_GROUP_ID, gridRowTreeSelector } from "../rows/index.js";
+import { useFirstRender } from "../../utils/useFirstRender.js";
+import { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../../core/strategyProcessing/index.js";
+import { buildAggregatedSortingApplier, mergeStateWithSortModel, getNextGridSortDirection, sanitizeSortModel } from "./gridSortingUtils.js";
+import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.js";
+import { getTreeNodeDescendants } from "../rows/gridRowsUtils.js";
 export const sortingStateInitializer = (state, props) => {
   const sortModel = props.sortModel ?? props.initialState?.sorting?.sortModel ?? [];
   return _extends({}, state, {

package/hooks/features/statePersistence/useGridStatePersistence.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useGridApiMethod } from '../../utils';
+import { useGridApiMethod } from "../../utils/index.js";
 export const useGridStatePersistence = apiRef => {
   const exportState = React.useCallback((params = {}) => {
     const stateToExport = apiRef.current.unstable_applyPipeProcessors('exportState', {}, params);

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

@@ -8,13 +8,19 @@ export declare const gridVirtualizationSelector: (state: GridStateCommunity) =>
 /**
  * Get the enabled state for virtualization
  * @category Virtualization
+ * @deprecated Use `gridVirtualizationColumnEnabledSelector` and `gridVirtualizationRowEnabledSelector`
  */
 export declare const gridVirtualizationEnabledSelector: import("../../../utils/createSelector").OutputSelector<GridStateCommunity, boolean>;
 /**
- * Get the enabled state for virtualization
+ * Get the enabled state for column virtualization
  * @category Virtualization
  */
 export declare const gridVirtualizationColumnEnabledSelector: import("../../../utils/createSelector").OutputSelector<GridStateCommunity, boolean>;
+/**
+ * Get the enabled state for row virtualization
+ * @category Virtualization
+ */
+export declare const gridVirtualizationRowEnabledSelector: import("../../../utils/createSelector").OutputSelector<GridStateCommunity, boolean>;
 /**
  * Get the render context
  * @category Virtualization

package/hooks/features/virtualization/gridVirtualizationSelectors.js

@@ -1,4 +1,4 @@
-import { createSelector, createSelectorMemoized } from '../../../utils/createSelector';
+import { createSelector, createSelectorMemoized } from "../../../utils/createSelector.js";
 /**
  * Get the columns state
  * @category Virtualization
@@ -8,15 +8,22 @@ export const gridVirtualizationSelector = state => state.virtualization;
 /**
  * Get the enabled state for virtualization
  * @category Virtualization
+ * @deprecated Use `gridVirtualizationColumnEnabledSelector` and `gridVirtualizationRowEnabledSelector`
  */
 export const gridVirtualizationEnabledSelector = createSelector(gridVirtualizationSelector, state => state.enabled);
 
 /**
- * Get the enabled state for virtualization
+ * Get the enabled state for column virtualization
  * @category Virtualization
  */
 export const gridVirtualizationColumnEnabledSelector = createSelector(gridVirtualizationSelector, state => state.enabledForColumns);
 
+/**
+ * Get the enabled state for row virtualization
+ * @category Virtualization
+ */
+export const gridVirtualizationRowEnabledSelector = createSelector(gridVirtualizationSelector, state => state.enabledForRows);
+
 /**
  * Get the render context
  * @category Virtualization

package/hooks/features/virtualization/index.js

@@ -1,2 +1,2 @@
-export * from './useGridVirtualization';
-export * from './gridVirtualizationSelectors';
+export * from "./useGridVirtualization.js";
+export * from "./gridVirtualizationSelectors.js";

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { Theme } from '@mui/material/styles';
 import { GridPinnedRowsPosition } from '../rows/gridRowsInterfaces';
 import type { GridRenderContext, GridColumnsRenderContext, GridRowEntry, GridRowId } from '../../../models';
 export type VirtualScroller = ReturnType<typeof useGridVirtualScroller>;
@@ -41,4 +40,4 @@ export declare const useGridVirtualScroller: () => {
     };
 };
 export declare function areRenderContextsEqual(context1: GridRenderContext, context2: GridRenderContext): boolean;
-export declare function computeOffsetLeft(columnPositions: number[], renderContext: GridColumnsRenderContext, direction: Theme['direction'], pinnedLeftLength: number): number;
+export declare function computeOffsetLeft(columnPositions: number[], renderContext: GridColumnsRenderContext, isRtl: boolean, pinnedLeftLength: number): number;