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

package/modern/components/toolbarV8/ToolbarButton.js

@@ -1,108 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render", "onKeyDown", "onFocus", "disabled", "aria-disabled"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
-import useId from '@mui/utils/useId';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
-import { useToolbarContext } from "./ToolbarContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A button for performing actions from the toolbar.
- * It renders the `baseIconButton` slot.
- *
- * Demos:
- *
- * - [Toolbar](https://mui.com/x/react-data-grid/components/toolbar/)
- *
- * API:
- *
- * - [ToolbarButton API](https://mui.com/x/api/data-grid/toolbar-button/)
- */
-const ToolbarButton = forwardRef(function ToolbarButton(props, ref) {
-  const {
-      render,
-      onKeyDown,
-      onFocus,
-      disabled,
-      'aria-disabled': ariaDisabled
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const id = useId();
-  const rootProps = useGridRootProps();
-  const buttonRef = React.useRef(null);
-  const handleRef = useForkRef(buttonRef, ref);
-  const {
-    focusableItemId,
-    registerItem,
-    unregisterItem,
-    onItemKeyDown,
-    onItemFocus,
-    onItemDisabled
-  } = useToolbarContext();
-  const handleKeyDown = event => {
-    onItemKeyDown(event);
-    onKeyDown?.(event);
-  };
-  const handleFocus = event => {
-    onItemFocus(id);
-    onFocus?.(event);
-  };
-  React.useEffect(() => {
-    registerItem(id, buttonRef);
-    return () => unregisterItem(id);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const previousDisabled = React.useRef(disabled);
-  React.useEffect(() => {
-    if (previousDisabled.current !== disabled && disabled === true) {
-      onItemDisabled(id, disabled);
-    }
-    previousDisabled.current = disabled;
-  }, [disabled, id, onItemDisabled]);
-  const previousAriaDisabled = React.useRef(ariaDisabled);
-  React.useEffect(() => {
-    if (previousAriaDisabled.current !== ariaDisabled && ariaDisabled === true) {
-      onItemDisabled(id, true);
-    }
-    previousAriaDisabled.current = ariaDisabled;
-  }, [ariaDisabled, id, onItemDisabled]);
-  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
-    tabIndex: focusableItemId === id ? 0 : -1
-  }, other, {
-    disabled,
-    'aria-disabled': ariaDisabled,
-    onKeyDown: handleKeyDown,
-    onFocus: handleFocus,
-    ref: handleRef
-  }));
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: element
-  });
-});
-process.env.NODE_ENV !== "production" ? ToolbarButton.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  className: PropTypes.string,
-  color: PropTypes.oneOf(['default', 'inherit', 'primary']),
-  disabled: PropTypes.bool,
-  edge: PropTypes.oneOf(['end', 'start', false]),
-  id: PropTypes.string,
-  label: PropTypes.string,
-  /**
-   * A function to customize rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  role: PropTypes.string,
-  size: PropTypes.oneOf(['large', 'medium', 'small']),
-  style: PropTypes.object,
-  tabIndex: PropTypes.number,
-  title: PropTypes.string,
-  touchRippleRef: PropTypes.any
-} : void 0;
-export { ToolbarButton };

package/modern/components/toolbarV8/ToolbarContext.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-export interface ToolbarContextValue {
-  focusableItemId: string | null;
-  registerItem: (id: string, ref: React.RefObject<HTMLButtonElement | null>) => void;
-  unregisterItem: (id: string) => void;
-  onItemKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
-  onItemFocus: (id: string) => void;
-  onItemDisabled: (id: string, disabled: boolean) => void;
-}
-export declare const ToolbarContext: React.Context<ToolbarContextValue | undefined>;
-export declare function useToolbarContext(): ToolbarContextValue;

package/modern/components/toolbarV8/ToolbarContext.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export const ToolbarContext = /*#__PURE__*/React.createContext(undefined);
-export function useToolbarContext() {
-  const context = React.useContext(ToolbarContext);
-  if (context === undefined) {
-    throw new Error('MUI X: Missing context. Toolbar subcomponents must be placed within a <Toolbar /> component.');
-  }
-  return context;
-}

