@mui/material 5.15.13 → 5.15.14
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/Accordion/Accordion.js +30 -23
- package/AccordionActions/AccordionActions.js +14 -12
- package/AccordionDetails/AccordionDetails.js +2 -2
- package/AccordionSummary/AccordionSummary.js +29 -23
- package/Autocomplete/Autocomplete.d.ts +1 -1
- package/Autocomplete/Autocomplete.js +59 -33
- package/Autocomplete/autocompleteClasses.d.ts +3 -3
- package/CHANGELOG.md +116 -60
- package/CircularProgress/CircularProgress.d.ts +1 -1
- package/CircularProgress/CircularProgress.js +1 -1
- package/Icon/Icon.d.ts +1 -1
- package/Icon/Icon.js +1 -1
- package/OverridableComponent.d.ts +1 -1
- package/Popper/Popper.d.ts +3 -26
- package/README.md +2 -2
- package/Select/Select.d.ts +8 -20
- package/Slider/Slider.js +404 -223
- package/SvgIcon/SvgIcon.js +1 -1
- package/index.js +1 -1
- package/legacy/Accordion/Accordion.js +33 -22
- package/legacy/AccordionActions/AccordionActions.js +17 -14
- package/legacy/AccordionDetails/AccordionDetails.js +2 -2
- package/legacy/AccordionSummary/AccordionSummary.js +31 -22
- package/legacy/Autocomplete/Autocomplete.js +132 -113
- package/legacy/CircularProgress/CircularProgress.js +1 -1
- package/legacy/Icon/Icon.js +1 -1
- package/legacy/Slider/Slider.js +373 -191
- package/legacy/SvgIcon/SvgIcon.js +1 -1
- package/legacy/index.js +1 -1
- package/legacy/styles/experimental_extendTheme.js +1 -1
- package/legacy/styles/rootShouldForwardProp.js +5 -0
- package/legacy/styles/slotShouldForwardProp.js +5 -0
- package/legacy/styles/styled.js +4 -5
- package/legacy/usePagination/usePagination.js +1 -1
- package/modern/Accordion/Accordion.js +30 -23
- package/modern/AccordionActions/AccordionActions.js +14 -12
- package/modern/AccordionDetails/AccordionDetails.js +2 -2
- package/modern/AccordionSummary/AccordionSummary.js +29 -23
- package/modern/Autocomplete/Autocomplete.js +59 -33
- package/modern/CircularProgress/CircularProgress.js +1 -1
- package/modern/Icon/Icon.js +1 -1
- package/modern/Slider/Slider.js +337 -172
- package/modern/SvgIcon/SvgIcon.js +1 -1
- package/modern/index.js +1 -1
- package/modern/styles/experimental_extendTheme.js +1 -1
- package/modern/styles/rootShouldForwardProp.js +3 -0
- package/modern/styles/slotShouldForwardProp.js +5 -0
- package/modern/styles/styled.js +4 -3
- package/modern/usePagination/usePagination.js +1 -1
- package/node/Accordion/Accordion.js +32 -25
- package/node/AccordionActions/AccordionActions.js +16 -14
- package/node/AccordionDetails/AccordionDetails.js +4 -4
- package/node/AccordionSummary/AccordionSummary.js +33 -27
- package/node/Autocomplete/Autocomplete.js +71 -45
- package/node/CircularProgress/CircularProgress.js +1 -1
- package/node/Icon/Icon.js +1 -1
- package/node/Slider/Slider.js +414 -233
- package/node/SvgIcon/SvgIcon.js +1 -1
- package/node/index.js +1 -1
- package/node/styles/experimental_extendTheme.js +1 -1
- package/node/styles/rootShouldForwardProp.js +10 -0
- package/node/styles/slotShouldForwardProp.js +11 -0
- package/node/styles/styled.js +17 -8
- package/node/usePagination/usePagination.js +1 -1
- package/package.json +6 -6
- package/styles/experimental_extendTheme.js +1 -1
- package/styles/rootShouldForwardProp.d.ts +2 -0
- package/styles/rootShouldForwardProp.js +3 -0
- package/styles/slotShouldForwardProp.d.ts +2 -0
- package/styles/slotShouldForwardProp.js +5 -0
- package/styles/styled.d.ts +2 -3
- package/styles/styled.js +4 -3
- package/umd/material-ui.development.js +822 -582
- package/umd/material-ui.production.min.js +2 -2
- package/usePagination/usePagination.js +1 -1
package/node/SvgIcon/SvgIcon.js
CHANGED
|
@@ -51,7 +51,7 @@ const SvgIconRoot = (0, _styled.default)('svg', {
|
|
|
51
51
|
height: '1em',
|
|
52
52
|
display: 'inline-block',
|
|
53
53
|
// the <svg> will define the property that has `currentColor`
|
|
54
|
-
//
|
|
54
|
+
// for example heroicons uses fill="none" and stroke="currentColor"
|
|
55
55
|
fill: ownerState.hasSvgAsChild ? undefined : 'currentColor',
|
|
56
56
|
flexShrink: 0,
|
|
57
57
|
transition: (_theme$transitions = theme.transitions) == null || (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, 'fill', {
|
package/node/index.js
CHANGED
|
@@ -48,7 +48,7 @@ function setColorChannel(obj, key) {
|
|
|
48
48
|
if (!(`${key}Channel` in obj)) {
|
|
49
49
|
// custom channel token is not provided, generate one.
|
|
50
50
|
// if channel token can't be generated, show a warning.
|
|
51
|
-
obj[`${key}Channel`] = (0, _colorManipulator.private_safeColorChannel)(toRgb(obj[key]), `MUI: Can't create \`palette.${key}Channel\` because \`palette.${key}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` + '\n' + `To suppress this warning, you need to explicitly provide the \`palette.${key}Channel\` as a string (in rgb format,
|
|
51
|
+
obj[`${key}Channel`] = (0, _colorManipulator.private_safeColorChannel)(toRgb(obj[key]), `MUI: Can't create \`palette.${key}Channel\` because \`palette.${key}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` + '\n' + `To suppress this warning, you need to explicitly provide the \`palette.${key}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
const silent = fn => {
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _slotShouldForwardProp = _interopRequireDefault(require("./slotShouldForwardProp"));
|
|
9
|
+
const rootShouldForwardProp = prop => (0, _slotShouldForwardProp.default)(prop) && prop !== 'classes';
|
|
10
|
+
var _default = exports.default = rootShouldForwardProp;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
// copied from @mui/system/createStyled
|
|
8
|
+
function slotShouldForwardProp(prop) {
|
|
9
|
+
return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
|
|
10
|
+
}
|
|
11
|
+
var _default = exports.default = slotShouldForwardProp;
|
package/node/styles/styled.js
CHANGED
|
@@ -5,18 +5,27 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
9
|
-
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
Object.defineProperty(exports, "rootShouldForwardProp", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function () {
|
|
12
|
+
return _rootShouldForwardProp.default;
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
Object.defineProperty(exports, "slotShouldForwardProp", {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _slotShouldForwardProp.default;
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
var _createStyled = _interopRequireDefault(require("@mui/system/createStyled"));
|
|
10
22
|
var _defaultTheme = _interopRequireDefault(require("./defaultTheme"));
|
|
11
23
|
var _identifier = _interopRequireDefault(require("./identifier"));
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const rootShouldForwardProp = prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'classes';
|
|
15
|
-
exports.rootShouldForwardProp = rootShouldForwardProp;
|
|
16
|
-
const slotShouldForwardProp = exports.slotShouldForwardProp = _createStyled.shouldForwardProp;
|
|
24
|
+
var _rootShouldForwardProp = _interopRequireDefault(require("./rootShouldForwardProp"));
|
|
25
|
+
var _slotShouldForwardProp = _interopRequireDefault(require("./slotShouldForwardProp"));
|
|
17
26
|
const styled = (0, _createStyled.default)({
|
|
18
27
|
themeId: _identifier.default,
|
|
19
28
|
defaultTheme: _defaultTheme.default,
|
|
20
|
-
rootShouldForwardProp
|
|
29
|
+
rootShouldForwardProp: _rootShouldForwardProp.default
|
|
21
30
|
});
|
|
22
31
|
var _default = exports.default = styled;
|
|
@@ -67,7 +67,7 @@ function usePagination(props = {}) {
|
|
|
67
67
|
endPages.length > 0 ? endPages[0] - 2 : count - 1);
|
|
68
68
|
|
|
69
69
|
// Basic list of items to render
|
|
70
|
-
//
|
|
70
|
+
// for example itemList = ['first', 'previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next', 'last']
|
|
71
71
|
const itemList = [...(showFirstButton ? ['first'] : []), ...(hidePrevButton ? [] : ['previous']), ...startPages,
|
|
72
72
|
// Start ellipsis
|
|
73
73
|
// eslint-disable-next-line no-nested-ternary
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/material",
|
|
3
|
-
"version": "5.15.
|
|
3
|
+
"version": "5.15.14",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
|
|
@@ -34,11 +34,11 @@
|
|
|
34
34
|
"prop-types": "^15.8.1",
|
|
35
35
|
"react-is": "^18.2.0",
|
|
36
36
|
"react-transition-group": "^4.4.5",
|
|
37
|
-
"@mui/base": "5.0.0-beta.
|
|
38
|
-
"@mui/
|
|
39
|
-
"@mui/
|
|
40
|
-
"@mui/
|
|
41
|
-
"@mui/core-downloads-tracker": "^5.15.
|
|
37
|
+
"@mui/base": "5.0.0-beta.40",
|
|
38
|
+
"@mui/system": "^5.15.14",
|
|
39
|
+
"@mui/utils": "^5.15.14",
|
|
40
|
+
"@mui/types": "^7.2.14",
|
|
41
|
+
"@mui/core-downloads-tracker": "^5.15.14"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"@emotion/react": "^11.5.0",
|
|
@@ -38,7 +38,7 @@ function setColorChannel(obj, key) {
|
|
|
38
38
|
if (!(`${key}Channel` in obj)) {
|
|
39
39
|
// custom channel token is not provided, generate one.
|
|
40
40
|
// if channel token can't be generated, show a warning.
|
|
41
|
-
obj[`${key}Channel`] = safeColorChannel(toRgb(obj[key]), `MUI: Can't create \`palette.${key}Channel\` because \`palette.${key}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` + '\n' + `To suppress this warning, you need to explicitly provide the \`palette.${key}Channel\` as a string (in rgb format,
|
|
41
|
+
obj[`${key}Channel`] = safeColorChannel(toRgb(obj[key]), `MUI: Can't create \`palette.${key}Channel\` because \`palette.${key}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` + '\n' + `To suppress this warning, you need to explicitly provide the \`palette.${key}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
const silent = fn => {
|
package/styles/styled.d.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { CreateMUIStyled } from '@mui/system';
|
|
2
2
|
import { Theme } from './createTheme';
|
|
3
3
|
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
export function slotShouldForwardProp(prop: string): boolean;
|
|
4
|
+
export { default as slotShouldForwardProp } from './slotShouldForwardProp';
|
|
5
|
+
export { default as rootShouldForwardProp } from './rootShouldForwardProp';
|
|
7
6
|
|
|
8
7
|
/**
|
|
9
8
|
* Custom styled utility that has a default MUI theme.
|
package/styles/styled.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import createStyled
|
|
3
|
+
import createStyled from '@mui/system/createStyled';
|
|
4
4
|
import defaultTheme from './defaultTheme';
|
|
5
5
|
import THEME_ID from './identifier';
|
|
6
|
-
|
|
7
|
-
export
|
|
6
|
+
import rootShouldForwardProp from './rootShouldForwardProp';
|
|
7
|
+
export { default as slotShouldForwardProp } from './slotShouldForwardProp';
|
|
8
|
+
export { default as rootShouldForwardProp } from './rootShouldForwardProp';
|
|
8
9
|
const styled = createStyled({
|
|
9
10
|
themeId: THEME_ID,
|
|
10
11
|
defaultTheme,
|