[ClickAwayListener] Move to the core package (#29186)

mui · Oct 25, 2021 · bbb9b66 · bbb9b66
1 parent e82469e
commit bbb9b66
Show file tree

Hide file tree

Showing 10 changed files with 28 additions and 13 deletions.
diff --git 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": "<ul><li><a href=\"/components/click-away-listener/\">Click Away Listener</a></li>\n<li><a href=\"/components/menus/\">Menus</a></li></ul>",
   "cssComponent": false

diff --git 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
@@ -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
@@ -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/...ickAwayListener/ClickAwayListener.test.js → ...ickAwayListener/ClickAwayListener.test.js b/...ickAwayListener/ClickAwayListener.test.js → ...ickAwayListener/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('<ClickAwayListener />', () => {
   /**

diff --git a/...c/ClickAwayListener/ClickAwayListener.tsx → ...c/ClickAwayListener/ClickAwayListener.tsx b/...c/ClickAwayListener/ClickAwayListener.tsx → ...c/ClickAwayListener/ClickAwayListener.tsx
@@ -1,9 +1,12 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { elementAcceptingRef, exactProp } from '@mui/utils';
-import ownerDocument from '../utils/ownerDocument';
-import useForkRef from '../utils/useForkRef';
-import useEventCallback from '../utils/useEventCallback';
+import {
+  elementAcceptingRef,
+  exactProp,
+  unstable_ownerDocument as ownerDocument,
+  unstable_useForkRef as useForkRef,
+  unstable_useEventCallback as useEventCallback,
+} from '@mui/utils';
 
 // TODO: return `EventHandlerName extends `on${infer EventName}` ? Lowercase<EventName> : never` once generatePropTypes runs with TS 4.1
 function mapEventPropToEvent(

diff --git a/packages/mui-core/src/ClickAwayListener/index.ts b/packages/mui-core/src/ClickAwayListener/index.ts
@@ -0,0 +1,2 @@
+export { default } from './ClickAwayListener';
+export * from './ClickAwayListener';
diff --git a/packages/mui-material/src/ClickAwayListener/index.ts b/packages/mui-material/src/ClickAwayListener/index.ts
@@ -1,2 +1,2 @@
-export { default } from './ClickAwayListener';
-export * from './ClickAwayListener';
+export { default } from '@mui/core/ClickAwayListener';
+export * from '@mui/core/ClickAwayListener';
diff --git a/packages/mui-material/src/Snackbar/Snackbar.d.ts b/packages/mui-material/src/Snackbar/Snackbar.d.ts
@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
+import { ClickAwayListenerProps } from '@mui/core/ClickAwayListener';
 import { Theme } from '../styles';
 import { InternalStandardProps as StandardProps } from '..';
 import { SnackbarContentProps } from '../SnackbarContent';
 import { TransitionProps } from '../transitions/transition';
-import { ClickAwayListenerProps } from '../ClickAwayListener';
 import { SnackbarClasses } from './snackbarClasses';
 
 export interface SnackbarOrigin {

diff --git a/packages/mui-material/src/Snackbar/Snackbar.js b/packages/mui-material/src/Snackbar/Snackbar.js
@@ -2,11 +2,11 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/core';
+import ClickAwayListener from '@mui/core/ClickAwayListener';
 import styled from '../styles/styled';
 import useTheme from '../styles/useTheme';
 import useThemeProps from '../styles/useThemeProps';
 import { duration } from '../styles/createTransitions';
-import ClickAwayListener from '../ClickAwayListener';
 import useEventCallback from '../utils/useEventCallback';
 import capitalize from '../utils/capitalize';
 import Grow from '../Grow';