package/modern/components/toolbarV8/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Toolbar.js";
-export * from "./ToolbarButton.js";

package/modern/components/toolbarV8/index.js

@@ -1,2 +0,0 @@
-export * from "./Toolbar.js";
-export * from "./ToolbarButton.js";

package/modern/components/virtualization/GridBottomContainer.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export type GridBottomContainerProps = React.PropsWithChildren;
-export declare function GridBottomContainer(props: GridBottomContainerProps): React.JSX.Element;

package/modern/components/virtualization/GridBottomContainer.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/system';
-import composeClasses from '@mui/utils/composeClasses';
-import { gridClasses, getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = () => {
-  const slots = {
-    root: ['bottomContainer']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, {});
-};
-const Element = styled('div')({
-  position: 'sticky',
-  zIndex: 40,
-  bottom: 'calc(var(--DataGrid-hasScrollX) * var(--DataGrid-scrollbarSize))'
-});
-export function GridBottomContainer(props) {
-  const classes = useUtilityClasses();
-  return /*#__PURE__*/_jsx(Element, _extends({}, props, {
-    className: clsx(classes.root, gridClasses['container--bottom']),
-    role: "presentation"
-  }));
-}

package/modern/components/virtualization/GridMainContainer.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
-import { GridLoadingOverlayVariant } from "../GridLoadingOverlay.js";
-import { GridOverlayType } from "../base/GridOverlays.js";
-type OwnerState = Pick<DataGridProcessedProps, 'classes'> & {
-  hasScrollX: boolean;
-  hasPinnedRight: boolean;
-  overlayType: GridOverlayType;
-  loadingOverlayVariant: GridLoadingOverlayVariant | null;
-};
-export declare const GridMainContainer: React.ForwardRefExoticComponent<React.PropsWithChildren<{
-  className: string;
-  ownerState: OwnerState;
-}>> | React.ForwardRefExoticComponent<{
-  className: string;
-  ownerState: OwnerState;
-} & {
-  children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export {};

package/modern/components/virtualization/GridMainContainer.js

@@ -1,51 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { styled } from '@mui/system';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridConfiguration } from "../../hooks/utils/useGridConfiguration.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const GridPanelAnchor = styled('div')({
-  position: 'absolute',
-  top: `var(--DataGrid-headersTotalHeight)`,
-  left: 0,
-  width: 'calc(100% - (var(--DataGrid-hasScrollY) * var(--DataGrid-scrollbarSize)))'
-});
-const Element = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'Main',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState,
-      loadingOverlayVariant,
-      overlayType
-    } = props;
-    const hideContent = loadingOverlayVariant === 'skeleton' || overlayType === 'noColumnsOverlay';
-    return [styles.main, ownerState.hasPinnedRight && styles['main--hasPinnedRight'], hideContent && styles['main--hiddenContent']];
-  }
-})({
-  flexGrow: 1,
-  position: 'relative',
-  overflow: 'hidden',
-  display: 'flex',
-  flexDirection: 'column'
-});
-export const GridMainContainer = forwardRef((props, ref) => {
-  const {
-    ownerState
-  } = props;
-  const rootProps = useGridRootProps();
-  const configuration = useGridConfiguration();
-  const ariaAttributes = configuration.hooks.useGridAriaAttributes();
-  return /*#__PURE__*/_jsxs(Element, _extends({
-    ownerState: ownerState,
-    className: props.className,
-    tabIndex: -1
-  }, ariaAttributes, rootProps.slotProps?.main, {
-    ref: ref,
-    children: [/*#__PURE__*/_jsx(GridPanelAnchor, {
-      role: "presentation",
-      "data-id": "gridPanelAnchor"
-    }), props.children]
-  }));
-});

