@mui/x-data-grid 7.0.0-beta.2 → 7.0.0-beta.4

package/legacy/components/GridRow.js

@@ -1,457 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["selected", "rowId", "row", "index", "style", "rowHeight", "className", "visibleColumns", "renderedColumns", "pinnedColumns", "dimensions", "firstColumnToRender", "lastColumnToRender", "isFirstVisible", "isLastVisible", "focusedCellColumnIndexNotInRange", "isNotVisible", "focusedCell", "tabbableCell", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave", "onMouseOut", "onMouseOver"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses, unstable_useForkRef as useForkRef } from '@mui/utils';
-import { fastMemo } from '../utils/fastMemo';
-import { GridEditModes, GridRowModes, GridCellModes } from '../models/gridEditRowModel';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { getDataGridUtilityClass, gridClasses } from '../constants/gridClasses';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { gridColumnPositionsSelector } from '../hooks/features/columns/gridColumnsSelector';
-import { useGridSelector, objectShallowCompare } from '../hooks/utils/useGridSelector';
-import { useGridVisibleRows } from '../hooks/utils/useGridVisibleRows';
-import { findParentElementFromClassName, isEventTargetInPortal } from '../utils/domUtils';
-import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../colDef/gridCheckboxSelectionColDef';
-import { GRID_ACTIONS_COLUMN_TYPE } from '../colDef/gridActionsColDef';
-import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '../constants/gridDetailPanelToggleField';
-import { gridSortModelSelector } from '../hooks/features/sorting/gridSortingSelector';
-import { gridRowMaximumTreeDepthSelector } from '../hooks/features/rows/gridRowsSelector';
-import { gridColumnGroupsHeaderMaxDepthSelector } from '../hooks/features/columnGrouping/gridColumnGroupsSelector';
-import { gridEditRowsStateSelector } from '../hooks/features/editing/gridEditingSelectors';
-import { randomNumberBetween } from '../utils/utils';
-import { PinnedPosition } from './cell/GridCell';
-import { GridScrollbarFillerCell as ScrollbarFiller } from './GridScrollbarFillerCell';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var editable = ownerState.editable,
-    editing = ownerState.editing,
-    selected = ownerState.selected,
-    isFirstVisible = ownerState.isFirstVisible,
-    isLastVisible = ownerState.isLastVisible,
-    rowHeight = ownerState.rowHeight,
-    classes = ownerState.classes;
-  var slots = {
-    root: ['row', selected && 'selected', editable && 'row--editable', editing && 'row--editing', isFirstVisible && 'row--firstVisible', isLastVisible && 'row--lastVisible', rowHeight === 'auto' && 'row--dynamicHeight']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-function EmptyCell(_ref) {
-  var width = _ref.width;
-  if (!width) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx("div", {
-    role: "presentation",
-    className: clsx(gridClasses.cell, gridClasses.cellEmpty),
-    style: {
-      '--width': "".concat(width, "px")
-    }
-  });
-}
-var GridRow = /*#__PURE__*/React.forwardRef(function GridRow(props, refProp) {
-  var selected = props.selected,
-    rowId = props.rowId,
-    row = props.row,
-    index = props.index,
-    styleProp = props.style,
-    rowHeight = props.rowHeight,
-    className = props.className,
-    visibleColumns = props.visibleColumns,
-    renderedColumns = props.renderedColumns,
-    pinnedColumns = props.pinnedColumns,
-    dimensions = props.dimensions,
-    firstColumnToRender = props.firstColumnToRender,
-    lastColumnToRender = props.lastColumnToRender,
-    isFirstVisible = props.isFirstVisible,
-    isLastVisible = props.isLastVisible,
-    focusedCellColumnIndexNotInRange = props.focusedCellColumnIndexNotInRange,
-    isNotVisible = props.isNotVisible,
-    focusedCell = props.focusedCell,
-    tabbableCell = props.tabbableCell,
-    onClick = props.onClick,
-    onDoubleClick = props.onDoubleClick,
-    onMouseEnter = props.onMouseEnter,
-    onMouseLeave = props.onMouseLeave,
-    onMouseOut = props.onMouseOut,
-    onMouseOver = props.onMouseOver,
-    other = _objectWithoutProperties(props, _excluded);
-  var apiRef = useGridApiContext();
-  var ref = React.useRef(null);
-  var rootProps = useGridRootProps();
-  var currentPage = useGridVisibleRows(apiRef, rootProps);
-  var sortModel = useGridSelector(apiRef, gridSortModelSelector);
-  var treeDepth = useGridSelector(apiRef, gridRowMaximumTreeDepthSelector);
-  var headerGroupingMaxDepth = useGridSelector(apiRef, gridColumnGroupsHeaderMaxDepthSelector);
-  var columnPositions = useGridSelector(apiRef, gridColumnPositionsSelector);
-  var editRowsState = useGridSelector(apiRef, gridEditRowsStateSelector);
-  var handleRef = useForkRef(ref, refProp);
-  var rowNode = apiRef.current.getRowNode(rowId);
-  var scrollbarWidth = dimensions.hasScrollY ? dimensions.scrollbarSize : 0;
-  var ariaRowIndex = index + headerGroupingMaxDepth + 2; // 1 for the header row and 1 as it's 1-based
-
-  var ownerState = {
-    selected: selected,
-    isFirstVisible: isFirstVisible,
-    isLastVisible: isLastVisible,
-    classes: rootProps.classes,
-    editing: apiRef.current.getRowMode(rowId) === GridRowModes.Edit,
-    editable: rootProps.editMode === GridEditModes.Row,
-    rowHeight: rowHeight
-  };
-  var classes = useUtilityClasses(ownerState);
-  React.useLayoutEffect(function () {
-    if (rowHeight === 'auto' && ref.current && typeof ResizeObserver === 'undefined') {
-      // Fallback for IE
-      apiRef.current.unstable_storeRowHeightMeasurement(rowId, ref.current.clientHeight);
-    }
-  }, [apiRef, rowHeight, rowId]);
-  React.useLayoutEffect(function () {
-    if (currentPage.range) {
-      // The index prop is relative to the rows from all pages. As example, the index prop of the
-      // first row is 5 if `paginationModel.pageSize=5` and `paginationModel.page=1`. However, the index used by the virtualization
-      // doesn't care about pagination and considers the rows from the current page only, so the
-      // first row always has index=0. We need to subtract the index of the first row to make it
-      // compatible with the index used by the virtualization.
-      var rowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(rowId);
-      // pinned rows are not part of the visible rows
-      if (rowIndex != null) {
-        apiRef.current.unstable_setLastMeasuredRowIndex(rowIndex);
-      }
-    }
-    var rootElement = ref.current;
-    var hasFixedHeight = rowHeight !== 'auto';
-    if (!rootElement || hasFixedHeight || typeof ResizeObserver === 'undefined') {
-      return undefined;
-    }
-    var resizeObserver = new ResizeObserver(function (entries) {
-      var _entries = _slicedToArray(entries, 1),
-        entry = _entries[0];
-      var height = entry.borderBoxSize && entry.borderBoxSize.length > 0 ? entry.borderBoxSize[0].blockSize : entry.contentRect.height;
-      apiRef.current.unstable_storeRowHeightMeasurement(rowId, height);
-    });
-    resizeObserver.observe(rootElement);
-    return function () {
-      return resizeObserver.disconnect();
-    };
-  }, [apiRef, currentPage.range, index, rowHeight, rowId]);
-  var publish = React.useCallback(function (eventName, propHandler) {
-    return function (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]);
-  var publishClick = React.useCallback(function (event) {
-    var cell = findParentElementFromClassName(event.target, gridClasses.cell);
-    var field = cell == null ? void 0 : 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
-      var column = apiRef.current.getColumn(field);
-      if ((column == null ? void 0 : column.type) === GRID_ACTIONS_COLUMN_TYPE) {
-        return;
-      }
-    }
-    publish('rowClick', onClick)(event);
-  }, [apiRef, onClick, publish, rowId]);
-  var slots = rootProps.slots,
-    slotProps = rootProps.slotProps,
-    disableColumnReorder = rootProps.disableColumnReorder;
-  var rowReordering = rootProps.rowReordering;
-  var sizes = useGridSelector(apiRef, function () {
-    return _extends({}, apiRef.current.unstable_getRowInternalSizes(rowId));
-  }, objectShallowCompare);
-  var minHeight = rowHeight;
-  if (minHeight === 'auto' && sizes) {
-    var _sizes$baseCenter;
-    var numberOfBaseSizes = 1;
-    var maximumSize = (_sizes$baseCenter = sizes.baseCenter) != null ? _sizes$baseCenter : 0;
-    if (maximumSize > 0 && numberOfBaseSizes > 1) {
-      minHeight = maximumSize;
-    }
-  }
-  var style = React.useMemo(function () {
-    if (isNotVisible) {
-      return {
-        opacity: 0,
-        width: 0,
-        height: 0
-      };
-    }
-    var rowStyle = _extends({}, styleProp, {
-      maxHeight: rowHeight === 'auto' ? 'none' : rowHeight,
-      // max-height doesn't support "auto"
-      minHeight: minHeight
-    });
-    if (sizes != null && sizes.spacingTop) {
-      var property = rootProps.rowSpacingType === 'border' ? 'borderTopWidth' : 'marginTop';
-      rowStyle[property] = sizes.spacingTop;
-    }
-    if (sizes != null && sizes.spacingBottom) {
-      var _property = rootProps.rowSpacingType === 'border' ? 'borderBottomWidth' : 'marginBottom';
-      var propertyValue = rowStyle[_property];
-      // avoid overriding existing value
-      if (typeof propertyValue !== 'number') {
-        propertyValue = parseInt(propertyValue || '0', 10);
-      }
-      propertyValue += sizes.spacingBottom;
-      rowStyle[_property] = propertyValue;
-    }
-    return rowStyle;
-  }, [isNotVisible, rowHeight, styleProp, minHeight, sizes, rootProps.rowSpacingType]);
-  var rowClassNames = apiRef.current.unstable_applyPipeProcessors('rowClassName', [], rowId);
-  if (typeof rootProps.getRowClassName === 'function') {
-    var _currentPage$range;
-    var indexRelativeToCurrentPage = index - (((_currentPage$range = currentPage.range) == null ? void 0 : _currentPage$range.firstRowIndex) || 0);
-    var rowParams = _extends({}, apiRef.current.getRowParams(rowId), {
-      isFirstVisible: indexRelativeToCurrentPage === 0,
-      isLastVisible: indexRelativeToCurrentPage === currentPage.rows.length - 1,
-      indexRelativeToCurrentPage: indexRelativeToCurrentPage
-    });
-    rowClassNames.push(rootProps.getRowClassName(rowParams));
-  }
-  var randomNumber = randomNumberBetween(10000, 20, 80);
-  var getCell = function getCell(column, indexInSection, indexRelativeToAllColumns, sectionLength) {
-    var _editRowsState$rowId$, _editRowsState$rowId;
-    var pinnedPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : PinnedPosition.NONE;
-    var cellColSpanInfo = apiRef.current.unstable_getCellColSpanInfo(rowId, indexRelativeToAllColumns);
-    if (!cellColSpanInfo || cellColSpanInfo.spannedByColSpan) {
-      return null;
-    }
-    var pinnedOffset;
-    // FIXME: Why is the switch check exhaustiveness not validated with typescript-eslint?
-    // eslint-disable-next-line default-case
-    switch (pinnedPosition) {
-      case PinnedPosition.LEFT:
-        pinnedOffset = columnPositions[indexRelativeToAllColumns];
-        break;
-      case PinnedPosition.RIGHT:
-        pinnedOffset = dimensions.columnsTotalWidth - columnPositions[indexRelativeToAllColumns] - column.computedWidth + scrollbarWidth;
-        break;
-      case PinnedPosition.NONE:
-        pinnedOffset = 0;
-        break;
-    }
-    if ((rowNode == null ? void 0 : rowNode.type) === 'skeletonRow') {
-      var _column$align;
-      var _width = cellColSpanInfo.cellProps.width;
-      var contentWidth = Math.round(randomNumber());
-      return /*#__PURE__*/_jsx(slots.skeletonCell, {
-        width: _width,
-        contentWidth: contentWidth,
-        field: column.field,
-        align: (_column$align = column.align) != null ? _column$align : 'left'
-      }, column.field);
-    }
-    var _cellColSpanInfo$cell = cellColSpanInfo.cellProps,
-      colSpan = _cellColSpanInfo$cell.colSpan,
-      width = _cellColSpanInfo$cell.width;
-    var editCellState = (_editRowsState$rowId$ = (_editRowsState$rowId = editRowsState[rowId]) == null ? void 0 : _editRowsState$rowId[column.field]) != null ? _editRowsState$rowId$ : null;
-
-    // when the cell is a reorder cell we are not allowing to reorder the col
-    // fixes https://github.com/mui/mui-x/issues/11126
-    var isReorderCell = column.field === '__reorder__';
-    var isEditingRows = Object.keys(editRowsState).length > 0;
-    var canReorderColumn = !(disableColumnReorder || column.disableReorder);
-    var canReorderRow = rowReordering && !sortModel.length && treeDepth <= 1 && !isEditingRows;
-    var disableDragEvents = !(canReorderColumn || isReorderCell && canReorderRow);
-    var cellIsNotVisible = false;
-    if (focusedCellColumnIndexNotInRange !== undefined && visibleColumns[focusedCellColumnIndexNotInRange].field === column.field) {
-      cellIsNotVisible = true;
-    }
-    return /*#__PURE__*/_jsx(slots.cell, _extends({
-      column: column,
-      width: width,
-      rowId: rowId,
-      height: rowHeight,
-      align: column.align || 'left',
-      colIndex: indexRelativeToAllColumns,
-      colSpan: colSpan,
-      disableDragEvents: disableDragEvents,
-      editCellState: editCellState,
-      isNotVisible: cellIsNotVisible
-    }, slotProps == null ? void 0 : slotProps.cell, {
-      pinnedOffset: pinnedOffset,
-      pinnedPosition: pinnedPosition,
-      sectionIndex: indexInSection,
-      sectionLength: sectionLength,
-      gridHasScrollX: dimensions.hasScrollX
-    }), column.field);
-  };
-
-  /* Start of rendering */
-
-  if (!rowNode) {
-    return null;
-  }
-  var leftCells = pinnedColumns.left.map(function (column, i) {
-    var indexRelativeToAllColumns = i;
-    return getCell(column, i, indexRelativeToAllColumns, pinnedColumns.left.length, PinnedPosition.LEFT);
-  });
-  var rightCells = pinnedColumns.right.map(function (column, i) {
-    var indexRelativeToAllColumns = visibleColumns.length - pinnedColumns.right.length + i;
-    return getCell(column, i, indexRelativeToAllColumns, pinnedColumns.right.length, PinnedPosition.RIGHT);
-  });
-  var middleColumnsLength = visibleColumns.length - pinnedColumns.left.length - pinnedColumns.right.length;
-  var cells = [];
-  for (var i = 0; i < renderedColumns.length; i += 1) {
-    var column = renderedColumns[i];
-    var indexRelativeToAllColumns = firstColumnToRender + i;
-    if (focusedCellColumnIndexNotInRange !== undefined && focusedCell) {
-      if (visibleColumns[focusedCellColumnIndexNotInRange].field === column.field) {
-        indexRelativeToAllColumns = focusedCellColumnIndexNotInRange;
-      } else {
-        indexRelativeToAllColumns -= 1;
-      }
-    }
-    var indexInSection = indexRelativeToAllColumns - pinnedColumns.left.length;
-    cells.push(getCell(column, indexInSection, indexRelativeToAllColumns, middleColumnsLength));
-  }
-  var 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;
-  var expandedWidth = dimensions.viewportOuterSize.width - dimensions.columnsTotalWidth - scrollbarWidth;
-  var emptyCellWidth = Math.max(0, expandedWidth);
-  return /*#__PURE__*/_jsxs("div", _extends({
-    ref: handleRef,
-    "data-id": rowId,
-    "data-rowindex": index,
-    role: "row",
-    className: clsx.apply(void 0, _toConsumableArray(rowClassNames).concat([classes.root, className])),
-    "aria-rowindex": ariaRowIndex,
-    "aria-selected": selected,
-    style: style
-  }, eventHandlers, other, {
-    children: [leftCells, /*#__PURE__*/_jsx("div", {
-      className: gridClasses.cellOffsetLeft,
-      role: "presentation"
-    }), cells, emptyCellWidth > 0 && /*#__PURE__*/_jsx(EmptyCell, {
-      width: emptyCellWidth
-    }), rightCells.length > 0 && /*#__PURE__*/_jsx("div", {
-      role: "presentation",
-      style: {
-        flex: '1'
-      }
-    }), rightCells, scrollbarWidth !== 0 && /*#__PURE__*/_jsx(ScrollbarFiller, {
-      pinnedRight: pinnedColumns.right.length > 0
-    })]
-  }));
-});
-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 "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  dimensions: PropTypes.shape({
-    bottomContainerHeight: PropTypes.number.isRequired,
-    columnsTotalWidth: PropTypes.number.isRequired,
-    contentSize: PropTypes.shape({
-      height: PropTypes.number.isRequired,
-      width: PropTypes.number.isRequired
-    }).isRequired,
-    hasScrollX: PropTypes.bool.isRequired,
-    hasScrollY: PropTypes.bool.isRequired,
-    headerHeight: PropTypes.number.isRequired,
-    headersTotalHeight: PropTypes.number.isRequired,
-    isReady: PropTypes.bool.isRequired,
-    leftPinnedWidth: PropTypes.number.isRequired,
-    minimumSize: PropTypes.shape({
-      height: PropTypes.number.isRequired,
-      width: PropTypes.number.isRequired
-    }).isRequired,
-    rightPinnedWidth: PropTypes.number.isRequired,
-    root: PropTypes.shape({
-      height: PropTypes.number.isRequired,
-      width: PropTypes.number.isRequired
-    }).isRequired,
-    rowHeight: PropTypes.number.isRequired,
-    rowWidth: PropTypes.number.isRequired,
-    scrollbarSize: PropTypes.number.isRequired,
-    topContainerHeight: PropTypes.number.isRequired,
-    viewportInnerSize: PropTypes.shape({
-      height: PropTypes.number.isRequired,
-      width: PropTypes.number.isRequired
-    }).isRequired,
-    viewportOuterSize: PropTypes.shape({
-      height: PropTypes.number.isRequired,
-      width: PropTypes.number.isRequired
-    }).isRequired
-  }).isRequired,
-  firstColumnToRender: PropTypes.number.isRequired,
-  /**
-   * Determines which cell has focus.
-   * If `null`, no cell in this row has focus.
-   */
-  focusedCell: PropTypes.string,
-  focusedCellColumnIndexNotInRange: PropTypes.number,
-  /**
-   * 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,
-  lastColumnToRender: PropTypes.number.isRequired,
-  onClick: PropTypes.func,
-  onDoubleClick: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  pinnedColumns: PropTypes.object.isRequired,
-  renderedColumns: PropTypes.arrayOf(PropTypes.object).isRequired,
-  row: PropTypes.object,
-  rowHeight: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]).isRequired,
-  rowId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  selected: PropTypes.bool.isRequired,
-  /**
-   * Determines which cell should be tabbable by having tabIndex=0.
-   * If `null`, no cell in this row is in the tab sequence.
-   */
-  tabbableCell: PropTypes.string,
-  visibleColumns: PropTypes.arrayOf(PropTypes.object).isRequired
-} : void 0;
-var MemoizedGridRow = fastMemo(GridRow);
-export { MemoizedGridRow as GridRow };

