@mui/x-data-grid-pro 8.0.0-beta.3 → 8.1.0

package/modern/hooks/features/rowReorder/useGridRowReorder.d.ts

@@ -1,8 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-/**
- * Only available in DataGridPro
- * @requires useGridRows (method)
- */
-export declare const useGridRowReorder: (apiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "rowReordering" | "onRowOrderChange" | "classes">) => void;

package/modern/hooks/features/rowReorder/useGridRowReorder.js

@@ -1,141 +0,0 @@
-import * as React from 'react';
-import composeClasses from '@mui/utils/composeClasses';
-import { useGridLogger, useGridEvent, getDataGridUtilityClass, useGridSelector, gridSortModelSelector, gridRowMaximumTreeDepthSelector, useGridEventPriority, gridRowNodeSelector } from '@mui/x-data-grid';
-import { gridEditRowsStateSelector, gridSortedRowIndexLookupSelector } from '@mui/x-data-grid/internals';
-import { GRID_REORDER_COL_DEF } from "./gridRowReorderColDef.js";
-var Direction = /*#__PURE__*/function (Direction) {
-  Direction[Direction["UP"] = 0] = "UP";
-  Direction[Direction["DOWN"] = 1] = "DOWN";
-  return Direction;
-}(Direction || {});
-let previousMousePosition = null;
-let previousReorderState = {
-  previousTargetId: null,
-  dragDirection: null
-};
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    rowDragging: ['row--dragging']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-
-/**
- * Only available in DataGridPro
- * @requires useGridRows (method)
- */
-export const useGridRowReorder = (apiRef, props) => {
-  const logger = useGridLogger(apiRef, 'useGridRowReorder');
-  const sortModel = useGridSelector(apiRef, gridSortModelSelector);
-  const treeDepth = useGridSelector(apiRef, gridRowMaximumTreeDepthSelector);
-  const dragRowNode = React.useRef(null);
-  const originRowIndex = React.useRef(null);
-  const removeDnDStylesTimeout = React.useRef(undefined);
-  const ownerState = {
-    classes: props.classes
-  };
-  const classes = useUtilityClasses(ownerState);
-  const [dragRowId, setDragRowId] = React.useState('');
-  const sortedRowIndexLookup = useGridSelector(apiRef, gridSortedRowIndexLookupSelector);
-  React.useEffect(() => {
-    return () => {
-      clearTimeout(removeDnDStylesTimeout.current);
-    };
-  }, []);
-
-  // TODO: remove sortModel check once row reorder is sorting compatible
-  // remove treeDepth once row reorder is tree compatible
-  const isRowReorderDisabled = React.useMemo(() => {
-    return !props.rowReordering || !!sortModel.length || treeDepth !== 1;
-  }, [props.rowReordering, sortModel, treeDepth]);
-  const handleDragStart = React.useCallback((params, event) => {
-    // Call the gridEditRowsStateSelector directly to avoid infnite loop
-    const editRowsState = gridEditRowsStateSelector(apiRef);
-    if (isRowReorderDisabled || Object.keys(editRowsState).length !== 0) {
-      return;
-    }
-    logger.debug(`Start dragging row ${params.id}`);
-    // Prevent drag events propagation.
-    // For more information check here https://github.com/mui/mui-x/issues/2680.
-    event.stopPropagation();
-    dragRowNode.current = event.currentTarget;
-    dragRowNode.current.classList.add(classes.rowDragging);
-    setDragRowId(params.id);
-    removeDnDStylesTimeout.current = setTimeout(() => {
-      dragRowNode.current.classList.remove(classes.rowDragging);
-    });
-    originRowIndex.current = sortedRowIndexLookup[params.id];
-    apiRef.current.setCellFocus(params.id, GRID_REORDER_COL_DEF.field);
-  }, [apiRef, isRowReorderDisabled, logger, classes.rowDragging, sortedRowIndexLookup]);
-  const handleDragOver = React.useCallback((params, event) => {
-    if (dragRowId === '') {
-      return;
-    }
-    const rowNode = gridRowNodeSelector(apiRef, params.id);
-    if (!rowNode || rowNode.type === 'footer' || rowNode.type === 'pinnedRow') {
-      return;
-    }
-    logger.debug(`Dragging over row ${params.id}`);
-    event.preventDefault();
-    // Prevent drag events propagation.
-    // For more information check here https://github.com/mui/mui-x/issues/2680.
-    event.stopPropagation();
-    const mouseMovementDiff = previousMousePosition ? previousMousePosition.y - event.clientY : event.clientY;
-    if (params.id !== dragRowId) {
-      const targetRowIndex = sortedRowIndexLookup[params.id];
-      const dragDirection = mouseMovementDiff > 0 ? Direction.DOWN : Direction.UP;
-      const currentReorderState = {
-        dragDirection,
-        previousTargetId: params.id
-      };
-      const isStateChanged = currentReorderState.dragDirection !== previousReorderState.dragDirection || currentReorderState.previousTargetId !== previousReorderState.previousTargetId;
-      if (previousReorderState.dragDirection === null || Math.abs(mouseMovementDiff) >= 1 && isStateChanged) {
-        apiRef.current.setRowIndex(dragRowId, targetRowIndex);
-        previousReorderState = currentReorderState;
-      }
-    }
-    previousMousePosition = {
-      x: event.clientX,
-      y: event.clientY
-    };
-  }, [dragRowId, apiRef, logger, sortedRowIndexLookup]);
-  const handleDragEnd = React.useCallback((params, event) => {
-    // Call the gridEditRowsStateSelector directly to avoid infnite loop
-    const editRowsState = gridEditRowsStateSelector(apiRef);
-    if (dragRowId === '' || isRowReorderDisabled || Object.keys(editRowsState).length !== 0) {
-      return;
-    }
-    logger.debug('End dragging row');
-    event.preventDefault();
-    // Prevent drag events propagation.
-    // For more information check here https://github.com/mui/mui-x/issues/2680.
-    event.stopPropagation();
-    clearTimeout(removeDnDStylesTimeout.current);
-    dragRowNode.current = null;
-    previousReorderState.dragDirection = null;
-
-    // Check if the row was dropped outside the grid.
-    if (event.dataTransfer.dropEffect === 'none') {
-      // Accessing params.field may contain the wrong field as header elements are reused
-      apiRef.current.setRowIndex(dragRowId, originRowIndex.current);
-      originRowIndex.current = null;
-    } else {
-      // Emit the rowOrderChange event only once when the reordering stops.
-      const rowOrderChangeParams = {
-        row: apiRef.current.getRow(dragRowId),
-        targetIndex: sortedRowIndexLookup[params.id],
-        oldIndex: originRowIndex.current
-      };
-      apiRef.current.publishEvent('rowOrderChange', rowOrderChangeParams);
-    }
-    setDragRowId('');
-  }, [apiRef, dragRowId, isRowReorderDisabled, logger, sortedRowIndexLookup]);
-  useGridEvent(apiRef, 'rowDragStart', handleDragStart);
-  useGridEvent(apiRef, 'rowDragOver', handleDragOver);
-  useGridEvent(apiRef, 'rowDragEnd', handleDragEnd);
-  useGridEvent(apiRef, 'cellDragOver', handleDragOver);
-  useGridEventPriority(apiRef, 'rowOrderChange', props.onRowOrderChange);
-};