package/modern/components/virtualization/GridTopContainer.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare function GridTopContainer(props: React.PropsWithChildren): React.JSX.Element;

package/modern/components/virtualization/GridTopContainer.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/system';
-import composeClasses from '@mui/utils/composeClasses';
-import { gridClasses, getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = () => {
-  const slots = {
-    root: ['topContainer']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, {});
-};
-const Element = styled('div')({
-  position: 'sticky',
-  zIndex: 40,
-  top: 0
-});
-export function GridTopContainer(props) {
-  const classes = useUtilityClasses();
-  return /*#__PURE__*/_jsx(Element, _extends({}, props, {
-    className: clsx(classes.root, gridClasses['container--top']),
-    role: "presentation"
-  }));
-}

package/modern/components/virtualization/GridVirtualScrollbar.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-type Position = 'vertical' | 'horizontal';
-type GridVirtualScrollbarProps = {
-  position: Position;
-  scrollPosition: React.RefObject<{
-    left: number;
-    top: number;
-  }>;
-};
-declare const GridVirtualScrollbar: React.ForwardRefExoticComponent<GridVirtualScrollbarProps> | React.ForwardRefExoticComponent<GridVirtualScrollbarProps & React.RefAttributes<HTMLDivElement>>;
-export { GridVirtualScrollbar };

package/modern/components/virtualization/GridVirtualScrollbar.js

@@ -1,148 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/system';
-import useEventCallback from '@mui/utils/useEventCallback';
-import useForkRef from '@mui/utils/useForkRef';
-import composeClasses from '@mui/utils/composeClasses';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useOnMount } from "../../hooks/utils/useOnMount.js";
-import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.js";
-import { gridDimensionsSelector, useGridSelector } from "../../hooks/index.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = (ownerState, position) => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['scrollbar', `scrollbar--${position}`],
-    content: ['scrollbarContent']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const Scrollbar = styled('div')({
-  position: 'absolute',
-  display: 'inline-block',
-  zIndex: 60,
-  '&:hover': {
-    zIndex: 70
-  },
-  // In macOS Safari and Gnome Web, scrollbars are overlaid and don't affect the layout. So we consider
-  // their size to be 0px throughout all the calculations, but the floating scrollbar container does need
-  // to appear and have a real size. We set it to 14px because it seems like an acceptable value and we
-  // don't have a method to find the required size for scrollbars on those platforms.
-  '--size': 'calc(max(var(--DataGrid-scrollbarSize), 14px))'
-});
-const ScrollbarVertical = styled(Scrollbar)({
-  width: 'var(--size)',
-  height: 'calc(var(--DataGrid-hasScrollY) * (100% - var(--DataGrid-topContainerHeight) - var(--DataGrid-bottomContainerHeight) - var(--DataGrid-hasScrollX) * var(--DataGrid-scrollbarSize)))',
-  overflowY: 'auto',
-  overflowX: 'hidden',
-  // Disable focus-visible style, it's a scrollbar.
-  outline: 0,
-  '& > div': {
-    width: 'var(--size)'
-  },
-  top: 'var(--DataGrid-topContainerHeight)',
-  right: '0px'
-});
-const ScrollbarHorizontal = styled(Scrollbar)({
-  width: '100%',
-  height: 'var(--size)',
-  overflowY: 'hidden',
-  overflowX: 'auto',
-  // Disable focus-visible style, it's a scrollbar.
-  outline: 0,
-  '& > div': {
-    height: 'var(--size)'
-  },
-  bottom: '0px'
-});
-const GridVirtualScrollbar = forwardRef(function GridVirtualScrollbar(props, ref) {
-  const apiRef = useGridPrivateApiContext();
-  const rootProps = useGridRootProps();
-  const isLocked = React.useRef(false);
-  const lastPosition = React.useRef(0);
-  const scrollbarRef = React.useRef(null);
-  const contentRef = React.useRef(null);
-  const classes = useUtilityClasses(rootProps, props.position);
-  const dimensions = useGridSelector(apiRef, gridDimensionsSelector);
-  const propertyDimension = props.position === 'vertical' ? 'height' : 'width';
-  const propertyScroll = props.position === 'vertical' ? 'scrollTop' : 'scrollLeft';
-  const propertyScrollPosition = props.position === 'vertical' ? 'top' : 'left';
-  const hasScroll = props.position === 'vertical' ? dimensions.hasScrollX : dimensions.hasScrollY;
-  const contentSize = dimensions.minimumSize[propertyDimension] + (hasScroll ? dimensions.scrollbarSize : 0);
-  const scrollbarSize = props.position === 'vertical' ? dimensions.viewportInnerSize.height : dimensions.viewportOuterSize.width;
-  const scrollbarInnerSize = scrollbarSize * (contentSize / dimensions.viewportOuterSize[propertyDimension]);
-  const onScrollerScroll = useEventCallback(() => {
-    const scrollbar = scrollbarRef.current;
-    const scrollPosition = props.scrollPosition.current;
-    if (!scrollbar) {
-      return;
-    }
-    if (scrollPosition[propertyScrollPosition] === lastPosition.current) {
-      return;
-    }
-    lastPosition.current = scrollPosition[propertyScrollPosition];
-    if (isLocked.current) {
-      isLocked.current = false;
-      return;
-    }
-    isLocked.current = true;
-    const value = scrollPosition[propertyScrollPosition] / contentSize;
-    scrollbar[propertyScroll] = value * scrollbarInnerSize;
-  });
-  const onScrollbarScroll = useEventCallback(() => {
-    const scroller = apiRef.current.virtualScrollerRef.current;
-    const scrollbar = scrollbarRef.current;
-    if (!scrollbar) {
-      return;
-    }
-    if (isLocked.current) {
-      isLocked.current = false;
-      return;
-    }
-    isLocked.current = true;
-    const value = scrollbar[propertyScroll] / scrollbarInnerSize;
-    scroller[propertyScroll] = value * contentSize;
-  });
-  useOnMount(() => {
-    const scroller = apiRef.current.virtualScrollerRef.current;
-    const scrollbar = scrollbarRef.current;
-    const options = {
-      passive: true
-    };
-    scroller.addEventListener('scroll', onScrollerScroll, options);
-    scrollbar.addEventListener('scroll', onScrollbarScroll, options);
-    return () => {
-      scroller.removeEventListener('scroll', onScrollerScroll, options);
-      scrollbar.removeEventListener('scroll', onScrollbarScroll, options);
-    };
-  });
-  React.useEffect(() => {
-    const content = contentRef.current;
-    content.style.setProperty(propertyDimension, `${scrollbarInnerSize}px`);
-  }, [scrollbarInnerSize, propertyDimension]);
-  const Container = props.position === 'vertical' ? ScrollbarVertical : ScrollbarHorizontal;
-  return /*#__PURE__*/_jsx(Container, {
-    ref: useForkRef(ref, scrollbarRef),
-    className: classes.root,
-    style: props.position === 'vertical' && rootProps.listView ? {
-      height: '100%',
-      top: 0
-    } : undefined,
-    tabIndex: -1,
-    "aria-hidden": "true"
-    // tabIndex does not prevent focus with a mouse click, throwing a console error
-    // https://github.com/mui/mui-x/issues/16706
-    ,
-    onFocus: event => {
-      event.target.blur();
-    },
-    children: /*#__PURE__*/_jsx("div", {
-      ref: contentRef,
-      className: classes.content
-    })
-  });
-});
-export { GridVirtualScrollbar };

