[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

@@ -3,9 +3,9 @@ import { expect } from 'chai';
 import { useFakeTimers } from 'sinon';
 import PropTypes from 'prop-types';
 import { describeConformance, act, createClientRender, fireEvent, screen } from 'test/utils';
-import { ThemeProvider, createTheme } from '@mui/material/styles';
+import { ThemeProvider, createTheme } from '@mui/system';
 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

@@ -29,6 +29,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

@@ -26,6 +26,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-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 {}

scripts/sizeSnapshot/webpack.config.js

@@ -17,8 +17,6 @@ async function getWebpackEntries() {
         entryName = '@material-ui/core/Paper.esm';
       } else if (componentName === 'TextareaAutosize') {
         entryName = '@material-ui/core/Textarea';
-      } else if (['Popper'].indexOf(componentName) !== -1) {
-        entryName = `@material-ui/core/${componentName}`;
       }
 
       return {
@@ -32,9 +30,14 @@ async function getWebpackEntries() {
   const coreComponents = (await glob(path.join(corePackagePath, '([A-Z])*/index.js'))).map(
     (componentPath) => {
       const componentName = path.basename(path.dirname(componentPath));
+      let entryName = componentName;
+
+      if (['Popper'].indexOf(componentName) !== -1) {
+        entryName = `@material-ui/core/${componentName}`;
+      }
 
       return {
-        id: componentName,
+        id: entryName,
         path: path.relative(workspaceRoot, path.dirname(componentPath)),
       };
     },