@mui/private-theming 5.10.9 → 5.10.15
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/CHANGELOG.md +636 -214
- package/ThemeProvider/ThemeProvider.js +3 -15
- package/index.js +1 -1
- package/legacy/ThemeProvider/ThemeProvider.js +4 -16
- package/legacy/index.js +1 -1
- package/legacy/useTheme/ThemeContext.js +0 -2
- package/legacy/useTheme/useTheme.js +0 -2
- package/modern/ThemeProvider/ThemeProvider.js +3 -15
- package/modern/index.js +1 -1
- package/modern/useTheme/ThemeContext.js +0 -2
- package/modern/useTheme/useTheme.js +0 -2
- package/node/ThemeProvider/ThemeProvider.js +1 -25
- package/node/ThemeProvider/index.js +0 -3
- package/node/ThemeProvider/nested.js +0 -2
- package/node/index.js +1 -7
- package/node/useTheme/ThemeContext.js +0 -6
- package/node/useTheme/index.js +0 -2
- package/node/useTheme/useTheme.js +0 -8
- package/package.json +3 -3
- package/useTheme/ThemeContext.js +0 -2
- package/useTheme/useTheme.js +0 -2
|
@@ -4,52 +4,44 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import { exactProp } from '@mui/utils';
|
|
5
5
|
import ThemeContext from '../useTheme/ThemeContext';
|
|
6
6
|
import useTheme from '../useTheme';
|
|
7
|
-
import nested from './nested';
|
|
7
|
+
import nested from './nested';
|
|
8
8
|
|
|
9
|
+
// To support composition of theme.
|
|
9
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
|
|
11
11
|
function mergeOuterLocalTheme(outerTheme, localTheme) {
|
|
12
12
|
if (typeof localTheme === 'function') {
|
|
13
13
|
const mergedTheme = localTheme(outerTheme);
|
|
14
|
-
|
|
15
14
|
if (process.env.NODE_ENV !== 'production') {
|
|
16
15
|
if (!mergedTheme) {
|
|
17
16
|
console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\n'));
|
|
18
17
|
}
|
|
19
18
|
}
|
|
20
|
-
|
|
21
19
|
return mergedTheme;
|
|
22
20
|
}
|
|
23
|
-
|
|
24
21
|
return _extends({}, outerTheme, localTheme);
|
|
25
22
|
}
|
|
23
|
+
|
|
26
24
|
/**
|
|
27
25
|
* This component takes a `theme` prop.
|
|
28
26
|
* It makes the `theme` available down the React tree thanks to React context.
|
|
29
27
|
* This component should preferably be used at **the root of your component tree**.
|
|
30
28
|
*/
|
|
31
|
-
|
|
32
|
-
|
|
33
29
|
function ThemeProvider(props) {
|
|
34
30
|
const {
|
|
35
31
|
children,
|
|
36
32
|
theme: localTheme
|
|
37
33
|
} = props;
|
|
38
34
|
const outerTheme = useTheme();
|
|
39
|
-
|
|
40
35
|
if (process.env.NODE_ENV !== 'production') {
|
|
41
36
|
if (outerTheme === null && typeof localTheme === 'function') {
|
|
42
37
|
console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
|
|
43
38
|
}
|
|
44
39
|
}
|
|
45
|
-
|
|
46
40
|
const theme = React.useMemo(() => {
|
|
47
41
|
const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);
|
|
48
|
-
|
|
49
42
|
if (output != null) {
|
|
50
43
|
output[nested] = outerTheme !== null;
|
|
51
44
|
}
|
|
52
|
-
|
|
53
45
|
return output;
|
|
54
46
|
}, [localTheme, outerTheme]);
|
|
55
47
|
return /*#__PURE__*/_jsx(ThemeContext.Provider, {
|
|
@@ -57,21 +49,17 @@ function ThemeProvider(props) {
|
|
|
57
49
|
children: children
|
|
58
50
|
});
|
|
59
51
|
}
|
|
60
|
-
|
|
61
52
|
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
|
|
62
53
|
/**
|
|
63
54
|
* Your component tree.
|
|
64
55
|
*/
|
|
65
56
|
children: PropTypes.node,
|
|
66
|
-
|
|
67
57
|
/**
|
|
68
58
|
* A theme object. You can provide a function to extend the outer theme.
|
|
69
59
|
*/
|
|
70
60
|
theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
|
|
71
61
|
} : void 0;
|
|
72
|
-
|
|
73
62
|
if (process.env.NODE_ENV !== 'production') {
|
|
74
63
|
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;
|
|
75
64
|
}
|
|
76
|
-
|
|
77
65
|
export default ThemeProvider;
|
package/index.js
CHANGED
|
@@ -4,50 +4,42 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import { exactProp } from '@mui/utils';
|
|
5
5
|
import ThemeContext from '../useTheme/ThemeContext';
|
|
6
6
|
import useTheme from '../useTheme';
|
|
7
|
-
import nested from './nested';
|
|
7
|
+
import nested from './nested';
|
|
8
8
|
|
|
9
|
+
// To support composition of theme.
|
|
9
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
|
|
11
11
|
function mergeOuterLocalTheme(outerTheme, localTheme) {
|
|
12
12
|
if (typeof localTheme === 'function') {
|
|
13
13
|
var mergedTheme = localTheme(outerTheme);
|
|
14
|
-
|
|
15
14
|
if (process.env.NODE_ENV !== 'production') {
|
|
16
15
|
if (!mergedTheme) {
|
|
17
16
|
console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\n'));
|
|
18
17
|
}
|
|
19
18
|
}
|
|
20
|
-
|
|
21
19
|
return mergedTheme;
|
|
22
20
|
}
|
|
23
|
-
|
|
24
21
|
return _extends({}, outerTheme, localTheme);
|
|
25
22
|
}
|
|
23
|
+
|
|
26
24
|
/**
|
|
27
25
|
* This component takes a `theme` prop.
|
|
28
26
|
* It makes the `theme` available down the React tree thanks to React context.
|
|
29
27
|
* This component should preferably be used at **the root of your component tree**.
|
|
30
28
|
*/
|
|
31
|
-
|
|
32
|
-
|
|
33
29
|
function ThemeProvider(props) {
|
|
34
30
|
var children = props.children,
|
|
35
|
-
|
|
31
|
+
localTheme = props.theme;
|
|
36
32
|
var outerTheme = useTheme();
|
|
37
|
-
|
|
38
33
|
if (process.env.NODE_ENV !== 'production') {
|
|
39
34
|
if (outerTheme === null && typeof localTheme === 'function') {
|
|
40
35
|
console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
|
|
41
36
|
}
|
|
42
37
|
}
|
|
43
|
-
|
|
44
38
|
var theme = React.useMemo(function () {
|
|
45
39
|
var output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);
|
|
46
|
-
|
|
47
40
|
if (output != null) {
|
|
48
41
|
output[nested] = outerTheme !== null;
|
|
49
42
|
}
|
|
50
|
-
|
|
51
43
|
return output;
|
|
52
44
|
}, [localTheme, outerTheme]);
|
|
53
45
|
return /*#__PURE__*/_jsx(ThemeContext.Provider, {
|
|
@@ -55,21 +47,17 @@ function ThemeProvider(props) {
|
|
|
55
47
|
children: children
|
|
56
48
|
});
|
|
57
49
|
}
|
|
58
|
-
|
|
59
50
|
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
|
|
60
51
|
/**
|
|
61
52
|
* Your component tree.
|
|
62
53
|
*/
|
|
63
54
|
children: PropTypes.node,
|
|
64
|
-
|
|
65
55
|
/**
|
|
66
56
|
* A theme object. You can provide a function to extend the outer theme.
|
|
67
57
|
*/
|
|
68
58
|
theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
|
|
69
59
|
} : void 0;
|
|
70
|
-
|
|
71
60
|
if (process.env.NODE_ENV !== 'production') {
|
|
72
61
|
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;
|
|
73
62
|
}
|
|
74
|
-
|
|
75
63
|
export default ThemeProvider;
|
package/legacy/index.js
CHANGED
|
@@ -2,11 +2,9 @@ import * as React from 'react';
|
|
|
2
2
|
import ThemeContext from './ThemeContext';
|
|
3
3
|
export default function useTheme() {
|
|
4
4
|
var theme = React.useContext(ThemeContext);
|
|
5
|
-
|
|
6
5
|
if (process.env.NODE_ENV !== 'production') {
|
|
7
6
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
8
7
|
React.useDebugValue(theme);
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
return theme;
|
|
12
10
|
}
|
|
@@ -4,52 +4,44 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import { exactProp } from '@mui/utils';
|
|
5
5
|
import ThemeContext from '../useTheme/ThemeContext';
|
|
6
6
|
import useTheme from '../useTheme';
|
|
7
|
-
import nested from './nested';
|
|
7
|
+
import nested from './nested';
|
|
8
8
|
|
|
9
|
+
// To support composition of theme.
|
|
9
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
|
|
11
11
|
function mergeOuterLocalTheme(outerTheme, localTheme) {
|
|
12
12
|
if (typeof localTheme === 'function') {
|
|
13
13
|
const mergedTheme = localTheme(outerTheme);
|
|
14
|
-
|
|
15
14
|
if (process.env.NODE_ENV !== 'production') {
|
|
16
15
|
if (!mergedTheme) {
|
|
17
16
|
console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\n'));
|
|
18
17
|
}
|
|
19
18
|
}
|
|
20
|
-
|
|
21
19
|
return mergedTheme;
|
|
22
20
|
}
|
|
23
|
-
|
|
24
21
|
return _extends({}, outerTheme, localTheme);
|
|
25
22
|
}
|
|
23
|
+
|
|
26
24
|
/**
|
|
27
25
|
* This component takes a `theme` prop.
|
|
28
26
|
* It makes the `theme` available down the React tree thanks to React context.
|
|
29
27
|
* This component should preferably be used at **the root of your component tree**.
|
|
30
28
|
*/
|
|
31
|
-
|
|
32
|
-
|
|
33
29
|
function ThemeProvider(props) {
|
|
34
30
|
const {
|
|
35
31
|
children,
|
|
36
32
|
theme: localTheme
|
|
37
33
|
} = props;
|
|
38
34
|
const outerTheme = useTheme();
|
|
39
|
-
|
|
40
35
|
if (process.env.NODE_ENV !== 'production') {
|
|
41
36
|
if (outerTheme === null && typeof localTheme === 'function') {
|
|
42
37
|
console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
|
|
43
38
|
}
|
|
44
39
|
}
|
|
45
|
-
|
|
46
40
|
const theme = React.useMemo(() => {
|
|
47
41
|
const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);
|
|
48
|
-
|
|
49
42
|
if (output != null) {
|
|
50
43
|
output[nested] = outerTheme !== null;
|
|
51
44
|
}
|
|
52
|
-
|
|
53
45
|
return output;
|
|
54
46
|
}, [localTheme, outerTheme]);
|
|
55
47
|
return /*#__PURE__*/_jsx(ThemeContext.Provider, {
|
|
@@ -57,21 +49,17 @@ function ThemeProvider(props) {
|
|
|
57
49
|
children: children
|
|
58
50
|
});
|
|
59
51
|
}
|
|
60
|
-
|
|
61
52
|
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
|
|
62
53
|
/**
|
|
63
54
|
* Your component tree.
|
|
64
55
|
*/
|
|
65
56
|
children: PropTypes.node,
|
|
66
|
-
|
|
67
57
|
/**
|
|
68
58
|
* A theme object. You can provide a function to extend the outer theme.
|
|
69
59
|
*/
|
|
70
60
|
theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
|
|
71
61
|
} : void 0;
|
|
72
|
-
|
|
73
62
|
if (process.env.NODE_ENV !== 'production') {
|
|
74
63
|
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;
|
|
75
64
|
}
|
|
76
|
-
|
|
77
65
|
export default ThemeProvider;
|
package/modern/index.js
CHANGED
|
@@ -2,11 +2,9 @@ import * as React from 'react';
|
|
|
2
2
|
import ThemeContext from './ThemeContext';
|
|
3
3
|
export default function useTheme() {
|
|
4
4
|
const theme = React.useContext(ThemeContext);
|
|
5
|
-
|
|
6
5
|
if (process.env.NODE_ENV !== 'production') {
|
|
7
6
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
8
7
|
React.useDebugValue(theme);
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
return theme;
|
|
12
10
|
}
|
|
@@ -1,75 +1,55 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var React = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _utils = require("@mui/utils");
|
|
17
|
-
|
|
18
12
|
var _ThemeContext = _interopRequireDefault(require("../useTheme/ThemeContext"));
|
|
19
|
-
|
|
20
13
|
var _useTheme = _interopRequireDefault(require("../useTheme"));
|
|
21
|
-
|
|
22
14
|
var _nested = _interopRequireDefault(require("./nested"));
|
|
23
|
-
|
|
24
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
|
-
|
|
26
16
|
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
|
-
|
|
28
17
|
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
|
-
|
|
30
18
|
// To support composition of theme.
|
|
31
19
|
function mergeOuterLocalTheme(outerTheme, localTheme) {
|
|
32
20
|
if (typeof localTheme === 'function') {
|
|
33
21
|
const mergedTheme = localTheme(outerTheme);
|
|
34
|
-
|
|
35
22
|
if (process.env.NODE_ENV !== 'production') {
|
|
36
23
|
if (!mergedTheme) {
|
|
37
24
|
console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\n'));
|
|
38
25
|
}
|
|
39
26
|
}
|
|
40
|
-
|
|
41
27
|
return mergedTheme;
|
|
42
28
|
}
|
|
43
|
-
|
|
44
29
|
return (0, _extends2.default)({}, outerTheme, localTheme);
|
|
45
30
|
}
|
|
31
|
+
|
|
46
32
|
/**
|
|
47
33
|
* This component takes a `theme` prop.
|
|
48
34
|
* It makes the `theme` available down the React tree thanks to React context.
|
|
49
35
|
* This component should preferably be used at **the root of your component tree**.
|
|
50
36
|
*/
|
|
51
|
-
|
|
52
|
-
|
|
53
37
|
function ThemeProvider(props) {
|
|
54
38
|
const {
|
|
55
39
|
children,
|
|
56
40
|
theme: localTheme
|
|
57
41
|
} = props;
|
|
58
42
|
const outerTheme = (0, _useTheme.default)();
|
|
59
|
-
|
|
60
43
|
if (process.env.NODE_ENV !== 'production') {
|
|
61
44
|
if (outerTheme === null && typeof localTheme === 'function') {
|
|
62
45
|
console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
|
|
63
46
|
}
|
|
64
47
|
}
|
|
65
|
-
|
|
66
48
|
const theme = React.useMemo(() => {
|
|
67
49
|
const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);
|
|
68
|
-
|
|
69
50
|
if (output != null) {
|
|
70
51
|
output[_nested.default] = outerTheme !== null;
|
|
71
52
|
}
|
|
72
|
-
|
|
73
53
|
return output;
|
|
74
54
|
}, [localTheme, outerTheme]);
|
|
75
55
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeContext.default.Provider, {
|
|
@@ -77,22 +57,18 @@ function ThemeProvider(props) {
|
|
|
77
57
|
children: children
|
|
78
58
|
});
|
|
79
59
|
}
|
|
80
|
-
|
|
81
60
|
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
|
|
82
61
|
/**
|
|
83
62
|
* Your component tree.
|
|
84
63
|
*/
|
|
85
64
|
children: _propTypes.default.node,
|
|
86
|
-
|
|
87
65
|
/**
|
|
88
66
|
* A theme object. You can provide a function to extend the outer theme.
|
|
89
67
|
*/
|
|
90
68
|
theme: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]).isRequired
|
|
91
69
|
} : void 0;
|
|
92
|
-
|
|
93
70
|
if (process.env.NODE_ENV !== 'production') {
|
|
94
71
|
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = (0, _utils.exactProp)(ThemeProvider.propTypes) : void 0;
|
|
95
72
|
}
|
|
96
|
-
|
|
97
73
|
var _default = ThemeProvider;
|
|
98
74
|
exports.default = _default;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "unstable_nested", {
|
|
|
17
16
|
return _nested.default;
|
|
18
17
|
}
|
|
19
18
|
});
|
|
20
|
-
|
|
21
19
|
var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
|
|
22
|
-
|
|
23
20
|
var _nested = _interopRequireDefault(require("./nested"));
|
package/node/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MUI v5.10.
|
|
1
|
+
/** @license MUI v5.10.15
|
|
2
2
|
*
|
|
3
3
|
* This source code is licensed under the MIT license found in the
|
|
4
4
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
"use strict";
|
|
7
7
|
|
|
8
8
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
9
|
-
|
|
10
9
|
Object.defineProperty(exports, "__esModule", {
|
|
11
10
|
value: true
|
|
12
11
|
});
|
|
@@ -26,9 +25,7 @@ Object.defineProperty(exports, "useTheme", {
|
|
|
26
25
|
return _useTheme.default;
|
|
27
26
|
}
|
|
28
27
|
});
|
|
29
|
-
|
|
30
28
|
var _ThemeProvider = _interopRequireWildcard(require("./ThemeProvider"));
|
|
31
|
-
|
|
32
29
|
Object.keys(_ThemeProvider).forEach(function (key) {
|
|
33
30
|
if (key === "default" || key === "__esModule") return;
|
|
34
31
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -40,9 +37,6 @@ Object.keys(_ThemeProvider).forEach(function (key) {
|
|
|
40
37
|
}
|
|
41
38
|
});
|
|
42
39
|
});
|
|
43
|
-
|
|
44
40
|
var _useTheme = _interopRequireDefault(require("./useTheme"));
|
|
45
|
-
|
|
46
41
|
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); }
|
|
47
|
-
|
|
48
42
|
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; }
|
|
@@ -4,18 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
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); }
|
|
11
|
-
|
|
12
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; }
|
|
13
|
-
|
|
14
10
|
const ThemeContext = /*#__PURE__*/React.createContext(null);
|
|
15
|
-
|
|
16
11
|
if (process.env.NODE_ENV !== 'production') {
|
|
17
12
|
ThemeContext.displayName = 'ThemeContext';
|
|
18
13
|
}
|
|
19
|
-
|
|
20
14
|
var _default = ThemeContext;
|
|
21
15
|
exports.default = _default;
|
package/node/useTheme/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
|
|
|
11
10
|
return _useTheme.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _useTheme = _interopRequireDefault(require("./useTheme"));
|
|
@@ -1,27 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = useTheme;
|
|
9
|
-
|
|
10
8
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _ThemeContext = _interopRequireDefault(require("./ThemeContext"));
|
|
13
|
-
|
|
14
10
|
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); }
|
|
15
|
-
|
|
16
11
|
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; }
|
|
17
|
-
|
|
18
12
|
function useTheme() {
|
|
19
13
|
const theme = React.useContext(_ThemeContext.default);
|
|
20
|
-
|
|
21
14
|
if (process.env.NODE_ENV !== 'production') {
|
|
22
15
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
23
16
|
React.useDebugValue(theme);
|
|
24
17
|
}
|
|
25
|
-
|
|
26
18
|
return theme;
|
|
27
19
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/private-theming",
|
|
3
|
-
"version": "5.10.
|
|
3
|
+
"version": "5.10.15",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"description": "Private - The React theme context to be shared between `@mui/styles` and `@mui/material`.",
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@babel/runtime": "^7.
|
|
39
|
-
"@mui/utils": "^5.10.
|
|
38
|
+
"@babel/runtime": "^7.20.1",
|
|
39
|
+
"@mui/utils": "^5.10.15",
|
|
40
40
|
"prop-types": "^15.8.1"
|
|
41
41
|
},
|
|
42
42
|
"sideEffects": false,
|
package/useTheme/ThemeContext.js
CHANGED
package/useTheme/useTheme.js
CHANGED
|
@@ -2,11 +2,9 @@ import * as React from 'react';
|
|
|
2
2
|
import ThemeContext from './ThemeContext';
|
|
3
3
|
export default function useTheme() {
|
|
4
4
|
const theme = React.useContext(ThemeContext);
|
|
5
|
-
|
|
6
5
|
if (process.env.NODE_ENV !== 'production') {
|
|
7
6
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
8
7
|
React.useDebugValue(theme);
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
return theme;
|
|
12
10
|
}
|