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

package/modern/hooks/features/detailPanel/useGridDetailPanelPreProcessors.js

@@ -1,43 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { gridClasses } from '@mui/x-data-grid';
-import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
-import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_DETAIL_PANEL_TOGGLE_COL_DEF } from "./gridDetailPanelToggleColDef.js";
-import { gridDetailPanelExpandedRowIdsSelector } from "./gridDetailPanelSelector.js";
-export const useGridDetailPanelPreProcessors = (privateApiRef, props) => {
-  const addToggleColumn = React.useCallback(columnsState => {
-    if (props.getDetailPanelContent == null) {
-      // Remove the toggle column, when it exists
-      if (columnsState.lookup[GRID_DETAIL_PANEL_TOGGLE_FIELD]) {
-        delete columnsState.lookup[GRID_DETAIL_PANEL_TOGGLE_FIELD];
-        columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== GRID_DETAIL_PANEL_TOGGLE_FIELD);
-      }
-      return columnsState;
-    }
-
-    // Don't add the toggle column if there's already one
-    // The user might have manually added it to have it in a custom position
-    if (columnsState.lookup[GRID_DETAIL_PANEL_TOGGLE_FIELD]) {
-      return columnsState;
-    }
-
-    // Otherwise, add the toggle column at the beginning
-    columnsState.orderedFields = [GRID_DETAIL_PANEL_TOGGLE_FIELD, ...columnsState.orderedFields];
-    columnsState.lookup[GRID_DETAIL_PANEL_TOGGLE_FIELD] = _extends({}, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, {
-      headerName: privateApiRef.current.getLocaleText('detailPanelToggle')
-    });
-    return columnsState;
-  }, [privateApiRef, props.getDetailPanelContent]);
-  const addExpandedClassToRow = React.useCallback((classes, id) => {
-    if (props.getDetailPanelContent == null) {
-      return classes;
-    }
-    const expandedRowIds = gridDetailPanelExpandedRowIdsSelector(privateApiRef);
-    if (!expandedRowIds.has(id)) {
-      return classes;
-    }
-    return [...classes, gridClasses['row--detailPanelExpanded']];
-  }, [privateApiRef, props.getDetailPanelContent]);
-  useGridRegisterPipeProcessor(privateApiRef, 'hydrateColumns', addToggleColumn);
-  useGridRegisterPipeProcessor(privateApiRef, 'rowClassName', addExpandedClassToRow);
-};

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

@@ -1,7 +0,0 @@
-export * from "./columnPinning/index.js";
-export * from "./columnReorder/index.js";
-export * from "./rowReorder/index.js";
-export * from "./treeData/index.js";
-export * from "./detailPanel/index.js";
-export * from "./rowPinning/index.js";
-export type { GridDataSourceState } from './dataSource/models';

package/modern/hooks/features/index.js

@@ -1,8 +0,0 @@
-// Only export the variable and types that should be publicly exposed and re-exported from `@mui/x-data-grid-pro`
-export * from "./columnPinning/index.js";
-export * from "./columnReorder/index.js";
-export * from "./rowReorder/index.js";
-export * from "./treeData/index.js";
-export * from "./detailPanel/index.js";
-export * from "./rowPinning/index.js";
-export {};

package/modern/hooks/features/infiniteLoader/useGridInfiniteLoader.d.ts

@@ -1,9 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-/**
- * @requires useGridColumns (state)
- * @requires useGridDimensions (method) - can be after
- * @requires useGridScroll (method
- */
-export declare const useGridInfiniteLoader: (apiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "onRowsScrollEnd" | "pagination" | "paginationMode" | "rowsLoadingMode" | "scrollEndThreshold">) => void;

package/modern/hooks/features/infiniteLoader/useGridInfiniteLoader.js

