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

package/modern/components/GridNoColumnsOverlay.js

@@ -1,36 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { GridOverlay } from "./containers/GridOverlay.js";
-import { GridPreferencePanelsValue } from "../hooks/features/preferencesPanel/gridPreferencePanelsValue.js";
-import { gridColumnFieldsSelector, useGridSelector } from "../hooks/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const GridNoColumnsOverlay = forwardRef(function GridNoColumnsOverlay(props, ref) {
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
-  const columns = useGridSelector(apiRef, gridColumnFieldsSelector);
-  const handleOpenManageColumns = () => {
-    apiRef.current.showPreferences(GridPreferencePanelsValue.columns);
-  };
-  const showManageColumnsButton = !rootProps.disableColumnSelector && columns.length > 0;
-  return /*#__PURE__*/_jsxs(GridOverlay, _extends({}, props, {
-    ref: ref,
-    children: [apiRef.current.getLocaleText('noColumnsOverlayLabel'), showManageColumnsButton && /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({
-      size: "small"
-    }, rootProps.slotProps?.baseButton, {
-      onClick: handleOpenManageColumns,
-      children: apiRef.current.getLocaleText('noColumnsOverlayManageColumns')
-    }))]
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridNoColumnsOverlay.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { GridNoColumnsOverlay };

package/modern/components/GridNoResultsOverlay.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { GridOverlayProps } from "./containers/GridOverlay.js";
-export declare const GridNoResultsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-  sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;

package/modern/components/GridNoResultsOverlay.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { GridOverlay } from "./containers/GridOverlay.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const GridNoResultsOverlay = forwardRef(function GridNoResultsOverlay(props, ref) {
-  const apiRef = useGridApiContext();
-  const noResultsOverlayLabel = apiRef.current.getLocaleText('noResultsOverlayLabel');
-  return /*#__PURE__*/_jsx(GridOverlay, _extends({}, props, {
-    ref: ref,
-    children: noResultsOverlayLabel
-  }));
-});

package/modern/components/GridNoRowsOverlay.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { GridOverlayProps } from "./containers/GridOverlay.js";
-declare const GridNoRowsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-  sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
-export { GridNoRowsOverlay };

package/modern/components/GridNoRowsOverlay.js