package/legacy/components/GridRowCount.js

@@ -1,63 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "rowCount", "visibleRowCount"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import { styled } from '@mui/system';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { getDataGridUtilityClass } from '../constants/gridClasses';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['rowCount']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-var GridRowCountRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'RowCount',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.rowCount;
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    alignItems: 'center',
-    display: 'flex',
-    margin: theme.spacing(0, 2)
-  };
-});
-var GridRowCount = /*#__PURE__*/React.forwardRef(function GridRowCount(props, ref) {
-  var className = props.className,
-    rowCount = props.rowCount,
-    visibleRowCount = props.visibleRowCount,
-    other = _objectWithoutProperties(props, _excluded);
-  var apiRef = useGridApiContext();
-  var ownerState = useGridRootProps();
-  var classes = useUtilityClasses(ownerState);
-  if (rowCount === 0) {
-    return null;
-  }
-  var text = visibleRowCount < rowCount ? apiRef.current.getLocaleText('footerTotalVisibleRows')(visibleRowCount, rowCount) : rowCount.toLocaleString();
-  return /*#__PURE__*/_jsxs(GridRowCountRoot, _extends({
-    ref: ref,
-    className: clsx(classes.root, className),
-    ownerState: ownerState
-  }, other, {
-    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 "yarn 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/legacy/components/GridScrollbarFillerCell.js

@@ -1,34 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import { getDataGridUtilityClass as getClassName } from '../constants';
-import { jsx as _jsx } from "react/jsx-runtime";
-var classes = {
-  root: getClassName('scrollbarFiller'),
-  header: getClassName('scrollbarFiller--header'),
-  borderTop: getClassName('scrollbarFiller--borderTop'),
-  pinnedRight: getClassName('scrollbarFiller--pinnedRight')
-};
-var Style = styled('div')(_defineProperty(_defineProperty(_defineProperty({
-  minWidth: 'calc(var(--DataGrid-hasScrollY) * var(--DataGrid-scrollbarSize))',
-  alignSelf: 'stretch'
-}, "&.".concat(classes.borderTop), {
-  borderTop: '1px solid var(--DataGrid-rowBorderColor)'
-}), "&.".concat(classes.pinnedRight), {
-  backgroundColor: 'var(--DataGrid-pinnedBackground)'
-}), "&.".concat(classes.pinnedRight, ":not(.").concat(classes.header, ")"), {
-  position: 'sticky',
-  right: 0
-}));
-function GridScrollbarFillerCell(_ref) {
-  var header = _ref.header,
-    _ref$borderTop = _ref.borderTop,
-    borderTop = _ref$borderTop === void 0 ? true : _ref$borderTop,
-    pinnedRight = _ref.pinnedRight;
-  return /*#__PURE__*/_jsx(Style, {
-    role: "presentation",
-    className: clsx(classes.root, header && classes.header, borderTop && classes.borderTop, pinnedRight && classes.pinnedRight)
-  });
-}
-export { GridScrollbarFillerCell };

package/legacy/components/GridSelectedRowCount.js

@@ -1,66 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["className", "selectedRowCount"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import { styled } from '@mui/system';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { getDataGridUtilityClass } from '../constants/gridClasses';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['selectedRowCount']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-var GridSelectedRowCountRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'SelectedRowCount',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.selectedRowCount;
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return _defineProperty({
-    alignItems: 'center',
-    display: 'flex',
-    margin: theme.spacing(0, 2),
-    visibility: 'hidden',
-    width: 0,
-    height: 0
-  }, theme.breakpoints.up('sm'), {
-    visibility: 'visible',
-    width: 'auto',
-    height: 'auto'
-  });
-});
-var GridSelectedRowCount = /*#__PURE__*/React.forwardRef(function GridSelectedRowCount(props, ref) {
-  var className = props.className,
-    selectedRowCount = props.selectedRowCount,
-    other = _objectWithoutProperties(props, _excluded);
-  var apiRef = useGridApiContext();
-  var ownerState = useGridRootProps();
-  var classes = useUtilityClasses(ownerState);
-  var rowSelectedText = apiRef.current.getLocaleText('footerRowSelected')(selectedRowCount);
-  return /*#__PURE__*/_jsx(GridSelectedRowCountRoot, _extends({
-    ref: ref,
-    className: clsx(classes.root, className),
-    ownerState: ownerState
-  }, other, {
-    children: rowSelectedText
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridSelectedRowCount.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  selectedRowCount: PropTypes.number.isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { GridSelectedRowCount };

package/legacy/components/base/GridBody.js

@@ -1,2 +0,0 @@
-import { GridVirtualScroller } from '../virtualization/GridVirtualScroller';
-export { GridVirtualScroller as GridBody };

package/legacy/components/base/GridFooterPlaceholder.js

@@ -1,12 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function GridFooterPlaceholder() {
-  var _rootProps$slotProps;
-  var rootProps = useGridRootProps();
-  if (rootProps.hideFooter) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(rootProps.slots.footer, _extends({}, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.footer /* FIXME: typing error */));
-}