@sinco/react 1.0.3-rc.0 → 1.0.3-rc.1
Sign up to get free protection for your applications and to get access to all the features.
package/index.js
CHANGED
@@ -1097,8 +1097,8 @@ function chainPropTypes(propType1, propType2) {
|
|
1097
1097
|
};
|
1098
1098
|
}
|
1099
1099
|
|
1100
|
-
function _extends$
|
1101
|
-
_extends$
|
1100
|
+
function _extends$4() {
|
1101
|
+
_extends$4 = Object.assign ? Object.assign.bind() : function (target) {
|
1102
1102
|
for (var i = 1; i < arguments.length; i++) {
|
1103
1103
|
var source = arguments[i];
|
1104
1104
|
for (var key in source) {
|
@@ -1109,7 +1109,7 @@ function _extends$3() {
|
|
1109
1109
|
}
|
1110
1110
|
return target;
|
1111
1111
|
};
|
1112
|
-
return _extends$
|
1112
|
+
return _extends$4.apply(this, arguments);
|
1113
1113
|
}
|
1114
1114
|
|
1115
1115
|
function isPlainObject(item) {
|
@@ -1128,7 +1128,7 @@ function deepClone(source) {
|
|
1128
1128
|
function deepmerge(target, source, options = {
|
1129
1129
|
clone: true
|
1130
1130
|
}) {
|
1131
|
-
const output = options.clone ? _extends$
|
1131
|
+
const output = options.clone ? _extends$4({}, target) : target;
|
1132
1132
|
if (isPlainObject(target) && isPlainObject(source)) {
|
1133
1133
|
Object.keys(source).forEach(key => {
|
1134
1134
|
// Avoid prototype pollution
|
@@ -2292,6 +2292,25 @@ function elementTypeAcceptingRef(props, propName, componentName, location, propF
|
|
2292
2292
|
}
|
2293
2293
|
var elementTypeAcceptingRef$1 = chainPropTypes(PropTypes.elementType, elementTypeAcceptingRef);
|
2294
2294
|
|
2295
|
+
// This module is based on https://github.com/airbnb/prop-types-exact repository.
|
2296
|
+
// However, in order to reduce the number of dependencies and to remove some extra safe checks
|
2297
|
+
// the module was forked.
|
2298
|
+
const specialProperty = 'exact-prop: \u200b';
|
2299
|
+
function exactProp(propTypes) {
|
2300
|
+
if (process.env.NODE_ENV === 'production') {
|
2301
|
+
return propTypes;
|
2302
|
+
}
|
2303
|
+
return _extends$4({}, propTypes, {
|
2304
|
+
[specialProperty]: props => {
|
2305
|
+
const unsupportedProps = Object.keys(props).filter(prop => !propTypes.hasOwnProperty(prop));
|
2306
|
+
if (unsupportedProps.length > 0) {
|
2307
|
+
return new Error(`The following props are not supported: ${unsupportedProps.map(prop => `\`${prop}\``).join(', ')}. Please remove them.`);
|
2308
|
+
}
|
2309
|
+
return null;
|
2310
|
+
}
|
2311
|
+
});
|
2312
|
+
}
|
2313
|
+
|
2295
2314
|
/**
|
2296
2315
|
* WARNING: Don't import this directly.
|
2297
2316
|
* Use `MuiError` from `@mui/utils/macros/MuiError.macro` instead.
|
@@ -2836,10 +2855,10 @@ function useIsFocusVisible() {
|
|
2836
2855
|
* @returns {object} resolved props
|
2837
2856
|
*/
|
2838
2857
|
function resolveProps(defaultProps, props) {
|
2839
|
-
const output = _extends$
|
2858
|
+
const output = _extends$4({}, props);
|
2840
2859
|
Object.keys(defaultProps).forEach(propName => {
|
2841
2860
|
if (propName.toString().match(/^(components|slots)$/)) {
|
2842
|
-
output[propName] = _extends$
|
2861
|
+
output[propName] = _extends$4({}, defaultProps[propName], output[propName]);
|
2843
2862
|
} else if (propName.toString().match(/^(componentsProps|slotProps)$/)) {
|
2844
2863
|
const defaultSlotProps = defaultProps[propName] || {};
|
2845
2864
|
const slotProps = props[propName];
|
@@ -2851,7 +2870,7 @@ function resolveProps(defaultProps, props) {
|
|
2851
2870
|
// Reduce the iteration if the default slot props is empty
|
2852
2871
|
output[propName] = slotProps;
|
2853
2872
|
} else {
|
2854
|
-
output[propName] = _extends$
|
2873
|
+
output[propName] = _extends$4({}, slotProps);
|
2855
2874
|
Object.keys(defaultSlotProps).forEach(slotPropName => {
|
2856
2875
|
output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);
|
2857
2876
|
});
|
@@ -2931,8 +2950,8 @@ function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui')
|
|
2931
2950
|
|
2932
2951
|
var THEME_ID = '$$material';
|
2933
2952
|
|
2934
|
-
function _extends$
|
2935
|
-
_extends$
|
2953
|
+
function _extends$3() {
|
2954
|
+
_extends$3 = Object.assign ? Object.assign.bind() : function (target) {
|
2936
2955
|
for (var i = 1; i < arguments.length; i++) {
|
2937
2956
|
var source = arguments[i];
|
2938
2957
|
for (var key in source) {
|
@@ -2943,7 +2962,7 @@ function _extends$2() {
|
|
2943
2962
|
}
|
2944
2963
|
return target;
|
2945
2964
|
};
|
2946
|
-
return _extends$
|
2965
|
+
return _extends$3.apply(this, arguments);
|
2947
2966
|
}
|
2948
2967
|
|
2949
2968
|
function _objectWithoutPropertiesLoose$2(source, excluded) {
|
@@ -2959,8 +2978,8 @@ function _objectWithoutPropertiesLoose$2(source, excluded) {
|
|
2959
2978
|
return target;
|
2960
2979
|
}
|
2961
2980
|
|
2962
|
-
function _extends$
|
2963
|
-
_extends$
|
2981
|
+
function _extends$2() {
|
2982
|
+
_extends$2 = Object.assign ? Object.assign.bind() : function (target) {
|
2964
2983
|
for (var i = 1; i < arguments.length; i++) {
|
2965
2984
|
var source = arguments[i];
|
2966
2985
|
for (var key in source) {
|
@@ -2971,7 +2990,7 @@ function _extends$1() {
|
|
2971
2990
|
}
|
2972
2991
|
return target;
|
2973
2992
|
};
|
2974
|
-
return _extends$
|
2993
|
+
return _extends$2.apply(this, arguments);
|
2975
2994
|
}
|
2976
2995
|
|
2977
2996
|
function memoize$1(fn) {
|
@@ -5157,10 +5176,10 @@ if (!isBrowser$2) {
|
|
5157
5176
|
};
|
5158
5177
|
}
|
5159
5178
|
|
5160
|
-
var ThemeContext = /* #__PURE__ */React.createContext({});
|
5179
|
+
var ThemeContext$2 = /* #__PURE__ */React.createContext({});
|
5161
5180
|
|
5162
5181
|
if (process.env.NODE_ENV !== 'production') {
|
5163
|
-
ThemeContext.displayName = 'EmotionThemeContext';
|
5182
|
+
ThemeContext$2.displayName = 'EmotionThemeContext';
|
5164
5183
|
}
|
5165
5184
|
|
5166
5185
|
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
@@ -5213,7 +5232,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
|
5213
5232
|
className = props.className + " ";
|
5214
5233
|
}
|
5215
5234
|
|
5216
|
-
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
|
5235
|
+
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext$2));
|
5217
5236
|
|
5218
5237
|
if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {
|
5219
5238
|
var labelFromStack = props[labelPropName];
|
@@ -5392,7 +5411,7 @@ var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
|
5392
5411
|
}
|
5393
5412
|
|
5394
5413
|
var styles = props.styles;
|
5395
|
-
var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));
|
5414
|
+
var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext$2));
|
5396
5415
|
|
5397
5416
|
if (!isBrowser$2) {
|
5398
5417
|
var _ref;
|
@@ -5638,7 +5657,7 @@ var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
|
5638
5657
|
var content = {
|
5639
5658
|
css: css,
|
5640
5659
|
cx: cx,
|
5641
|
-
theme: React.useContext(ThemeContext)
|
5660
|
+
theme: React.useContext(ThemeContext$2)
|
5642
5661
|
};
|
5643
5662
|
var ele = props.children(content);
|
5644
5663
|
hasRendered = true;
|
@@ -5794,7 +5813,7 @@ var createStyled$1 = function createStyled(tag, options) {
|
|
5794
5813
|
mergedProps[key] = props[key];
|
5795
5814
|
}
|
5796
5815
|
|
5797
|
-
mergedProps.theme = React.useContext(ThemeContext);
|
5816
|
+
mergedProps.theme = React.useContext(ThemeContext$2);
|
5798
5817
|
}
|
5799
5818
|
|
5800
5819
|
if (typeof props.className === 'string') {
|
@@ -5848,7 +5867,7 @@ var createStyled$1 = function createStyled(tag, options) {
|
|
5848
5867
|
});
|
5849
5868
|
|
5850
5869
|
Styled.withComponent = function (nextTag, nextOptions) {
|
5851
|
-
return createStyled(nextTag, _extends$
|
5870
|
+
return createStyled(nextTag, _extends$2({}, options, nextOptions, {
|
5852
5871
|
shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
|
5853
5872
|
})).apply(void 0, styles);
|
5854
5873
|
};
|
@@ -5898,8 +5917,8 @@ const internal_processStyles = (tag, processor) => {
|
|
5898
5917
|
}
|
5899
5918
|
};
|
5900
5919
|
|
5901
|
-
function _extends() {
|
5902
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
5920
|
+
function _extends$1() {
|
5921
|
+
_extends$1 = Object.assign ? Object.assign.bind() : function (target) {
|
5903
5922
|
for (var i = 1; i < arguments.length; i++) {
|
5904
5923
|
var source = arguments[i];
|
5905
5924
|
for (var key in source) {
|
@@ -5910,7 +5929,7 @@ function _extends() {
|
|
5910
5929
|
}
|
5911
5930
|
return target;
|
5912
5931
|
};
|
5913
|
-
return _extends.apply(this, arguments);
|
5932
|
+
return _extends$1.apply(this, arguments);
|
5914
5933
|
}
|
5915
5934
|
|
5916
5935
|
function _objectWithoutPropertiesLoose$1(source, excluded) {
|
@@ -5926,7 +5945,7 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
|
|
5926
5945
|
return target;
|
5927
5946
|
}
|
5928
5947
|
|
5929
|
-
const _excluded$
|
5948
|
+
const _excluded$j = ["values", "unit", "step"];
|
5930
5949
|
const sortBreakpointsValues = values => {
|
5931
5950
|
const breakpointsAsArray = Object.keys(values).map(key => ({
|
5932
5951
|
key,
|
@@ -5935,7 +5954,7 @@ const sortBreakpointsValues = values => {
|
|
5935
5954
|
// Sort in ascending order
|
5936
5955
|
breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);
|
5937
5956
|
return breakpointsAsArray.reduce((acc, obj) => {
|
5938
|
-
return _extends({}, acc, {
|
5957
|
+
return _extends$1({}, acc, {
|
5939
5958
|
[obj.key]: obj.val
|
5940
5959
|
});
|
5941
5960
|
}, {});
|
@@ -5961,7 +5980,7 @@ function createBreakpoints(breakpoints) {
|
|
5961
5980
|
unit = 'px',
|
5962
5981
|
step = 5
|
5963
5982
|
} = breakpoints,
|
5964
|
-
other = _objectWithoutPropertiesLoose$1(breakpoints, _excluded$
|
5983
|
+
other = _objectWithoutPropertiesLoose$1(breakpoints, _excluded$j);
|
5965
5984
|
const sortedValues = sortBreakpointsValues(values);
|
5966
5985
|
const keys = Object.keys(sortedValues);
|
5967
5986
|
function up(key) {
|
@@ -5993,7 +6012,7 @@ function createBreakpoints(breakpoints) {
|
|
5993
6012
|
}
|
5994
6013
|
return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
|
5995
6014
|
}
|
5996
|
-
return _extends({
|
6015
|
+
return _extends$1({
|
5997
6016
|
keys,
|
5998
6017
|
values: sortedValues,
|
5999
6018
|
up,
|
@@ -7045,7 +7064,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
|
|
7045
7064
|
styleFunctionSx.filterProps = ['sx'];
|
7046
7065
|
var styleFunctionSx$1 = styleFunctionSx;
|
7047
7066
|
|
7048
|
-
const _excluded$
|
7067
|
+
const _excluded$i = ["breakpoints", "palette", "spacing", "shape"];
|
7049
7068
|
function createTheme$1(options = {}, ...args) {
|
7050
7069
|
const {
|
7051
7070
|
breakpoints: breakpointsInput = {},
|
@@ -7053,7 +7072,7 @@ function createTheme$1(options = {}, ...args) {
|
|
7053
7072
|
spacing: spacingInput,
|
7054
7073
|
shape: shapeInput = {}
|
7055
7074
|
} = options,
|
7056
|
-
other = _objectWithoutPropertiesLoose$1(options, _excluded$
|
7075
|
+
other = _objectWithoutPropertiesLoose$1(options, _excluded$i);
|
7057
7076
|
const breakpoints = createBreakpoints(breakpointsInput);
|
7058
7077
|
const spacing = createSpacing(spacingInput);
|
7059
7078
|
let muiTheme = deepmerge({
|
@@ -7061,14 +7080,14 @@ function createTheme$1(options = {}, ...args) {
|
|
7061
7080
|
direction: 'ltr',
|
7062
7081
|
components: {},
|
7063
7082
|
// Inject component definitions.
|
7064
|
-
palette: _extends({
|
7083
|
+
palette: _extends$1({
|
7065
7084
|
mode: 'light'
|
7066
7085
|
}, paletteInput),
|
7067
7086
|
spacing,
|
7068
|
-
shape: _extends({}, shape$1, shapeInput)
|
7087
|
+
shape: _extends$1({}, shape$1, shapeInput)
|
7069
7088
|
}, other);
|
7070
7089
|
muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
|
7071
|
-
muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
|
7090
|
+
muiTheme.unstable_sxConfig = _extends$1({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
|
7072
7091
|
muiTheme.unstable_sx = function sx(props) {
|
7073
7092
|
return styleFunctionSx$1({
|
7074
7093
|
sx: props,
|
@@ -7081,17 +7100,17 @@ function createTheme$1(options = {}, ...args) {
|
|
7081
7100
|
function isObjectEmpty(obj) {
|
7082
7101
|
return Object.keys(obj).length === 0;
|
7083
7102
|
}
|
7084
|
-
function useTheme$
|
7085
|
-
const contextTheme = React.useContext(ThemeContext);
|
7103
|
+
function useTheme$3(defaultTheme = null) {
|
7104
|
+
const contextTheme = React.useContext(ThemeContext$2);
|
7086
7105
|
return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
|
7087
7106
|
}
|
7088
7107
|
|
7089
7108
|
const systemDefaultTheme$1 = createTheme$1();
|
7090
|
-
function useTheme$
|
7091
|
-
return useTheme$
|
7109
|
+
function useTheme$2(defaultTheme = systemDefaultTheme$1) {
|
7110
|
+
return useTheme$3(defaultTheme);
|
7092
7111
|
}
|
7093
7112
|
|
7094
|
-
const _excluded$
|
7113
|
+
const _excluded$h = ["sx"];
|
7095
7114
|
const splitProps = props => {
|
7096
7115
|
var _props$theme$unstable, _props$theme;
|
7097
7116
|
const result = {
|
@@ -7112,7 +7131,7 @@ function extendSxProp(props) {
|
|
7112
7131
|
const {
|
7113
7132
|
sx: inSx
|
7114
7133
|
} = props,
|
7115
|
-
other = _objectWithoutPropertiesLoose$1(props, _excluded$
|
7134
|
+
other = _objectWithoutPropertiesLoose$1(props, _excluded$h);
|
7116
7135
|
const {
|
7117
7136
|
systemProps,
|
7118
7137
|
otherProps
|
@@ -7126,19 +7145,19 @@ function extendSxProp(props) {
|
|
7126
7145
|
if (!isPlainObject(result)) {
|
7127
7146
|
return systemProps;
|
7128
7147
|
}
|
7129
|
-
return _extends({}, systemProps, result);
|
7148
|
+
return _extends$1({}, systemProps, result);
|
7130
7149
|
};
|
7131
7150
|
} else {
|
7132
|
-
finalSx = _extends({}, systemProps, inSx);
|
7151
|
+
finalSx = _extends$1({}, systemProps, inSx);
|
7133
7152
|
}
|
7134
|
-
return _extends({}, otherProps, {
|
7153
|
+
return _extends$1({}, otherProps, {
|
7135
7154
|
sx: finalSx
|
7136
7155
|
});
|
7137
7156
|
}
|
7138
7157
|
|
7139
7158
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
7140
7159
|
|
7141
|
-
const _excluded$
|
7160
|
+
const _excluded$g = ["className", "component"];
|
7142
7161
|
function createBox(options = {}) {
|
7143
7162
|
const {
|
7144
7163
|
themeId,
|
@@ -7150,14 +7169,14 @@ function createBox(options = {}) {
|
|
7150
7169
|
shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'
|
7151
7170
|
})(styleFunctionSx$1);
|
7152
7171
|
const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
|
7153
|
-
const theme = useTheme$
|
7172
|
+
const theme = useTheme$2(defaultTheme);
|
7154
7173
|
const _extendSxProp = extendSxProp(inProps),
|
7155
7174
|
{
|
7156
7175
|
className,
|
7157
7176
|
component = 'div'
|
7158
7177
|
} = _extendSxProp,
|
7159
|
-
other = _objectWithoutPropertiesLoose$1(_extendSxProp, _excluded$
|
7160
|
-
return /*#__PURE__*/jsx(BoxRoot, _extends({
|
7178
|
+
other = _objectWithoutPropertiesLoose$1(_extendSxProp, _excluded$g);
|
7179
|
+
return /*#__PURE__*/jsx(BoxRoot, _extends$1({
|
7161
7180
|
as: component,
|
7162
7181
|
ref: ref,
|
7163
7182
|
className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
|
@@ -7167,7 +7186,7 @@ function createBox(options = {}) {
|
|
7167
7186
|
return Box;
|
7168
7187
|
}
|
7169
7188
|
|
7170
|
-
const _excluded$
|
7189
|
+
const _excluded$f = ["variant"];
|
7171
7190
|
function isEmpty$1(string) {
|
7172
7191
|
return string.length === 0;
|
7173
7192
|
}
|
@@ -7181,7 +7200,7 @@ function propsToClassKey(props) {
|
|
7181
7200
|
const {
|
7182
7201
|
variant
|
7183
7202
|
} = props,
|
7184
|
-
other = _objectWithoutPropertiesLoose$1(props, _excluded$
|
7203
|
+
other = _objectWithoutPropertiesLoose$1(props, _excluded$f);
|
7185
7204
|
let classKey = variant || '';
|
7186
7205
|
Object.keys(other).sort().forEach(key => {
|
7187
7206
|
if (key === 'color') {
|
@@ -7193,7 +7212,7 @@ function propsToClassKey(props) {
|
|
7193
7212
|
return classKey;
|
7194
7213
|
}
|
7195
7214
|
|
7196
|
-
const _excluded$
|
7215
|
+
const _excluded$e = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
|
7197
7216
|
function isEmpty(obj) {
|
7198
7217
|
return Object.keys(obj).length === 0;
|
7199
7218
|
}
|
@@ -7270,8 +7289,8 @@ function createStyled(input = {}) {
|
|
7270
7289
|
slotShouldForwardProp = shouldForwardProp
|
7271
7290
|
} = input;
|
7272
7291
|
const systemSx = props => {
|
7273
|
-
return styleFunctionSx$1(_extends({}, props, {
|
7274
|
-
theme: resolveTheme(_extends({}, props, {
|
7292
|
+
return styleFunctionSx$1(_extends$1({}, props, {
|
7293
|
+
theme: resolveTheme(_extends$1({}, props, {
|
7275
7294
|
defaultTheme,
|
7276
7295
|
themeId
|
7277
7296
|
}))
|
@@ -7288,7 +7307,7 @@ function createStyled(input = {}) {
|
|
7288
7307
|
skipSx: inputSkipSx,
|
7289
7308
|
overridesResolver
|
7290
7309
|
} = inputOptions,
|
7291
|
-
options = _objectWithoutPropertiesLoose$1(inputOptions, _excluded$
|
7310
|
+
options = _objectWithoutPropertiesLoose$1(inputOptions, _excluded$e);
|
7292
7311
|
|
7293
7312
|
// if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
|
7294
7313
|
const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver : componentSlot && componentSlot !== 'Root' || false;
|
@@ -7309,7 +7328,7 @@ function createStyled(input = {}) {
|
|
7309
7328
|
// for string (html) tag, preserve the behavior in emotion & styled-components.
|
7310
7329
|
shouldForwardPropOption = undefined;
|
7311
7330
|
}
|
7312
|
-
const defaultStyledResolver = styled$3(tag, _extends({
|
7331
|
+
const defaultStyledResolver = styled$3(tag, _extends$1({
|
7313
7332
|
shouldForwardProp: shouldForwardPropOption,
|
7314
7333
|
label
|
7315
7334
|
}, options));
|
@@ -7319,8 +7338,8 @@ function createStyled(input = {}) {
|
|
7319
7338
|
// component stays as a function. This condition makes sure that we do not interpolate functions
|
7320
7339
|
// which are basically components used as a selectors.
|
7321
7340
|
return typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg ? props => {
|
7322
|
-
return stylesArg(_extends({}, props, {
|
7323
|
-
theme: resolveTheme(_extends({}, props, {
|
7341
|
+
return stylesArg(_extends$1({}, props, {
|
7342
|
+
theme: resolveTheme(_extends$1({}, props, {
|
7324
7343
|
defaultTheme,
|
7325
7344
|
themeId
|
7326
7345
|
}))
|
@@ -7330,7 +7349,7 @@ function createStyled(input = {}) {
|
|
7330
7349
|
let transformedStyleArg = styleArg;
|
7331
7350
|
if (componentName && overridesResolver) {
|
7332
7351
|
expressionsWithDefaultTheme.push(props => {
|
7333
|
-
const theme = resolveTheme(_extends({}, props, {
|
7352
|
+
const theme = resolveTheme(_extends$1({}, props, {
|
7334
7353
|
defaultTheme,
|
7335
7354
|
themeId
|
7336
7355
|
}));
|
@@ -7338,7 +7357,7 @@ function createStyled(input = {}) {
|
|
7338
7357
|
if (styleOverrides) {
|
7339
7358
|
const resolvedStyleOverrides = {};
|
7340
7359
|
Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {
|
7341
|
-
resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends({}, props, {
|
7360
|
+
resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends$1({}, props, {
|
7342
7361
|
theme
|
7343
7362
|
})) : slotStyle;
|
7344
7363
|
});
|
@@ -7349,7 +7368,7 @@ function createStyled(input = {}) {
|
|
7349
7368
|
}
|
7350
7369
|
if (componentName && !skipVariantsResolver) {
|
7351
7370
|
expressionsWithDefaultTheme.push(props => {
|
7352
|
-
const theme = resolveTheme(_extends({}, props, {
|
7371
|
+
const theme = resolveTheme(_extends$1({}, props, {
|
7353
7372
|
defaultTheme,
|
7354
7373
|
themeId
|
7355
7374
|
}));
|
@@ -7371,8 +7390,8 @@ function createStyled(input = {}) {
|
|
7371
7390
|
// which are basically components used as a selectors.
|
7372
7391
|
styleArg.__emotion_real !== styleArg) {
|
7373
7392
|
// If the type is function, we need to define the default theme.
|
7374
|
-
transformedStyleArg = props => styleArg(_extends({}, props, {
|
7375
|
-
theme: resolveTheme(_extends({}, props, {
|
7393
|
+
transformedStyleArg = props => styleArg(_extends$1({}, props, {
|
7394
|
+
theme: resolveTheme(_extends$1({}, props, {
|
7376
7395
|
defaultTheme,
|
7377
7396
|
themeId
|
7378
7397
|
}))
|
@@ -7422,7 +7441,7 @@ function useThemeProps$1({
|
|
7422
7441
|
defaultTheme,
|
7423
7442
|
themeId
|
7424
7443
|
}) {
|
7425
|
-
let theme = useTheme$
|
7444
|
+
let theme = useTheme$2(defaultTheme);
|
7426
7445
|
if (themeId) {
|
7427
7446
|
theme = theme[themeId] || theme;
|
7428
7447
|
}
|
@@ -7668,7 +7687,169 @@ function lighten(color, coefficient) {
|
|
7668
7687
|
return recomposeColor(color);
|
7669
7688
|
}
|
7670
7689
|
|
7671
|
-
|
7690
|
+
function _extends() {
|
7691
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
7692
|
+
for (var i = 1; i < arguments.length; i++) {
|
7693
|
+
var source = arguments[i];
|
7694
|
+
for (var key in source) {
|
7695
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
7696
|
+
target[key] = source[key];
|
7697
|
+
}
|
7698
|
+
}
|
7699
|
+
}
|
7700
|
+
return target;
|
7701
|
+
};
|
7702
|
+
return _extends.apply(this, arguments);
|
7703
|
+
}
|
7704
|
+
|
7705
|
+
const ThemeContext = /*#__PURE__*/React.createContext(null);
|
7706
|
+
if (process.env.NODE_ENV !== 'production') {
|
7707
|
+
ThemeContext.displayName = 'ThemeContext';
|
7708
|
+
}
|
7709
|
+
var ThemeContext$1 = ThemeContext;
|
7710
|
+
|
7711
|
+
function useTheme$1() {
|
7712
|
+
const theme = React.useContext(ThemeContext$1);
|
7713
|
+
if (process.env.NODE_ENV !== 'production') {
|
7714
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
7715
|
+
React.useDebugValue(theme);
|
7716
|
+
}
|
7717
|
+
return theme;
|
7718
|
+
}
|
7719
|
+
|
7720
|
+
const hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
7721
|
+
var nested = hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';
|
7722
|
+
|
7723
|
+
function mergeOuterLocalTheme(outerTheme, localTheme) {
|
7724
|
+
if (typeof localTheme === 'function') {
|
7725
|
+
const mergedTheme = localTheme(outerTheme);
|
7726
|
+
if (process.env.NODE_ENV !== 'production') {
|
7727
|
+
if (!mergedTheme) {
|
7728
|
+
console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\n'));
|
7729
|
+
}
|
7730
|
+
}
|
7731
|
+
return mergedTheme;
|
7732
|
+
}
|
7733
|
+
return _extends({}, outerTheme, localTheme);
|
7734
|
+
}
|
7735
|
+
|
7736
|
+
/**
|
7737
|
+
* This component takes a `theme` prop.
|
7738
|
+
* It makes the `theme` available down the React tree thanks to React context.
|
7739
|
+
* This component should preferably be used at **the root of your component tree**.
|
7740
|
+
*/
|
7741
|
+
function ThemeProvider$2(props) {
|
7742
|
+
const {
|
7743
|
+
children,
|
7744
|
+
theme: localTheme
|
7745
|
+
} = props;
|
7746
|
+
const outerTheme = useTheme$1();
|
7747
|
+
if (process.env.NODE_ENV !== 'production') {
|
7748
|
+
if (outerTheme === null && typeof localTheme === 'function') {
|
7749
|
+
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'));
|
7750
|
+
}
|
7751
|
+
}
|
7752
|
+
const theme = React.useMemo(() => {
|
7753
|
+
const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);
|
7754
|
+
if (output != null) {
|
7755
|
+
output[nested] = outerTheme !== null;
|
7756
|
+
}
|
7757
|
+
return output;
|
7758
|
+
}, [localTheme, outerTheme]);
|
7759
|
+
return /*#__PURE__*/jsx(ThemeContext$1.Provider, {
|
7760
|
+
value: theme,
|
7761
|
+
children: children
|
7762
|
+
});
|
7763
|
+
}
|
7764
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider$2.propTypes = {
|
7765
|
+
/**
|
7766
|
+
* Your component tree.
|
7767
|
+
*/
|
7768
|
+
children: PropTypes.node,
|
7769
|
+
/**
|
7770
|
+
* A theme object. You can provide a function to extend the outer theme.
|
7771
|
+
*/
|
7772
|
+
theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
|
7773
|
+
} : void 0;
|
7774
|
+
if (process.env.NODE_ENV !== 'production') {
|
7775
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider$2.propTypes = exactProp(ThemeProvider$2.propTypes) : void 0;
|
7776
|
+
}
|
7777
|
+
|
7778
|
+
const EMPTY_THEME = {};
|
7779
|
+
function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {
|
7780
|
+
return React.useMemo(() => {
|
7781
|
+
const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
|
7782
|
+
if (typeof localTheme === 'function') {
|
7783
|
+
const mergedTheme = localTheme(resolvedTheme);
|
7784
|
+
const result = themeId ? _extends$1({}, upperTheme, {
|
7785
|
+
[themeId]: mergedTheme
|
7786
|
+
}) : mergedTheme;
|
7787
|
+
// must return a function for the private theme to NOT merge with the upper theme.
|
7788
|
+
// see the test case "use provided theme from a callback" in ThemeProvider.test.js
|
7789
|
+
if (isPrivate) {
|
7790
|
+
return () => result;
|
7791
|
+
}
|
7792
|
+
return result;
|
7793
|
+
}
|
7794
|
+
return themeId ? _extends$1({}, upperTheme, {
|
7795
|
+
[themeId]: localTheme
|
7796
|
+
}) : _extends$1({}, upperTheme, localTheme);
|
7797
|
+
}, [themeId, upperTheme, localTheme, isPrivate]);
|
7798
|
+
}
|
7799
|
+
|
7800
|
+
/**
|
7801
|
+
* This component makes the `theme` available down the React tree.
|
7802
|
+
* It should preferably be used at **the root of your component tree**.
|
7803
|
+
*
|
7804
|
+
* <ThemeProvider theme={theme}> // existing use case
|
7805
|
+
* <ThemeProvider theme={{ id: theme }}> // theme scoping
|
7806
|
+
*/
|
7807
|
+
function ThemeProvider$1(props) {
|
7808
|
+
const {
|
7809
|
+
children,
|
7810
|
+
theme: localTheme,
|
7811
|
+
themeId
|
7812
|
+
} = props;
|
7813
|
+
const upperTheme = useTheme$3(EMPTY_THEME);
|
7814
|
+
const upperPrivateTheme = useTheme$1() || EMPTY_THEME;
|
7815
|
+
if (process.env.NODE_ENV !== 'production') {
|
7816
|
+
if (upperTheme === null && typeof localTheme === 'function' || themeId && upperTheme && !upperTheme[themeId] && typeof localTheme === 'function') {
|
7817
|
+
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'));
|
7818
|
+
}
|
7819
|
+
}
|
7820
|
+
const engineTheme = useThemeScoping(themeId, upperTheme, localTheme);
|
7821
|
+
const privateTheme = useThemeScoping(themeId, upperPrivateTheme, localTheme, true);
|
7822
|
+
return /*#__PURE__*/jsx(ThemeProvider$2, {
|
7823
|
+
theme: privateTheme,
|
7824
|
+
children: /*#__PURE__*/jsx(ThemeContext$2.Provider, {
|
7825
|
+
value: engineTheme,
|
7826
|
+
children: children
|
7827
|
+
})
|
7828
|
+
});
|
7829
|
+
}
|
7830
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes /* remove-proptypes */ = {
|
7831
|
+
// ----------------------------- Warning --------------------------------
|
7832
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
7833
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
7834
|
+
// ----------------------------------------------------------------------
|
7835
|
+
/**
|
7836
|
+
* Your component tree.
|
7837
|
+
*/
|
7838
|
+
children: PropTypes.node,
|
7839
|
+
/**
|
7840
|
+
* A theme object. You can provide a function to extend the outer theme.
|
7841
|
+
*/
|
7842
|
+
theme: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
|
7843
|
+
/**
|
7844
|
+
* The design system's unique id for getting the corresponded theme when there are multiple design systems.
|
7845
|
+
*/
|
7846
|
+
themeId: PropTypes.string
|
7847
|
+
} : void 0;
|
7848
|
+
if (process.env.NODE_ENV !== 'production') {
|
7849
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes = exactProp(ThemeProvider$1.propTypes) : void 0;
|
7850
|
+
}
|
7851
|
+
|
7852
|
+
const _excluded$d = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
|
7672
7853
|
const defaultTheme$3 = createTheme$1();
|
7673
7854
|
// widening Theme to any so that the consumer can own the theme structure.
|
7674
7855
|
const defaultCreateStyledComponent = systemStyled('div', {
|
@@ -7715,7 +7896,7 @@ const style = ({
|
|
7715
7896
|
ownerState,
|
7716
7897
|
theme
|
7717
7898
|
}) => {
|
7718
|
-
let styles = _extends({
|
7899
|
+
let styles = _extends$1({
|
7719
7900
|
display: 'flex',
|
7720
7901
|
flexDirection: 'column'
|
7721
7902
|
}, handleBreakpoints({
|
@@ -7797,14 +7978,14 @@ function createStack(options = {}) {
|
|
7797
7978
|
className,
|
7798
7979
|
useFlexGap = false
|
7799
7980
|
} = props,
|
7800
|
-
other = _objectWithoutPropertiesLoose$1(props, _excluded$
|
7981
|
+
other = _objectWithoutPropertiesLoose$1(props, _excluded$d);
|
7801
7982
|
const ownerState = {
|
7802
7983
|
direction,
|
7803
7984
|
spacing,
|
7804
7985
|
useFlexGap
|
7805
7986
|
};
|
7806
7987
|
const classes = useUtilityClasses();
|
7807
|
-
return /*#__PURE__*/jsx(StackRoot, _extends({
|
7988
|
+
return /*#__PURE__*/jsx(StackRoot, _extends$1({
|
7808
7989
|
as: component,
|
7809
7990
|
ownerState: ownerState,
|
7810
7991
|
ref: ref,
|
@@ -7824,7 +8005,7 @@ function createStack(options = {}) {
|
|
7824
8005
|
}
|
7825
8006
|
|
7826
8007
|
function createMixins(breakpoints, mixins) {
|
7827
|
-
return _extends$
|
8008
|
+
return _extends$3({
|
7828
8009
|
toolbar: {
|
7829
8010
|
minHeight: 56,
|
7830
8011
|
[breakpoints.up('xs')]: {
|
@@ -7971,7 +8152,7 @@ const green = {
|
|
7971
8152
|
};
|
7972
8153
|
var green$1 = green;
|
7973
8154
|
|
7974
|
-
const _excluded$
|
8155
|
+
const _excluded$c = ["mode", "contrastThreshold", "tonalOffset"];
|
7975
8156
|
const light = {
|
7976
8157
|
// The colors used to style the text.
|
7977
8158
|
text: {
|
@@ -8140,7 +8321,7 @@ function createPalette(palette) {
|
|
8140
8321
|
contrastThreshold = 3,
|
8141
8322
|
tonalOffset = 0.2
|
8142
8323
|
} = palette,
|
8143
|
-
other = _objectWithoutPropertiesLoose$2(palette, _excluded$
|
8324
|
+
other = _objectWithoutPropertiesLoose$2(palette, _excluded$c);
|
8144
8325
|
const primary = palette.primary || getDefaultPrimary(mode);
|
8145
8326
|
const secondary = palette.secondary || getDefaultSecondary(mode);
|
8146
8327
|
const error = palette.error || getDefaultError(mode);
|
@@ -8168,7 +8349,7 @@ function createPalette(palette) {
|
|
8168
8349
|
lightShade = 300,
|
8169
8350
|
darkShade = 700
|
8170
8351
|
}) => {
|
8171
|
-
color = _extends$
|
8352
|
+
color = _extends$3({}, color);
|
8172
8353
|
if (!color.main && color[mainShade]) {
|
8173
8354
|
color.main = color[mainShade];
|
8174
8355
|
}
|
@@ -8208,9 +8389,9 @@ const theme2 = createTheme({ palette: {
|
|
8208
8389
|
console.error(`MUI: The palette mode \`${mode}\` is not supported.`);
|
8209
8390
|
}
|
8210
8391
|
}
|
8211
|
-
const paletteOutput = deepmerge(_extends$
|
8392
|
+
const paletteOutput = deepmerge(_extends$3({
|
8212
8393
|
// A collection of common colors.
|
8213
|
-
common: _extends$
|
8394
|
+
common: _extends$3({}, common$1),
|
8214
8395
|
// prevent mutable object.
|
8215
8396
|
// The palette mode, can be light or dark.
|
8216
8397
|
mode,
|
@@ -8264,7 +8445,7 @@ const theme2 = createTheme({ palette: {
|
|
8264
8445
|
return paletteOutput;
|
8265
8446
|
}
|
8266
8447
|
|
8267
|
-
const _excluded$
|
8448
|
+
const _excluded$b = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
|
8268
8449
|
function round(value) {
|
8269
8450
|
return Math.round(value * 1e5) / 1e5;
|
8270
8451
|
}
|
@@ -8295,7 +8476,7 @@ function createTypography(palette, typography) {
|
|
8295
8476
|
allVariants,
|
8296
8477
|
pxToRem: pxToRem2
|
8297
8478
|
} = _ref,
|
8298
|
-
other = _objectWithoutPropertiesLoose$2(_ref, _excluded$
|
8479
|
+
other = _objectWithoutPropertiesLoose$2(_ref, _excluded$b);
|
8299
8480
|
if (process.env.NODE_ENV !== 'production') {
|
8300
8481
|
if (typeof fontSize !== 'number') {
|
8301
8482
|
console.error('MUI: `fontSize` is required to be a number.');
|
@@ -8306,7 +8487,7 @@ function createTypography(palette, typography) {
|
|
8306
8487
|
}
|
8307
8488
|
const coef = fontSize / 14;
|
8308
8489
|
const pxToRem = pxToRem2 || (size => `${size / htmlFontSize * coef}rem`);
|
8309
|
-
const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$
|
8490
|
+
const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$3({
|
8310
8491
|
fontFamily,
|
8311
8492
|
fontWeight,
|
8312
8493
|
fontSize: pxToRem(size),
|
@@ -8337,7 +8518,7 @@ function createTypography(palette, typography) {
|
|
8337
8518
|
letterSpacing: 'inherit'
|
8338
8519
|
}
|
8339
8520
|
};
|
8340
|
-
return deepmerge(_extends$
|
8521
|
+
return deepmerge(_extends$3({
|
8341
8522
|
htmlFontSize,
|
8342
8523
|
pxToRem,
|
8343
8524
|
fontFamily,
|
@@ -8362,7 +8543,7 @@ function createShadow(...px) {
|
|
8362
8543
|
const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
|
8363
8544
|
var shadows$1 = shadows;
|
8364
8545
|
|
8365
|
-
const _excluded$
|
8546
|
+
const _excluded$a = ["duration", "easing", "delay"];
|
8366
8547
|
// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
|
8367
8548
|
// to learn the context in which each easing should be used.
|
8368
8549
|
const easing = {
|
@@ -8405,15 +8586,15 @@ function getAutoHeightDuration(height) {
|
|
8405
8586
|
return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);
|
8406
8587
|
}
|
8407
8588
|
function createTransitions(inputTransitions) {
|
8408
|
-
const mergedEasing = _extends$
|
8409
|
-
const mergedDuration = _extends$
|
8589
|
+
const mergedEasing = _extends$3({}, easing, inputTransitions.easing);
|
8590
|
+
const mergedDuration = _extends$3({}, duration, inputTransitions.duration);
|
8410
8591
|
const create = (props = ['all'], options = {}) => {
|
8411
8592
|
const {
|
8412
8593
|
duration: durationOption = mergedDuration.standard,
|
8413
8594
|
easing: easingOption = mergedEasing.easeInOut,
|
8414
8595
|
delay = 0
|
8415
8596
|
} = options,
|
8416
|
-
other = _objectWithoutPropertiesLoose$2(options, _excluded$
|
8597
|
+
other = _objectWithoutPropertiesLoose$2(options, _excluded$a);
|
8417
8598
|
if (process.env.NODE_ENV !== 'production') {
|
8418
8599
|
const isString = value => typeof value === 'string';
|
8419
8600
|
// IE11 support, replace with Number.isNaN
|
@@ -8440,7 +8621,7 @@ function createTransitions(inputTransitions) {
|
|
8440
8621
|
}
|
8441
8622
|
return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');
|
8442
8623
|
};
|
8443
|
-
return _extends$
|
8624
|
+
return _extends$3({
|
8444
8625
|
getAutoHeightDuration,
|
8445
8626
|
create
|
8446
8627
|
}, inputTransitions, {
|
@@ -8463,7 +8644,7 @@ const zIndex = {
|
|
8463
8644
|
};
|
8464
8645
|
var zIndex$1 = zIndex;
|
8465
8646
|
|
8466
|
-
const _excluded$
|
8647
|
+
const _excluded$9 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
|
8467
8648
|
function createTheme(options = {}, ...args) {
|
8468
8649
|
const {
|
8469
8650
|
mixins: mixinsInput = {},
|
@@ -8471,7 +8652,7 @@ function createTheme(options = {}, ...args) {
|
|
8471
8652
|
transitions: transitionsInput = {},
|
8472
8653
|
typography: typographyInput = {}
|
8473
8654
|
} = options,
|
8474
|
-
other = _objectWithoutPropertiesLoose$2(options, _excluded$
|
8655
|
+
other = _objectWithoutPropertiesLoose$2(options, _excluded$9);
|
8475
8656
|
if (options.vars) {
|
8476
8657
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
|
8477
8658
|
Please use another name.` : formatMuiErrorMessage(18));
|
@@ -8485,7 +8666,7 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
8485
8666
|
shadows: shadows$1.slice(),
|
8486
8667
|
typography: createTypography(palette, typographyInput),
|
8487
8668
|
transitions: createTransitions(transitionsInput),
|
8488
|
-
zIndex: _extends$
|
8669
|
+
zIndex: _extends$3({}, zIndex$1)
|
8489
8670
|
});
|
8490
8671
|
muiTheme = deepmerge(muiTheme, other);
|
8491
8672
|
muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
|
@@ -8519,7 +8700,7 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
8519
8700
|
}
|
8520
8701
|
});
|
8521
8702
|
}
|
8522
|
-
muiTheme.unstable_sxConfig = _extends$
|
8703
|
+
muiTheme.unstable_sxConfig = _extends$3({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
|
8523
8704
|
muiTheme.unstable_sx = function sx(props) {
|
8524
8705
|
return styleFunctionSx$1({
|
8525
8706
|
sx: props,
|
@@ -8533,7 +8714,7 @@ const defaultTheme$1 = createTheme();
|
|
8533
8714
|
var defaultTheme$2 = defaultTheme$1;
|
8534
8715
|
|
8535
8716
|
function useTheme() {
|
8536
|
-
const theme = useTheme$
|
8717
|
+
const theme = useTheme$2(defaultTheme$2);
|
8537
8718
|
if (process.env.NODE_ENV !== 'production') {
|
8538
8719
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
8539
8720
|
React.useDebugValue(theme);
|
@@ -8561,6 +8742,29 @@ const styled = createStyled({
|
|
8561
8742
|
});
|
8562
8743
|
var styled$1 = styled;
|
8563
8744
|
|
8745
|
+
const _excluded$8 = ["theme"];
|
8746
|
+
function ThemeProvider(_ref) {
|
8747
|
+
let {
|
8748
|
+
theme: themeInput
|
8749
|
+
} = _ref,
|
8750
|
+
props = _objectWithoutPropertiesLoose$2(_ref, _excluded$8);
|
8751
|
+
const scopedTheme = themeInput[THEME_ID];
|
8752
|
+
return /*#__PURE__*/jsx(ThemeProvider$1, _extends$3({}, props, {
|
8753
|
+
themeId: scopedTheme ? THEME_ID : undefined,
|
8754
|
+
theme: scopedTheme || themeInput
|
8755
|
+
}));
|
8756
|
+
}
|
8757
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
|
8758
|
+
/**
|
8759
|
+
* Your component tree.
|
8760
|
+
*/
|
8761
|
+
children: PropTypes.node,
|
8762
|
+
/**
|
8763
|
+
* A theme object. You can provide a function to extend the outer theme.
|
8764
|
+
*/
|
8765
|
+
theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
|
8766
|
+
} : void 0;
|
8767
|
+
|
8564
8768
|
function getSvgIconUtilityClass(slot) {
|
8565
8769
|
return generateUtilityClass('MuiSvgIcon', slot);
|
8566
8770
|
}
|
@@ -8636,7 +8840,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
8636
8840
|
} = props,
|
8637
8841
|
other = _objectWithoutPropertiesLoose$2(props, _excluded$7);
|
8638
8842
|
const hasSvgAsChild = /*#__PURE__*/React.isValidElement(children) && children.type === 'svg';
|
8639
|
-
const ownerState = _extends$
|
8843
|
+
const ownerState = _extends$3({}, props, {
|
8640
8844
|
color,
|
8641
8845
|
component,
|
8642
8846
|
fontSize,
|
@@ -8650,7 +8854,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
8650
8854
|
more.viewBox = viewBox;
|
8651
8855
|
}
|
8652
8856
|
const classes = useUtilityClasses$6(ownerState);
|
8653
|
-
return /*#__PURE__*/jsxs(SvgIconRoot, _extends$
|
8857
|
+
return /*#__PURE__*/jsxs(SvgIconRoot, _extends$3({
|
8654
8858
|
as: component,
|
8655
8859
|
className: clsx(classes.root, className),
|
8656
8860
|
focusable: "false",
|
@@ -8742,7 +8946,7 @@ var SvgIcon$1 = SvgIcon;
|
|
8742
8946
|
|
8743
8947
|
function createSvgIcon(path, displayName) {
|
8744
8948
|
function Component(props, ref) {
|
8745
|
-
return /*#__PURE__*/jsx(SvgIcon$1, _extends$
|
8949
|
+
return /*#__PURE__*/jsx(SvgIcon$1, _extends$3({
|
8746
8950
|
"data-testid": `${displayName}Icon`,
|
8747
8951
|
ref: ref
|
8748
8952
|
}, props, {
|
@@ -10159,7 +10363,7 @@ var TransitionGroup = /*#__PURE__*/function (_React$Component) {
|
|
10159
10363
|
|
10160
10364
|
if (this.mounted) {
|
10161
10365
|
this.setState(function (state) {
|
10162
|
-
var children = _extends$
|
10366
|
+
var children = _extends$2({}, state.children);
|
10163
10367
|
|
10164
10368
|
delete children[child.key];
|
10165
10369
|
return {
|
@@ -10635,7 +10839,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
10635
10839
|
start,
|
10636
10840
|
stop
|
10637
10841
|
}), [pulsate, start, stop]);
|
10638
|
-
return /*#__PURE__*/jsx(TouchRippleRoot, _extends$
|
10842
|
+
return /*#__PURE__*/jsx(TouchRippleRoot, _extends$3({
|
10639
10843
|
className: clsx(touchRippleClasses$1.root, classes.root, className),
|
10640
10844
|
ref: container
|
10641
10845
|
}, other, {
|
@@ -10929,7 +11133,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
10929
11133
|
}
|
10930
11134
|
}, [enableTouchRipple]);
|
10931
11135
|
}
|
10932
|
-
const ownerState = _extends$
|
11136
|
+
const ownerState = _extends$3({}, props, {
|
10933
11137
|
centerRipple,
|
10934
11138
|
component,
|
10935
11139
|
disabled,
|
@@ -10940,7 +11144,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
10940
11144
|
focusVisible
|
10941
11145
|
});
|
10942
11146
|
const classes = useUtilityClasses$5(ownerState);
|
10943
|
-
return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends$
|
11147
|
+
return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends$3({
|
10944
11148
|
as: ComponentProp,
|
10945
11149
|
className: clsx(classes.root, className),
|
10946
11150
|
ownerState: ownerState,
|
@@ -10964,7 +11168,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
10964
11168
|
children: [children, enableTouchRipple ?
|
10965
11169
|
/*#__PURE__*/
|
10966
11170
|
/* TouchRipple is only needed client-side, x2 boost on the server. */
|
10967
|
-
jsx(TouchRipple$1, _extends$
|
11171
|
+
jsx(TouchRipple$1, _extends$3({
|
10968
11172
|
ref: handleRippleRef,
|
10969
11173
|
center: centerRipple
|
10970
11174
|
}, TouchRippleProps)) : null]
|
@@ -11162,7 +11366,7 @@ const IconButtonRoot = styled$1(ButtonBase$1, {
|
|
11162
11366
|
})(({
|
11163
11367
|
theme,
|
11164
11368
|
ownerState
|
11165
|
-
}) => _extends$
|
11369
|
+
}) => _extends$3({
|
11166
11370
|
textAlign: 'center',
|
11167
11371
|
flex: '0 0 auto',
|
11168
11372
|
fontSize: theme.typography.pxToRem(24),
|
@@ -11192,12 +11396,12 @@ const IconButtonRoot = styled$1(ButtonBase$1, {
|
|
11192
11396
|
}) => {
|
11193
11397
|
var _palette;
|
11194
11398
|
const palette = (_palette = (theme.vars || theme).palette) == null ? void 0 : _palette[ownerState.color];
|
11195
|
-
return _extends$
|
11399
|
+
return _extends$3({}, ownerState.color === 'inherit' && {
|
11196
11400
|
color: 'inherit'
|
11197
|
-
}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && _extends$
|
11401
|
+
}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && _extends$3({
|
11198
11402
|
color: palette == null ? void 0 : palette.main
|
11199
11403
|
}, !ownerState.disableRipple && {
|
11200
|
-
'&:hover': _extends$
|
11404
|
+
'&:hover': _extends$3({}, palette && {
|
11201
11405
|
backgroundColor: theme.vars ? `rgba(${palette.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(palette.main, theme.palette.action.hoverOpacity)
|
11202
11406
|
}, {
|
11203
11407
|
// Reset on touch devices, it doesn't add specificity
|
@@ -11238,7 +11442,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
11238
11442
|
size = 'medium'
|
11239
11443
|
} = props,
|
11240
11444
|
other = _objectWithoutPropertiesLoose$2(props, _excluded$4);
|
11241
|
-
const ownerState = _extends$
|
11445
|
+
const ownerState = _extends$3({}, props, {
|
11242
11446
|
edge,
|
11243
11447
|
color,
|
11244
11448
|
disabled,
|
@@ -11246,7 +11450,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
11246
11450
|
size
|
11247
11451
|
});
|
11248
11452
|
const classes = useUtilityClasses$4(ownerState);
|
11249
|
-
return /*#__PURE__*/jsx(IconButtonRoot, _extends$
|
11453
|
+
return /*#__PURE__*/jsx(IconButtonRoot, _extends$3({
|
11250
11454
|
className: clsx(classes.root, className),
|
11251
11455
|
centerRipple: true,
|
11252
11456
|
focusRipple: !disableFocusRipple,
|
@@ -11358,7 +11562,7 @@ const TypographyRoot = styled$1('span', {
|
|
11358
11562
|
})(({
|
11359
11563
|
theme,
|
11360
11564
|
ownerState
|
11361
|
-
}) => _extends$
|
11565
|
+
}) => _extends$3({
|
11362
11566
|
margin: 0
|
11363
11567
|
}, ownerState.variant && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {
|
11364
11568
|
textAlign: ownerState.align
|
@@ -11402,7 +11606,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
11402
11606
|
name: 'MuiTypography'
|
11403
11607
|
});
|
11404
11608
|
const color = transformDeprecatedColors(themeProps.color);
|
11405
|
-
const props = extendSxProp(_extends$
|
11609
|
+
const props = extendSxProp(_extends$3({}, themeProps, {
|
11406
11610
|
color
|
11407
11611
|
}));
|
11408
11612
|
const {
|
@@ -11416,7 +11620,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
11416
11620
|
variantMapping = defaultVariantMapping
|
11417
11621
|
} = props,
|
11418
11622
|
other = _objectWithoutPropertiesLoose$2(props, _excluded$3);
|
11419
|
-
const ownerState = _extends$
|
11623
|
+
const ownerState = _extends$3({}, props, {
|
11420
11624
|
align,
|
11421
11625
|
color,
|
11422
11626
|
className,
|
@@ -11429,7 +11633,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
11429
11633
|
});
|
11430
11634
|
const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
|
11431
11635
|
const classes = useUtilityClasses$3(ownerState);
|
11432
|
-
return /*#__PURE__*/jsx(TypographyRoot, _extends$
|
11636
|
+
return /*#__PURE__*/jsx(TypographyRoot, _extends$3({
|
11433
11637
|
as: Component,
|
11434
11638
|
ref: ref,
|
11435
11639
|
ownerState: ownerState,
|
@@ -11573,9 +11777,9 @@ const useUtilityClasses$2 = ownerState => {
|
|
11573
11777
|
endIcon: ['endIcon', `iconSize${capitalize(size)}`]
|
11574
11778
|
};
|
11575
11779
|
const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
|
11576
|
-
return _extends$
|
11780
|
+
return _extends$3({}, classes, composedClasses);
|
11577
11781
|
};
|
11578
|
-
const commonIconStyles = ownerState => _extends$
|
11782
|
+
const commonIconStyles = ownerState => _extends$3({}, ownerState.size === 'small' && {
|
11579
11783
|
'& > *:nth-of-type(1)': {
|
11580
11784
|
fontSize: 18
|
11581
11785
|
}
|
@@ -11605,14 +11809,14 @@ const ButtonRoot = styled$1(ButtonBase$1, {
|
|
11605
11809
|
var _theme$palette$getCon, _theme$palette;
|
11606
11810
|
const inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
|
11607
11811
|
const inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
|
11608
|
-
return _extends$
|
11812
|
+
return _extends$3({}, theme.typography.button, {
|
11609
11813
|
minWidth: 64,
|
11610
11814
|
padding: '6px 16px',
|
11611
11815
|
borderRadius: (theme.vars || theme).shape.borderRadius,
|
11612
11816
|
transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
|
11613
11817
|
duration: theme.transitions.duration.short
|
11614
11818
|
}),
|
11615
|
-
'&:hover': _extends$
|
11819
|
+
'&:hover': _extends$3({
|
11616
11820
|
textDecoration: 'none',
|
11617
11821
|
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
|
11618
11822
|
// Reset on touch devices, it doesn't add specificity
|
@@ -11647,13 +11851,13 @@ const ButtonRoot = styled$1(ButtonBase$1, {
|
|
11647
11851
|
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
11648
11852
|
}
|
11649
11853
|
}),
|
11650
|
-
'&:active': _extends$
|
11854
|
+
'&:active': _extends$3({}, ownerState.variant === 'contained' && {
|
11651
11855
|
boxShadow: (theme.vars || theme).shadows[8]
|
11652
11856
|
}),
|
11653
|
-
[`&.${buttonClasses$1.focusVisible}`]: _extends$
|
11857
|
+
[`&.${buttonClasses$1.focusVisible}`]: _extends$3({}, ownerState.variant === 'contained' && {
|
11654
11858
|
boxShadow: (theme.vars || theme).shadows[6]
|
11655
11859
|
}),
|
11656
|
-
[`&.${buttonClasses$1.disabled}`]: _extends$
|
11860
|
+
[`&.${buttonClasses$1.disabled}`]: _extends$3({
|
11657
11861
|
color: (theme.vars || theme).palette.action.disabled
|
11658
11862
|
}, ownerState.variant === 'outlined' && {
|
11659
11863
|
border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
|
@@ -11733,7 +11937,7 @@ const ButtonStartIcon = styled$1('span', {
|
|
11733
11937
|
}
|
11734
11938
|
})(({
|
11735
11939
|
ownerState
|
11736
|
-
}) => _extends$
|
11940
|
+
}) => _extends$3({
|
11737
11941
|
display: 'inherit',
|
11738
11942
|
marginRight: 8,
|
11739
11943
|
marginLeft: -4
|
@@ -11751,7 +11955,7 @@ const ButtonEndIcon = styled$1('span', {
|
|
11751
11955
|
}
|
11752
11956
|
})(({
|
11753
11957
|
ownerState
|
11754
|
-
}) => _extends$
|
11958
|
+
}) => _extends$3({
|
11755
11959
|
display: 'inherit',
|
11756
11960
|
marginRight: -4,
|
11757
11961
|
marginLeft: 8
|
@@ -11783,7 +11987,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
|
11783
11987
|
variant = 'text'
|
11784
11988
|
} = props,
|
11785
11989
|
other = _objectWithoutPropertiesLoose$2(props, _excluded$2);
|
11786
|
-
const ownerState = _extends$
|
11990
|
+
const ownerState = _extends$3({}, props, {
|
11787
11991
|
color,
|
11788
11992
|
component,
|
11789
11993
|
disabled,
|
@@ -11805,7 +12009,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
|
11805
12009
|
ownerState: ownerState,
|
11806
12010
|
children: endIconProp
|
11807
12011
|
});
|
11808
|
-
return /*#__PURE__*/jsxs(ButtonRoot, _extends$
|
12012
|
+
return /*#__PURE__*/jsxs(ButtonRoot, _extends$3({
|
11809
12013
|
ownerState: ownerState,
|
11810
12014
|
className: clsx(contextProps.className, classes.root, className),
|
11811
12015
|
component: component,
|
@@ -11950,7 +12154,7 @@ const DividerRoot = styled$1('div', {
|
|
11950
12154
|
})(({
|
11951
12155
|
theme,
|
11952
12156
|
ownerState
|
11953
|
-
}) => _extends$
|
12157
|
+
}) => _extends$3({
|
11954
12158
|
margin: 0,
|
11955
12159
|
// Reset browser default style.
|
11956
12160
|
flexShrink: 0,
|
@@ -11982,7 +12186,7 @@ const DividerRoot = styled$1('div', {
|
|
11982
12186
|
height: 'auto'
|
11983
12187
|
}), ({
|
11984
12188
|
ownerState
|
11985
|
-
}) => _extends$
|
12189
|
+
}) => _extends$3({}, ownerState.children && {
|
11986
12190
|
display: 'flex',
|
11987
12191
|
whiteSpace: 'nowrap',
|
11988
12192
|
textAlign: 'center',
|
@@ -11994,7 +12198,7 @@ const DividerRoot = styled$1('div', {
|
|
11994
12198
|
}), ({
|
11995
12199
|
theme,
|
11996
12200
|
ownerState
|
11997
|
-
}) => _extends$
|
12201
|
+
}) => _extends$3({}, ownerState.children && ownerState.orientation !== 'vertical' && {
|
11998
12202
|
'&::before, &::after': {
|
11999
12203
|
width: '100%',
|
12000
12204
|
borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
|
@@ -12002,7 +12206,7 @@ const DividerRoot = styled$1('div', {
|
|
12002
12206
|
}), ({
|
12003
12207
|
theme,
|
12004
12208
|
ownerState
|
12005
|
-
}) => _extends$
|
12209
|
+
}) => _extends$3({}, ownerState.children && ownerState.orientation === 'vertical' && {
|
12006
12210
|
flexDirection: 'column',
|
12007
12211
|
'&::before, &::after': {
|
12008
12212
|
height: '100%',
|
@@ -12010,7 +12214,7 @@ const DividerRoot = styled$1('div', {
|
|
12010
12214
|
}
|
12011
12215
|
}), ({
|
12012
12216
|
ownerState
|
12013
|
-
}) => _extends$
|
12217
|
+
}) => _extends$3({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
|
12014
12218
|
'&::before': {
|
12015
12219
|
width: '90%'
|
12016
12220
|
},
|
@@ -12037,7 +12241,7 @@ const DividerWrapper = styled$1('span', {
|
|
12037
12241
|
})(({
|
12038
12242
|
theme,
|
12039
12243
|
ownerState
|
12040
|
-
}) => _extends$
|
12244
|
+
}) => _extends$3({
|
12041
12245
|
display: 'inline-block',
|
12042
12246
|
paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
|
12043
12247
|
paddingRight: `calc(${theme.spacing(1)} * 1.2)`
|
@@ -12063,7 +12267,7 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
|
12063
12267
|
variant = 'fullWidth'
|
12064
12268
|
} = props,
|
12065
12269
|
other = _objectWithoutPropertiesLoose$2(props, _excluded$1);
|
12066
|
-
const ownerState = _extends$
|
12270
|
+
const ownerState = _extends$3({}, props, {
|
12067
12271
|
absolute,
|
12068
12272
|
component,
|
12069
12273
|
flexItem,
|
@@ -12074,7 +12278,7 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
|
12074
12278
|
variant
|
12075
12279
|
});
|
12076
12280
|
const classes = useUtilityClasses$1(ownerState);
|
12077
|
-
return /*#__PURE__*/jsx(DividerRoot, _extends$
|
12281
|
+
return /*#__PURE__*/jsx(DividerRoot, _extends$3({
|
12078
12282
|
as: component,
|
12079
12283
|
className: clsx(classes.root, className),
|
12080
12284
|
role: role,
|
@@ -12306,7 +12510,7 @@ const LinearProgressRoot = styled$1('span', {
|
|
12306
12510
|
})(({
|
12307
12511
|
ownerState,
|
12308
12512
|
theme
|
12309
|
-
}) => _extends$
|
12513
|
+
}) => _extends$3({
|
12310
12514
|
position: 'relative',
|
12311
12515
|
overflow: 'hidden',
|
12312
12516
|
display: 'block',
|
@@ -12348,7 +12552,7 @@ const LinearProgressDashed = styled$1('span', {
|
|
12348
12552
|
theme
|
12349
12553
|
}) => {
|
12350
12554
|
const backgroundColor = getColorShade(theme, ownerState.color);
|
12351
|
-
return _extends$
|
12555
|
+
return _extends$3({
|
12352
12556
|
position: 'absolute',
|
12353
12557
|
marginTop: 0,
|
12354
12558
|
height: '100%',
|
@@ -12375,7 +12579,7 @@ const LinearProgressBar1 = styled$1('span', {
|
|
12375
12579
|
})(({
|
12376
12580
|
ownerState,
|
12377
12581
|
theme
|
12378
|
-
}) => _extends$
|
12582
|
+
}) => _extends$3({
|
12379
12583
|
width: '100%',
|
12380
12584
|
position: 'absolute',
|
12381
12585
|
left: 0,
|
@@ -12407,7 +12611,7 @@ const LinearProgressBar2 = styled$1('span', {
|
|
12407
12611
|
})(({
|
12408
12612
|
ownerState,
|
12409
12613
|
theme
|
12410
|
-
}) => _extends$
|
12614
|
+
}) => _extends$3({
|
12411
12615
|
width: '100%',
|
12412
12616
|
position: 'absolute',
|
12413
12617
|
left: 0,
|
@@ -12449,7 +12653,7 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
|
|
12449
12653
|
variant = 'indeterminate'
|
12450
12654
|
} = props,
|
12451
12655
|
other = _objectWithoutPropertiesLoose$2(props, _excluded);
|
12452
|
-
const ownerState = _extends$
|
12656
|
+
const ownerState = _extends$3({}, props, {
|
12453
12657
|
color,
|
12454
12658
|
variant
|
12455
12659
|
});
|
@@ -12485,7 +12689,7 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
|
|
12485
12689
|
console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
|
12486
12690
|
}
|
12487
12691
|
}
|
12488
|
-
return /*#__PURE__*/jsxs(LinearProgressRoot, _extends$
|
12692
|
+
return /*#__PURE__*/jsxs(LinearProgressRoot, _extends$3({
|
12489
12693
|
className: clsx(classes.root, className),
|
12490
12694
|
ownerState: ownerState,
|
12491
12695
|
role: "progressbar"
|
@@ -12653,7 +12857,9 @@ const ToastNotification = toast => {
|
|
12653
12857
|
clearInterval(interval || toast.time);
|
12654
12858
|
};
|
12655
12859
|
}, [timeProgress, toast.time]);
|
12656
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, openToast && /*#__PURE__*/React__default.createElement(
|
12860
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, openToast && /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
12861
|
+
theme: SincoTheme
|
12862
|
+
}, /*#__PURE__*/React__default.createElement(ToastContent, {
|
12657
12863
|
width: 370,
|
12658
12864
|
role: "toast"
|
12659
12865
|
}, /*#__PURE__*/React__default.createElement(ContentBox, {
|
@@ -12726,7 +12932,7 @@ const ToastNotification = toast => {
|
|
12726
12932
|
color: colors,
|
12727
12933
|
variant: "determinate",
|
12728
12934
|
value: progress
|
12729
|
-
})));
|
12935
|
+
}))));
|
12730
12936
|
};
|
12731
12937
|
|
12732
12938
|
export { SincoTheme, ToastNotification };
|
package/package.json
CHANGED
package/src/index.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
1
|
export * from './lib/Theme';
|
2
|
-
export { default as ToastNotification } from './
|
3
|
-
export * from './
|
4
|
-
export * from './
|
2
|
+
export { default as ToastNotification } from './lib/toastNotification/ToastNofitication';
|
3
|
+
export * from './lib/toastNotification/ToastNofitication';
|
4
|
+
export * from './lib/toastNotification/interfaces';
|
File without changes
|
File without changes
|