[Popper] Move from mui-material to mui-core

docs/pages/api-docs/popper.json

@@ -38,7 +38,7 @@
   "styles": { "classes": [], "globalClasses": {}, "name": null },
   "spread": true,
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-material/src/Popper/Popper.js",
+  "filename": "/packages/mui-core/src/Popper/Popper.js",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/autocomplete/\">Autocomplete</a></li>\n<li><a href=\"/components/menus/\">Menus</a></li>\n<li><a href=\"/components/popper/\">Popper</a></li></ul>",
   "cssComponent": false

docs/src/pages/components/popper/popper.md

@@ -72,3 +72,11 @@ There is a 3rd party package [`material-ui-popup-state`](https://github.com/jcor
 state for you in most cases.
 
 {{"demo": "pages/components/popper/PopperPopupState.js"}}
+
+## Unstyled
+
+As the component does not have any styles, it also comes with the unstyled package.
+
+```js
+import Popper from '@mui/core/Popper';
+```

packages/mui-core/package.json

@@ -50,6 +50,7 @@
     "@babel/runtime": "^7.15.4",
     "@emotion/is-prop-valid": "^1.1.0",
     "@mui/utils": "^5.0.1",
+    "@popperjs/core": "^2.4.4",
     "clsx": "^1.1.1",
     "prop-types": "^15.7.2",
     "react-is": "^17.0.2"

packages/mui-material/src/Popper/Popper.js → packages/mui-core/src/Popper/Popper.js

@@ -1,12 +1,16 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { createPopper } from '@popperjs/core';
-import { chainPropTypes, refType, HTMLElementType } from '@mui/utils';
 import { useThemeWithoutDefault as useTheme } from '@mui/system';
+import {
+  chainPropTypes,
+  HTMLElementType,
+  refType,
+  unstable_ownerDocument as ownerDocument,
+  unstable_useEnhancedEffect as useEnhancedEffect,
+  unstable_useForkRef as useForkRef,
+} from '@mui/utils';
+import { createPopper } from '@popperjs/core';
+import PropTypes from 'prop-types';
+import * as React from 'react';
 import Portal from '../Portal';
-import ownerDocument from '../utils/ownerDocument';
-import useForkRef from '../utils/useForkRef';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
 
 function flipPlacement(placement, theme) {
   const direction = (theme && theme.direction) || 'ltr';

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

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import { describeConformance, act, createClientRender, fireEvent, screen } from 'test/utils';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import Grow from '@mui/material/Grow';
-import Popper from '@mui/material/Popper';
+import Popper from '@mui/core/Popper';
 
 describe('<Popper />', () => {
   let rtlTheme;

packages/mui-core/src/Popper/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Popper';
+export * from './Popper';

packages/mui-core/src/Popper/index.js

@@ -0,0 +1 @@
+export { default } from './Popper';

packages/mui-core/src/index.d.ts

@@ -26,6 +26,9 @@ export * from './ModalUnstyled';
 
 export { default as NoSsr } from './NoSsr';
 
+export { default as Popper } from './Popper';
+export * from './Popper';
+
 export { default as Portal } from './Portal';
 export * from './Portal';
 

packages/mui-core/src/index.js

@@ -23,6 +23,8 @@ export * from './ModalUnstyled';
 
 export { default as NoSsr } from './NoSsr';
 
+export { default as Popper } from './Popper';
+
 export { default as Portal } from './Portal';
 
 export { default as SliderUnstyled } from './SliderUnstyled';

packages/mui-lab/src/internal/pickers/PickersPopper.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Grow from '@mui/material/Grow';
 import Paper, { PaperProps as MuiPaperProps } from '@mui/material/Paper';
-import Popper, { PopperProps as MuiPopperProps } from '@mui/material/Popper';
+import Popper, { PopperProps as MuiPopperProps } from '@mui/core/Popper';
 import TrapFocus, { TrapFocusProps as MuiTrapFocusProps } from '@mui/material/Unstable_TrapFocus';
 import { useForkRef, useEventCallback, ownerDocument } from '@mui/material/utils';
 import { styled } from '@mui/material/styles';

packages/mui-material/package.json

@@ -64,7 +64,6 @@
     "@mui/system": "^5.0.3",
     "@mui/types": "^7.0.0",
     "@mui/utils": "^5.0.1",
-    "@popperjs/core": "^2.4.4",
     "@types/react-transition-group": "^4.4.3",
     "clsx": "^1.1.1",
     "csstype": "^3.0.9",

packages/mui-material/src/Popper/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Popper';
-export * from './Popper';
+export { default } from '@mui/core/Popper';
+export * from '@mui/core/Popper';

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

@@ -1 +1 @@
-export { default } from './Popper';
+export { default } from '@mui/core/Popper';

packages/mui-material/src/Tooltip/Tooltip.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { MUIStyledCommonProps, SxProps } from '@mui/system';
+import { PopperProps } from '@mui/core/Popper';
 import { InternalStandardProps as StandardProps, Theme } from '..';
 import { TransitionProps } from '../transitions/transition';
-import { PopperProps } from '../Popper/Popper';
 import { TooltipClasses } from './tooltipClasses';
 
 export interface TooltipComponentsPropsOverrides {}