@@ -1,104 +0,0 @@
-import * as React from 'react';
-import { useGridSelector, useGridEventPriority, gridVisibleColumnDefinitionsSelector, useGridApiMethod, gridDimensionsSelector } from '@mui/x-data-grid';
-import { useGridVisibleRows, useTimeout, gridHorizontalScrollbarHeightSelector } from '@mui/x-data-grid/internals';
-import useEventCallback from '@mui/utils/useEventCallback';
-import { styled } from '@mui/system';
-import { jsx as _jsx } from "react/jsx-runtime";
-const InfiniteLoadingTriggerElement = styled('div')({
-  position: 'sticky',
-  left: 0,
-  width: 0,
-  height: 0
-});
-
-/**
- * @requires useGridColumns (state)
- * @requires useGridDimensions (method) - can be after
- * @requires useGridScroll (method
- */
-export const useGridInfiniteLoader = (apiRef, props) => {
-  const isReady = useGridSelector(apiRef, gridDimensionsSelector).isReady;
-  const visibleColumns = useGridSelector(apiRef, gridVisibleColumnDefinitionsSelector);
-  const currentPage = useGridVisibleRows(apiRef, props);
-  const observer = React.useRef(null);
-  const updateTargetTimeout = useTimeout();
-  const triggerElement = React.useRef(null);
-  const isEnabled = props.rowsLoadingMode === 'client' && !!props.onRowsScrollEnd;
-  const handleLoadMoreRows = useEventCallback(([entry]) => {
-    const currentRatio = entry.intersectionRatio;
-    const isIntersecting = entry.isIntersecting;
-    if (isIntersecting && currentRatio === 1) {
-      const viewportPageSize = apiRef.current.getViewportPageSize();
-      const rowScrollEndParams = {
-        visibleColumns,
-        viewportPageSize,
-        visibleRowsCount: currentPage.rows.length
-      };
-      apiRef.current.publishEvent('rowsScrollEnd', rowScrollEndParams);
-      observer.current?.disconnect();
-      // do not observe this node anymore
-      triggerElement.current = null;
-    }
-  });
-  React.useEffect(() => {
-    const virtualScroller = apiRef.current.virtualScrollerRef.current;
-    if (!isEnabled || !isReady || !virtualScroller) {
-      return;
-    }
-    observer.current?.disconnect();
-    const horizontalScrollbarHeight = gridHorizontalScrollbarHeightSelector(apiRef);
-    const marginBottom = props.scrollEndThreshold - horizontalScrollbarHeight;
-    observer.current = new IntersectionObserver(handleLoadMoreRows, {
-      threshold: 1,
-      root: virtualScroller,
-      rootMargin: `0px 0px ${marginBottom}px 0px`
-    });
-    if (triggerElement.current) {
-      observer.current.observe(triggerElement.current);
-    }
-  }, [apiRef, isReady, handleLoadMoreRows, isEnabled, props.scrollEndThreshold]);
-  const updateTarget = node => {
-    if (triggerElement.current !== node) {
-      observer.current?.disconnect();
-      triggerElement.current = node;
-      if (triggerElement.current) {
-        observer.current?.observe(triggerElement.current);
-      }
-    }
-  };
-  const triggerRef = React.useCallback(node => {
-    // Prevent the infite loading working in combination with lazy loading
-    if (!isEnabled) {
-      return;
-    }
-
-    // If the user scrolls through the grid too fast it might happen that the observer is connected to the trigger element
-    // that will be intersecting the root inside the same render cycle (but not intersecting at the time of the connection).
-    // This will cause the observer to not call the callback with `isIntersecting` set to `true`.
-    // https://www.w3.org/TR/intersection-observer/#event-loop
-    // Delaying the connection to the next cycle helps since the observer will always call the callback the first time it is connected.
-    // https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/observe
-    // Related to
-    // https://github.com/mui/mui-x/issues/14116
-    updateTargetTimeout.start(0, () => updateTarget(node));
-  }, [isEnabled, updateTargetTimeout]);
-  const getInfiniteLoadingTriggerElement = React.useCallback(({
-    lastRowId
-  }) => {
-    if (!isEnabled) {
-      return null;
-    }
-    return /*#__PURE__*/_jsx(InfiniteLoadingTriggerElement, {
-      ref: triggerRef
-      // Force rerender on last row change to start observing the new trigger
-      ,
-
-      role: "presentation"
-    }, `trigger-${lastRowId}`);
-  }, [isEnabled, triggerRef]);
-  const infiniteLoaderPrivateApi = {
-    getInfiniteLoadingTriggerElement
-  };
-  useGridApiMethod(apiRef, infiniteLoaderPrivateApi, 'private');
-  useGridEventPriority(apiRef, 'rowsScrollEnd', props.onRowsScrollEnd);
-};