package/modern/hooks/features/rowReorder/useGridRowReorderPreProcessors.d.ts

@@ -1,4 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-export declare const useGridRowReorderPreProcessors: (privateApiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps) => void;

package/modern/hooks/features/rowReorder/useGridRowReorderPreProcessors.js

@@ -1,46 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import composeClasses from '@mui/utils/composeClasses';
-import { getDataGridUtilityClass } from '@mui/x-data-grid';
-import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
-import { GRID_REORDER_COL_DEF } from "./gridRowReorderColDef.js";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  return React.useMemo(() => {
-    const slots = {
-      rowReorderCellContainer: ['rowReorderCellContainer'],
-      columnHeaderReorder: ['columnHeaderReorder']
-    };
-    return composeClasses(slots, getDataGridUtilityClass, classes);
-  }, [classes]);
-};
-export const useGridRowReorderPreProcessors = (privateApiRef, props) => {
-  const ownerState = {
-    classes: props.classes
-  };
-  const classes = useUtilityClasses(ownerState);
-  const updateReorderColumn = React.useCallback(columnsState => {
-    const reorderColumn = _extends({}, GRID_REORDER_COL_DEF, {
-      cellClassName: classes.rowReorderCellContainer,
-      headerClassName: classes.columnHeaderReorder,
-      headerName: privateApiRef.current.getLocaleText('rowReorderingHeaderName')
-    });
-    const shouldHaveReorderColumn = props.rowReordering;
-    const haveReorderColumn = columnsState.lookup[reorderColumn.field] != null;
-    if (shouldHaveReorderColumn && haveReorderColumn) {
-      columnsState.lookup[reorderColumn.field] = _extends({}, reorderColumn, columnsState.lookup[reorderColumn.field]);
-      return columnsState;
-    }
-    if (shouldHaveReorderColumn && !haveReorderColumn) {
-      columnsState.lookup[reorderColumn.field] = reorderColumn;
-      columnsState.orderedFields = [reorderColumn.field, ...columnsState.orderedFields];
-    } else if (!shouldHaveReorderColumn && haveReorderColumn) {
-      delete columnsState.lookup[reorderColumn.field];
-      columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== reorderColumn.field);
-    }
-    return columnsState;
-  }, [privateApiRef, classes, props.rowReordering]);
-  useGridRegisterPipeProcessor(privateApiRef, 'hydrateColumns', updateReorderColumn);
-};

