diff --git a/docs/pages/api-docs/click-away-listener.json b/docs/pages/api-docs/click-away-listener.json index 14691600463800..797cbdf5d78773 100644 --- a/docs/pages/api-docs/click-away-listener.json +++ b/docs/pages/api-docs/click-away-listener.json @@ -21,7 +21,7 @@ "name": "ClickAwayListener", "styles": { "classes": [], "globalClasses": {}, "name": null }, "spread": false, - "filename": "/packages/mui-material/src/ClickAwayListener/ClickAwayListener.tsx", + "filename": "/packages/mui-core/src/ClickAwayListener/ClickAwayListener.tsx", "inheritance": null, "demos": "
", "cssComponent": false diff --git a/docs/src/components/header/HeaderNavDropdown.tsx b/docs/src/components/header/HeaderNavDropdown.tsx index 2d348490758dd6..41f0b1a36aed12 100644 --- a/docs/src/components/header/HeaderNavDropdown.tsx +++ b/docs/src/components/header/HeaderNavDropdown.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { styled } from '@mui/material/styles'; import Box from '@mui/material/Box'; import Collapse from '@mui/material/Collapse'; -import ClickAwayListener from '@mui/material/ClickAwayListener'; +import ClickAwayListener from '@mui/core/ClickAwayListener'; import IconButton from '@mui/material/IconButton'; import Typography from '@mui/material/Typography'; import KeyboardArrowDownRounded from '@mui/icons-material/KeyboardArrowDownRounded'; diff --git a/docs/src/modules/components/Notifications.js b/docs/src/modules/components/Notifications.js index 00af2d8c3488ba..2d8567574d61ea 100644 --- a/docs/src/modules/components/Notifications.js +++ b/docs/src/modules/components/Notifications.js @@ -9,7 +9,7 @@ import Typography from '@mui/material/Typography'; import Popper from '@mui/material/Popper'; import Grow from '@mui/material/Grow'; import MuiPaper from '@mui/material/Paper'; -import ClickAwayListener from '@mui/material/ClickAwayListener'; +import ClickAwayListener from '@mui/core/ClickAwayListener'; import MuiList from '@mui/material/List'; import MuiListItem from '@mui/material/ListItem'; import MuiDivider from '@mui/material/Divider'; diff --git a/docs/src/pages/components/click-away-listener/click-away-listener.md b/docs/src/pages/components/click-away-listener/click-away-listener.md index 6bafae44d5cac6..5c5ba4b5582415 100644 --- a/docs/src/pages/components/click-away-listener/click-away-listener.md +++ b/docs/src/pages/components/click-away-listener/click-away-listener.md @@ -36,3 +36,13 @@ However, you can configure it to respond to the leading events (mouse down + tou {{"demo": "pages/components/click-away-listener/LeadingClickAway.js"}} > ⚠️ In this mode, only interactions on the scrollbar of the document is ignored. + +## Unstyled + +- 📦 [784 B gzipped](https://bundlephobia.com/result?p=@mui/core@latest) + +As the component does not have any styles, it also comes with the unstyled package. + +```js +import ClickAwayListener from '@mui/core/ClickAwayListener'; +``` diff --git a/packages/mui-material/src/ClickAwayListener/ClickAwayListener.test.js b/packages/mui-core/src/ClickAwayListener/ClickAwayListener.test.js similarity index 99% rename from packages/mui-material/src/ClickAwayListener/ClickAwayListener.test.js rename to packages/mui-core/src/ClickAwayListener/ClickAwayListener.test.js index e8ac750ec62232..ce45da4c57cba4 100644 --- a/packages/mui-material/src/ClickAwayListener/ClickAwayListener.test.js +++ b/packages/mui-core/src/ClickAwayListener/ClickAwayListener.test.js @@ -3,8 +3,8 @@ import * as ReactDOM from 'react-dom'; import { expect } from 'chai'; import { spy, useFakeTimers } from 'sinon'; import { act, createClientRender, fireEvent, fireDiscreteEvent, screen } from 'test/utils'; -import Portal from '../Portal'; -import ClickAwayListener from './ClickAwayListener'; +import Portal from '@mui/core/Portal'; +import ClickAwayListener from '@mui/core/ClickAwayListener'; describe('