package/modern/hooks/features/lazyLoader/useGridLazyLoader.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 useGridLazyLoader: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "onFetchRows" | "rowsLoadingMode" | "pagination" | "paginationMode" | "experimentalFeatures">) => void;

package/modern/hooks/features/lazyLoader/useGridLazyLoader.js

@@ -1,90 +0,0 @@
-import * as React from 'react';
-import { useGridEvent, useGridSelector, gridSortModelSelector, gridFilterModelSelector, gridRenderContextSelector, useGridEventPriority } from '@mui/x-data-grid';
-import { getVisibleRows } from '@mui/x-data-grid/internals';
-import { findSkeletonRowsSection } from "./utils.js";
-
-/**
- * @requires useGridRows (state)
- * @requires useGridPagination (state)
- * @requires useGridDimensions (method) - can be after
- * @requires useGridScroll (method
- */
-export const useGridLazyLoader = (privateApiRef, props) => {
-  const sortModel = useGridSelector(privateApiRef, gridSortModelSelector);
-  const filterModel = useGridSelector(privateApiRef, gridFilterModelSelector);
-  const renderedRowsIntervalCache = React.useRef({
-    firstRowToRender: 0,
-    lastRowToRender: 0
-  });
-  const isDisabled = props.rowsLoadingMode !== 'server';
-  const handleRenderedRowsIntervalChange = React.useCallback(params => {
-    if (isDisabled) {
-      return;
-    }
-    const fetchRowsParams = {
-      firstRowToRender: params.firstRowIndex,
-      lastRowToRender: params.lastRowIndex,
-      sortModel,
-      filterModel
-    };
-    if (renderedRowsIntervalCache.current.firstRowToRender === params.firstRowIndex && renderedRowsIntervalCache.current.lastRowToRender === params.lastRowIndex) {
-      return;
-    }
-    renderedRowsIntervalCache.current = {
-      firstRowToRender: params.firstRowIndex,
-      lastRowToRender: params.lastRowIndex
-    };
-    if (sortModel.length === 0 && filterModel.items.length === 0) {
-      const currentVisibleRows = getVisibleRows(privateApiRef, {
-        pagination: props.pagination,
-        paginationMode: props.paginationMode
-      });
-      const skeletonRowsSection = findSkeletonRowsSection({
-        apiRef: privateApiRef,
-        visibleRows: currentVisibleRows.rows,
-        range: {
-          firstRowIndex: params.firstRowIndex,
-          lastRowIndex: params.lastRowIndex
-        }
-      });
-      if (!skeletonRowsSection) {
-        return;
-      }
-      fetchRowsParams.firstRowToRender = skeletonRowsSection.firstRowIndex;
-      fetchRowsParams.lastRowToRender = skeletonRowsSection.lastRowIndex;
-    }
-    privateApiRef.current.publishEvent('fetchRows', fetchRowsParams);
-  }, [privateApiRef, isDisabled, props.pagination, props.paginationMode, sortModel, filterModel]);
-  const handleGridSortModelChange = React.useCallback(newSortModel => {
-    if (isDisabled) {
-      return;
-    }
-    privateApiRef.current.requestPipeProcessorsApplication('hydrateRows');
-    const renderContext = gridRenderContextSelector(privateApiRef);
-    const fetchRowsParams = {
-      firstRowToRender: renderContext.firstRowIndex,
-      lastRowToRender: renderContext.lastRowIndex,
-      sortModel: newSortModel,
-      filterModel
-    };
-    privateApiRef.current.publishEvent('fetchRows', fetchRowsParams);
-  }, [privateApiRef, isDisabled, filterModel]);
-  const handleGridFilterModelChange = React.useCallback(newFilterModel => {
-    if (isDisabled) {
-      return;
-    }
-    privateApiRef.current.requestPipeProcessorsApplication('hydrateRows');
-    const renderContext = gridRenderContextSelector(privateApiRef);
-    const fetchRowsParams = {
-      firstRowToRender: renderContext.firstRowIndex,
-      lastRowToRender: renderContext.lastRowIndex,
-      sortModel,
-      filterModel: newFilterModel
-    };
-    privateApiRef.current.publishEvent('fetchRows', fetchRowsParams);
-  }, [privateApiRef, isDisabled, sortModel]);
-  useGridEvent(privateApiRef, 'renderedRowsIntervalChange', handleRenderedRowsIntervalChange);
-  useGridEvent(privateApiRef, 'sortModelChange', handleGridSortModelChange);
-  useGridEvent(privateApiRef, 'filterModelChange', handleGridFilterModelChange);
-  useGridEventPriority(privateApiRef, 'fetchRows', props.onFetchRows);
-};

