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

package/modern/hooks/features/virtualization/useGridVirtualScroller.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback } from '@mui/utils';
+import useEventCallback from '@mui/utils/useEventCallback';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useLazyRef from '@mui/utils/useLazyRef';
 import useTimeout from '@mui/utils/useTimeout';
 import { useRtl } from '@mui/system/RtlProvider';
@@ -17,7 +18,6 @@ import { useGridVisibleRows, getVisibleRows } from "../../utils/useGridVisibleRo
 import { useGridApiOptionHandler } 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 { gridRenderContextSelector, gridVirtualizationRowEnabledSelector, gridVirtualizationColumnEnabledSelector } from "./gridVirtualizationSelectors.js";
@@ -29,6 +29,7 @@ import { EMPTY_PINNED_COLUMN_FIELDS } from "../columns/index.js";
 import { gridFocusedVirtualCellSelector } from "./gridFocusedVirtualCellSelector.js";
 import { roundToDecimalPlaces } from "../../../utils/roundToDecimalPlaces.js";
 import { isJSDOM } from "../../../utils/isJSDOM.js";
+import { gridRowSelectionManagerSelector } from "../rowSelection/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const MINIMUM_COLUMN_WIDTH = 50;
 var ScrollDirection = /*#__PURE__*/function (ScrollDirection) {
@@ -54,7 +55,7 @@ export const useGridVirtualScroller = () => {
   const {
     unstable_listView: listView
   } = rootProps;
-  const visibleColumns = useGridSelector(apiRef, () => listView ? [gridListColumnSelector(apiRef.current.state)] : gridVisibleColumnDefinitionsSelector(apiRef));
+  const visibleColumns = useGridSelector(apiRef, () => listView ? [gridListColumnSelector(apiRef)] : gridVisibleColumnDefinitionsSelector(apiRef));
   const enabledForRows = useGridSelector(apiRef, gridVirtualizationRowEnabledSelector) && !isJSDOM;
   const enabledForColumns = useGridSelector(apiRef, gridVirtualizationColumnEnabledSelector) && !isJSDOM;
   const pinnedRows = useGridSelector(apiRef, gridPinnedRowsSelector);
@@ -63,7 +64,7 @@ export const useGridVirtualScroller = () => {
   const hasBottomPinnedRows = pinnedRows.bottom.length > 0;
   const [panels, setPanels] = React.useState(EMPTY_DETAIL_PANELS);
   const isRtl = useRtl();
-  const selectedRowsLookup = useGridSelector(apiRef, selectedIdsLookupSelector);
+  const rowSelectionManager = useGridSelector(apiRef, gridRowSelectionManagerSelector);
   const currentPage = useGridVisibleRows(apiRef);
   const mainRef = apiRef.current.mainElementRef;
   const scrollerRef = apiRef.current.virtualScrollerRef;
@@ -160,7 +161,7 @@ export const useGridVirtualScroller = () => {
     // The lazy-loading hook is listening to `renderedRowsIntervalChange`,
     // but only does something if we already have a render context, because
     // otherwise we would call an update directly on mount
-    const isReady = gridDimensionsSelector(apiRef.current.state).isReady;
+    const isReady = gridDimensionsSelector(apiRef).isReady;
     if (isReady && didRowsIntervalChange) {
       previousRowContext.current = nextRenderContext;
       apiRef.current.publishEvent('renderedRowsIntervalChange', nextRenderContext);
@@ -172,7 +173,7 @@ export const useGridVirtualScroller = () => {
     if (!scroller) {
       return undefined;
     }
-    const dimensions = gridDimensionsSelector(apiRef.current.state);
+    const dimensions = gridDimensionsSelector(apiRef);
     const maxScrollTop = Math.ceil(dimensions.minimumSize.height - dimensions.viewportOuterSize.height);
     const maxScrollLeft = Math.ceil(dimensions.minimumSize.width - dimensions.viewportInnerSize.width);
 
@@ -227,7 +228,7 @@ export const useGridVirtualScroller = () => {
   });
   const forceUpdateRenderContext = () => {
     // skip update if dimensions are not ready and virtualization is enabled
-    if (!gridDimensionsSelector(apiRef.current.state).isReady && (enabledForRows || enabledForColumns)) {
+    if (!gridDimensionsSelector(apiRef).isReady && (enabledForRows || enabledForColumns)) {
       return;
     }
     const inputs = inputsSelector(apiRef, rootProps, enabledForRows, enabledForColumns);
@@ -333,12 +334,7 @@ export const useGridVirtualScroller = () => {
         }
       }
       const baseRowHeight = !apiRef.current.rowHasAutoHeight(id) ? apiRef.current.unstable_getRowHeight(id) : 'auto';
-      let isSelected;
-      if (selectedRowsLookup[id] == null) {
-        isSelected = false;
-      } else {
-        isSelected = apiRef.current.isRowSelectable(id);
-      }
+      const isSelected = rowSelectionManager.has(id) && apiRef.current.isRowSelectable(id);
       let isFirstVisible = false;
       if (params.position === undefined) {
         isFirstVisible = rowIndexInPage === 0;
@@ -538,13 +534,13 @@ export const useGridVirtualScroller = () => {
   };
 };
 // dimension selectors
-function needsHorizontalScrollbarSelector(state) {
-  return state.dimensions.viewportOuterSize.width > 0 && state.dimensions.columnsTotalWidth > state.dimensions.viewportOuterSize.width;
+function needsHorizontalScrollbarSelector(apiRef) {
+  return apiRef.current.state.dimensions.viewportOuterSize.width > 0 && apiRef.current.state.dimensions.columnsTotalWidth > apiRef.current.state.dimensions.viewportOuterSize.width;
 }
 function inputsSelector(apiRef, rootProps, enabledForRows, enabledForColumns) {
-  const dimensions = gridDimensionsSelector(apiRef.current.state);
+  const dimensions = gridDimensionsSelector(apiRef);
   const currentPage = getVisibleRows(apiRef, rootProps);
-  const visibleColumns = rootProps.unstable_listView ? [gridListColumnSelector(apiRef.current.state)] : gridVisibleColumnDefinitionsSelector(apiRef);
+  const visibleColumns = rootProps.unstable_listView ? [gridListColumnSelector(apiRef)] : gridVisibleColumnDefinitionsSelector(apiRef);
   const hiddenCellsOriginMap = gridRowSpanningHiddenCellsOriginMapSelector(apiRef);
   const lastRowId = apiRef.current.state.rows.dataRowIds.at(-1);
   const lastColumn = visibleColumns.at(-1);
@@ -561,7 +557,7 @@ function inputsSelector(apiRef, rootProps, enabledForRows, enabledForColumns) {
     viewportInnerHeight: dimensions.viewportInnerSize.height,
     lastRowHeight: lastRowId !== undefined ? apiRef.current.unstable_getRowHeight(lastRowId) : 0,
     lastColumnWidth: lastColumn?.computedWidth ?? 0,
-    rowsMeta: gridRowsMetaSelector(apiRef.current.state),
+    rowsMeta: gridRowsMetaSelector(apiRef),
     columnPositions: gridColumnPositionsSelector(apiRef),
     rows: currentPage.rows,
     range: currentPage.range,

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

@@ -0,0 +1,21 @@
+import { RefObject } from '@mui/x-internals/types';
+import { GridRenderContext } from "../../../models/index.js";
+import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+type RootProps = Pick<DataGridProcessedProps, 'disableVirtualization' | 'autoHeight'>;
+export type GridVirtualizationState = {
+  enabled: boolean;
+  enabledForColumns: boolean;
+  enabledForRows: boolean;
+  renderContext: GridRenderContext;
+};
+export declare const EMPTY_RENDER_CONTEXT: {
+  firstRowIndex: number;
+  lastRowIndex: number;
+  firstColumnIndex: number;
+  lastColumnIndex: number;
+};
+export declare const virtualizationStateInitializer: GridStateInitializer<RootProps>;
+export declare function useGridVirtualization(apiRef: RefObject<GridPrivateApiCommunity>, props: RootProps): void;
+export {};

package/modern/hooks/index.d.ts

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

package/modern/hooks/utils/index.d.ts

@@ -0,0 +1,8 @@
+export { useGridApiEventHandler, useGridApiOptionHandler, unstable_resetCleanupTracking } 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/modern/hooks/utils/useFirstRender.d.ts

@@ -0,0 +1 @@
+export declare const useFirstRender: (callback: () => void) => void;

package/modern/hooks/utils/useGridApiContext.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from '@mui/x-internals/types';
+import { GridApiCommon } from "../../models/api/gridApiCommon.js";
+import { GridApiCommunity } from "../../models/api/gridApiCommunity.js";
+export declare function useGridApiContext<Api extends GridApiCommon = GridApiCommunity>(): RefObject<Api>;

package/modern/hooks/utils/useGridApiEventHandler.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from '@mui/x-internals/types';
+import { EventListenerOptions } from '@mui/x-internals/EventManager';
+import { GridEventListener, GridEvents } from "../../models/events/index.js";
+import { TimerBasedCleanupTracking } from "../../utils/cleanupTracking/TimerBasedCleanupTracking.js";
+import { FinalizationRegistryBasedCleanupTracking } from "../../utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.js";
+import type { GridApiCommon } from '../../models';
+export declare function useGridApiEventHandler<Api extends GridApiCommon, E extends GridEvents>(apiRef: RefObject<Api>, eventName: E, handler?: GridEventListener<E>, options?: EventListenerOptions): void;
+export declare function useGridApiOptionHandler<Api extends GridApiCommon, E extends GridEvents>(apiRef: RefObject<Api>, eventName: E, handler?: GridEventListener<E>): void;
+export declare function unstable_resetCleanupTracking(): void;
+export declare const internal_registryContainer: {
+  current: TimerBasedCleanupTracking | FinalizationRegistryBasedCleanupTracking;
+};

package/modern/hooks/utils/useGridApiMethod.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from '@mui/x-internals/types';
+import { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
+type GetPublicApiType<PrivateApi> = PrivateApi extends {
+  getPublicApi: () => infer PublicApi;
+} ? PublicApi : never;
+export declare function useGridApiMethod<PrivateApi extends GridPrivateApiCommon, PublicApi extends GetPublicApiType<PrivateApi>, PrivateOnlyApi extends Omit<PrivateApi, keyof PublicApi>, V extends 'public' | 'private', T extends (V extends 'public' ? Partial<PublicApi> : Partial<PrivateOnlyApi>)>(privateApiRef: RefObject<PrivateApi>, apiMethods: T, visibility: V): void;
+export {};

package/modern/hooks/utils/useGridApiRef.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from '@mui/x-internals/types';
+import { GridApiCommon } from "../../models/index.js";
+import { GridApiCommunity } from "../../models/api/gridApiCommunity.js";
+/**
+ * Hook that instantiate a [[GridApiRef]].
+ */
+export declare const useGridApiRef: <Api extends GridApiCommon = GridApiCommunity>() => RefObject<Api | null>;

package/modern/hooks/utils/useGridAriaAttributes.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;

package/modern/hooks/utils/useGridConfiguration.d.ts

@@ -0,0 +1,2 @@
+import { GridConfiguration } from "../../models/configuration/gridConfiguration.js";
+export declare const useGridConfiguration: () => GridConfiguration;

package/modern/hooks/utils/useGridInitializeState.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from '@mui/x-internals/types';
+import { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
+import { GridPrivateApiCommunity } from "../../models/api/gridApiCommunity.js";
+import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
+type DeepPartial<T> = { [P in keyof T]?: DeepPartial<T[P]> };
+export type GridStateInitializer<P extends Partial<DataGridProcessedProps> = DataGridProcessedProps, PrivateApi extends GridPrivateApiCommon = GridPrivateApiCommunity> = (state: DeepPartial<PrivateApi['state']>, props: P, privateApiRef: RefObject<PrivateApi>) => DeepPartial<PrivateApi['state']>;
+export declare const useGridInitializeState: <P extends Partial<DataGridProcessedProps>, PrivateApi extends GridPrivateApiCommon = GridPrivateApiCommunity>(initializer: GridStateInitializer<P, PrivateApi>, privateApiRef: RefObject<PrivateApi>, props: P) => void;
+export {};

package/modern/hooks/utils/useGridLogger.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from '@mui/x-internals/types';
+import { Logger } from "../../models/logger.js";
+import { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
+export declare function useGridLogger<PrivateApi extends GridPrivateApiCommon>(privateApiRef: RefObject<PrivateApi>, name: string): Logger;

package/modern/hooks/utils/useGridNativeEventListener.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from '@mui/x-internals/types';
+import { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
+export declare const useGridNativeEventListener: <PrivateApi extends GridPrivateApiCommon, K extends keyof HTMLElementEventMap>(apiRef: RefObject<PrivateApi>, ref: () => HTMLElement | undefined | null, eventName: K, handler: (event: HTMLElementEventMap[K]) => any, options?: AddEventListenerOptions) => void;

package/modern/hooks/utils/useGridNativeEventListener.js

@@ -1,27 +1,17 @@
-import * as React from 'react';
-import { isFunction } from "../../utils/utils.js";
 import { useGridLogger } from "./useGridLogger.js";
+import { useGridApiOptionHandler } from "./useGridApiEventHandler.js";
 export const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) => {
   const logger = useGridLogger(apiRef, 'useNativeEventListener');
-  const [added, setAdded] = React.useState(false);
-  const handlerRef = React.useRef(handler);
-  const targetElement = isFunction(ref) ? ref() : ref?.current ?? null;
-  const wrapHandler = React.useCallback(event => {
-    return handlerRef.current && handlerRef.current(event);
-  }, []);
-  React.useEffect(() => {
-    handlerRef.current = handler;
-  }, [handler]);
-  React.useEffect(() => {
-    if (targetElement && eventName && !added) {
-      logger.debug(`Binding native ${eventName} event`);
-      targetElement.addEventListener(eventName, wrapHandler, options);
-      setAdded(true);
-      const unsubscribe = () => {
-        logger.debug(`Clearing native ${eventName} event`);
-        targetElement.removeEventListener(eventName, wrapHandler, options);
-      };
-      apiRef.current.subscribeEvent('unmount', unsubscribe);
+  useGridApiOptionHandler(apiRef, 'rootMount', () => {
+    const targetElement = ref();
+    if (!targetElement || !eventName) {
+      return undefined;
     }
-  }, [targetElement, wrapHandler, eventName, added, logger, options, apiRef]);
+    logger.debug(`Binding native ${eventName} event`);
+    targetElement.addEventListener(eventName, handler, options);
+    return () => {
+      logger.debug(`Clearing native ${eventName} event`);
+      targetElement.removeEventListener(eventName, handler, options);
+    };
+  });
 };

package/modern/hooks/utils/useGridPrivateApiContext.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
+import { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
+import { GridPrivateApiCommunity } from "../../models/api/gridApiCommunity.js";
+export declare const GridPrivateApiContext: React.Context<unknown>;
+export declare function useGridPrivateApiContext<PrivateApi extends GridPrivateApiCommon = GridPrivateApiCommunity>(): RefObject<PrivateApi>;

package/modern/hooks/utils/useGridRootProps.d.ts

@@ -0,0 +1,2 @@
+import type { DataGridProcessedProps } from '../../models/props/DataGridProps';
+export declare const useGridRootProps: () => DataGridProcessedProps;

package/modern/hooks/utils/useGridSelector.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from '@mui/x-internals/types';
+import type { GridApiCommon } from '../../models/api/gridApiCommon';
+import type { OutputSelector } from '../../utils/createSelector';
+type Selector<Api extends GridApiCommon, Args, T> = ((apiRef: RefObject<Api>) => T) | ((apiRef: RefObject<Api | null>) => T) | OutputSelector<Api['state'], Args, T>;
+export declare const objectShallowCompare: (a: unknown, b: unknown) => boolean;
+export declare const argsEqual: (prev: any, curr: any) => boolean;
+export declare const useGridSelector: <Api extends GridApiCommon, Args, T>(apiRef: RefObject<Api>, selector: Selector<Api, Args, T>, args?: Args, equals?: <U = T>(a: U, b: U) => boolean) => T;
+export {};

package/modern/hooks/utils/useGridSelector.js

@@ -1,17 +1,11 @@
 import * as React from 'react';
 import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
 import { warnOnce } from '@mui/x-internals/warning';
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
+// use-sync-external-store has no exports field defined
+// See https://github.com/facebook/react/issues/30698
+// eslint-disable-next-line import/extensions
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
 import { useLazyRef } from "./useLazyRef.js";
-function isOutputSelector(selector) {
-  return selector.acceptsApiRef;
-}
-function applySelector(apiRef, selector, args, instanceId) {
-  if (isOutputSelector(selector)) {
-    return selector(apiRef, args);
-  }
-  return selector(apiRef.current.state, args, instanceId);
-}
 const defaultCompare = Object.is;
 export const objectShallowCompare = fastObjectShallowCompare;
 const arrayShallowCompare = (a, b) => {
@@ -47,14 +41,14 @@ export const useGridSelector = (apiRef, selector, args = undefined, equals = def
   const didInit = refs.current.selector !== null;
   const [state, setState] = React.useState(
   // We don't use an initialization function to avoid allocations
-  didInit ? null : applySelector(apiRef, selector, args, apiRef.current.instanceId));
+  didInit ? null : selector(apiRef, args));
   refs.current.state = state;
   refs.current.equals = equals;
   refs.current.selector = selector;
   const prevArgs = refs.current.args;
   refs.current.args = args;
   if (didInit && !argsEqual(prevArgs, args)) {
-    const newState = applySelector(apiRef, refs.current.selector, refs.current.args, apiRef.current.instanceId);
+    const newState = refs.current.selector(apiRef, refs.current.args);
     if (!refs.current.equals(refs.current.state, newState)) {
       refs.current.state = newState;
       setState(newState);
@@ -65,7 +59,7 @@ export const useGridSelector = (apiRef, selector, args = undefined, equals = def
       return null;
     }
     refs.current.subscription = apiRef.current.store.subscribe(() => {
-      const newState = applySelector(apiRef, refs.current.selector, refs.current.args, apiRef.current.instanceId);
+      const newState = refs.current.selector(apiRef, refs.current.args);
       if (!refs.current.equals(refs.current.state, newState)) {
         refs.current.state = newState;
         setState(newState);

package/modern/hooks/utils/useGridVisibleRows.d.ts

@@ -0,0 +1,26 @@
+import { RefObject } from '@mui/x-internals/types';
+import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
+import type { GridApiCommon } from '../../models';
+export declare const getVisibleRows: <Api extends GridApiCommon>(apiRef: RefObject<Api>, props?: Pick<DataGridProcessedProps, "pagination" | "paginationMode">) => {
+  rows: import("../..").GridRowEntry<import("../..").GridValidRowModel>[];
+  range: {
+    firstRowIndex: number;
+    lastRowIndex: number;
+  } | null;
+  rowIdToIndexMap: Map<import("../..").GridRowId, number>;
+};
+/**
+ * Computes the list of rows that are reachable by scroll.
+ * Depending on whether pagination is enabled, it will return the rows in the current page.
+ * - If the pagination is disabled or in server mode, it equals all the visible rows.
+ * - If the row tree has several layers, it contains up to `state.pageSize` top level rows and all their descendants.
+ * - If the row tree is flat, it only contains up to `state.pageSize` rows.
+ */
+export declare const useGridVisibleRows: <Api extends GridApiCommon>(apiRef: RefObject<Api>, props?: Pick<DataGridProcessedProps, "pagination" | "paginationMode">) => {
+  rows: import("../..").GridRowEntry<import("../..").GridValidRowModel>[];
+  range: {
+    firstRowIndex: number;
+    lastRowIndex: number;
+  } | null;
+  rowIdToIndexMap: Map<import("../..").GridRowId, number>;
+};

package/modern/hooks/utils/useIsSSR.d.ts

@@ -0,0 +1 @@
+export declare const useIsSSR: () => boolean;

package/modern/hooks/utils/useIsSSR.js

@@ -1,4 +1,7 @@
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
+// use-sync-external-store has no exports field defined
+// See https://github.com/facebook/react/issues/30698
+// eslint-disable-next-line import/extensions
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
 const emptySubscribe = () => () => {};
 const clientSnapshot = () => false;
 const serverSnapshot = () => true;

package/modern/hooks/utils/useLazyRef.d.ts

@@ -0,0 +1 @@
+export { default as useLazyRef } from '@mui/utils/useLazyRef';

package/modern/hooks/utils/useOnMount.d.ts

@@ -0,0 +1 @@
+export { default as useOnMount } from '@mui/utils/useOnMount';

package/modern/hooks/utils/useRunOnce.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+/**
+ * Runs an effect once, when `condition` is true.
+ */
+export declare const useRunOnce: (condition: boolean, effect: React.EffectCallback) => void;

package/modern/hooks/utils/useTimeout.d.ts

@@ -0,0 +1 @@
+export { default as useTimeout } from '@mui/utils/useTimeout';

package/modern/index.d.ts

@@ -0,0 +1,38 @@
+import { GridApiCommunity } from "./models/api/gridApiCommunity.js";
+import { GridInitialStateCommunity, GridStateCommunity } from "./models/gridStateCommunity.js";
+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 "./constants/dataGridPropsDefaultValues.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 type { DataGridProps, GridExperimentalFeatures } from './models/props/DataGridProps';
+export type { GridExportFormat, GridExportExtension } from './models/gridExport';
+export { GridColumnHeaders } from "./components/GridColumnHeaders.js";
+export type { GridColumnHeadersProps } from './components/GridColumnHeaders';
+/**
+ * Reexportable exports.
+ */
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./components/reexportable.js";
+export type { GridGetRowsParams, GridGetRowsResponse, GridDataSource } from './models/gridDataSource';
+export type { GridDataSourceApiBase, GridDataSourceApi } from './hooks/features/dataSource/models';
+/**
+ * The full grid API.
+ * @demos
+ *   - [API object](/x/react-data-grid/api-object/)
+ */
+export type GridApi = GridApiCommunity;
+/**
+ * The state of Data Grid.
+ */
+export type GridState = GridStateCommunity;
+/**
+ * The initial state of Data Grid.
+ */
+export type GridInitialState = GridInitialStateCommunity;

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.0.0-alpha.11
+ * @mui/x-data-grid v8.0.0-alpha.13
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -19,7 +19,7 @@ export * from "./colDef/index.js";
 export * from "./utils/index.js";
 export { GridColumnHeaders } from "./components/GridColumnHeaders.js";
 /**
- * Reexportable components.
+ * Reexportable exports.
  */
 export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./components/reexportable.js";
 

package/modern/internals/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const GRID_TREE_DATA_GROUPING_FIELD = "__tree_data_group__";
+export declare const GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD = "__row_group_by_columns_group__";
+export declare const GRID_DETAIL_PANEL_TOGGLE_FIELD = "__detail_panel_toggle__";
+export declare enum PinnedColumnPosition {
+  NONE = 0,
+  LEFT = 1,
+  RIGHT = 2,
+  VIRTUAL = 3,
+}

package/modern/internals/index.d.ts

@@ -0,0 +1,108 @@
+export type { GridBaseColDef, GridStateColDef, GridSingleSelectColDef } from '../models/colDef/gridColDef';
+export { GridVirtualScroller } from "../components/virtualization/GridVirtualScroller.js";
+export { GridVirtualScrollerContent } from "../components/virtualization/GridVirtualScrollerContent.js";
+export { GridVirtualScrollerRenderZone } from "../components/virtualization/GridVirtualScrollerRenderZone.js";
+export type { GridDetailPanelsProps } from '../components/GridDetailPanels';
+export type { GridPinnedRowsProps } from '../components/GridPinnedRows';
+export { GridHeaders } from "../components/GridHeaders.js";
+export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColumnHeaders.js";
+export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
+export * from "../constants/signature.js";
+export { vars } from "../constants/cssVariables.js";
+export { propsStateInitializer } from "../hooks/core/useGridProps.js";
+export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.js";
+export { getValueOptions } from "../components/panel/filterPanel/filterPanelUtils.js";
+export { useGridRegisterPipeProcessor } from "../hooks/core/pipeProcessing/index.js";
+export type { GridPipeProcessor } from '../hooks/core/pipeProcessing';
+export { GridStrategyGroup, useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../hooks/core/strategyProcessing/index.js";
+export type { GridStrategyProcessor, GridStrategyProcessorName } from '../hooks/core/strategyProcessing';
+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 type { GridSlotsComponentsProps } from '../models/gridSlotsComponentsProps';
+export type { GridFilterInputValueProps } from '../models/gridFilterInputComponent';
+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 type { GridColumnGroupLookup } from '../hooks/features/columnGrouping/gridColumnGroupsInterfaces';
+export type { GridColumnRawLookup, GridColumnsRawState, GridHydrateColumnsValue, GridPinnedColumns, GridPinnedColumnFields, GridColumnPinningState } from '../hooks/features/columns/gridColumnsInterfaces';
+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 { defaultGridFilterLookup } from "../hooks/features/filter/gridFilterState.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 type { GridAggregatedFilterItemApplier, GridAggregatedFilterItemApplierResult } from '../hooks/features/filter/gridFilterState';
+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 { useGridRowSpanning, rowSpanningStateInitializer } from "../hooks/features/rows/useGridRowSpanning.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 type { GridRowTreeCreationParams, GridRowTreeCreationValue, GridHydrateRowsValue, GridRowsPartialUpdates, GridRowsPartialUpdateAction, GridTreeDepths, GridRowTreeUpdatedGroupsManager, GridRowTreeUpdateGroupAction, GridPinnedRowsState } from '../hooks/features/rows/gridRowsInterfaces';
+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, getRowValue } from "../hooks/features/rows/gridRowsUtils.js";
+export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector, gridRowSelector } from "../hooks/features/rows/gridRowsSelector.js";
+export { headerFilteringStateInitializer, useGridHeaderFiltering } from "../hooks/features/headerFiltering/useGridHeaderFiltering.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 type { GridSortingModelApplier } from '../hooks/features/sorting/gridSortingState';
+export { gridSortedRowIndexLookupSelector } from "../hooks/features/sorting/gridSortingSelector.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 * from "../hooks/features/dimensions/gridDimensionsSelectors.js";
+export { useGridStatePersistence } from "../hooks/features/statePersistence/useGridStatePersistence.js";
+export type { GridRestoreStatePreProcessingContext } from '../hooks/features/statePersistence/gridStatePersistenceInterface';
+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 { ROW_SELECTION_PROPAGATION_DEFAULT } from "../hooks/features/rowSelection/utils.js";
+export { useGridListView, listViewStateInitializer } from "../hooks/features/listView/useGridListView.js";
+export { useTimeout } from "../hooks/utils/useTimeout.js";
+export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
+export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
+export type { GridStateInitializer } from '../hooks/utils/useGridInitializeState';
+export type * from '../models/props/DataGridProps';
+export type { GridDataSourceApiBase, GridDataSourceApi } from '../hooks/features/dataSource/models';
+export { DataSourceRowsUpdateStrategy } from "../hooks/features/dataSource/utils.js";
+export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataSourceBase.js";
+export { CacheChunkManager } from "../hooks/features/dataSource/utils.js";
+export { gridGetRowsParamsSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
+export { getColumnsToExport, defaultGetRowsToExport } from "../hooks/features/export/utils.js";
+export * from "../utils/createControllablePromise.js";
+export * from "../utils/rtlFlipSide.js";
+export { createSelector, createRootSelector, createSelectorMemoized } from "../utils/createSelector.js";
+export { gridRowGroupsToFetchSelector } from "../hooks/features/rows/gridRowsSelector.js";
+export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from "../utils/domUtils.js";
+export { isNavigationKey, isPasteShortcut, isCopyShortcut } 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 type { GridPrivateOnlyApiCommon } from '../models/api/gridApiCommon';
+export type { GridInfiniteLoaderPrivateApi } from '../models/api/gridInfiniteLoaderApi';
+export { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
+export * from "../hooks/utils/index.js";
+export type { GridApiCommunity } from '../models/api/gridApiCommunity';
+export type { GridApiCaches } from '../models/gridApiCaches';
+export { serializeCellValue } from "../hooks/features/export/serializers/csvSerializer.js";
+export * from "./utils/index.js";
+export * from "./constants.js";
+export type { Localization } from '../utils/getGridLocalization';
+export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";

package/modern/internals/index.js

@@ -5,6 +5,8 @@ export { GridHeaders } from "../components/GridHeaders.js";
 export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColumnHeaders.js";
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
 export * from "../constants/signature.js";
+export { vars } from "../constants/cssVariables.js";
+export { propsStateInitializer } from "../hooks/core/useGridProps.js";
 export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.js";
 export { getValueOptions } from "../components/panel/filterPanel/filterPanelUtils.js";
 export { useGridRegisterPipeProcessor } from "../hooks/core/pipeProcessing/index.js";
@@ -42,8 +44,8 @@ export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreP
 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 { getRowIdFromRowModel, GRID_ID_AUTOGENERATED, getRowValue } from "../hooks/features/rows/gridRowsUtils.js";
+export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector, gridRowSelector } from "../hooks/features/rows/gridRowsSelector.js";
 export { headerFilteringStateInitializer, useGridHeaderFiltering } from "../hooks/features/headerFiltering/useGridHeaderFiltering.js";
 export { useGridRowSelection, rowSelectionStateInitializer } from "../hooks/features/rowSelection/useGridRowSelection.js";
 export { useGridRowSelectionPreProcessors } from "../hooks/features/rowSelection/useGridRowSelectionPreProcessors.js";
@@ -62,10 +64,14 @@ export { useGridListView, listViewStateInitializer } from "../hooks/features/lis
 export { useTimeout } from "../hooks/utils/useTimeout.js";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
+export { DataSourceRowsUpdateStrategy } from "../hooks/features/dataSource/utils.js";
+export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataSourceBase.js";
+export { CacheChunkManager } from "../hooks/features/dataSource/utils.js";
+export { gridGetRowsParamsSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
 export { getColumnsToExport, defaultGetRowsToExport } from "../hooks/features/export/utils.js";
 export * from "../utils/createControllablePromise.js";
 export * from "../utils/rtlFlipSide.js";
-export { createSelector, createSelectorMemoized } from "../utils/createSelector.js";
+export { createSelector, createRootSelector, createSelectorMemoized } from "../utils/createSelector.js";
 export { gridRowGroupsToFetchSelector } from "../hooks/features/rows/gridRowsSelector.js";
 export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from "../utils/domUtils.js";
 export { isNavigationKey, isPasteShortcut, isCopyShortcut } from "../utils/keyboardUtils.js";
@@ -77,4 +83,5 @@ export { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContex
 export * from "../hooks/utils/index.js";
 export { serializeCellValue } from "../hooks/features/export/serializers/csvSerializer.js";
 export * from "./utils/index.js";
-export * from "./constants.js";
+export * from "./constants.js";
+export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";

package/modern/internals/utils/attachPinnedStyle.d.ts

@@ -0,0 +1,2 @@
+import { PinnedColumnPosition } from "../constants.js";
+export declare function attachPinnedStyle(style: React.CSSProperties, isRtl: boolean, pinnedPosition: PinnedColumnPosition | undefined, pinnedOffset?: number): import("react").CSSProperties;