package/modern/hooks/features/rows/index.d.ts

@@ -1 +0,0 @@
-export * from "./useGridRowAriaAttributes.js";

package/modern/hooks/features/rows/index.js

@@ -1 +0,0 @@
-export * from "./useGridRowAriaAttributes.js";

package/modern/hooks/features/rows/useGridRowAriaAttributes.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridTreeNode } from '@mui/x-data-grid';
-export declare const useGridRowAriaAttributes: (addTreeDataAttributes?: boolean) => (rowNode: GridTreeNode, index: number) => React.HTMLAttributes<HTMLElement>;

package/modern/hooks/features/rows/useGridRowAriaAttributes.js

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { useGridSelector, gridFilteredTopLevelRowCountSelector, GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
-import { useGridRowAriaAttributes as useGridRowAriaAttributesCommunity, gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector } from '@mui/x-data-grid/internals';
-import { useGridPrivateApiContext } from "../../utils/useGridPrivateApiContext.js";
-import { useGridRootProps } from "../../utils/useGridRootProps.js";
-export const useGridRowAriaAttributes = addTreeDataAttributes => {
-  const apiRef = useGridPrivateApiContext();
-  const props = useGridRootProps();
-  const getRowAriaAttributesCommunity = useGridRowAriaAttributesCommunity();
-  const filteredTopLevelRowCount = useGridSelector(apiRef, gridFilteredTopLevelRowCountSelector);
-  const filteredChildrenCountLookup = useGridSelector(apiRef, gridFilteredChildrenCountLookupSelector);
-  const sortedVisibleRowPositionsLookup = useGridSelector(apiRef, gridExpandedSortedRowTreeLevelPositionLookupSelector);
-  return React.useCallback((rowNode, index) => {
-    const ariaAttributes = getRowAriaAttributesCommunity(rowNode, index);
-    if (rowNode === null || !(props.treeData || addTreeDataAttributes)) {
-      return ariaAttributes;
-    }
-
-    // pinned and footer rows are not part of the rowgroup and should not get the set specific aria attributes
-    if (rowNode.type === 'footer' || rowNode.type === 'pinnedRow') {
-      return ariaAttributes;
-    }
-    ariaAttributes['aria-level'] = rowNode.depth + 1;
-    const filteredChildrenCount = filteredChildrenCountLookup[rowNode.id] ?? 0;
-    // aria-expanded should only be added to the rows that contain children
-    if (rowNode.type === 'group' && filteredChildrenCount > 0) {
-      ariaAttributes['aria-expanded'] = Boolean(rowNode.childrenExpanded);
-    }
-
-    // if the parent is null, set size and position cannot be determined
-    if (rowNode.parent !== null) {
-      ariaAttributes['aria-setsize'] = rowNode.parent === GRID_ROOT_GROUP_ID ? filteredTopLevelRowCount : filteredChildrenCountLookup[rowNode.parent];
-      ariaAttributes['aria-posinset'] = sortedVisibleRowPositionsLookup[rowNode.id];
-    }
-    return ariaAttributes;
-  }, [props.treeData, addTreeDataAttributes, filteredTopLevelRowCount, filteredChildrenCountLookup, sortedVisibleRowPositionsLookup, getRowAriaAttributesCommunity]);
-};

package/modern/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.d.ts

@@ -1,10 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-/**
- * @requires useGridRows (state)
- * @requires useGridPagination (state)
- * @requires useGridDimensions (method) - can be after
- * @requires useGridScroll (method
- */
-export declare const useGridDataSourceLazyLoader: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "pagination" | "paginationMode" | "dataSource" | "lazyLoading" | "lazyLoadingRequestThrottleMs" | "scrollEndThreshold">) => void;