package/modern/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.d.ts

@@ -1,5 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-export declare const GRID_SKELETON_ROW_ROOT_ID = "auto-generated-skeleton-row-root";
-export declare const useGridLazyLoaderPreProcessors: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "rowCount" | "rowsLoadingMode" | "experimentalFeatures">) => void;

package/modern/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.js

@@ -1,34 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
-import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
-export const GRID_SKELETON_ROW_ROOT_ID = 'auto-generated-skeleton-row-root';
-const getSkeletonRowId = index => `${GRID_SKELETON_ROW_ROOT_ID}-${index}`;
-export const useGridLazyLoaderPreProcessors = (privateApiRef, props) => {
-  const addSkeletonRows = React.useCallback(groupingParams => {
-    const rootGroup = groupingParams.tree[GRID_ROOT_GROUP_ID];
-    if (props.rowsLoadingMode !== 'server' || !props.rowCount || rootGroup.children.length >= props.rowCount) {
-      return groupingParams;
-    }
-    const tree = _extends({}, groupingParams.tree);
-    const rootGroupChildren = [...rootGroup.children];
-    for (let i = 0; i < props.rowCount - rootGroup.children.length; i += 1) {
-      const skeletonId = getSkeletonRowId(i);
-      rootGroupChildren.push(skeletonId);
-      const skeletonRowNode = {
-        type: 'skeletonRow',
-        id: skeletonId,
-        parent: GRID_ROOT_GROUP_ID,
-        depth: 0
-      };
-      tree[skeletonId] = skeletonRowNode;
-    }
-    tree[GRID_ROOT_GROUP_ID] = _extends({}, rootGroup, {
-      children: rootGroupChildren
-    });
-    return _extends({}, groupingParams, {
-      tree
-    });
-  }, [props.rowCount, props.rowsLoadingMode]);
-  useGridRegisterPipeProcessor(privateApiRef, 'hydrateRows', addSkeletonRows);
-};

package/modern/hooks/features/lazyLoader/utils.d.ts

@@ -1,18 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridRowEntry } from '@mui/x-data-grid';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-export declare const findSkeletonRowsSection: ({
-  apiRef,
-  visibleRows,
-  range
-}: {
-  apiRef: RefObject<GridPrivateApiPro>;
-  visibleRows: GridRowEntry[];
-  range: {
-    firstRowIndex: number;
-    lastRowIndex: number;
-  };
-}) => {
-  firstRowIndex: number;
-  lastRowIndex: number;
-} | undefined;

package/modern/hooks/features/lazyLoader/utils.js

