[core] TrapFocus was renamed to FocusTrap

See mui/material-ui#34216.
mui · Sep 10, 2023 · e00af64 · e00af64
1 parent ffd1fdd
commit e00af64
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/grid/x-data-grid/src/components/panel/GridPanelWrapper.tsx b/packages/grid/x-data-grid/src/components/panel/GridPanelWrapper.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import TrapFocus, { TrapFocusProps } from '@mui/material/Unstable_TrapFocus';
+import FocusTrap, { TrapFocusProps } from '@mui/material/Unstable_TrapFocus';
 import { styled, Theme } from '@mui/material/styles';
 import { MUIStyledCommonProps } from '@mui/system';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
@@ -51,15 +51,15 @@ const GridPanelWrapper = React.forwardRef<HTMLDivElement, GridPanelWrapperProps>
     const classes = useUtilityClasses(rootProps);
 
     return (
-      <TrapFocus open disableEnforceFocus isEnabled={isEnabled} {...slotProps.TrapFocus}>
+      <FocusTrap open disableEnforceFocus isEnabled={isEnabled} {...slotProps.TrapFocus}>
         <GridPanelWrapperRoot
           ref={ref}
           tabIndex={-1}
           className={clsx(className, classes.root)}
           ownerState={rootProps}
           {...other}
         />
-      </TrapFocus>
+      </FocusTrap>
     );
   },
 );

diff --git a/packages/x-date-pickers/src/internals/components/PickersPopper.tsx b/packages/x-date-pickers/src/internals/components/PickersPopper.tsx
@@ -7,7 +7,7 @@ import MuiPopper, {
   PopperProps as MuiPopperProps,
   PopperPlacementType,
 } from '@mui/material/Popper';
-import MuiTrapFocus, {
+import BaseFocusTrap, {
   TrapFocusProps as MuiTrapFocusProps,
 } from '@mui/material/Unstable_TrapFocus';
 import {
@@ -61,7 +61,7 @@ export interface PickersPopperSlotsComponentsProps {
    */
   desktopTransition?: Partial<MuiTransitionProps>;
   /**
-   * Props passed down to the [TrapFocus](https://mui.com/base/react-focus-trap/) component on desktop.
+   * Props passed down to the [FocusTrap](https://mui.com/base/react-focus-trap/) component on desktop.
    */
   desktopTrapFocus?: Partial<MuiTrapFocusProps>;
   /**
@@ -396,7 +396,7 @@ export function PickersPopper(inProps: PickerPopperProps) {
   };
 
   const Transition = slots?.desktopTransition ?? reduceAnimations ? Fade : Grow;
-  const TrapFocus = slots?.desktopTrapFocus ?? MuiTrapFocus;
+  const FocusTrap = slots?.desktopTrapFocus ?? BaseFocusTrap;
 
   const Paper = slots?.desktopPaper ?? PickersPopperPaper;
   const Popper = slots?.popper ?? PickersPopperRoot;
@@ -418,7 +418,7 @@ export function PickersPopper(inProps: PickerPopperProps) {
   return (
     <Popper {...popperProps}>
       {({ TransitionProps, placement: popperPlacement }) => (
-        <TrapFocus
+        <FocusTrap
           open={open}
           disableAutoFocus
           // pickers are managing focus position manually
@@ -443,7 +443,7 @@ export function PickersPopper(inProps: PickerPopperProps) {
               {children}
             </PickersPopperPaperWrapper>
           </Transition>
-        </TrapFocus>
+        </FocusTrap>
       )}
     </Popper>
   );