package/modern/components/virtualization/GridVirtualScroller.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export interface GridVirtualScrollerProps {
-  children?: React.ReactNode;
-}
-declare function GridVirtualScroller(props: GridVirtualScrollerProps): React.JSX.Element;
-export { GridVirtualScroller };

package/modern/components/virtualization/GridVirtualScroller.js

@@ -1,130 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { styled } from '@mui/system';
-import composeClasses from '@mui/utils/composeClasses';
-import { gridHasBottomFillerSelector, gridHasScrollXSelector, gridHasScrollYSelector } from "../../hooks/features/dimensions/gridDimensionsSelectors.js";
-import { GridScrollArea } from "../GridScrollArea.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
-import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { useGridVirtualScroller } from "../../hooks/features/virtualization/useGridVirtualScroller.js";
-import { useGridOverlays } from "../../hooks/features/overlays/useGridOverlays.js";
-import { GridHeaders } from "../GridHeaders.js";
-import { GridMainContainer as Container } from "./GridMainContainer.js";
-import { GridTopContainer as TopContainer } from "./GridTopContainer.js";
-import { GridVirtualScrollerContent as Content } from "./GridVirtualScrollerContent.js";
-import { GridVirtualScrollerFiller as SpaceFiller } from "./GridVirtualScrollerFiller.js";
-import { GridVirtualScrollerRenderZone as RenderZone } from "./GridVirtualScrollerRenderZone.js";
-import { GridVirtualScrollbar as Scrollbar } from "./GridVirtualScrollbar.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    hasScrollX,
-    hasPinnedRight,
-    loadingOverlayVariant,
-    overlayType
-  } = ownerState;
-  const hideContent = loadingOverlayVariant === 'skeleton' || overlayType === 'noColumnsOverlay';
-  const slots = {
-    root: ['main', hasPinnedRight && 'main--hasPinnedRight', hideContent && 'main--hiddenContent'],
-    scroller: ['virtualScroller', hasScrollX && 'virtualScroller--hasScrollX']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const Scroller = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'VirtualScroller',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.virtualScroller, ownerState.hasScrollX && styles['virtualScroller--hasScrollX']];
-  }
-})({
-  position: 'relative',
-  height: '100%',
-  flexGrow: 1,
-  overflow: 'scroll',
-  scrollbarWidth: 'none' /* Firefox */,
-  display: 'flex',
-  flexDirection: 'column',
-  '&::-webkit-scrollbar': {
-    display: 'none' /* Safari and Chrome */
-  },
-  '@media print': {
-    overflow: 'hidden'
-  },
-  // See https://github.com/mui/mui-x/issues/10547
-  zIndex: 0
-});
-const hasPinnedRightSelector = apiRef => apiRef.current.state.dimensions.rightPinnedWidth > 0;
-function GridVirtualScroller(props) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const hasScrollY = useGridSelector(apiRef, gridHasScrollYSelector);
-  const hasScrollX = useGridSelector(apiRef, gridHasScrollXSelector);
-  const hasPinnedRight = useGridSelector(apiRef, hasPinnedRightSelector);
-  const hasBottomFiller = useGridSelector(apiRef, gridHasBottomFillerSelector);
-  const {
-    getOverlay,
-    overlaysProps
-  } = useGridOverlays();
-  const ownerState = _extends({
-    classes: rootProps.classes,
-    hasScrollX,
-    hasPinnedRight
-  }, overlaysProps);
-  const classes = useUtilityClasses(ownerState);
-  const virtualScroller = useGridVirtualScroller();
-  const {
-    getContainerProps,
-    getScrollerProps,
-    getContentProps,
-    getRenderZoneProps,
-    getScrollbarVerticalProps,
-    getScrollbarHorizontalProps,
-    getRows,
-    getScrollAreaProps
-  } = virtualScroller;
-  const rows = getRows();
-  return /*#__PURE__*/_jsxs(Container, _extends({
-    className: classes.root
-  }, getContainerProps(), {
-    ownerState: ownerState,
-    children: [/*#__PURE__*/_jsx(GridScrollArea, _extends({
-      scrollDirection: "left"
-    }, getScrollAreaProps())), /*#__PURE__*/_jsx(GridScrollArea, _extends({
-      scrollDirection: "right"
-    }, getScrollAreaProps())), /*#__PURE__*/_jsxs(Scroller, _extends({
-      className: classes.scroller
-    }, getScrollerProps(), {
-      ownerState: ownerState,
-      children: [/*#__PURE__*/_jsxs(TopContainer, {
-        children: [!rootProps.listView && /*#__PURE__*/_jsx(GridHeaders, {}), /*#__PURE__*/_jsx(rootProps.slots.pinnedRows, {
-          position: "top",
-          virtualScroller: virtualScroller
-        })]
-      }), getOverlay(), /*#__PURE__*/_jsx(Content, _extends({}, getContentProps(), {
-        children: /*#__PURE__*/_jsxs(RenderZone, _extends({}, getRenderZoneProps(), {
-          children: [rows, /*#__PURE__*/_jsx(rootProps.slots.detailPanels, {
-            virtualScroller: virtualScroller
-          })]
-        }))
-      })), hasBottomFiller && /*#__PURE__*/_jsx(SpaceFiller, {
-        rowsLength: rows.length
-      }), /*#__PURE__*/_jsx(rootProps.slots.bottomContainer, {
-        children: /*#__PURE__*/_jsx(rootProps.slots.pinnedRows, {
-          position: "bottom",
-          virtualScroller: virtualScroller
-        })
-      })]
-    })), hasScrollX && !rootProps.listView && /*#__PURE__*/_jsx(Scrollbar, _extends({
-      position: "horizontal"
-    }, getScrollbarHorizontalProps())), hasScrollY && /*#__PURE__*/_jsx(Scrollbar, _extends({
-      position: "vertical"
-    }, getScrollbarVerticalProps())), props.children]
-  }));
-}
-export { GridVirtualScroller };

