[Popper] Allow setting default props in a theme

packages/mui-material/src/Popper/Popper.test.js

@@ -284,4 +284,20 @@ describe('<Popper />', () => {
       expect(getByRole('tooltip', { hidden: true }).style.display).to.equal('none');
     });
   });
+
+  describe('default props', () => {
+    it('should consume theme default props', () => {
+      const container = document.createElement('div');
+      const theme = createTheme({ components: { MuiPopper: { defaultProps: { container } } } });
+      render(
+        <ThemeProvider theme={theme}>
+          <Popper {...defaultProps} open>
+            <p id="content">Hello World</p>
+          </Popper>
+        </ThemeProvider>,
+      );
+
+      expect(container).to.have.text('Hello World');
+    });
+  });
 });

packages/mui-material/src/Popper/Popper.tsx

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import PopperUnstyled, { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
 import { HTMLElementType, refType } from '@mui/utils';
 import { Direction, useThemeWithoutDefault as useTheme } from '@mui/system';
+import useThemeProps from '../styles/useThemeProps';
 
 export type PopperProps = Omit<PopperUnstyledProps, 'direction'>;
 
@@ -19,10 +20,11 @@ export type PopperProps = Omit<PopperUnstyledProps, 'direction'>;
  * - [Popper API](https://mui.com/api/popper/)
  */
 const Popper = React.forwardRef(function Popper(
-  props: PopperProps,
+  inProps: PopperProps,
   ref: React.ForwardedRef<HTMLDivElement>,
 ) {
   const theme = useTheme<{ direction?: Direction }>();
+  const props = useThemeProps({ props: inProps, name: 'MuiPopper' });
   return <PopperUnstyled direction={theme?.direction} {...props} ref={ref} />;
 });
 

packages/mui-material/src/styles/components.d.ts

@@ -368,6 +368,9 @@ export interface Components<Theme = unknown> {
     styleOverrides?: ComponentsOverrides<Theme>['MuiPaper'];
     variants?: ComponentsVariants['MuiPaper'];
   };
+  MuiPopper?: {
+    defaultProps?: ComponentsProps['MuiPopper'];
+  };
   MuiPopover?: {
     defaultProps?: ComponentsProps['MuiPopover'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiPopover'];

packages/mui-material/src/styles/props.d.ts

@@ -115,6 +115,7 @@ import { ToolbarProps } from '../Toolbar';
 import { TooltipProps } from '../Tooltip';
 import { TouchRippleProps } from '../ButtonBase/TouchRipple';
 import { TypographyProps } from '../Typography';
+import { PopperProps } from '../Popper';
 
 export type ComponentsProps = {
   [Name in keyof ComponentsPropsList]?: Partial<ComponentsPropsList[Name]>;
@@ -195,6 +196,7 @@ export interface ComponentsPropsList {
   MuiPagination: PaginationProps;
   MuiPaginationItem: PaginationItemProps;
   MuiPaper: PaperProps;
+  MuiPopper: PopperProps;
   MuiPopover: PopoverProps;
   MuiRadio: RadioProps;
   MuiRadioGroup: RadioGroupProps;