package/modern/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.js

@@ -1,325 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { throttle } from '@mui/x-internals/throttle';
-import { unstable_debounce as debounce } from '@mui/utils';
-import { useGridEvent, gridSortModelSelector, gridFilterModelSelector, GRID_ROOT_GROUP_ID, gridPaginationModelSelector, gridDimensionsSelector, gridFilteredSortedRowIdsSelector } from '@mui/x-data-grid';
-import { getVisibleRows, gridRenderContextSelector, GridStrategyGroup, useGridRegisterStrategyProcessor, runIf, DataSourceRowsUpdateStrategy } from '@mui/x-data-grid/internals';
-import { findSkeletonRowsSection } from "../lazyLoader/utils.js";
-import { GRID_SKELETON_ROW_ROOT_ID } from "../lazyLoader/useGridLazyLoaderPreProcessors.js";
-var LoadingTrigger = /*#__PURE__*/function (LoadingTrigger) {
-  LoadingTrigger[LoadingTrigger["VIEWPORT"] = 0] = "VIEWPORT";
-  LoadingTrigger[LoadingTrigger["SCROLL_END"] = 1] = "SCROLL_END";
-  return LoadingTrigger;
-}(LoadingTrigger || {});
-const INTERVAL_CACHE_INITIAL_STATE = {
-  firstRowToRender: 0,
-  lastRowToRender: 0
-};
-const getSkeletonRowId = index => `${GRID_SKELETON_ROW_ROOT_ID}-${index}`;
-
-/**
- * @requires useGridRows (state)
- * @requires useGridPagination (state)
- * @requires useGridDimensions (method) - can be after
- * @requires useGridScroll (method
- */
-export const useGridDataSourceLazyLoader = (privateApiRef, props) => {
-  const setStrategyAvailability = React.useCallback(() => {
-    privateApiRef.current.setStrategyAvailability(GridStrategyGroup.DataSource, DataSourceRowsUpdateStrategy.LazyLoading, props.dataSource && props.lazyLoading ? () => true : () => false);
-  }, [privateApiRef, props.lazyLoading, props.dataSource]);
-  const [lazyLoadingRowsUpdateStrategyActive, setLazyLoadingRowsUpdateStrategyActive] = React.useState(false);
-  const renderedRowsIntervalCache = React.useRef(INTERVAL_CACHE_INITIAL_STATE);
-  const previousLastRowIndex = React.useRef(0);
-  const loadingTrigger = React.useRef(null);
-  const rowsStale = React.useRef(false);
-  const fetchRows = React.useCallback(params => {
-    privateApiRef.current.dataSource.fetchRows(GRID_ROOT_GROUP_ID, params);
-  }, [privateApiRef]);
-  const debouncedFetchRows = React.useMemo(() => debounce(fetchRows, 0), [fetchRows]);
-
-  // Adjust the render context range to fit the pagination model's page size
-  // First row index should be decreased to the start of the page, end row index should be increased to the end of the page
-  const adjustRowParams = React.useCallback(params => {
-    if (typeof params.start !== 'number') {
-      return params;
-    }
-    const paginationModel = gridPaginationModelSelector(privateApiRef);
-    return _extends({}, params, {
-      start: params.start - params.start % paginationModel.pageSize,
-      end: params.end + paginationModel.pageSize - params.end % paginationModel.pageSize - 1
-    });
-  }, [privateApiRef]);
-  const resetGrid = React.useCallback(() => {
-    privateApiRef.current.setLoading(true);
-    privateApiRef.current.dataSource.cache.clear();
-    rowsStale.current = true;
-    previousLastRowIndex.current = 0;
-    const paginationModel = gridPaginationModelSelector(privateApiRef);
-    const sortModel = gridSortModelSelector(privateApiRef);
-    const filterModel = gridFilterModelSelector(privateApiRef);
-    const getRowsParams = {
-      start: 0,
-      end: paginationModel.pageSize - 1,
-      sortModel,
-      filterModel
-    };
-    fetchRows(getRowsParams);
-  }, [privateApiRef, fetchRows]);
-  const ensureValidRowCount = React.useCallback((previousLoadingTrigger, newLoadingTrigger) => {
-    // switching from lazy loading to infinite loading should always reset the grid
-    // since there is no guarantee that the new data will be placed correctly
-    // there might be some skeleton rows in between the data or the data has changed (row count became unknown)
-    if (previousLoadingTrigger === LoadingTrigger.VIEWPORT && newLoadingTrigger === LoadingTrigger.SCROLL_END) {
-      resetGrid();
-      return;
-    }
-
-    // switching from infinite loading to lazy loading should reset the grid only if the known row count
-    // is smaller than the amount of rows rendered
-    const tree = privateApiRef.current.state.rows.tree;
-    const rootGroup = tree[GRID_ROOT_GROUP_ID];
-    const rootGroupChildren = [...rootGroup.children];
-    const pageRowCount = privateApiRef.current.state.pagination.rowCount;
-    const rootChildrenCount = rootGroupChildren.length;
-    if (rootChildrenCount > pageRowCount) {
-      resetGrid();
-    }
-  }, [privateApiRef, resetGrid]);
-  const addSkeletonRows = React.useCallback(() => {
-    const tree = privateApiRef.current.state.rows.tree;
-    const dataRowIdToModelLookup = privateApiRef.current.state.rows.dataRowIdToModelLookup;
-    const rootGroup = tree[GRID_ROOT_GROUP_ID];
-    const rootGroupChildren = [...rootGroup.children];
-    const pageRowCount = privateApiRef.current.state.pagination.rowCount;
-    const rootChildrenCount = rootGroupChildren.length;
-
-    /**
-     * Do nothing if
-     * - children count is 0
-     */
-    if (rootChildrenCount === 0) {
-      return;
-    }
-    const pageToSkip = adjustRowParams({
-      start: renderedRowsIntervalCache.current.firstRowToRender,
-      end: renderedRowsIntervalCache.current.lastRowToRender
-    });
-    let hasChanged = false;
-    const isInitialPage = renderedRowsIntervalCache.current.firstRowToRender === 0 && renderedRowsIntervalCache.current.lastRowToRender === 0;
-    for (let i = 0; i < rootChildrenCount; i += 1) {
-      if (isInitialPage) {
-        break;
-      }
-      // replace the rows not in the viewport with skeleton rows
-      if (pageToSkip.start <= i && i <= pageToSkip.end || tree[rootGroupChildren[i]]?.type === 'skeletonRow') {
-        continue;
-      }
-      const skeletonId = getSkeletonRowId(i); // to avoid duplicate keys on rebuild
-      const removedRow = rootGroupChildren[i];
-      rootGroupChildren[i] = skeletonId;
-      const skeletonRowNode = {
-        type: 'skeletonRow',
-        id: skeletonId,
-        parent: GRID_ROOT_GROUP_ID,
-        depth: 0
-      };
-      tree[skeletonId] = skeletonRowNode;
-      delete tree[removedRow];
-      delete dataRowIdToModelLookup[removedRow];
-      hasChanged = true;
-    }
-
-    // Should only happen with VIEWPORT loading trigger
-    if (loadingTrigger.current === LoadingTrigger.VIEWPORT) {
-      // fill the grid with skeleton rows
-      for (let i = 0; i < pageRowCount - rootChildrenCount; i += 1) {
-        const skeletonId = getSkeletonRowId(i + rootChildrenCount); // to avoid duplicate keys on rebuild
-        rootGroupChildren.push(skeletonId);
-        const skeletonRowNode = {
-          type: 'skeletonRow',
-          id: skeletonId,
-          parent: GRID_ROOT_GROUP_ID,
-          depth: 0
-        };
-        tree[skeletonId] = skeletonRowNode;
-        hasChanged = true;
-      }
-    }
-    if (!hasChanged) {
-      return;
-    }
-    tree[GRID_ROOT_GROUP_ID] = _extends({}, rootGroup, {
-      children: rootGroupChildren
-    });
-    privateApiRef.current.setState(state => _extends({}, state, {
-      rows: _extends({}, state.rows, {
-        tree,
-        dataRowIdToModelLookup
-      })
-    }), 'addSkeletonRows');
-  }, [privateApiRef, adjustRowParams]);
-  const updateLoadingTrigger = React.useCallback(rowCount => {
-    const newLoadingTrigger = rowCount === -1 ? LoadingTrigger.SCROLL_END : LoadingTrigger.VIEWPORT;
-    if (loadingTrigger.current !== null) {
-      ensureValidRowCount(loadingTrigger.current, newLoadingTrigger);
-    }
-    if (loadingTrigger.current !== newLoadingTrigger) {
-      loadingTrigger.current = newLoadingTrigger;
-    }
-  }, [ensureValidRowCount]);
-  const handleDataUpdate = React.useCallback(params => {
-    if ('error' in params) {
-      return;
-    }
-    const {
-      response,
-      fetchParams
-    } = params;
-    const pageRowCount = privateApiRef.current.state.pagination.rowCount;
-    if (response.rowCount !== undefined || pageRowCount === undefined) {
-      privateApiRef.current.setRowCount(response.rowCount === undefined ? -1 : response.rowCount);
-    }
-
-    // scroll to the top if the rows are stale and the new request is for the first page
-    if (rowsStale.current && params.fetchParams.start === 0) {
-      privateApiRef.current.scroll({
-        top: 0
-      });
-      // the rows can safely be replaced. skeleton rows will be added later
-      privateApiRef.current.setRows(response.rows);
-    } else {
-      const filteredSortedRowIds = gridFilteredSortedRowIdsSelector(privateApiRef);
-      const startingIndex = typeof fetchParams.start === 'string' ? Math.max(filteredSortedRowIds.indexOf(fetchParams.start), 0) : fetchParams.start;
-      privateApiRef.current.unstable_replaceRows(startingIndex, response.rows);
-    }
-    rowsStale.current = false;
-    if (loadingTrigger.current === null) {
-      updateLoadingTrigger(privateApiRef.current.state.pagination.rowCount);
-    }
-    addSkeletonRows();
-    privateApiRef.current.setLoading(false);
-    privateApiRef.current.unstable_applyPipeProcessors('processDataSourceRows', {
-      params: params.fetchParams,
-      response
-    }, false);
-    privateApiRef.current.requestPipeProcessorsApplication('hydrateRows');
-  }, [privateApiRef, updateLoadingTrigger, addSkeletonRows]);
-  const handleRowCountChange = React.useCallback(() => {
-    if (rowsStale.current || loadingTrigger.current === null) {
-      return;
-    }
-    updateLoadingTrigger(privateApiRef.current.state.pagination.rowCount);
-    addSkeletonRows();
-    privateApiRef.current.requestPipeProcessorsApplication('hydrateRows');
-  }, [privateApiRef, updateLoadingTrigger, addSkeletonRows]);
-  const handleScrolling = React.useCallback(newScrollPosition => {
-    if (rowsStale.current || loadingTrigger.current !== LoadingTrigger.SCROLL_END) {
-      return;
-    }
-    const renderContext = gridRenderContextSelector(privateApiRef);
-    if (previousLastRowIndex.current >= renderContext.lastRowIndex) {
-      return;
-    }
-    const dimensions = gridDimensionsSelector(privateApiRef);
-    const position = newScrollPosition.top + dimensions.viewportInnerSize.height;
-    const target = dimensions.contentSize.height - props.scrollEndThreshold;
-    if (position >= target) {
-      previousLastRowIndex.current = renderContext.lastRowIndex;
-      const paginationModel = gridPaginationModelSelector(privateApiRef);
-      const sortModel = gridSortModelSelector(privateApiRef);
-      const filterModel = gridFilterModelSelector(privateApiRef);
-      const getRowsParams = {
-        start: renderContext.lastRowIndex,
-        end: renderContext.lastRowIndex + paginationModel.pageSize - 1,
-        sortModel,
-        filterModel
-      };
-      privateApiRef.current.setLoading(true);
-      fetchRows(adjustRowParams(getRowsParams));
-    }
-  }, [privateApiRef, props.scrollEndThreshold, adjustRowParams, fetchRows]);
-  const handleRenderedRowsIntervalChange = React.useCallback(params => {
-    if (rowsStale.current) {
-      return;
-    }
-    const sortModel = gridSortModelSelector(privateApiRef);
-    const filterModel = gridFilterModelSelector(privateApiRef);
-    const getRowsParams = {
-      start: params.firstRowIndex,
-      end: params.lastRowIndex,
-      sortModel,
-      filterModel
-    };
-    if (renderedRowsIntervalCache.current.firstRowToRender === params.firstRowIndex && renderedRowsIntervalCache.current.lastRowToRender === params.lastRowIndex) {
-      return;
-    }
-    renderedRowsIntervalCache.current = {
-      firstRowToRender: params.firstRowIndex,
-      lastRowToRender: params.lastRowIndex
-    };
-    const currentVisibleRows = getVisibleRows(privateApiRef);
-    const skeletonRowsSection = findSkeletonRowsSection({
-      apiRef: privateApiRef,
-      visibleRows: currentVisibleRows.rows,
-      range: {
-        firstRowIndex: params.firstRowIndex,
-        lastRowIndex: params.lastRowIndex
-      }
-    });
-    if (!skeletonRowsSection) {
-      return;
-    }
-    getRowsParams.start = skeletonRowsSection.firstRowIndex;
-    getRowsParams.end = skeletonRowsSection.lastRowIndex;
-    fetchRows(adjustRowParams(getRowsParams));
-  }, [privateApiRef, adjustRowParams, fetchRows]);
-  const throttledHandleRenderedRowsIntervalChange = React.useMemo(() => throttle(handleRenderedRowsIntervalChange, props.lazyLoadingRequestThrottleMs), [props.lazyLoadingRequestThrottleMs, handleRenderedRowsIntervalChange]);
-  React.useEffect(() => {
-    return () => {
-      throttledHandleRenderedRowsIntervalChange.clear();
-    };
-  }, [throttledHandleRenderedRowsIntervalChange]);
-  const handleGridSortModelChange = React.useCallback(newSortModel => {
-    rowsStale.current = true;
-    throttledHandleRenderedRowsIntervalChange.clear();
-    previousLastRowIndex.current = 0;
-    const paginationModel = gridPaginationModelSelector(privateApiRef);
-    const filterModel = gridFilterModelSelector(privateApiRef);
-    const getRowsParams = {
-      start: 0,
-      end: paginationModel.pageSize - 1,
-      sortModel: newSortModel,
-      filterModel
-    };
-    privateApiRef.current.setLoading(true);
-    debouncedFetchRows(getRowsParams);
-  }, [privateApiRef, debouncedFetchRows, throttledHandleRenderedRowsIntervalChange]);
-  const handleGridFilterModelChange = React.useCallback(newFilterModel => {
-    rowsStale.current = true;
-    throttledHandleRenderedRowsIntervalChange.clear();
-    previousLastRowIndex.current = 0;
-    const paginationModel = gridPaginationModelSelector(privateApiRef);
-    const sortModel = gridSortModelSelector(privateApiRef);
-    const getRowsParams = {
-      start: 0,
-      end: paginationModel.pageSize - 1,
-      sortModel,
-      filterModel: newFilterModel
-    };
-    privateApiRef.current.setLoading(true);
-    debouncedFetchRows(getRowsParams);
-  }, [privateApiRef, debouncedFetchRows, throttledHandleRenderedRowsIntervalChange]);
-  const handleStrategyActivityChange = React.useCallback(() => {
-    setLazyLoadingRowsUpdateStrategyActive(privateApiRef.current.getActiveStrategy(GridStrategyGroup.DataSource) === DataSourceRowsUpdateStrategy.LazyLoading);
-  }, [privateApiRef]);
-  useGridRegisterStrategyProcessor(privateApiRef, DataSourceRowsUpdateStrategy.LazyLoading, 'dataSourceRowsUpdate', handleDataUpdate);
-  useGridEvent(privateApiRef, 'strategyAvailabilityChange', handleStrategyActivityChange);
-  useGridEvent(privateApiRef, 'rowCountChange', runIf(lazyLoadingRowsUpdateStrategyActive, handleRowCountChange));
-  useGridEvent(privateApiRef, 'scrollPositionChange', runIf(lazyLoadingRowsUpdateStrategyActive, handleScrolling));
-  useGridEvent(privateApiRef, 'renderedRowsIntervalChange', runIf(lazyLoadingRowsUpdateStrategyActive, throttledHandleRenderedRowsIntervalChange));
-  useGridEvent(privateApiRef, 'sortModelChange', runIf(lazyLoadingRowsUpdateStrategyActive, handleGridSortModelChange));
-  useGridEvent(privateApiRef, 'filterModelChange', runIf(lazyLoadingRowsUpdateStrategyActive, handleGridFilterModelChange));
-  React.useEffect(() => {
-    setStrategyAvailability();
-  }, [setStrategyAvailability]);
-};

package/modern/hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.d.ts

@@ -1,4 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-export declare const useGridDataSourceTreeDataPreProcessors: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "treeData" | "groupingColDef" | "disableChildrenSorting" | "disableChildrenFiltering" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "dataSource">) => void;