@mui/material 5.14.8 → 5.14.10
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/AlertTitle/AlertTitle.d.ts +1 -0
- package/Avatar/Avatar.js +1 -1
- package/Breadcrumbs/Breadcrumbs.d.ts +1 -0
- package/Button/Button.js +4 -1
- package/ButtonGroup/ButtonGroup.js +86 -54
- package/ButtonGroup/ButtonGroupButtonContext.d.ts +6 -0
- package/ButtonGroup/ButtonGroupButtonContext.js +9 -0
- package/ButtonGroup/buttonGroupClasses.d.ts +6 -0
- package/ButtonGroup/buttonGroupClasses.js +1 -1
- package/CHANGELOG.md +179 -19
- package/Chip/Chip.js +2 -0
- package/DialogTitle/DialogTitle.d.ts +1 -0
- package/ListSubheader/listSubheaderClasses.js +1 -1
- package/Modal/Modal.js +1 -1
- package/README.md +9 -198
- package/Slider/Slider.js +9 -86
- package/TablePagination/TablePagination.d.ts +1 -0
- package/Tabs/Tabs.d.ts +1 -1
- package/Tabs/Tabs.js +2 -5
- package/index.js +1 -1
- package/legacy/Avatar/Avatar.js +1 -1
- package/legacy/Button/Button.js +4 -1
- package/legacy/ButtonGroup/ButtonGroup.js +81 -56
- package/legacy/ButtonGroup/ButtonGroupButtonContext.js +9 -0
- package/legacy/ButtonGroup/buttonGroupClasses.js +1 -1
- package/legacy/Chip/Chip.js +2 -0
- package/legacy/ListSubheader/listSubheaderClasses.js +1 -1
- package/legacy/Modal/Modal.js +3 -1
- package/legacy/Slider/Slider.js +9 -86
- package/legacy/Tabs/Tabs.js +2 -5
- package/legacy/index.js +1 -1
- package/legacy/useTouchRipple/useTouchRipple.js +4 -4
- package/modern/Avatar/Avatar.js +1 -1
- package/modern/Button/Button.js +4 -1
- package/modern/ButtonGroup/ButtonGroup.js +86 -54
- package/modern/ButtonGroup/ButtonGroupButtonContext.js +9 -0
- package/modern/ButtonGroup/buttonGroupClasses.js +1 -1
- package/modern/Chip/Chip.js +2 -0
- package/modern/ListSubheader/listSubheaderClasses.js +1 -1
- package/modern/Modal/Modal.js +1 -1
- package/modern/Slider/Slider.js +9 -86
- package/modern/Tabs/Tabs.js +2 -5
- package/modern/index.js +1 -1
- package/node/Avatar/Avatar.js +1 -1
- package/node/Button/Button.js +4 -1
- package/node/ButtonGroup/ButtonGroup.js +86 -54
- package/node/ButtonGroup/ButtonGroupButtonContext.js +18 -0
- package/node/ButtonGroup/buttonGroupClasses.js +1 -1
- package/node/Chip/Chip.js +2 -0
- package/node/ListSubheader/listSubheaderClasses.js +2 -2
- package/node/Modal/Modal.js +1 -1
- package/node/Slider/Slider.js +3 -73
- package/node/Tabs/Tabs.js +2 -5
- package/node/index.js +1 -1
- package/node/useTouchRipple/useTouchRipple.js +4 -4
- package/package.json +16 -16
- package/umd/material-ui.development.js +215 -235
- package/umd/material-ui.production.min.js +18 -18
- package/useTouchRipple/useTouchRipple.js +4 -4
|
@@ -18,6 +18,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
|
|
|
18
18
|
var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
|
|
19
19
|
var _buttonGroupClasses = _interopRequireWildcard(require("./buttonGroupClasses"));
|
|
20
20
|
var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
|
|
21
|
+
var _ButtonGroupButtonContext = _interopRequireDefault(require("./ButtonGroupButtonContext"));
|
|
21
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
22
23
|
const _excluded = ["children", "className", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "disableRipple", "fullWidth", "orientation", "size", "variant"];
|
|
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); }
|
|
@@ -36,6 +37,12 @@ const overridesResolver = (props, styles) => {
|
|
|
36
37
|
[`& .${_buttonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.variant)}${(0, _capitalize.default)(ownerState.orientation)}`]
|
|
37
38
|
}, {
|
|
38
39
|
[`& .${_buttonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.variant)}${(0, _capitalize.default)(ownerState.color)}`]
|
|
40
|
+
}, {
|
|
41
|
+
[`& .${_buttonGroupClasses.default.firstButton}`]: styles.firstButton
|
|
42
|
+
}, {
|
|
43
|
+
[`& .${_buttonGroupClasses.default.lastButton}`]: styles.lastButton
|
|
44
|
+
}, {
|
|
45
|
+
[`& .${_buttonGroupClasses.default.middleButton}`]: styles.middleButton
|
|
39
46
|
}, styles.root, styles[ownerState.variant], ownerState.disableElevation === true && styles.disableElevation, ownerState.fullWidth && styles.fullWidth, ownerState.orientation === 'vertical' && styles.vertical];
|
|
40
47
|
};
|
|
41
48
|
const useUtilityClasses = ownerState => {
|
|
@@ -50,7 +57,10 @@ const useUtilityClasses = ownerState => {
|
|
|
50
57
|
} = ownerState;
|
|
51
58
|
const slots = {
|
|
52
59
|
root: ['root', variant, orientation === 'vertical' && 'vertical', fullWidth && 'fullWidth', disableElevation && 'disableElevation'],
|
|
53
|
-
grouped: ['grouped', `grouped${(0, _capitalize.default)(orientation)}`, `grouped${(0, _capitalize.default)(variant)}`, `grouped${(0, _capitalize.default)(variant)}${(0, _capitalize.default)(orientation)}`, `grouped${(0, _capitalize.default)(variant)}${(0, _capitalize.default)(color)}`, disabled && 'disabled']
|
|
60
|
+
grouped: ['grouped', `grouped${(0, _capitalize.default)(orientation)}`, `grouped${(0, _capitalize.default)(variant)}`, `grouped${(0, _capitalize.default)(variant)}${(0, _capitalize.default)(orientation)}`, `grouped${(0, _capitalize.default)(variant)}${(0, _capitalize.default)(color)}`, disabled && 'disabled'],
|
|
61
|
+
firstButton: ['firstButton'],
|
|
62
|
+
lastButton: ['lastButton'],
|
|
63
|
+
middleButton: ['middleButton']
|
|
54
64
|
};
|
|
55
65
|
return (0, _composeClasses.unstable_composeClasses)(slots, _buttonGroupClasses.getButtonGroupUtilityClass, classes);
|
|
56
66
|
};
|
|
@@ -75,63 +85,63 @@ const ButtonGroupRoot = (0, _styled.default)('div', {
|
|
|
75
85
|
}, {
|
|
76
86
|
[`& .${_buttonGroupClasses.default.grouped}`]: (0, _extends2.default)({
|
|
77
87
|
minWidth: 40,
|
|
78
|
-
'&:not(:first-of-type)': (0, _extends2.default)({}, ownerState.orientation === 'horizontal' && {
|
|
79
|
-
borderTopLeftRadius: 0,
|
|
80
|
-
borderBottomLeftRadius: 0
|
|
81
|
-
}, ownerState.orientation === 'vertical' && {
|
|
82
|
-
borderTopRightRadius: 0,
|
|
83
|
-
borderTopLeftRadius: 0
|
|
84
|
-
}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
|
|
85
|
-
marginLeft: -1
|
|
86
|
-
}, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
|
|
87
|
-
marginTop: -1
|
|
88
|
-
}),
|
|
89
|
-
'&:not(:last-of-type)': (0, _extends2.default)({}, ownerState.orientation === 'horizontal' && {
|
|
90
|
-
borderTopRightRadius: 0,
|
|
91
|
-
borderBottomRightRadius: 0
|
|
92
|
-
}, ownerState.orientation === 'vertical' && {
|
|
93
|
-
borderBottomRightRadius: 0,
|
|
94
|
-
borderBottomLeftRadius: 0
|
|
95
|
-
}, ownerState.variant === 'text' && ownerState.orientation === 'horizontal' && {
|
|
96
|
-
borderRight: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
|
|
97
|
-
[`&.${_buttonGroupClasses.default.disabled}`]: {
|
|
98
|
-
borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
|
|
99
|
-
}
|
|
100
|
-
}, ownerState.variant === 'text' && ownerState.orientation === 'vertical' && {
|
|
101
|
-
borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
|
|
102
|
-
[`&.${_buttonGroupClasses.default.disabled}`]: {
|
|
103
|
-
borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
|
|
104
|
-
}
|
|
105
|
-
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
|
106
|
-
borderColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : (0, _system.alpha)(theme.palette[ownerState.color].main, 0.5)
|
|
107
|
-
}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
|
|
108
|
-
borderRightColor: 'transparent'
|
|
109
|
-
}, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
|
|
110
|
-
borderBottomColor: 'transparent'
|
|
111
|
-
}, ownerState.variant === 'contained' && ownerState.orientation === 'horizontal' && {
|
|
112
|
-
borderRight: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
|
|
113
|
-
[`&.${_buttonGroupClasses.default.disabled}`]: {
|
|
114
|
-
borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
|
|
115
|
-
}
|
|
116
|
-
}, ownerState.variant === 'contained' && ownerState.orientation === 'vertical' && {
|
|
117
|
-
borderBottom: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
|
|
118
|
-
[`&.${_buttonGroupClasses.default.disabled}`]: {
|
|
119
|
-
borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
|
|
120
|
-
}
|
|
121
|
-
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
|
122
|
-
borderColor: (theme.vars || theme).palette[ownerState.color].dark
|
|
123
|
-
}, {
|
|
124
|
-
'&:hover': (0, _extends2.default)({}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
|
|
125
|
-
borderRightColor: 'currentColor'
|
|
126
|
-
}, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
|
|
127
|
-
borderBottomColor: 'currentColor'
|
|
128
|
-
})
|
|
129
|
-
}),
|
|
130
88
|
'&:hover': (0, _extends2.default)({}, ownerState.variant === 'contained' && {
|
|
131
89
|
boxShadow: 'none'
|
|
132
90
|
})
|
|
133
91
|
}, ownerState.variant === 'contained' && {
|
|
134
92
|
boxShadow: 'none'
|
|
93
|
+
}),
|
|
94
|
+
[`& .${_buttonGroupClasses.default.firstButton},& .${_buttonGroupClasses.default.middleButton}`]: (0, _extends2.default)({}, ownerState.orientation === 'horizontal' && {
|
|
95
|
+
borderTopRightRadius: 0,
|
|
96
|
+
borderBottomRightRadius: 0
|
|
97
|
+
}, ownerState.orientation === 'vertical' && {
|
|
98
|
+
borderBottomRightRadius: 0,
|
|
99
|
+
borderBottomLeftRadius: 0
|
|
100
|
+
}, ownerState.variant === 'text' && ownerState.orientation === 'horizontal' && {
|
|
101
|
+
borderRight: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
|
|
102
|
+
[`&.${_buttonGroupClasses.default.disabled}`]: {
|
|
103
|
+
borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
|
|
104
|
+
}
|
|
105
|
+
}, ownerState.variant === 'text' && ownerState.orientation === 'vertical' && {
|
|
106
|
+
borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
|
|
107
|
+
[`&.${_buttonGroupClasses.default.disabled}`]: {
|
|
108
|
+
borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
|
|
109
|
+
}
|
|
110
|
+
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
|
111
|
+
borderColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : (0, _system.alpha)(theme.palette[ownerState.color].main, 0.5)
|
|
112
|
+
}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
|
|
113
|
+
borderRightColor: 'transparent'
|
|
114
|
+
}, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
|
|
115
|
+
borderBottomColor: 'transparent'
|
|
116
|
+
}, ownerState.variant === 'contained' && ownerState.orientation === 'horizontal' && {
|
|
117
|
+
borderRight: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
|
|
118
|
+
[`&.${_buttonGroupClasses.default.disabled}`]: {
|
|
119
|
+
borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
|
|
120
|
+
}
|
|
121
|
+
}, ownerState.variant === 'contained' && ownerState.orientation === 'vertical' && {
|
|
122
|
+
borderBottom: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
|
|
123
|
+
[`&.${_buttonGroupClasses.default.disabled}`]: {
|
|
124
|
+
borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
|
|
125
|
+
}
|
|
126
|
+
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
|
127
|
+
borderColor: (theme.vars || theme).palette[ownerState.color].dark
|
|
128
|
+
}, {
|
|
129
|
+
'&:hover': (0, _extends2.default)({}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
|
|
130
|
+
borderRightColor: 'currentColor'
|
|
131
|
+
}, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
|
|
132
|
+
borderBottomColor: 'currentColor'
|
|
133
|
+
})
|
|
134
|
+
}),
|
|
135
|
+
[`& .${_buttonGroupClasses.default.lastButton},& .${_buttonGroupClasses.default.middleButton}`]: (0, _extends2.default)({}, ownerState.orientation === 'horizontal' && {
|
|
136
|
+
borderTopLeftRadius: 0,
|
|
137
|
+
borderBottomLeftRadius: 0
|
|
138
|
+
}, ownerState.orientation === 'vertical' && {
|
|
139
|
+
borderTopRightRadius: 0,
|
|
140
|
+
borderTopLeftRadius: 0
|
|
141
|
+
}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
|
|
142
|
+
marginLeft: -1
|
|
143
|
+
}, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
|
|
144
|
+
marginTop: -1
|
|
135
145
|
})
|
|
136
146
|
}));
|
|
137
147
|
const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, ref) {
|
|
@@ -178,6 +188,20 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
|
|
|
178
188
|
size,
|
|
179
189
|
variant
|
|
180
190
|
}), [color, disabled, disableElevation, disableFocusRipple, disableRipple, fullWidth, size, variant, classes.grouped]);
|
|
191
|
+
const getButtonPositionClassName = (index, childrenParam) => {
|
|
192
|
+
const isFirstButton = index === 0;
|
|
193
|
+
const isLastButton = index === React.Children.count(childrenParam) - 1;
|
|
194
|
+
if (isFirstButton && isLastButton) {
|
|
195
|
+
return '';
|
|
196
|
+
}
|
|
197
|
+
if (isFirstButton) {
|
|
198
|
+
return classes.firstButton;
|
|
199
|
+
}
|
|
200
|
+
if (isLastButton) {
|
|
201
|
+
return classes.lastButton;
|
|
202
|
+
}
|
|
203
|
+
return classes.middleButton;
|
|
204
|
+
};
|
|
181
205
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonGroupRoot, (0, _extends2.default)({
|
|
182
206
|
as: component,
|
|
183
207
|
role: "group",
|
|
@@ -187,7 +211,15 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
|
|
|
187
211
|
}, other, {
|
|
188
212
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroupContext.default.Provider, {
|
|
189
213
|
value: context,
|
|
190
|
-
children: children
|
|
214
|
+
children: React.Children.map(children, (child, index) => {
|
|
215
|
+
if (! /*#__PURE__*/React.isValidElement(child)) {
|
|
216
|
+
return child;
|
|
217
|
+
}
|
|
218
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroupButtonContext.default.Provider, {
|
|
219
|
+
value: getButtonPositionClassName(index, children),
|
|
220
|
+
children: child
|
|
221
|
+
});
|
|
222
|
+
})
|
|
191
223
|
})
|
|
192
224
|
}));
|
|
193
225
|
});
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
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); }
|
|
9
|
+
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; }
|
|
10
|
+
/**
|
|
11
|
+
* @ignore - internal component.
|
|
12
|
+
*/
|
|
13
|
+
const ButtonGroupButtonContext = /*#__PURE__*/React.createContext(undefined);
|
|
14
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
15
|
+
ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';
|
|
16
|
+
}
|
|
17
|
+
var _default = ButtonGroupButtonContext;
|
|
18
|
+
exports.default = _default;
|
|
@@ -11,6 +11,6 @@ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityCl
|
|
|
11
11
|
function getButtonGroupUtilityClass(slot) {
|
|
12
12
|
return (0, _generateUtilityClass.default)('MuiButtonGroup', slot);
|
|
13
13
|
}
|
|
14
|
-
const buttonGroupClasses = (0, _utils.unstable_generateUtilityClasses)('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'fullWidth', 'vertical', 'grouped', 'groupedHorizontal', 'groupedVertical', 'groupedText', 'groupedTextHorizontal', 'groupedTextVertical', 'groupedTextPrimary', 'groupedTextSecondary', 'groupedOutlined', 'groupedOutlinedHorizontal', 'groupedOutlinedVertical', 'groupedOutlinedPrimary', 'groupedOutlinedSecondary', 'groupedContained', 'groupedContainedHorizontal', 'groupedContainedVertical', 'groupedContainedPrimary', 'groupedContainedSecondary']);
|
|
14
|
+
const buttonGroupClasses = (0, _utils.unstable_generateUtilityClasses)('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'vertical', 'grouped', 'groupedHorizontal', 'groupedVertical', 'groupedText', 'groupedTextHorizontal', 'groupedTextVertical', 'groupedTextPrimary', 'groupedTextSecondary', 'groupedOutlined', 'groupedOutlinedHorizontal', 'groupedOutlinedVertical', 'groupedOutlinedPrimary', 'groupedOutlinedSecondary', 'groupedContained', 'groupedContainedHorizontal', 'groupedContainedVertical', 'groupedContainedPrimary', 'groupedContainedSecondary', 'lastButton', 'middleButton']);
|
|
15
15
|
var _default = buttonGroupClasses;
|
|
16
16
|
exports.default = _default;
|
package/node/Chip/Chip.js
CHANGED
|
@@ -100,6 +100,8 @@ const ChipRoot = (0, _styled.default)('div', {
|
|
|
100
100
|
borderRadius: 32 / 2,
|
|
101
101
|
whiteSpace: 'nowrap',
|
|
102
102
|
transition: theme.transitions.create(['background-color', 'box-shadow']),
|
|
103
|
+
// reset cursor explicitly in case ButtonBase is used
|
|
104
|
+
cursor: 'unset',
|
|
103
105
|
// We disable the focus ring for mouse, touch and keyboard users.
|
|
104
106
|
outline: 0,
|
|
105
107
|
textDecoration: 'none',
|
|
@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
exports.getListSubheaderUtilityClass = getListSubheaderUtilityClass;
|
|
9
|
-
var
|
|
9
|
+
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
10
10
|
var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
|
|
11
11
|
function getListSubheaderUtilityClass(slot) {
|
|
12
12
|
return (0, _generateUtilityClass.default)('MuiListSubheader', slot);
|
|
13
13
|
}
|
|
14
|
-
const listSubheaderClasses = (0,
|
|
14
|
+
const listSubheaderClasses = (0, _generateUtilityClasses.default)('MuiListSubheader', ['root', 'colorPrimary', 'colorInherit', 'gutters', 'inset', 'sticky']);
|
|
15
15
|
var _default = listSubheaderClasses;
|
|
16
16
|
exports.default = _default;
|
package/node/Modal/Modal.js
CHANGED
|
@@ -22,7 +22,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
|
|
|
22
22
|
var _Backdrop = _interopRequireDefault(require("../Backdrop"));
|
|
23
23
|
var _modalClasses = require("./modalClasses");
|
|
24
24
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
|
-
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"];
|
|
25
|
+
const _excluded = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
|
|
26
26
|
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); }
|
|
27
27
|
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; }
|
|
28
28
|
const useUtilityClasses = ownerState => {
|
package/node/Slider/Slider.js
CHANGED
|
@@ -92,16 +92,6 @@ const SliderRoot = (0, _styled.default)('span', {
|
|
|
92
92
|
}
|
|
93
93
|
}));
|
|
94
94
|
exports.SliderRoot = SliderRoot;
|
|
95
|
-
process.env.NODE_ENV !== "production" ? SliderRoot.propTypes /* remove-proptypes */ = {
|
|
96
|
-
// ----------------------------- Warning --------------------------------
|
|
97
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
98
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
99
|
-
// ----------------------------------------------------------------------
|
|
100
|
-
/**
|
|
101
|
-
* @ignore
|
|
102
|
-
*/
|
|
103
|
-
children: _propTypes.default.node
|
|
104
|
-
} : void 0;
|
|
105
95
|
const SliderRail = (0, _styled.default)('span', {
|
|
106
96
|
name: 'MuiSlider',
|
|
107
97
|
slot: 'Rail',
|
|
@@ -128,16 +118,6 @@ const SliderRail = (0, _styled.default)('span', {
|
|
|
128
118
|
opacity: 1
|
|
129
119
|
}));
|
|
130
120
|
exports.SliderRail = SliderRail;
|
|
131
|
-
process.env.NODE_ENV !== "production" ? SliderRail.propTypes /* remove-proptypes */ = {
|
|
132
|
-
// ----------------------------- Warning --------------------------------
|
|
133
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
134
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
135
|
-
// ----------------------------------------------------------------------
|
|
136
|
-
/**
|
|
137
|
-
* @ignore
|
|
138
|
-
*/
|
|
139
|
-
children: _propTypes.default.node
|
|
140
|
-
} : void 0;
|
|
141
121
|
const SliderTrack = (0, _styled.default)('span', {
|
|
142
122
|
name: 'MuiSlider',
|
|
143
123
|
slot: 'Track',
|
|
@@ -176,16 +156,6 @@ const SliderTrack = (0, _styled.default)('span', {
|
|
|
176
156
|
});
|
|
177
157
|
});
|
|
178
158
|
exports.SliderTrack = SliderTrack;
|
|
179
|
-
process.env.NODE_ENV !== "production" ? SliderTrack.propTypes /* remove-proptypes */ = {
|
|
180
|
-
// ----------------------------- Warning --------------------------------
|
|
181
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
182
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
183
|
-
// ----------------------------------------------------------------------
|
|
184
|
-
/**
|
|
185
|
-
* @ignore
|
|
186
|
-
*/
|
|
187
|
-
children: _propTypes.default.node
|
|
188
|
-
} : void 0;
|
|
189
159
|
const SliderThumb = (0, _styled.default)('span', {
|
|
190
160
|
name: 'MuiSlider',
|
|
191
161
|
slot: 'Thumb',
|
|
@@ -259,17 +229,7 @@ const SliderThumb = (0, _styled.default)('span', {
|
|
|
259
229
|
}
|
|
260
230
|
}));
|
|
261
231
|
exports.SliderThumb = SliderThumb;
|
|
262
|
-
|
|
263
|
-
// ----------------------------- Warning --------------------------------
|
|
264
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
265
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
266
|
-
// ----------------------------------------------------------------------
|
|
267
|
-
/**
|
|
268
|
-
* @ignore
|
|
269
|
-
*/
|
|
270
|
-
children: _propTypes.default.node
|
|
271
|
-
} : void 0;
|
|
272
|
-
const StyledSliderValueLabel = (0, _styled.default)(_SliderValueLabel.default, {
|
|
232
|
+
const SliderValueLabel = (0, _styled.default)(_SliderValueLabel.default, {
|
|
273
233
|
name: 'MuiSlider',
|
|
274
234
|
slot: 'ValueLabel',
|
|
275
235
|
overridesResolver: (props, styles) => styles.valueLabel
|
|
@@ -327,17 +287,7 @@ const StyledSliderValueLabel = (0, _styled.default)(_SliderValueLabel.default, {
|
|
|
327
287
|
fontSize: theme.typography.pxToRem(12),
|
|
328
288
|
padding: '0.25rem 0.5rem'
|
|
329
289
|
}));
|
|
330
|
-
exports.SliderValueLabel =
|
|
331
|
-
process.env.NODE_ENV !== "production" ? StyledSliderValueLabel.propTypes /* remove-proptypes */ = {
|
|
332
|
-
// ----------------------------- Warning --------------------------------
|
|
333
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
334
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
335
|
-
// ----------------------------------------------------------------------
|
|
336
|
-
/**
|
|
337
|
-
* @ignore
|
|
338
|
-
*/
|
|
339
|
-
children: _propTypes.default.node
|
|
340
|
-
} : void 0;
|
|
290
|
+
exports.SliderValueLabel = SliderValueLabel;
|
|
341
291
|
const SliderMark = (0, _styled.default)('span', {
|
|
342
292
|
name: 'MuiSlider',
|
|
343
293
|
slot: 'Mark',
|
|
@@ -369,16 +319,6 @@ const SliderMark = (0, _styled.default)('span', {
|
|
|
369
319
|
opacity: 0.8
|
|
370
320
|
}));
|
|
371
321
|
exports.SliderMark = SliderMark;
|
|
372
|
-
process.env.NODE_ENV !== "production" ? SliderMark.propTypes /* remove-proptypes */ = {
|
|
373
|
-
// ----------------------------- Warning --------------------------------
|
|
374
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
375
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
376
|
-
// ----------------------------------------------------------------------
|
|
377
|
-
/**
|
|
378
|
-
* @ignore
|
|
379
|
-
*/
|
|
380
|
-
children: _propTypes.default.node
|
|
381
|
-
} : void 0;
|
|
382
322
|
const SliderMarkLabel = (0, _styled.default)('span', {
|
|
383
323
|
name: 'MuiSlider',
|
|
384
324
|
slot: 'MarkLabel',
|
|
@@ -408,16 +348,6 @@ const SliderMarkLabel = (0, _styled.default)('span', {
|
|
|
408
348
|
color: (theme.vars || theme).palette.text.primary
|
|
409
349
|
}));
|
|
410
350
|
exports.SliderMarkLabel = SliderMarkLabel;
|
|
411
|
-
process.env.NODE_ENV !== "production" ? SliderMarkLabel.propTypes /* remove-proptypes */ = {
|
|
412
|
-
// ----------------------------- Warning --------------------------------
|
|
413
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
414
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
415
|
-
// ----------------------------------------------------------------------
|
|
416
|
-
/**
|
|
417
|
-
* @ignore
|
|
418
|
-
*/
|
|
419
|
-
children: _propTypes.default.node
|
|
420
|
-
} : void 0;
|
|
421
351
|
const useUtilityClasses = ownerState => {
|
|
422
352
|
const {
|
|
423
353
|
disabled,
|
|
@@ -531,7 +461,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
|
|
|
531
461
|
const RailSlot = (_ref2 = (_slots$rail = slots == null ? void 0 : slots.rail) != null ? _slots$rail : components.Rail) != null ? _ref2 : SliderRail;
|
|
532
462
|
const TrackSlot = (_ref3 = (_slots$track = slots == null ? void 0 : slots.track) != null ? _slots$track : components.Track) != null ? _ref3 : SliderTrack;
|
|
533
463
|
const ThumbSlot = (_ref4 = (_slots$thumb = slots == null ? void 0 : slots.thumb) != null ? _slots$thumb : components.Thumb) != null ? _ref4 : SliderThumb;
|
|
534
|
-
const ValueLabelSlot = (_ref5 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref5 :
|
|
464
|
+
const ValueLabelSlot = (_ref5 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref5 : SliderValueLabel;
|
|
535
465
|
const MarkSlot = (_ref6 = (_slots$mark = slots == null ? void 0 : slots.mark) != null ? _slots$mark : components.Mark) != null ? _ref6 : SliderMark;
|
|
536
466
|
const MarkLabelSlot = (_ref7 = (_slots$markLabel = slots == null ? void 0 : slots.markLabel) != null ? _slots$markLabel : components.MarkLabel) != null ? _ref7 : SliderMarkLabel;
|
|
537
467
|
const InputSlot = (_ref8 = (_slots$input = slots == null ? void 0 : slots.input) != null ? _slots$input : components.Input) != null ? _ref8 : 'input';
|
package/node/Tabs/Tabs.js
CHANGED
|
@@ -197,10 +197,7 @@ const TabsIndicator = (0, _styled.default)('span', {
|
|
|
197
197
|
width: 2,
|
|
198
198
|
right: 0
|
|
199
199
|
}));
|
|
200
|
-
const TabsScrollbarSize = (0, _styled.default)(_ScrollbarSize.default
|
|
201
|
-
name: 'MuiTabs',
|
|
202
|
-
slot: 'ScrollbarSize'
|
|
203
|
-
})({
|
|
200
|
+
const TabsScrollbarSize = (0, _styled.default)(_ScrollbarSize.default)({
|
|
204
201
|
overflowX: 'auto',
|
|
205
202
|
overflowY: 'hidden',
|
|
206
203
|
// Hide dimensionless scrollbar on macOS
|
|
@@ -808,7 +805,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
|
|
|
808
805
|
*
|
|
809
806
|
* - `scrollable` will invoke scrolling properties and allow for horizontally
|
|
810
807
|
* scrolling (or swiping) of the tab bar.
|
|
811
|
-
*
|
|
808
|
+
* - `fullWidth` will make the tabs grow to use all the available space,
|
|
812
809
|
* which should be used for small views, like on mobile.
|
|
813
810
|
* - `standard` will render the default state.
|
|
814
811
|
* @default 'standard'
|
package/node/index.js
CHANGED
|
@@ -21,7 +21,7 @@ const useTouchRipple = props => {
|
|
|
21
21
|
React.useEffect(() => {
|
|
22
22
|
if (focusVisible && !disableFocusRipple && !disableRipple) {
|
|
23
23
|
var _rippleRef$current;
|
|
24
|
-
(_rippleRef$current = rippleRef.current) == null
|
|
24
|
+
(_rippleRef$current = rippleRef.current) == null || _rippleRef$current.pulsate();
|
|
25
25
|
}
|
|
26
26
|
}, [rippleRef, focusVisible, disableFocusRipple, disableRipple]);
|
|
27
27
|
function useRippleHandler(rippleAction, skipRippleAction = disableTouchRipple) {
|
|
@@ -38,7 +38,7 @@ const useTouchRipple = props => {
|
|
|
38
38
|
keydownRef.current = true;
|
|
39
39
|
rippleRef.current.stop(event, () => {
|
|
40
40
|
var _rippleRef$current2;
|
|
41
|
-
rippleRef == null || (_rippleRef$current2 = rippleRef.current) == null
|
|
41
|
+
rippleRef == null || (_rippleRef$current2 = rippleRef.current) == null || _rippleRef$current2.start(event);
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
});
|
|
@@ -49,7 +49,7 @@ const useTouchRipple = props => {
|
|
|
49
49
|
keydownRef.current = false;
|
|
50
50
|
rippleRef.current.stop(event, () => {
|
|
51
51
|
var _rippleRef$current3;
|
|
52
|
-
rippleRef == null || (_rippleRef$current3 = rippleRef.current) == null
|
|
52
|
+
rippleRef == null || (_rippleRef$current3 = rippleRef.current) == null || _rippleRef$current3.pulsate(event);
|
|
53
53
|
});
|
|
54
54
|
}
|
|
55
55
|
});
|
|
@@ -87,7 +87,7 @@ const useTouchRipple = props => {
|
|
|
87
87
|
name: eventName,
|
|
88
88
|
handler: ev => {
|
|
89
89
|
var _otherEvents$eventNam;
|
|
90
|
-
(_otherEvents$eventNam = otherEvents[eventName]) == null
|
|
90
|
+
(_otherEvents$eventNam = otherEvents[eventName]) == null || _otherEvents$eventNam.call(otherEvents, ev);
|
|
91
91
|
rippleHandlers[eventName](ev);
|
|
92
92
|
}
|
|
93
93
|
}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/material",
|
|
3
|
-
"version": "5.14.
|
|
3
|
+
"version": "5.14.10",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"description": "React components that implement Google's Material Design.",
|
|
@@ -21,11 +21,25 @@
|
|
|
21
21
|
"bugs": {
|
|
22
22
|
"url": "https://github.com/mui/material-ui/issues"
|
|
23
23
|
},
|
|
24
|
-
"homepage": "https://mui.com/material-ui/
|
|
24
|
+
"homepage": "https://mui.com/material-ui/",
|
|
25
25
|
"funding": {
|
|
26
26
|
"type": "opencollective",
|
|
27
27
|
"url": "https://opencollective.com/mui"
|
|
28
28
|
},
|
|
29
|
+
"dependencies": {
|
|
30
|
+
"@babel/runtime": "^7.22.15",
|
|
31
|
+
"@mui/base": "5.0.0-beta.16",
|
|
32
|
+
"@mui/core-downloads-tracker": "^5.14.10",
|
|
33
|
+
"@mui/system": "^5.14.10",
|
|
34
|
+
"@mui/types": "^7.2.4",
|
|
35
|
+
"@mui/utils": "^5.14.10",
|
|
36
|
+
"@types/react-transition-group": "^4.4.6",
|
|
37
|
+
"clsx": "^2.0.0",
|
|
38
|
+
"csstype": "^3.1.2",
|
|
39
|
+
"prop-types": "^15.8.1",
|
|
40
|
+
"react-is": "^18.2.0",
|
|
41
|
+
"react-transition-group": "^4.4.5"
|
|
42
|
+
},
|
|
29
43
|
"peerDependencies": {
|
|
30
44
|
"@emotion/react": "^11.5.0",
|
|
31
45
|
"@emotion/styled": "^11.3.0",
|
|
@@ -44,20 +58,6 @@
|
|
|
44
58
|
"optional": true
|
|
45
59
|
}
|
|
46
60
|
},
|
|
47
|
-
"dependencies": {
|
|
48
|
-
"@babel/runtime": "^7.22.10",
|
|
49
|
-
"@mui/base": "5.0.0-beta.14",
|
|
50
|
-
"@mui/core-downloads-tracker": "^5.14.8",
|
|
51
|
-
"@mui/system": "^5.14.8",
|
|
52
|
-
"@mui/types": "^7.2.4",
|
|
53
|
-
"@mui/utils": "^5.14.8",
|
|
54
|
-
"@types/react-transition-group": "^4.4.6",
|
|
55
|
-
"clsx": "^2.0.0",
|
|
56
|
-
"csstype": "^3.1.2",
|
|
57
|
-
"prop-types": "^15.8.1",
|
|
58
|
-
"react-is": "^18.2.0",
|
|
59
|
-
"react-transition-group": "^4.4.5"
|
|
60
|
-
},
|
|
61
61
|
"sideEffects": false,
|
|
62
62
|
"publishConfig": {
|
|
63
63
|
"access": "public"
|