@mui/material 5.12.1 → 5.12.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.
Files changed (92) hide show
  1. package/Accordion/Accordion.d.ts +71 -57
  2. package/Badge/Badge.d.ts +3 -6
  3. package/BottomNavigationAction/BottomNavigationAction.js +4 -1
  4. package/ButtonGroup/ButtonGroup.js +8 -2
  5. package/CHANGELOG.md +188 -0
  6. package/Chip/Chip.js +1 -1
  7. package/Divider/Divider.js +10 -11
  8. package/FormControl/FormControl.js +1 -1
  9. package/Input/inputClasses.d.ts +4 -0
  10. package/InputBase/InputBase.js +1 -1
  11. package/Modal/Modal.d.ts +6 -3
  12. package/Modal/Modal.js +11 -3
  13. package/Modal/index.d.ts +1 -1
  14. package/Modal/index.js +1 -1
  15. package/OverridableComponent.d.ts +1 -1
  16. package/Paper/Paper.d.ts +6 -1
  17. package/Popper/Popper.d.ts +15 -5
  18. package/Popper/Popper.js +31 -6
  19. package/Popper/index.d.ts +1 -1
  20. package/Select/SelectInput.js +4 -1
  21. package/Slider/Slider.js +1 -1
  22. package/Snackbar/Snackbar.js +4 -3
  23. package/SwipeableDrawer/SwipeableDrawer.js +1 -1
  24. package/TextField/TextField.d.ts +21 -2
  25. package/TextField/TextField.js +7 -1
  26. package/index.js +1 -1
  27. package/legacy/ButtonGroup/ButtonGroup.js +7 -3
  28. package/legacy/Divider/Divider.js +17 -17
  29. package/legacy/Drawer/Drawer.js +4 -4
  30. package/legacy/FormControl/FormControl.js +1 -1
  31. package/legacy/InputBase/InputBase.js +1 -1
  32. package/legacy/ListItem/ListItem.js +4 -4
  33. package/legacy/Menu/Menu.js +4 -4
  34. package/legacy/Modal/Modal.js +11 -3
  35. package/legacy/Modal/index.js +1 -1
  36. package/legacy/Popover/Popover.js +4 -4
  37. package/legacy/Popper/Popper.js +32 -7
  38. package/legacy/Slider/Slider.js +1 -1
  39. package/legacy/Snackbar/Snackbar.js +16 -15
  40. package/legacy/SpeedDial/SpeedDial.js +8 -8
  41. package/legacy/SwipeableDrawer/SwipeableDrawer.js +4 -4
  42. package/legacy/TextField/TextField.js +7 -1
  43. package/legacy/index.js +1 -1
  44. package/legacy/useMediaQuery/useMediaQuery.js +8 -0
  45. package/modern/BottomNavigationAction/BottomNavigationAction.js +4 -1
  46. package/modern/ButtonGroup/ButtonGroup.js +8 -2
  47. package/modern/Chip/Chip.js +1 -1
  48. package/modern/Divider/Divider.js +10 -11
  49. package/modern/FormControl/FormControl.js +1 -1
  50. package/modern/InputBase/InputBase.js +1 -1
  51. package/modern/Modal/Modal.js +11 -3
  52. package/modern/Modal/index.js +1 -1
  53. package/modern/Popper/Popper.js +31 -6
  54. package/modern/Select/SelectInput.js +4 -1
  55. package/modern/Slider/Slider.js +1 -1
  56. package/modern/Snackbar/Snackbar.js +4 -3
  57. package/modern/SwipeableDrawer/SwipeableDrawer.js +1 -1
  58. package/modern/TextField/TextField.js +7 -1
  59. package/modern/index.js +1 -1
  60. package/modern/useMediaQuery/useMediaQuery.js +8 -0
  61. package/node/BottomNavigationAction/BottomNavigationAction.js +4 -1
  62. package/node/ButtonBase/Ripple.js +1 -2
  63. package/node/ButtonGroup/ButtonGroup.js +8 -2
  64. package/node/Chip/Chip.js +1 -1
  65. package/node/Divider/Divider.js +10 -11
  66. package/node/FormControl/FormControl.js +1 -1
  67. package/node/Grid/Grid.js +10 -1
  68. package/node/Hidden/Hidden.js +2 -2
  69. package/node/Hidden/HiddenJs.js +1 -2
  70. package/node/InputBase/InputBase.js +1 -1
  71. package/node/Modal/Modal.js +13 -5
  72. package/node/Modal/index.js +15 -18
  73. package/node/Popper/Popper.js +31 -6
  74. package/node/Select/SelectInput.js +4 -1
  75. package/node/Slide/Slide.js +2 -3
  76. package/node/Slider/Slider.js +1 -1
  77. package/node/Snackbar/Snackbar.js +4 -3
  78. package/node/SpeedDialAction/SpeedDialAction.js +1 -1
  79. package/node/SwipeableDrawer/SwipeableDrawer.js +3 -4
  80. package/node/Switch/Switch.js +1 -1
  81. package/node/TabScrollButton/TabScrollButton.js +1 -0
  82. package/node/TablePagination/TablePaginationActions.js +2 -2
  83. package/node/TextField/TextField.js +7 -1
  84. package/node/ToggleButton/ToggleButton.js +1 -1
  85. package/node/index.js +1 -1
  86. package/node/styles/index.js +5 -1
  87. package/node/useMediaQuery/useMediaQuery.js +12 -0
  88. package/node/utils/createSvgIcon.js +1 -2
  89. package/package.json +5 -5
  90. package/umd/material-ui.development.js +164 -103
  91. package/umd/material-ui.production.min.js +21 -21
  92. package/useMediaQuery/useMediaQuery.js +8 -0