@@ -1,34 +0,0 @@
-import { gridRowNodeSelector } from '@mui/x-data-grid';
-export const findSkeletonRowsSection = ({
-  apiRef,
-  visibleRows,
-  range
-}) => {
-  let {
-    firstRowIndex,
-    lastRowIndex
-  } = range;
-  const visibleRowsSection = visibleRows.slice(range.firstRowIndex, range.lastRowIndex);
-  let startIndex = 0;
-  let endIndex = visibleRowsSection.length - 1;
-  let isSkeletonSectionFound = false;
-  while (!isSkeletonSectionFound && firstRowIndex < lastRowIndex) {
-    const isStartingWithASkeletonRow = gridRowNodeSelector(apiRef, visibleRowsSection[startIndex].id)?.type === 'skeletonRow';
-    const isEndingWithASkeletonRow = gridRowNodeSelector(apiRef, visibleRowsSection[endIndex].id)?.type === 'skeletonRow';
-    if (isStartingWithASkeletonRow && isEndingWithASkeletonRow) {
-      isSkeletonSectionFound = true;
-    }
-    if (!isStartingWithASkeletonRow) {
-      startIndex += 1;
-      firstRowIndex += 1;
-    }
-    if (!isEndingWithASkeletonRow) {
-      endIndex -= 1;
-      lastRowIndex -= 1;
-    }
-  }
-  return isSkeletonSectionFound ? {
-    firstRowIndex,
-    lastRowIndex
-  } : undefined;
-};

package/modern/hooks/features/rowPinning/gridRowPinningInterface.d.ts

@@ -1,17 +0,0 @@
-import { GridRowId, GridRowIdToModelLookup, GridRowsProp, GridValidRowModel } from '@mui/x-data-grid';
-export interface GridPinnedRowsProp<R extends GridValidRowModel = GridValidRowModel> {
-  top?: GridRowsProp<R>;
-  bottom?: GridRowsProp<R>;
-}
-export interface GridRowPinningApi {
-  /**
-   * Changes the pinned rows.
-   * @param {GridPinnedRowsProp} pinnedRows An object containing the rows to pin.
-   */
-  unstable_setPinnedRows: (pinnedRows?: GridPinnedRowsProp) => void;
-}
-export interface GridRowPinningInternalCache {
-  topIds: GridRowId[];
-  bottomIds: GridRowId[];
-  idLookup: GridRowIdToModelLookup;
-}

package/modern/hooks/features/rowPinning/gridRowPinningInterface.js

@@ -1 +0,0 @@
-export {};

package/modern/hooks/features/rowPinning/gridRowPinningSelector.d.ts

@@ -1 +0,0 @@
-export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector } from '@mui/x-data-grid/internals';

package/modern/hooks/features/rowPinning/gridRowPinningSelector.js

@@ -1 +0,0 @@
-export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector } from '@mui/x-data-grid/internals';

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

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

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

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

package/modern/hooks/features/rowPinning/useGridRowPinning.d.ts

@@ -1,6 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridStateInitializer } from '@mui/x-data-grid/internals';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-export declare const rowPinningStateInitializer: GridStateInitializer<Pick<DataGridProProcessedProps, 'pinnedRows' | 'getRowId' | 'experimentalFeatures'>>;
-export declare const useGridRowPinning: (apiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "pinnedRows" | "getRowId">) => void;

package/modern/hooks/features/rowPinning/useGridRowPinning.js

@@ -1,52 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridApiMethod } from '@mui/x-data-grid';
-import { getRowIdFromRowModel } from '@mui/x-data-grid/internals';
-function createPinnedRowsInternalCache(pinnedRows, getRowId) {
-  const cache = {
-    topIds: [],
-    bottomIds: [],
-    idLookup: {}
-  };
-  pinnedRows?.top?.forEach(rowModel => {
-    const id = getRowIdFromRowModel(rowModel, getRowId);
-    cache.topIds.push(id);
-    cache.idLookup[id] = rowModel;
-  });
-  pinnedRows?.bottom?.forEach(rowModel => {
-    const id = getRowIdFromRowModel(rowModel, getRowId);
-    cache.bottomIds.push(id);
-    cache.idLookup[id] = rowModel;
-  });
-  return cache;
-}
-export const rowPinningStateInitializer = (state, props, apiRef) => {
-  apiRef.current.caches.pinnedRows = createPinnedRowsInternalCache(props.pinnedRows, props.getRowId);
-  return _extends({}, state, {
-    rows: _extends({}, state.rows, {
-      additionalRowGroups: _extends({}, state.rows?.additionalRowGroups, {
-        pinnedRows: {
-          top: [],
-          bottom: []
-        }
-      })
-    })
-  });
-};
-export const useGridRowPinning = (apiRef, props) => {
-  const setPinnedRows = React.useCallback(newPinnedRows => {
-    apiRef.current.caches.pinnedRows = createPinnedRowsInternalCache(newPinnedRows, props.getRowId);
-    apiRef.current.requestPipeProcessorsApplication('hydrateRows');
-  }, [apiRef, props.getRowId]);
-  useGridApiMethod(apiRef, {
-    unstable_setPinnedRows: setPinnedRows
-  }, 'public');
-  const isFirstRender = React.useRef(true);
-  React.useEffect(() => {
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-    apiRef.current.unstable_setPinnedRows(props.pinnedRows);
-  }, [apiRef, props.pinnedRows]);
-};

