@mui/x-data-grid 7.0.0-alpha.7 → 7.0.0-alpha.9

package/legacy/components/containers/GridRoot.js

@@ -6,43 +6,43 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect, unstable_capitalize as capitalize, unstable_composeClasses as composeClasses } from '@mui/utils';
+import { styled } from '@mui/system';
 import { GridRootStyles } from './GridRootStyles';
 import { useGridSelector } from '../../hooks/utils/useGridSelector';
 import { useGridPrivateApiContext } from '../../hooks/utils/useGridPrivateApiContext';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { getDataGridUtilityClass } from '../../constants/gridClasses';
 import { gridDensityValueSelector } from '../../hooks/features/density/densitySelector';
-import { useGridAriaAttributes } from '../../hooks/utils/useGridAriaAttributes';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var autoHeight = ownerState.autoHeight,
     density = ownerState.density,
-    classes = ownerState.classes;
+    classes = ownerState.classes,
+    showCellVerticalBorder = ownerState.showCellVerticalBorder;
   var slots = {
-    root: ['root', autoHeight && 'autoHeight', "root--density".concat(capitalize(density)), 'withBorderColor']
+    root: ['root', autoHeight && 'autoHeight', "root--density".concat(capitalize(density)), 'withBorderColor', showCellVerticalBorder && 'withVerticalBorder']
   };
   return composeClasses(slots, getDataGridUtilityClass, classes);
 };
+var GridPanelAnchor = styled('div')({
+  position: 'absolute',
+  top: "var(--DataGrid-headersTotalHeight)",
+  left: 0
+});
 var GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
-  var _rootProps$experiment;
   var rootProps = useGridRootProps();
   var children = props.children,
     className = props.className,
     other = _objectWithoutProperties(props, _excluded);
   var apiRef = useGridPrivateApiContext();
   var densityValue = useGridSelector(apiRef, gridDensityValueSelector);
-  var rootContainerRef = React.useRef(null);
-  var handleRef = useForkRef(rootContainerRef, ref);
-  var getAriaAttributes = (_rootProps$experiment = rootProps.experimentalFeatures) != null && _rootProps$experiment.ariaV7 // ariaV7 should never change
-  ? null : useGridAriaAttributes;
-  var ariaAttributes = typeof getAriaAttributes === 'function' ? getAriaAttributes() : null;
+  var rootElementRef = apiRef.current.rootElementRef;
+  var handleRef = useForkRef(rootElementRef, ref);
   var ownerState = _extends({}, rootProps, {
     density: densityValue
   });
   var classes = useUtilityClasses(ownerState);
-  apiRef.current.register('public', {
-    rootElementRef: rootContainerRef
-  });
 
   // Our implementation of <NoSsr />
   var _React$useState = React.useState(false),
@@ -55,12 +55,15 @@ var GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
   if (!mountedState) {
     return null;
   }
-  return /*#__PURE__*/_jsx(GridRootStyles, _extends({
+  return /*#__PURE__*/_jsxs(GridRootStyles, _extends({
     ref: handleRef,
     className: clsx(className, classes.root),
     ownerState: ownerState
-  }, ariaAttributes, other, {
-    children: children
+  }, other, {
+    children: [/*#__PURE__*/_jsx(GridPanelAnchor, {
+      role: "presentation",
+      "data-id": "gridPanelAnchor"
+    }), children]
   }));
 });
 process.env.NODE_ENV !== "production" ? GridRoot.propTypes = {