package/modern/components/virtualization/GridVirtualScrollerContent.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
-declare const GridVirtualScrollerContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-  sx?: SxProps<Theme>;
-}> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-  sx?: SxProps<Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
-export { GridVirtualScrollerContent };

package/modern/components/virtualization/GridVirtualScrollerContent.js

@@ -1,43 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/system';
-import composeClasses from '@mui/utils/composeClasses';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = (props, overflowedContent) => {
-  const {
-    classes
-  } = props;
-  const slots = {
-    root: ['virtualScrollerContent', overflowedContent && 'virtualScrollerContent--overflowed']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const VirtualScrollerContentRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'VirtualScrollerContent',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.virtualScrollerContent, ownerState.overflowedContent && styles['virtualScrollerContent--overflowed']];
-  }
-})({});
-const GridVirtualScrollerContent = forwardRef(function GridVirtualScrollerContent(props, ref) {
-  const rootProps = useGridRootProps();
-  const overflowedContent = !rootProps.autoHeight && props.style?.minHeight === 'auto';
-  const classes = useUtilityClasses(rootProps, overflowedContent);
-  const ownerState = {
-    classes: rootProps.classes,
-    overflowedContent
-  };
-  return /*#__PURE__*/_jsx(VirtualScrollerContentRoot, _extends({}, props, {
-    ownerState: ownerState,
-    className: clsx(classes.root, props.className),
-    ref: ref
-  }));
-});
-export { GridVirtualScrollerContent };

package/modern/components/virtualization/GridVirtualScrollerFiller.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-type Props = {
-  /** The number of rows */
-  rowsLength: number;
-};
-declare function GridVirtualScrollerFiller({
-  rowsLength
-}: Props): React.JSX.Element | null;
-declare const Memoized: typeof GridVirtualScrollerFiller;
-export { Memoized as GridVirtualScrollerFiller };