package/modern/hooks/features/rowPinning/useGridRowPinningPreProcessors.d.ts

@@ -1,38 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridHydrateRowsValue } from '@mui/x-data-grid/internals';
-import { GridRowId, GridRowModel } from '@mui/x-data-grid';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import type { GridPinnedRowsProp } from './gridRowPinningInterface';
-type GridPinnedRowPosition = keyof GridPinnedRowsProp;
-export declare function addPinnedRow({
-  groupingParams,
-  rowModel,
-  rowId,
-  position,
-  apiRef,
-  isAutoGenerated
-}: {
-  groupingParams: GridHydrateRowsValue;
-  rowModel: GridRowModel;
-  rowId: GridRowId;
-  position: GridPinnedRowPosition;
-  apiRef: RefObject<GridPrivateApiPro>;
-  isAutoGenerated: boolean;
-}): {
-  dataRowIdToModelLookup: {
-    [x: string]: import("@mui/x-data-grid").GridValidRowModel;
-  };
-  tree: {
-    [x: string]: import("@mui/x-data-grid").GridTreeNode;
-    [x: number]: import("@mui/x-data-grid").GridTreeNode;
-  };
-  treeDepths: {
-    [depth: number]: number;
-  };
-  dataRowIds: GridRowId[];
-  additionalRowGroups?: {
-    pinnedRows?: import("@mui/x-data-grid/internals").GridPinnedRowsState;
-  } | undefined;
-};
-export declare const useGridRowPinningPreProcessors: (apiRef: RefObject<GridPrivateApiPro>) => void;
-export {};

package/modern/hooks/features/rowPinning/useGridRowPinningPreProcessors.js