@@ -10,17 +10,17 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
10
10
  var React = _interopRequireWildcard(require("react"));
11
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
12
  var _clsx = _interopRequireDefault(require("clsx"));
13
- var _ModalUnstyled = _interopRequireWildcard(require("@mui/base/ModalUnstyled"));
13
+ var _Modal = _interopRequireWildcard(require("@mui/base/Modal"));
14
14
  var _utils = require("@mui/base/utils");
15
15
  var _utils2 = require("@mui/utils");
16
16
  var _styled = _interopRequireDefault(require("../styles/styled"));
17
17
  var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
18
18
  var _Backdrop = _interopRequireDefault(require("../Backdrop"));
19
19
  var _jsxRuntime = require("react/jsx-runtime");
20
- const _excluded = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "slotProps", "slots", "theme"];
20
+ const _excluded = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "open", "slotProps", "slots", "theme"];
21
21
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
22
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
- const modalClasses = _ModalUnstyled.modalUnstyledClasses;
23
+ const modalClasses = _Modal.modalClasses;
24
24
  exports.modalClasses = modalClasses;
25
25
  const ModalRoot = (0, _styled.default)('div', {
26
26
  name: 'MuiModal',
@@ -80,6 +80,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
80
80
  className,
81
81
  closeAfterTransition = false,
82
82
  children,
83
+ container,
83
84
  component,
84
85
  components = {},
85
86
  componentsProps = {},
@@ -91,6 +92,9 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
91
92
  disableScrollLock = false,
92
93
  hideBackdrop = false,
93
94
  keepMounted = false,
95
+ onBackdropClick,
96
+ onClose,
97
+ open,
94
98
  slotProps,
95
99
  slots,
96
100
  // eslint-disable-next-line react/prop-types
@@ -99,6 +103,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
99
103
  other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
100
104
  const [exited, setExited] = React.useState(true);
101
105
  const commonProps = {
106
+ container,
102
107
  closeAfterTransition,
103
108
  disableAutoFocus,
104
109
  disableEnforceFocus,
@@ -107,7 +112,10 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
107
112
  disableRestoreFocus,
108
113
  disableScrollLock,
109
114
  hideBackdrop,
110
- keepMounted
115
+ keepMounted,
116
+ onBackdropClick,
117
+ onClose,
118
+ open
111
119
  };
112
120
  const ownerState = (0, _extends2.default)({}, props, commonProps, {
113
121
  exited
@@ -116,7 +124,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
116
124
  const BackdropSlot = (_ref2 = (_slots$backdrop = slots == null ? void 0 : slots.backdrop) != null ? _slots$backdrop : components.Backdrop) != null ? _ref2 : BackdropComponent;
117
125
  const rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;
118
126
  const backdropSlotProps = (_slotProps$backdrop = slotProps == null ? void 0 : slotProps.backdrop) != null ? _slotProps$backdrop : componentsProps.backdrop;
119
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalUnstyled.default, (0, _extends2.default)({
127
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, (0, _extends2.default)({
120
128
  slots: {
121
129
  root: RootSlot,
122
130
  backdrop: BackdropSlot
@@ -3,34 +3,31 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- var _exportNames = {};
7
- Object.defineProperty(exports, "default", {
6
+ var _exportNames = {
7
+ ModalManager: true
8
+ };
9
+ Object.defineProperty(exports, "ModalManager", {
8
10
  enumerable: true,
9
11
  get: function () {
10
- return _Modal.default;
12
+ return _Modal.ModalManager;
11
13
  }
12
14
  });
13
- var _ModalUnstyled = require("@mui/base/ModalUnstyled");
14
- Object.keys(_ModalUnstyled).forEach(function (key) {
15
- if (key === "default" || key === "__esModule") return;
16
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
17
- if (key in exports && exports[key] === _ModalUnstyled[key]) return;
18
- Object.defineProperty(exports, key, {
19
- enumerable: true,
20
- get: function () {
21
- return _ModalUnstyled[key];
22
- }
23
- });
15
+ Object.defineProperty(exports, "default", {
16
+ enumerable: true,
17
+ get: function () {
18
+ return _Modal2.default;
19
+ }
24
20
  });
25
- var _Modal = _interopRequireWildcard(require("./Modal"));
26
- Object.keys(_Modal).forEach(function (key) {
21
+ var _Modal = require("@mui/base/Modal");
22
+ var _Modal2 = _interopRequireWildcard(require("./Modal"));
23
+ Object.keys(_Modal2).forEach(function (key) {
27
24
  if (key === "default" || key === "__esModule") return;
28
25
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
29
- if (key in exports && exports[key] === _Modal[key]) return;
26
+ if (key in exports && exports[key] === _Modal2[key]) return;
30
27
  Object.defineProperty(exports, key, {
31
28
  enumerable: true,
32
29
  get: function () {
33
- return _Modal[key];
30
+ return _Modal2[key];
34
31
  }
35
32
  });
36
33
  });
@@ -7,17 +7,17 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
- var _PopperUnstyled = _interopRequireDefault(require("@mui/base/PopperUnstyled"));
10
+ var _Popper = _interopRequireDefault(require("@mui/base/Popper"));
11
11
  var _system = require("@mui/system");
12
12
  var _utils = require("@mui/utils");
13
13
  var _propTypes = _interopRequireDefault(require("prop-types"));
14
14
  var React = _interopRequireWildcard(require("react"));
15
15
  var _styles = require("../styles");
16
16
  var _jsxRuntime = require("react/jsx-runtime");
17
- const _excluded = ["components", "componentsProps", "slots", "slotProps"];
17
+ const _excluded = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
18
18
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
19
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
20
- const PopperRoot = (0, _styles.styled)(_PopperUnstyled.default, {
20
+ const PopperRoot = (0, _styles.styled)(_Popper.default, {
21
21
  name: 'MuiPopper',
22
22
  slot: 'Root',
23
23
  overridesResolver: (props, styles) => styles.root
@@ -43,20 +43,44 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
43
43
  name: 'MuiPopper'
44
44
  });
45
45
  const {
46
+ anchorEl,
47
+ component,
46
48
  components,
47
49
  componentsProps,
50
+ container,
51
+ disablePortal,
52
+ keepMounted,
53
+ modifiers,
54
+ open,
55
+ placement,
56
+ popperOptions,
57
+ popperRef,
58
+ transition,
48
59
  slots,
49
60
  slotProps
50
61
  } = props,
51
62
  other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
52
63
  const RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
64
+ const otherProps = (0, _extends2.default)({
65
+ anchorEl,
66
+ container,
67
+ disablePortal,
68
+ keepMounted,
69
+ modifiers,
70
+ open,
71
+ placement,
72
+ popperOptions,
73
+ popperRef,
74
+ transition
75
+ }, other);
53
76
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PopperRoot, (0, _extends2.default)({
77
+ as: component,
54
78
  direction: theme == null ? void 0 : theme.direction,
55
79
  slots: {
56
80
  root: RootComponent
57
81
  },
58
82
  slotProps: slotProps != null ? slotProps : componentsProps
59
- }, other, {
83
+ }, otherProps, {
60
84
  ref: ref
61
85
  }));
62
86
  });
@@ -77,9 +101,10 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
77
101
  */
78
102
  children: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.node, _propTypes.default.func]),
79
103
  /**
80
- * @ignore
104
+ * The component used for the root node.
105
+ * Either a string to use a HTML element or a component.
81
106
  */
82
- component: _propTypes.default /* @typescript-to-proptypes-ignore */.elementType,
107
+ component: _propTypes.default.elementType,
83
108
  /**
84
109
  * The components used for each slot inside the Popper.
85
110
  * Either a string to use a HTML element or a component.
@@ -141,7 +141,10 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
141
141
  readOnly,
142
142
  renderValue,
143
143
  SelectDisplayProps = {},
144
- tabIndex: tabIndexProp,
144
+ tabIndex: tabIndexProp
145
+ // catching `type` from Input which makes no sense for SelectInput
146
+ ,
147
+
145
148
  value: valueProp,
146
149
  variant = 'standard'
147
150
  } = props,
@@ -18,11 +18,10 @@ var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
18
18
  var _utils2 = require("../transitions/utils");
19
19
  var _utils3 = require("../utils");
20
20
  var _jsxRuntime = require("react/jsx-runtime");
21
- const _excluded = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
21
+ const _excluded = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]; // Translate the node so it can't be seen on the screen.
22
+ // Later, we're going to translate the node back to its original location with `none`.
22
23
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
24
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
24
- // Translate the node so it can't be seen on the screen.
25
- // Later, we're going to translate the node back to its original location with `none`.
26
25
  function getTranslateValue(direction, node, resolvedContainer) {
27
26
  const rect = node.getBoundingClientRect();
28
27
  const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
@@ -517,7 +517,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
517
517
  trackOffset,
518
518
  trackLeap
519
519
  } = (0, _useSlider.default)((0, _extends2.default)({}, ownerState, {
520
- ref
520
+ rootRef: ref
521
521
  }));
522
522
  ownerState.marked = marks.length > 0 && marks.some(mark => mark.label);
523
523
  ownerState.dragging = dragging;
@@ -132,15 +132,16 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
132
132
  const {
133
133
  getRootProps,
134
134
  onClickAway
135
- } = (0, _useSnackbar.default)((0, _extends2.default)({}, ownerState, {
136
- ref
137
- }));
135
+ } = (0, _useSnackbar.default)((0, _extends2.default)({}, ownerState));
138
136
  const [exited, setExited] = React.useState(true);
139
137
  const rootProps = (0, _base.useSlotProps)({
140
138
  elementType: SnackbarRoot,
141
139
  getSlotProps: getRootProps,
142
140
  externalForwardedProps: other,
143
141
  ownerState,
142
+ additionalProps: {
143
+ ref
144
+ },
144
145
  className: [classes.root, className]
145
146
  });
146
147
  const handleExited = node => {
@@ -19,7 +19,7 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
19
19
  var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
20
20
  var _speedDialActionClasses = _interopRequireWildcard(require("./speedDialActionClasses"));
21
21
  var _jsxRuntime = require("react/jsx-runtime");
22
- const _excluded = ["className", "delay", "FabProps", "icon", "id", "open", "TooltipClasses", "tooltipOpen", "tooltipPlacement", "tooltipTitle"];
22
+ const _excluded = ["className", "delay", "FabProps", "icon", "id", "open", "TooltipClasses", "tooltipOpen", "tooltipPlacement", "tooltipTitle"]; // @inheritedComponent Tooltip
23
23
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
24
24
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
25
  const useUtilityClasses = ownerState => {
@@ -25,11 +25,10 @@ var _utils2 = require("../transitions/utils");
25
25
  var _SwipeArea = _interopRequireDefault(require("./SwipeArea"));
26
26
  var _jsxRuntime = require("react/jsx-runtime");
27
27
  const _excluded = ["BackdropProps"],
28
- _excluded2 = ["anchor", "disableBackdropTransition", "disableDiscovery", "disableSwipeToOpen", "hideBackdrop", "hysteresis", "allowSwipeInChildren", "minFlingVelocity", "ModalProps", "onClose", "onOpen", "open", "PaperProps", "SwipeAreaProps", "swipeAreaWidth", "transitionDuration", "variant"];
28
+ _excluded2 = ["anchor", "disableBackdropTransition", "disableDiscovery", "disableSwipeToOpen", "hideBackdrop", "hysteresis", "allowSwipeInChildren", "minFlingVelocity", "ModalProps", "onClose", "onOpen", "open", "PaperProps", "SwipeAreaProps", "swipeAreaWidth", "transitionDuration", "variant"]; // This value is closed to what browsers are using internally to
29
+ // trigger a native scroll.
29
30
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
30
31
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
- // This value is closed to what browsers are using internally to
32
- // trigger a native scroll.
33
32
  const UNCERTAINTY_THRESHOLD = 3; // px
34
33
 
35
34
  // This is the part of the drawer displayed on touch start.
@@ -153,7 +152,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
153
152
  SwipeAreaProps,
154
153
  swipeAreaWidth = 20,
155
154
  transitionDuration = transitionDurationDefault,
156
- variant = 'temporary'
155
+ variant = 'temporary' // Mobile first.
157
156
  } = props,
158
157
  ModalPropsProp = (0, _objectWithoutPropertiesLoose2.default)(props.ModalProps, _excluded),
159
158
  other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
@@ -19,7 +19,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
19
19
  var _styled = _interopRequireDefault(require("../styles/styled"));
20
20
  var _switchClasses = _interopRequireWildcard(require("./switchClasses"));
21
21
  var _jsxRuntime = require("react/jsx-runtime");
22
- const _excluded = ["className", "color", "edge", "size", "sx"];
22
+ const _excluded = ["className", "color", "edge", "size", "sx"]; // @inheritedComponent IconButton
23
23
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
24
24
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
25
  const useUtilityClasses = ownerState => {
@@ -20,6 +20,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
20
20
  var _tabScrollButtonClasses = _interopRequireWildcard(require("./tabScrollButtonClasses"));
21
21
  var _jsxRuntime = require("react/jsx-runtime");
22
22
  const _excluded = ["className", "slots", "slotProps", "direction", "orientation", "disabled"];
23
+ /* eslint-disable jsx-a11y/aria-role */
23
24
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
24
25
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
26
  const useUtilityClasses = ownerState => {
@@ -18,11 +18,11 @@ var _FirstPage = _interopRequireDefault(require("../internal/svg-icons/FirstPage
18
18
  var _jsxRuntime = require("react/jsx-runtime");
19
19
  var _LastPageIcon, _FirstPageIcon, _KeyboardArrowRight, _KeyboardArrowLeft, _KeyboardArrowLeft2, _KeyboardArrowRight2, _FirstPageIcon2, _LastPageIcon2;
20
20
  const _excluded = ["backIconButtonProps", "count", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton"];
21
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
21
  /**
24
22
  * @ignore - internal component.
25
23
  */
24
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
26
26
  const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(props, ref) {
27
27
  const {
28
28
  backIconButtonProps,
@@ -23,7 +23,7 @@ var _FormHelperText = _interopRequireDefault(require("../FormHelperText"));
23
23
  var _Select = _interopRequireDefault(require("../Select"));
24
24
  var _textFieldClasses = require("./textFieldClasses");
25
25
  var _jsxRuntime = require("react/jsx-runtime");
26
- const _excluded = ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"];
26
+ const _excluded = ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"];
27
27
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
28
28
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
29
  const variantComponent = {
@@ -107,6 +107,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
107
107
  name,
108
108
  onBlur,
109
109
  onChange,
110
+ onClick,
110
111
  onFocus,
111
112
  placeholder,
112
113
  required = false,
@@ -171,6 +172,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
171
172
  onBlur: onBlur,
172
173
  onChange: onChange,
173
174
  onFocus: onFocus,
175
+ onClick: onClick,
174
176
  placeholder: placeholder,
175
177
  inputProps: inputProps
176
178
  }, InputMore, InputProps));
@@ -329,6 +331,10 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
329
331
  * You can pull out the new value by accessing `event.target.value` (string).
330
332
  */
331
333
  onChange: _propTypes.default.func,
334
+ /**
335
+ * @ignore
336
+ */
337
+ onClick: _propTypes.default.func,
332
338
  /**
333
339
  * @ignore
334
340
  */
@@ -18,7 +18,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
18
18
  var _styled = _interopRequireDefault(require("../styles/styled"));
19
19
  var _toggleButtonClasses = _interopRequireWildcard(require("./toggleButtonClasses"));
20
20
  var _jsxRuntime = require("react/jsx-runtime");
21
- const _excluded = ["children", "className", "color", "disabled", "disableFocusRipple", "fullWidth", "onChange", "onClick", "selected", "size", "value"];
21
+ const _excluded = ["children", "className", "color", "disabled", "disableFocusRipple", "fullWidth", "onChange", "onClick", "selected", "size", "value"]; // @inheritedComponent ButtonBase
22
22
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
23
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
24
24
  const useUtilityClasses = ownerState => {
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v5.12.1
2
+ * @mui/material v5.12.3
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -314,4 +314,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
314
314
  // eslint-disable-next-line @typescript-eslint/naming-convention
315
315
  function experimental_sx() {
316
316
  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`experimental_sx\` has been moved to \`theme.unstable_sx\`.For more details, see https://github.com/mui/material-ui/pull/35150.` : (0, _utils.formatMuiErrorMessage)(20));
317
- }
317
+ }
318
+
319
+ // The legacy utilities from @mui/styles
320
+ // These are just empty functions that throws when invoked
321
+ // Private methods for creating parts of the theme
@@ -10,6 +10,18 @@ var _system = require("@mui/system");
10
10
  var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
11
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
+ /**
14
+ * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
15
+ */
16
+
17
+ /**
18
+ * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
19
+ */
20
+
21
+ /**
22
+ * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
23
+ */
24
+
13
25
  function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
14
26
  const [match, setMatch] = React.useState(() => {
15
27
  if (noSsr && matchMedia) {
@@ -13,8 +13,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
13
13
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
14
  /**
15
15
  * Private module reserved for @mui packages.
16
- */
17
- function createSvgIcon(path, displayName) {
16
+ */function createSvgIcon(path, displayName) {
18
17
  function Component(props, ref) {
19
18
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, (0, _extends2.default)({
20
19
  "data-testid": `${displayName}Icon`,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/material",
3
- "version": "5.12.1",
3
+ "version": "5.12.3",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "React components that implement Google's Material Design.",
@@ -46,11 +46,11 @@
46
46
  },
47
47
  "dependencies": {
48
48
  "@babel/runtime": "^7.21.0",
49
- "@mui/base": "5.0.0-alpha.126",
50
- "@mui/core-downloads-tracker": "^5.12.1",
51
- "@mui/system": "^5.12.1",
49
+ "@mui/base": "5.0.0-alpha.128",
50
+ "@mui/core-downloads-tracker": "^5.12.3",
51
+ "@mui/system": "^5.12.3",
52
52
  "@mui/types": "^7.2.4",
53
- "@mui/utils": "^5.12.0",
53
+ "@mui/utils": "^5.12.3",
54
54
  "@types/react-transition-group": "^4.4.5",
55
55
  "clsx": "^1.2.1",
56
56
  "csstype": "^3.1.2",