@@ -1,23 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { GridOverlay } from "./containers/GridOverlay.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const GridNoRowsOverlay = forwardRef(function GridNoRowsOverlay(props, ref) {
-  const apiRef = useGridApiContext();
-  const noRowsLabel = apiRef.current.getLocaleText('noRowsLabel');
-  return /*#__PURE__*/_jsx(GridOverlay, _extends({}, props, {
-    ref: ref,
-    children: noRowsLabel
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridNoRowsOverlay.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { GridNoRowsOverlay };

package/modern/components/GridPagination.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-declare function GridPagination(): React.JSX.Element;
-declare namespace GridPagination {
-  var propTypes: any;
-}
-export { GridPagination };

package/modern/components/GridPagination.js

@@ -1,80 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import PropTypes from 'prop-types';
-import { NotRendered } from "../utils/assert.js";
-import { useGridSelector } from "../hooks/utils/useGridSelector.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { gridPaginationModelSelector, gridPaginationRowCountSelector, gridPageCountSelector } from "../hooks/features/pagination/gridPaginationSelector.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const GridPaginationRoot = styled(NotRendered)({
-  maxHeight: 'calc(100% + 1px)',
-  // border width
-  flexGrow: 1
-});
-function GridPagination() {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const paginationModel = useGridSelector(apiRef, gridPaginationModelSelector);
-  const rowCount = useGridSelector(apiRef, gridPaginationRowCountSelector);
-  const pageCount = useGridSelector(apiRef, gridPageCountSelector);
-  const {
-    paginationMode,
-    loading
-  } = rootProps;
-  const disabled = rowCount === -1 && paginationMode === 'server' && loading;
-  const lastPage = React.useMemo(() => Math.max(0, pageCount - 1), [pageCount]);
-  const computedPage = React.useMemo(() => {
-    if (rowCount === -1) {
-      return paginationModel.page;
-    }
-    return paginationModel.page <= lastPage ? paginationModel.page : lastPage;
-  }, [lastPage, paginationModel.page, rowCount]);
-  const handlePageSizeChange = React.useCallback(pageSize => {
-    apiRef.current.setPageSize(pageSize);
-  }, [apiRef]);
-  const handlePageChange = React.useCallback((_, page) => {
-    apiRef.current.setPage(page);
-  }, [apiRef]);
-  const isPageSizeIncludedInPageSizeOptions = pageSize => {
-    for (let i = 0; i < rootProps.pageSizeOptions.length; i += 1) {
-      const option = rootProps.pageSizeOptions[i];
-      if (typeof option === 'number') {
-        if (option === pageSize) {
-          return true;
-        }
-      } else if (option.value === pageSize) {
-        return true;
-      }
-    }
-    return false;
-  };
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const warnedOnceMissingInPageSizeOptions = React.useRef(false);
-    const pageSize = rootProps.paginationModel?.pageSize ?? paginationModel.pageSize;
-    if (!warnedOnceMissingInPageSizeOptions.current && !rootProps.autoPageSize && !isPageSizeIncludedInPageSizeOptions(pageSize)) {
-      console.warn([`MUI X: The page size \`${paginationModel.pageSize}\` is not present in the \`pageSizeOptions\`.`, `Add it to show the pagination select.`].join('\n'));
-      warnedOnceMissingInPageSizeOptions.current = true;
-    }
-  }
-  const pageSizeOptions = isPageSizeIncludedInPageSizeOptions(paginationModel.pageSize) ? rootProps.pageSizeOptions : [];
-  return /*#__PURE__*/_jsx(GridPaginationRoot, {
-    as: rootProps.slots.basePagination,
-    count: rowCount,
-    page: computedPage,
-    rowsPerPageOptions: pageSizeOptions,
-    rowsPerPage: paginationModel.pageSize,
-    onPageChange: handlePageChange,
-    onRowsPerPageChange: handlePageSizeChange,
-    disabled: disabled
-  });
-}
-process.env.NODE_ENV !== "production" ? GridPagination.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  component: PropTypes.elementType
-} : void 0;
-export { GridPagination };

package/modern/components/GridPinnedRows.d.ts

@@ -1,6 +0,0 @@
-import type { VirtualScroller } from '../hooks/features/virtualization/useGridVirtualScroller';
-export interface GridPinnedRowsProps {
-  position: 'top' | 'bottom';
-  virtualScroller: VirtualScroller;
-}
-export declare function GridPinnedRows(_: GridPinnedRowsProps): null;

package/modern/components/GridPinnedRows.js

@@ -1,3 +0,0 @@
-export function GridPinnedRows(_) {
-  return null;
-}

package/modern/components/GridRow.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { GridRowId, GridRowModel } from "../models/gridRows.js";
-import { GridPinnedColumns } from "../hooks/features/columns/index.js";
-import type { GridStateColDef } from '../models/colDef/gridColDef';
-export interface GridRowProps extends React.HTMLAttributes<HTMLDivElement> {
-  row: GridRowModel;
-  rowId: GridRowId;
-  selected: boolean;
-  /**
-   * Index of the row in the whole sorted and filtered dataset.
-   * If some rows above have expanded children, this index also take those children into account.
-   */
-  index: number;
-  rowHeight: number | 'auto';
-  offsetLeft: number;
-  columnsTotalWidth: number;
-  firstColumnIndex: number;
-  lastColumnIndex: number;
-  visibleColumns: GridStateColDef[];
-  pinnedColumns: GridPinnedColumns;
-  /**
-   * Determines which cell has focus.
-   * If `null`, no cell in this row has focus.
-   */
-  focusedColumnIndex: number | undefined;
-  isFirstVisible: boolean;
-  isLastVisible: boolean;
-  isNotVisible: boolean;
-  showBottomBorder: boolean;
-  scrollbarWidth: number;
-  gridHasFiller: boolean;
-  onClick?: React.MouseEventHandler<HTMLDivElement>;
-  onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
-  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
-  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
-  [x: `data-${string}`]: string;
-}
-declare const MemoizedGridRow: React.ForwardRefExoticComponent<GridRowProps> | React.ForwardRefExoticComponent<GridRowProps & React.RefAttributes<HTMLDivElement>>;
-export { MemoizedGridRow as GridRow };

package/modern/components/GridRow.js

@@ -1,341 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["selected", "rowId", "row", "index", "style", "rowHeight", "className", "visibleColumns", "pinnedColumns", "offsetLeft", "columnsTotalWidth", "firstColumnIndex", "lastColumnIndex", "focusedColumnIndex", "isFirstVisible", "isLastVisible", "isNotVisible", "showBottomBorder", "scrollbarWidth", "gridHasFiller", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave", "onMouseOut", "onMouseOver"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
-import { fastMemo } from '@mui/x-internals/fastMemo';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { isObjectEmpty } from '@mui/x-internals/isObjectEmpty';
-import { GridEditModes, GridCellModes } from "../models/gridEditRowModel.js";
-import { gridClasses } from "../constants/gridClasses.js";
-import { composeGridClasses } from "../utils/composeGridClasses.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { shouldCellShowLeftBorder, shouldCellShowRightBorder } from "../utils/cellBorderUtils.js";
-import { gridColumnPositionsSelector } from "../hooks/features/columns/gridColumnsSelector.js";
-import { useGridSelector, objectShallowCompare } from "../hooks/utils/useGridSelector.js";
-import { useGridVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
-import { findParentElementFromClassName, isEventTargetInPortal } from "../utils/domUtils.js";
-import { GRID_CHECKBOX_SELECTION_COL_DEF } from "../colDef/gridCheckboxSelectionColDef.js";
-import { GRID_ACTIONS_COLUMN_TYPE } from "../colDef/gridActionsColDef.js";
-import { GRID_DETAIL_PANEL_TOGGLE_FIELD, PinnedColumnPosition } from "../internals/constants.js";
-import { gridSortModelSelector } from "../hooks/features/sorting/gridSortingSelector.js";
-import { gridRowMaximumTreeDepthSelector, gridRowNodeSelector } from "../hooks/features/rows/gridRowsSelector.js";
-import { gridEditRowsStateSelector, gridRowIsEditingSelector } from "../hooks/features/editing/gridEditingSelectors.js";
-import { GridScrollbarFillerCell as ScrollbarFiller } from "./GridScrollbarFillerCell.js";
-import { getPinnedCellOffset } from "../internals/utils/getPinnedCellOffset.js";
-import { useGridConfiguration } from "../hooks/utils/useGridConfiguration.js";
-import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
-import { createSelector } from "../utils/createSelector.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const isRowReorderingEnabledSelector = createSelector(gridEditRowsStateSelector, (editRows, rowReordering) => {
-  if (!rowReordering) {
-    return false;
-  }
-  const isEditingRows = !isObjectEmpty(editRows);
-  return !isEditingRows;
-});
-const GridRow = forwardRef(function GridRow(props, refProp) {
-  const {
-      selected,
-      rowId,
-      row,
-      index,
-      style: styleProp,
-      rowHeight,
-      className,
-      visibleColumns,
-      pinnedColumns,
-      offsetLeft,
-      columnsTotalWidth,
-      firstColumnIndex,
-      lastColumnIndex,
-      focusedColumnIndex,
-      isFirstVisible,
-      isLastVisible,
-      isNotVisible,
-      showBottomBorder,
-      scrollbarWidth,
-      gridHasFiller,
-      onClick,
-      onDoubleClick,
-      onMouseEnter,
-      onMouseLeave,
-      onMouseOut,
-      onMouseOver
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const apiRef = useGridPrivateApiContext();
-  const configuration = useGridConfiguration();
-  const ref = React.useRef(null);
-  const rootProps = useGridRootProps();
-  const currentPage = useGridVisibleRows(apiRef, rootProps);
-  const sortModel = useGridSelector(apiRef, gridSortModelSelector);
-  const treeDepth = useGridSelector(apiRef, gridRowMaximumTreeDepthSelector);
-  const columnPositions = useGridSelector(apiRef, gridColumnPositionsSelector);
-  const rowReordering = rootProps.rowReordering;
-  const isRowReorderingEnabled = useGridSelector(apiRef, isRowReorderingEnabledSelector, rowReordering);
-  const handleRef = useForkRef(ref, refProp);
-  const rowNode = gridRowNodeSelector(apiRef, rowId);
-  const editing = useGridSelector(apiRef, gridRowIsEditingSelector, {
-    rowId,
-    editMode: rootProps.editMode
-  });
-  const editable = rootProps.editMode === GridEditModes.Row;
-  const hasFocusCell = focusedColumnIndex !== undefined;
-  const hasVirtualFocusCellLeft = hasFocusCell && focusedColumnIndex >= pinnedColumns.left.length && focusedColumnIndex < firstColumnIndex;
-  const hasVirtualFocusCellRight = hasFocusCell && focusedColumnIndex < visibleColumns.length - pinnedColumns.right.length && focusedColumnIndex >= lastColumnIndex;
-  const classes = composeGridClasses(rootProps.classes, {
-    root: ['row', selected && 'selected', editable && 'row--editable', editing && 'row--editing', isFirstVisible && 'row--firstVisible', isLastVisible && 'row--lastVisible', showBottomBorder && 'row--borderBottom', rowHeight === 'auto' && 'row--dynamicHeight']
-  });
-  const getRowAriaAttributes = configuration.hooks.useGridRowAriaAttributes();
-  React.useLayoutEffect(() => {
-    if (currentPage.range) {
-      const rowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(rowId);
-      // Pinned rows are not part of the visible rows
-      if (rowIndex !== undefined) {
-        apiRef.current.unstable_setLastMeasuredRowIndex(rowIndex);
-      }
-    }
-    if (ref.current && rowHeight === 'auto') {
-      return apiRef.current.observeRowHeight(ref.current, rowId);
-    }
-    return undefined;
-  }, [apiRef, currentPage.range, rowHeight, rowId]);
-  const publish = React.useCallback((eventName, propHandler) => event => {
-    // Ignore portal
-    if (isEventTargetInPortal(event)) {
-      return;
-    }
-
-    // The row might have been deleted
-    if (!apiRef.current.getRow(rowId)) {
-      return;
-    }
-    apiRef.current.publishEvent(eventName, apiRef.current.getRowParams(rowId), event);
-    if (propHandler) {
-      propHandler(event);
-    }
-  }, [apiRef, rowId]);
-  const publishClick = React.useCallback(event => {
-    const cell = findParentElementFromClassName(event.target, gridClasses.cell);
-    const field = cell?.getAttribute('data-field');
-
-    // Check if the field is available because the cell that fills the empty
-    // space of the row has no field.
-    if (field) {
-      // User clicked in the checkbox added by checkboxSelection
-      if (field === GRID_CHECKBOX_SELECTION_COL_DEF.field) {
-        return;
-      }
-
-      // User opened a detail panel
-      if (field === GRID_DETAIL_PANEL_TOGGLE_FIELD) {
-        return;
-      }
-
-      // User reorders a row
-      if (field === '__reorder__') {
-        return;
-      }
-
-      // User is editing a cell
-      if (apiRef.current.getCellMode(rowId, field) === GridCellModes.Edit) {
-        return;
-      }
-
-      // User clicked a button from the "actions" column type
-      const column = apiRef.current.getColumn(field);
-      if (column?.type === GRID_ACTIONS_COLUMN_TYPE) {
-        return;
-      }
-    }
-    publish('rowClick', onClick)(event);
-  }, [apiRef, onClick, publish, rowId]);
-  const {
-    slots,
-    slotProps,
-    disableColumnReorder
-  } = rootProps;
-  const heightEntry = useGridSelector(apiRef, () => _extends({}, apiRef.current.getRowHeightEntry(rowId)), undefined, objectShallowCompare);
-  const style = React.useMemo(() => {
-    if (isNotVisible) {
-      return {
-        opacity: 0,
-        width: 0,
-        height: 0
-      };
-    }
-    const rowStyle = _extends({}, styleProp, {
-      maxHeight: rowHeight === 'auto' ? 'none' : rowHeight,
-      // max-height doesn't support "auto"
-      minHeight: rowHeight,
-      '--height': typeof rowHeight === 'number' ? `${rowHeight}px` : rowHeight
-    });
-    if (heightEntry.spacingTop) {
-      const property = rootProps.rowSpacingType === 'border' ? 'borderTopWidth' : 'marginTop';
-      rowStyle[property] = heightEntry.spacingTop;
-    }
-    if (heightEntry.spacingBottom) {
-      const property = rootProps.rowSpacingType === 'border' ? 'borderBottomWidth' : 'marginBottom';
-      let propertyValue = rowStyle[property];
-      // avoid overriding existing value
-      if (typeof propertyValue !== 'number') {
-        propertyValue = parseInt(propertyValue || '0', 10);
-      }
-      propertyValue += heightEntry.spacingBottom;
-      rowStyle[property] = propertyValue;
-    }
-    return rowStyle;
-  }, [isNotVisible, rowHeight, styleProp, heightEntry, rootProps.rowSpacingType]);
-  const rowClassNames = apiRef.current.unstable_applyPipeProcessors('rowClassName', [], rowId);
-  const ariaAttributes = getRowAriaAttributes(rowNode, index);
-  if (typeof rootProps.getRowClassName === 'function') {
-    const indexRelativeToCurrentPage = index - (currentPage.range?.firstRowIndex || 0);
-    const rowParams = _extends({}, apiRef.current.getRowParams(rowId), {
-      isFirstVisible: indexRelativeToCurrentPage === 0,
-      isLastVisible: indexRelativeToCurrentPage === currentPage.rows.length - 1,
-      indexRelativeToCurrentPage
-    });
-    rowClassNames.push(rootProps.getRowClassName(rowParams));
-  }
-  const getCell = (column, indexInSection, indexRelativeToAllColumns, sectionLength, pinnedPosition = PinnedColumnPosition.NONE) => {
-    const cellColSpanInfo = apiRef.current.unstable_getCellColSpanInfo(rowId, indexRelativeToAllColumns);
-    if (cellColSpanInfo?.spannedByColSpan) {
-      return null;
-    }
-    const width = cellColSpanInfo?.cellProps.width ?? column.computedWidth;
-    const colSpan = cellColSpanInfo?.cellProps.colSpan ?? 1;
-    const pinnedOffset = getPinnedCellOffset(pinnedPosition, column.computedWidth, indexRelativeToAllColumns, columnPositions, columnsTotalWidth, scrollbarWidth);
-    if (rowNode.type === 'skeletonRow') {
-      return /*#__PURE__*/_jsx(slots.skeletonCell, {
-        type: column.type,
-        width: width,
-        height: rowHeight,
-        field: column.field,
-        align: column.align
-      }, column.field);
-    }
-
-    // when the cell is a reorder cell we are not allowing to reorder the col
-    // fixes https://github.com/mui/mui-x/issues/11126
-    const isReorderCell = column.field === '__reorder__';
-    const canReorderColumn = !(disableColumnReorder || column.disableReorder);
-    const canReorderRow = isRowReorderingEnabled && !sortModel.length && treeDepth <= 1;
-    const disableDragEvents = !(canReorderColumn || isReorderCell && canReorderRow);
-    const cellIsNotVisible = pinnedPosition === PinnedColumnPosition.VIRTUAL;
-    const showLeftBorder = shouldCellShowLeftBorder(pinnedPosition, indexInSection);
-    const showRightBorder = shouldCellShowRightBorder(pinnedPosition, indexInSection, sectionLength, rootProps.showCellVerticalBorder, gridHasFiller);
-    return /*#__PURE__*/_jsx(slots.cell, _extends({
-      column: column,
-      width: width,
-      rowId: rowId,
-      align: column.align || 'left',
-      colIndex: indexRelativeToAllColumns,
-      colSpan: colSpan,
-      disableDragEvents: disableDragEvents,
-      isNotVisible: cellIsNotVisible,
-      pinnedOffset: pinnedOffset,
-      pinnedPosition: pinnedPosition,
-      showLeftBorder: showLeftBorder,
-      showRightBorder: showRightBorder,
-      row: row,
-      rowNode: rowNode
-    }, slotProps?.cell), column.field);
-  };
-  const leftCells = pinnedColumns.left.map((column, i) => {
-    const indexRelativeToAllColumns = i;
-    return getCell(column, i, indexRelativeToAllColumns, pinnedColumns.left.length, PinnedColumnPosition.LEFT);
-  });
-  const rightCells = pinnedColumns.right.map((column, i) => {
-    const indexRelativeToAllColumns = visibleColumns.length - pinnedColumns.right.length + i;
-    return getCell(column, i, indexRelativeToAllColumns, pinnedColumns.right.length, PinnedColumnPosition.RIGHT);
-  });
-  const middleColumnsLength = visibleColumns.length - pinnedColumns.left.length - pinnedColumns.right.length;
-  const cells = [];
-  if (hasVirtualFocusCellLeft) {
-    cells.push(getCell(visibleColumns[focusedColumnIndex], focusedColumnIndex - pinnedColumns.left.length, focusedColumnIndex, middleColumnsLength, PinnedColumnPosition.VIRTUAL));
-  }
-  for (let i = firstColumnIndex; i < lastColumnIndex; i += 1) {
-    const column = visibleColumns[i];
-    const indexInSection = i - pinnedColumns.left.length;
-    if (!column) {
-      continue;
-    }
-    cells.push(getCell(column, indexInSection, i, middleColumnsLength));
-  }
-  if (hasVirtualFocusCellRight) {
-    cells.push(getCell(visibleColumns[focusedColumnIndex], focusedColumnIndex - pinnedColumns.left.length, focusedColumnIndex, middleColumnsLength, PinnedColumnPosition.VIRTUAL));
-  }
-  const eventHandlers = row ? {
-    onClick: publishClick,
-    onDoubleClick: publish('rowDoubleClick', onDoubleClick),
-    onMouseEnter: publish('rowMouseEnter', onMouseEnter),
-    onMouseLeave: publish('rowMouseLeave', onMouseLeave),
-    onMouseOut: publish('rowMouseOut', onMouseOut),
-    onMouseOver: publish('rowMouseOver', onMouseOver)
-  } : null;
-  return /*#__PURE__*/_jsxs("div", _extends({
-    "data-id": rowId,
-    "data-rowindex": index,
-    role: "row",
-    className: clsx(...rowClassNames, classes.root, className),
-    style: style
-  }, ariaAttributes, eventHandlers, other, {
-    ref: handleRef,
-    children: [leftCells, /*#__PURE__*/_jsx("div", {
-      role: "presentation",
-      className: gridClasses.cellOffsetLeft,
-      style: {
-        width: offsetLeft
-      }
-    }), cells, /*#__PURE__*/_jsx("div", {
-      role: "presentation",
-      className: clsx(gridClasses.cell, gridClasses.cellEmpty)
-    }), rightCells, scrollbarWidth !== 0 && /*#__PURE__*/_jsx(ScrollbarFiller, {
-      pinnedRight: pinnedColumns.right.length > 0,
-      borderTop: !isFirstVisible
-    })]
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridRow.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  columnsTotalWidth: PropTypes.number.isRequired,
-  firstColumnIndex: PropTypes.number.isRequired,
-  /**
-   * Determines which cell has focus.
-   * If `null`, no cell in this row has focus.
-   */
-  focusedColumnIndex: PropTypes.number,
-  gridHasFiller: PropTypes.bool.isRequired,
-  /**
-   * Index of the row in the whole sorted and filtered dataset.
-   * If some rows above have expanded children, this index also take those children into account.
-   */
-  index: PropTypes.number.isRequired,
-  isFirstVisible: PropTypes.bool.isRequired,
-  isLastVisible: PropTypes.bool.isRequired,
-  isNotVisible: PropTypes.bool.isRequired,
-  lastColumnIndex: PropTypes.number.isRequired,
-  offsetLeft: PropTypes.number.isRequired,
-  onClick: PropTypes.func,
-  onDoubleClick: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  pinnedColumns: PropTypes.object.isRequired,
-  row: PropTypes.object.isRequired,
-  rowHeight: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]).isRequired,
-  rowId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  scrollbarWidth: PropTypes.number.isRequired,
-  selected: PropTypes.bool.isRequired,
-  showBottomBorder: PropTypes.bool.isRequired,
-  visibleColumns: PropTypes.arrayOf(PropTypes.object).isRequired
-} : void 0;
-const MemoizedGridRow = fastMemo(GridRow);
-export { MemoizedGridRow as GridRow };

package/modern/components/GridRowCount.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
-interface RowCountProps {
-  rowCount: number;
-  visibleRowCount: number;
-}
-export type GridRowCountProps = React.HTMLAttributes<HTMLDivElement> & RowCountProps & {
-  sx?: SxProps<Theme>;
-};
-declare const GridRowCount: React.ForwardRefExoticComponent<GridRowCountProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & RowCountProps & {
-  sx?: SxProps<Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
-export { GridRowCount };

package/modern/components/GridRowCount.js

@@ -1,64 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "rowCount", "visibleRowCount"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '@mui/system';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { vars } from "../constants/cssVariables.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { getDataGridUtilityClass } from "../constants/gridClasses.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['rowCount']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const GridRowCountRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'RowCount',
-  overridesResolver: (props, styles) => styles.rowCount
-})({
-  alignItems: 'center',
-  display: 'flex',
-  margin: vars.spacing(0, 2)
-});
-const GridRowCount = forwardRef(function GridRowCount(props, ref) {
-  const {
-      className,
-      rowCount,
-      visibleRowCount
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const apiRef = useGridApiContext();
-  const ownerState = useGridRootProps();
-  const classes = useUtilityClasses(ownerState);
-  if (rowCount === 0) {
-    return null;
-  }
-  const text = visibleRowCount < rowCount ? apiRef.current.getLocaleText('footerTotalVisibleRows')(visibleRowCount, rowCount) : rowCount.toLocaleString();
-  return /*#__PURE__*/_jsxs(GridRowCountRoot, _extends({
-    className: clsx(classes.root, className),
-    ownerState: ownerState
-  }, other, {
-    ref: ref,
-    children: [apiRef.current.getLocaleText('footerTotalRows'), " ", text]
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridRowCount.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  rowCount: PropTypes.number.isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  visibleRowCount: PropTypes.number.isRequired
-} : void 0;
-export { GridRowCount };

package/modern/components/GridScrollArea.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { RefObject } from '@mui/x-internals/types';
-import { GridScrollParams } from "../models/params/gridScrollParams.js";
-interface ScrollAreaProps {
-  scrollDirection: 'left' | 'right';
-  scrollPosition: RefObject<GridScrollParams>;
-}
-declare function GridScrollAreaWrapper(props: ScrollAreaProps): React.JSX.Element | null;
-export declare const GridScrollArea: typeof GridScrollAreaWrapper;
-export {};