@@ -1,119 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
-import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
-import { insertNodeInTree } from "../../../utils/tree/utils.js";
-export function addPinnedRow({
-  groupingParams,
-  rowModel,
-  rowId,
-  position,
-  apiRef,
-  isAutoGenerated
-}) {
-  const dataRowIdToModelLookup = _extends({}, groupingParams.dataRowIdToModelLookup);
-  const tree = _extends({}, groupingParams.tree);
-  const treeDepths = _extends({}, groupingParams.treeDepths);
-
-  // TODO: warn if id is already present in `props.rows`
-
-  const node = {
-    type: 'pinnedRow',
-    id: rowId,
-    depth: 0,
-    parent: GRID_ROOT_GROUP_ID,
-    isAutoGenerated
-  };
-  insertNodeInTree(node, tree, treeDepths, null);
-  if (!isAutoGenerated) {
-    dataRowIdToModelLookup[rowId] = rowModel;
-  }
-  // Do not push it to ids list so that pagination is not affected by pinned rows
-
-  apiRef.current.caches.rows.dataRowIdToModelLookup[rowId] = _extends({}, rowModel);
-  const previousPinnedRows = groupingParams.additionalRowGroups?.pinnedRows || {};
-  const newPinnedRow = {
-    id: rowId,
-    model: rowModel
-  };
-  if (groupingParams.additionalRowGroups?.pinnedRows?.[position]?.includes(newPinnedRow)) {
-    return _extends({}, groupingParams, {
-      dataRowIdToModelLookup,
-      tree,
-      treeDepths
-    });
-  }
-  return _extends({}, groupingParams, {
-    dataRowIdToModelLookup,
-    tree,
-    treeDepths,
-    additionalRowGroups: _extends({}, groupingParams.additionalRowGroups, {
-      pinnedRows: _extends({}, previousPinnedRows, {
-        [position]: [...(previousPinnedRows[position] || []), newPinnedRow]
-      })
-    })
-  });
-}
-export const useGridRowPinningPreProcessors = apiRef => {
-  const prevPinnedRowsCacheRef = React.useRef(null);
-  const addPinnedRows = React.useCallback(groupingParams => {
-    const pinnedRowsCache = apiRef.current.caches.pinnedRows || {};
-    const prevPinnedRowsCache = prevPinnedRowsCacheRef.current;
-    prevPinnedRowsCacheRef.current = pinnedRowsCache;
-    let newGroupingParams = _extends({}, groupingParams, {
-      additionalRowGroups: _extends({}, groupingParams.additionalRowGroups, {
-        // reset pinned rows state
-        pinnedRows: {}
-      })
-    });
-    if (prevPinnedRowsCache) {
-      const pinnedRowCleanup = rowId => {
-        const node = newGroupingParams.tree[rowId];
-        if (node?.type === 'pinnedRow') {
-          delete newGroupingParams.tree[rowId];
-          delete newGroupingParams.dataRowIdToModelLookup[rowId];
-          delete apiRef.current.caches.rows.dataRowIdToModelLookup[rowId];
-        }
-      };
-      prevPinnedRowsCache.topIds?.forEach(pinnedRowCleanup);
-      prevPinnedRowsCache.bottomIds?.forEach(pinnedRowCleanup);
-    }
-    pinnedRowsCache.topIds?.forEach(rowId => {
-      newGroupingParams = addPinnedRow({
-        groupingParams: newGroupingParams,
-        rowModel: pinnedRowsCache.idLookup[rowId],
-        rowId,
-        position: 'top',
-        apiRef,
-        isAutoGenerated: false
-      });
-    });
-    pinnedRowsCache.bottomIds?.forEach(rowId => {
-      newGroupingParams = addPinnedRow({
-        groupingParams: newGroupingParams,
-        rowModel: pinnedRowsCache.idLookup[rowId],
-        rowId,
-        position: 'bottom',
-        apiRef,
-        isAutoGenerated: false
-      });
-    });
-
-    // If row with the same `id` is present both in `rows` and `pinnedRows` - remove it from the root group children
-    if (pinnedRowsCache.bottomIds?.length || pinnedRowsCache.topIds?.length) {
-      const shouldKeepRow = rowId => {
-        if (newGroupingParams.tree[rowId] && newGroupingParams.tree[rowId].type === 'pinnedRow') {
-          return false;
-        }
-        return true;
-      };
-      const rootGroupNode = newGroupingParams.tree[GRID_ROOT_GROUP_ID];
-      newGroupingParams.tree[GRID_ROOT_GROUP_ID] = _extends({}, rootGroupNode, {
-        children: rootGroupNode.children.filter(shouldKeepRow)
-      });
-      newGroupingParams.dataRowIds = newGroupingParams.dataRowIds.filter(shouldKeepRow);
-    }
-    return newGroupingParams;
-  }, [apiRef]);
-  useGridRegisterPipeProcessor(apiRef, 'hydrateRows', addPinnedRows);
-};

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

@@ -1,2 +0,0 @@
-import { GridColDef } from '@mui/x-data-grid';
-export declare const GRID_REORDER_COL_DEF: GridColDef;

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

@@ -1,20 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_STRING_COL_DEF } from '@mui/x-data-grid';
-import { renderRowReorderCell } from "../../../components/GridRowReorderCell.js";
-export const GRID_REORDER_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
-  type: 'custom',
-  field: '__reorder__',
-  sortable: false,
-  filterable: false,
-  width: 50,
-  align: 'center',
-  headerAlign: 'center',
-  disableColumnMenu: true,
-  disableExport: true,
-  disableReorder: true,
-  resizable: false,
-  // @ts-ignore
-  aggregable: false,
-  renderHeader: () => ' ',
-  renderCell: renderRowReorderCell
-});

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

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

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

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