@mui/material 5.16.1 → 5.16.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Autocomplete/Autocomplete.d.ts +6 -7
- package/Autocomplete/Autocomplete.js +1 -1
- package/Badge/Badge.d.ts +1 -1
- package/Badge/Badge.js +2 -2
- package/Badge/useBadge.d.ts +13 -0
- package/Badge/useBadge.js +41 -0
- package/Badge/useBadge.types.d.ts +40 -0
- package/Badge/useBadge.types.js +1 -0
- package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/CHANGELOG.md +35 -0
- package/ClickAwayListener/ClickAwayListener.d.ts +47 -0
- package/ClickAwayListener/ClickAwayListener.js +178 -0
- package/ClickAwayListener/index.d.ts +2 -2
- package/ClickAwayListener/index.js +1 -1
- package/InputBase/InputBase.js +2 -2
- package/ListItem/ListItem.js +1 -1
- package/Menu/Menu.js +1 -1
- package/Modal/Modal.d.ts +1 -1
- package/Modal/Modal.js +2 -2
- package/Modal/ModalManager.d.ts +25 -0
- package/Modal/ModalManager.js +213 -0
- package/Modal/index.d.ts +1 -1
- package/Modal/index.js +1 -1
- package/Modal/useModal.d.ts +13 -0
- package/Modal/useModal.js +195 -0
- package/Modal/useModal.types.d.ts +115 -0
- package/Modal/useModal.types.js +1 -0
- package/NoSsr/NoSsr.d.ts +25 -0
- package/NoSsr/NoSsr.js +73 -0
- package/NoSsr/NoSsr.types.d.ts +18 -0
- package/NoSsr/NoSsr.types.js +1 -0
- package/NoSsr/index.d.ts +3 -2
- package/NoSsr/index.js +1 -1
- package/Popover/Popover.js +2 -1
- package/Popper/BasePopper.d.ts +7 -0
- package/Popper/BasePopper.js +372 -0
- package/Popper/BasePopper.types.d.ts +130 -0
- package/Popper/BasePopper.types.js +1 -0
- package/Popper/Popper.d.ts +1 -1
- package/Popper/Popper.js +1 -1
- package/Popper/index.d.ts +2 -1
- package/Popper/index.js +2 -1
- package/Popper/popperClasses.d.ts +8 -0
- package/Popper/popperClasses.js +7 -0
- package/Portal/Portal.d.ts +16 -0
- package/Portal/Portal.js +92 -0
- package/Portal/Portal.types.d.ts +23 -0
- package/Portal/Portal.types.js +1 -0
- package/Portal/index.d.ts +3 -2
- package/Portal/index.js +1 -1
- package/Slider/Slider.d.ts +2 -2
- package/Slider/Slider.js +3 -2
- package/Slider/useSlider.d.ts +14 -0
- package/Slider/useSlider.js +655 -0
- package/Slider/useSlider.types.d.ts +228 -0
- package/Slider/useSlider.types.js +1 -0
- package/Snackbar/Snackbar.d.ts +1 -1
- package/Snackbar/Snackbar.js +4 -5
- package/Snackbar/useSnackbar.d.ts +14 -0
- package/Snackbar/useSnackbar.js +131 -0
- package/Snackbar/useSnackbar.types.d.ts +60 -0
- package/Snackbar/useSnackbar.types.js +1 -0
- package/SwipeableDrawer/SwipeableDrawer.js +1 -1
- package/TabScrollButton/TabScrollButton.d.ts +1 -1
- package/TabScrollButton/TabScrollButton.js +1 -1
- package/TablePagination/TablePagination.js +1 -1
- package/Tabs/Tabs.d.ts +1 -1
- package/Tabs/Tabs.js +1 -1
- package/TextareaAutosize/TextareaAutosize.d.ts +14 -0
- package/TextareaAutosize/TextareaAutosize.js +223 -0
- package/TextareaAutosize/TextareaAutosize.types.d.ts +13 -0
- package/TextareaAutosize/TextareaAutosize.types.js +1 -0
- package/TextareaAutosize/index.d.ts +3 -2
- package/TextareaAutosize/index.js +1 -1
- package/Tooltip/Tooltip.js +2 -3
- package/Unstable_TrapFocus/FocusTrap.d.ts +10 -0
- package/Unstable_TrapFocus/FocusTrap.js +332 -0
- package/Unstable_TrapFocus/FocusTrap.types.d.ts +51 -0
- package/Unstable_TrapFocus/FocusTrap.types.js +1 -0
- package/Unstable_TrapFocus/index.d.ts +2 -2
- package/Unstable_TrapFocus/index.js +1 -1
- package/index.d.ts +1 -1
- package/index.js +2 -2
- package/legacy/Autocomplete/Autocomplete.js +1 -1
- package/legacy/Badge/Badge.js +2 -2
- package/legacy/Badge/useBadge.js +42 -0
- package/legacy/Badge/useBadge.types.js +1 -0
- package/legacy/Breadcrumbs/Breadcrumbs.js +1 -1
- package/legacy/ClickAwayListener/ClickAwayListener.js +181 -0
- package/legacy/ClickAwayListener/index.js +1 -1
- package/legacy/InputBase/InputBase.js +2 -2
- package/legacy/ListItem/ListItem.js +1 -1
- package/legacy/Menu/Menu.js +1 -1
- package/legacy/Modal/Modal.js +2 -2
- package/legacy/Modal/ModalManager.js +233 -0
- package/legacy/Modal/index.js +1 -1
- package/legacy/Modal/useModal.js +206 -0
- package/legacy/Modal/useModal.types.js +1 -0
- package/legacy/NoSsr/NoSsr.js +75 -0
- package/legacy/NoSsr/NoSsr.types.js +1 -0
- package/legacy/NoSsr/index.js +1 -1
- package/legacy/Popover/Popover.js +2 -1
- package/legacy/Popper/BasePopper.js +380 -0
- package/legacy/Popper/BasePopper.types.js +1 -0
- package/legacy/Popper/Popper.js +1 -1
- package/legacy/Popper/index.js +2 -1
- package/legacy/Popper/popperClasses.js +7 -0
- package/legacy/Portal/Portal.js +92 -0
- package/legacy/Portal/Portal.types.js +1 -0
- package/legacy/Portal/index.js +1 -1
- package/legacy/Slider/Slider.js +3 -2
- package/legacy/Slider/useSlider.js +701 -0
- package/legacy/Slider/useSlider.types.js +1 -0
- package/legacy/Snackbar/Snackbar.js +4 -5
- package/legacy/Snackbar/useSnackbar.js +141 -0
- package/legacy/Snackbar/useSnackbar.types.js +1 -0
- package/legacy/SwipeableDrawer/SwipeableDrawer.js +1 -1
- package/legacy/TabScrollButton/TabScrollButton.js +1 -1
- package/legacy/TablePagination/TablePagination.js +1 -1
- package/legacy/Tabs/Tabs.js +1 -1
- package/legacy/TextareaAutosize/TextareaAutosize.js +220 -0
- package/legacy/TextareaAutosize/TextareaAutosize.types.js +1 -0
- package/legacy/TextareaAutosize/index.js +1 -1
- package/legacy/Tooltip/Tooltip.js +2 -3
- package/legacy/Unstable_TrapFocus/FocusTrap.js +341 -0
- package/legacy/Unstable_TrapFocus/FocusTrap.types.js +1 -0
- package/legacy/Unstable_TrapFocus/index.js +1 -1
- package/legacy/index.js +2 -2
- package/legacy/useAutocomplete/useAutocomplete.js +1078 -2
- package/legacy/utils/PolymorphicComponent.js +1 -0
- package/legacy/utils/areArraysEqual.js +9 -0
- package/legacy/utils/index.js +1 -1
- package/legacy/utils/shouldSpreadAdditionalProps.js +1 -1
- package/legacy/utils/useSlot.js +3 -1
- package/modern/Autocomplete/Autocomplete.js +1 -1
- package/modern/Badge/Badge.js +2 -2
- package/modern/Badge/useBadge.js +41 -0
- package/modern/Badge/useBadge.types.js +1 -0
- package/modern/Breadcrumbs/Breadcrumbs.js +1 -1
- package/modern/ClickAwayListener/ClickAwayListener.js +178 -0
- package/modern/ClickAwayListener/index.js +1 -1
- package/modern/InputBase/InputBase.js +2 -2
- package/modern/ListItem/ListItem.js +1 -1
- package/modern/Menu/Menu.js +1 -1
- package/modern/Modal/Modal.js +2 -2
- package/modern/Modal/ModalManager.js +213 -0
- package/modern/Modal/index.js +1 -1
- package/modern/Modal/useModal.js +193 -0
- package/modern/Modal/useModal.types.js +1 -0
- package/modern/NoSsr/NoSsr.js +73 -0
- package/modern/NoSsr/NoSsr.types.js +1 -0
- package/modern/NoSsr/index.js +1 -1
- package/modern/Popover/Popover.js +2 -1
- package/modern/Popper/BasePopper.js +371 -0
- package/modern/Popper/BasePopper.types.js +1 -0
- package/modern/Popper/Popper.js +1 -1
- package/modern/Popper/index.js +2 -1
- package/modern/Popper/popperClasses.js +7 -0
- package/modern/Portal/Portal.js +92 -0
- package/modern/Portal/Portal.types.js +1 -0
- package/modern/Portal/index.js +1 -1
- package/modern/Slider/Slider.js +3 -2
- package/modern/Slider/useSlider.js +643 -0
- package/modern/Slider/useSlider.types.js +1 -0
- package/modern/Snackbar/Snackbar.js +4 -5
- package/modern/Snackbar/useSnackbar.js +131 -0
- package/modern/Snackbar/useSnackbar.types.js +1 -0
- package/modern/SwipeableDrawer/SwipeableDrawer.js +1 -1
- package/modern/TabScrollButton/TabScrollButton.js +1 -1
- package/modern/TablePagination/TablePagination.js +1 -1
- package/modern/Tabs/Tabs.js +1 -1
- package/modern/TextareaAutosize/TextareaAutosize.js +223 -0
- package/modern/TextareaAutosize/TextareaAutosize.types.js +1 -0
- package/modern/TextareaAutosize/index.js +1 -1
- package/modern/Tooltip/Tooltip.js +2 -3
- package/modern/Unstable_TrapFocus/FocusTrap.js +331 -0
- package/modern/Unstable_TrapFocus/FocusTrap.types.js +1 -0
- package/modern/Unstable_TrapFocus/index.js +1 -1
- package/modern/index.js +2 -2
- package/modern/useAutocomplete/useAutocomplete.js +987 -2
- package/modern/utils/PolymorphicComponent.js +1 -0
- package/modern/utils/areArraysEqual.js +4 -0
- package/modern/utils/index.js +1 -1
- package/modern/utils/shouldSpreadAdditionalProps.js +1 -1
- package/modern/utils/useSlot.js +3 -1
- package/node/Autocomplete/Autocomplete.js +3 -3
- package/node/Badge/Badge.js +5 -5
- package/node/Badge/useBadge.js +46 -0
- package/node/Badge/useBadge.types.js +5 -0
- package/node/Breadcrumbs/Breadcrumbs.js +2 -2
- package/node/ClickAwayListener/ClickAwayListener.js +184 -0
- package/node/ClickAwayListener/index.js +1 -1
- package/node/InputBase/InputBase.js +7 -7
- package/node/ListItem/ListItem.js +3 -3
- package/node/Menu/Menu.js +3 -3
- package/node/Modal/Modal.js +5 -5
- package/node/Modal/ModalManager.js +221 -0
- package/node/Modal/index.js +2 -2
- package/node/Modal/useModal.js +203 -0
- package/node/Modal/useModal.types.js +5 -0
- package/node/NoSsr/NoSsr.js +81 -0
- package/node/NoSsr/NoSsr.types.js +5 -0
- package/node/NoSsr/index.js +3 -2
- package/node/Popover/Popover.js +5 -4
- package/node/Popper/BasePopper.js +380 -0
- package/node/Popper/BasePopper.types.js +5 -0
- package/node/Popper/Popper.js +2 -2
- package/node/Popper/index.js +14 -1
- package/node/Popper/popperClasses.js +15 -0
- package/node/Portal/Portal.js +100 -0
- package/node/Portal/Portal.types.js +5 -0
- package/node/Portal/index.js +3 -2
- package/node/Slider/Slider.js +14 -13
- package/node/Slider/useSlider.js +666 -0
- package/node/Slider/useSlider.types.js +5 -0
- package/node/Snackbar/Snackbar.js +9 -10
- package/node/Snackbar/useSnackbar.js +139 -0
- package/node/Snackbar/useSnackbar.types.js +5 -0
- package/node/SwipeableDrawer/SwipeableDrawer.js +2 -2
- package/node/TabScrollButton/TabScrollButton.js +3 -3
- package/node/TablePagination/TablePagination.js +2 -2
- package/node/Tabs/Tabs.js +3 -3
- package/node/TextareaAutosize/TextareaAutosize.js +230 -0
- package/node/TextareaAutosize/TextareaAutosize.types.js +5 -0
- package/node/TextareaAutosize/index.js +3 -2
- package/node/Tooltip/Tooltip.js +10 -11
- package/node/Unstable_TrapFocus/FocusTrap.js +339 -0
- package/node/Unstable_TrapFocus/FocusTrap.types.js +5 -0
- package/node/Unstable_TrapFocus/index.js +3 -2
- package/node/index.js +3 -3
- package/node/useAutocomplete/useAutocomplete.js +997 -18
- package/node/utils/PolymorphicComponent.js +5 -0
- package/node/utils/areArraysEqual.js +10 -0
- package/node/utils/index.js +2 -2
- package/node/utils/shouldSpreadAdditionalProps.js +3 -2
- package/node/utils/useSlot.js +6 -4
- package/package.json +5 -5
- package/styles/overrides.d.ts +1 -1
- package/umd/material-ui.development.js +9190 -9248
- package/umd/material-ui.production.min.js +3 -3
- package/useAutocomplete/useAutocomplete.d.ts +460 -2
- package/useAutocomplete/useAutocomplete.js +994 -2
- package/utils/PolymorphicComponent.d.ts +17 -0
- package/utils/PolymorphicComponent.js +1 -0
- package/utils/areArraysEqual.d.ts +3 -0
- package/utils/areArraysEqual.js +4 -0
- package/utils/index.d.ts +2 -1
- package/utils/index.js +1 -1
- package/utils/shouldSpreadAdditionalProps.js +1 -1
- package/utils/types.d.ts +2 -1
- package/utils/useSlot.js +3 -1
package/legacy/Popper/Popper.js
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
-
import { Popper as BasePopper } from '@mui/base/Popper';
|
|
6
5
|
import useTheme from '@mui/system/useThemeWithoutDefault';
|
|
7
6
|
import refType from '@mui/utils/refType';
|
|
8
7
|
import HTMLElementType from '@mui/utils/HTMLElementType';
|
|
9
8
|
import PropTypes from 'prop-types';
|
|
10
9
|
import * as React from 'react';
|
|
10
|
+
import BasePopper from './BasePopper';
|
|
11
11
|
import { styled } from '../styles';
|
|
12
12
|
import { useDefaultProps } from '../DefaultPropsProvider';
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
package/legacy/Popper/index.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
3
|
+
export function getPopperUtilityClass(slot) {
|
|
4
|
+
return generateUtilityClass('MuiPopper', slot);
|
|
5
|
+
}
|
|
6
|
+
var popperClasses = generateUtilityClasses('MuiPopper', ['root']);
|
|
7
|
+
export default popperClasses;
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as ReactDOM from 'react-dom';
|
|
5
|
+
import PropTypes from 'prop-types';
|
|
6
|
+
import { exactProp, HTMLElementType, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useForkRef as useForkRef, unstable_setRef as setRef } from '@mui/utils';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
function getContainer(container) {
|
|
9
|
+
return typeof container === 'function' ? container() : container;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Portals provide a first-class way to render children into a DOM node
|
|
14
|
+
* that exists outside the DOM hierarchy of the parent component.
|
|
15
|
+
*
|
|
16
|
+
* Demos:
|
|
17
|
+
*
|
|
18
|
+
* - [Portal](https://mui.com/material-ui/react-portal/)
|
|
19
|
+
*
|
|
20
|
+
* API:
|
|
21
|
+
*
|
|
22
|
+
* - [Portal API](https://mui.com/material-ui/api/portal/)
|
|
23
|
+
*/
|
|
24
|
+
var Portal = /*#__PURE__*/React.forwardRef(function Portal(props, forwardedRef) {
|
|
25
|
+
var children = props.children,
|
|
26
|
+
container = props.container,
|
|
27
|
+
_props$disablePortal = props.disablePortal,
|
|
28
|
+
disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal;
|
|
29
|
+
var _React$useState = React.useState(null),
|
|
30
|
+
mountNode = _React$useState[0],
|
|
31
|
+
setMountNode = _React$useState[1]; // @ts-expect-error TODO upstream fix
|
|
32
|
+
var handleRef = useForkRef( /*#__PURE__*/React.isValidElement(children) ? children.ref : null, forwardedRef);
|
|
33
|
+
useEnhancedEffect(function () {
|
|
34
|
+
if (!disablePortal) {
|
|
35
|
+
setMountNode(getContainer(container) || document.body);
|
|
36
|
+
}
|
|
37
|
+
}, [container, disablePortal]);
|
|
38
|
+
useEnhancedEffect(function () {
|
|
39
|
+
if (mountNode && !disablePortal) {
|
|
40
|
+
setRef(forwardedRef, mountNode);
|
|
41
|
+
return function () {
|
|
42
|
+
setRef(forwardedRef, null);
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
return undefined;
|
|
46
|
+
}, [forwardedRef, mountNode, disablePortal]);
|
|
47
|
+
if (disablePortal) {
|
|
48
|
+
if ( /*#__PURE__*/React.isValidElement(children)) {
|
|
49
|
+
var newProps = {
|
|
50
|
+
ref: handleRef
|
|
51
|
+
};
|
|
52
|
+
return /*#__PURE__*/React.cloneElement(children, newProps);
|
|
53
|
+
}
|
|
54
|
+
return /*#__PURE__*/_jsx(React.Fragment, {
|
|
55
|
+
children: children
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
return /*#__PURE__*/_jsx(React.Fragment, {
|
|
59
|
+
children: mountNode ? /*#__PURE__*/ReactDOM.createPortal(children, mountNode) : mountNode
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
process.env.NODE_ENV !== "production" ? Portal.propTypes /* remove-proptypes */ = {
|
|
63
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
64
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
65
|
+
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
|
66
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
67
|
+
/**
|
|
68
|
+
* The children to render into the `container`.
|
|
69
|
+
*/
|
|
70
|
+
children: PropTypes.node,
|
|
71
|
+
/**
|
|
72
|
+
* An HTML element or function that returns one.
|
|
73
|
+
* The `container` will have the portal children appended to it.
|
|
74
|
+
*
|
|
75
|
+
* You can also provide a callback, which is called in a React layout effect.
|
|
76
|
+
* This lets you set the container from a ref, and also makes server-side rendering possible.
|
|
77
|
+
*
|
|
78
|
+
* By default, it uses the body of the top-level document object,
|
|
79
|
+
* so it's simply `document.body` most of the time.
|
|
80
|
+
*/
|
|
81
|
+
container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),
|
|
82
|
+
/**
|
|
83
|
+
* The `children` will be under the DOM hierarchy of the parent component.
|
|
84
|
+
* @default false
|
|
85
|
+
*/
|
|
86
|
+
disablePortal: PropTypes.bool
|
|
87
|
+
} : void 0;
|
|
88
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
89
|
+
// eslint-disable-next-line
|
|
90
|
+
Portal['propTypes' + ''] = exactProp(Portal.propTypes);
|
|
91
|
+
}
|
|
92
|
+
export default Portal;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/legacy/Portal/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { default } from './Portal';
|
package/legacy/Slider/Slider.js
CHANGED
|
@@ -8,11 +8,12 @@ import * as React from 'react';
|
|
|
8
8
|
import PropTypes from 'prop-types';
|
|
9
9
|
import clsx from 'clsx';
|
|
10
10
|
import chainPropTypes from '@mui/utils/chainPropTypes';
|
|
11
|
-
import { isHostComponent, useSlotProps } from '@mui/base/utils';
|
|
12
11
|
import composeClasses from '@mui/utils/composeClasses';
|
|
13
|
-
import { useSlider, valueToPercent } from '@mui/base/useSlider';
|
|
14
12
|
import { alpha, lighten, darken } from '@mui/system/colorManipulator';
|
|
15
13
|
import { useRtl } from '@mui/system/RtlProvider';
|
|
14
|
+
import useSlotProps from '@mui/utils/useSlotProps';
|
|
15
|
+
import isHostComponent from '@mui/utils/isHostComponent';
|
|
16
|
+
import { useSlider, valueToPercent } from './useSlider';
|
|
16
17
|
import { styled } from '../zero-styled';
|
|
17
18
|
import { useDefaultProps } from '../DefaultPropsProvider';
|
|
18
19
|
import slotShouldForwardProp from '../styles/slotShouldForwardProp';
|