@sinco/react 1.0.3 → 1.0.4-rc.0
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/index.js
CHANGED
@@ -337,10 +337,10 @@ var store$2 = sharedStore;
|
|
337
337
|
(shared$3.exports = function (key, value) {
|
338
338
|
return store$2[key] || (store$2[key] = value !== undefined ? value : {});
|
339
339
|
})('versions', []).push({
|
340
|
-
version: '3.
|
340
|
+
version: '3.30.2',
|
341
341
|
mode: 'global',
|
342
342
|
copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
|
343
|
-
license: 'https://github.com/zloirock/core-js/blob/v3.
|
343
|
+
license: 'https://github.com/zloirock/core-js/blob/v3.30.2/LICENSE',
|
344
344
|
source: 'https://github.com/zloirock/core-js'
|
345
345
|
});
|
346
346
|
|
@@ -1097,21 +1097,6 @@ function chainPropTypes(propType1, propType2) {
|
|
1097
1097
|
};
|
1098
1098
|
}
|
1099
1099
|
|
1100
|
-
function _extends$4() {
|
1101
|
-
_extends$4 = Object.assign ? Object.assign.bind() : function (target) {
|
1102
|
-
for (var i = 1; i < arguments.length; i++) {
|
1103
|
-
var source = arguments[i];
|
1104
|
-
for (var key in source) {
|
1105
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
1106
|
-
target[key] = source[key];
|
1107
|
-
}
|
1108
|
-
}
|
1109
|
-
}
|
1110
|
-
return target;
|
1111
|
-
};
|
1112
|
-
return _extends$4.apply(this, arguments);
|
1113
|
-
}
|
1114
|
-
|
1115
1100
|
function isPlainObject(item) {
|
1116
1101
|
return item !== null && typeof item === 'object' && item.constructor === Object;
|
1117
1102
|
}
|
@@ -1128,7 +1113,9 @@ function deepClone(source) {
|
|
1128
1113
|
function deepmerge(target, source, options = {
|
1129
1114
|
clone: true
|
1130
1115
|
}) {
|
1131
|
-
const output = options.clone ?
|
1116
|
+
const output = options.clone ? {
|
1117
|
+
...target
|
1118
|
+
} : target;
|
1132
1119
|
if (isPlainObject(target) && isPlainObject(source)) {
|
1133
1120
|
Object.keys(source).forEach(key => {
|
1134
1121
|
// Avoid prototype pollution
|
@@ -2300,7 +2287,8 @@ function exactProp(propTypes) {
|
|
2300
2287
|
if (process.env.NODE_ENV === 'production') {
|
2301
2288
|
return propTypes;
|
2302
2289
|
}
|
2303
|
-
return
|
2290
|
+
return {
|
2291
|
+
...propTypes,
|
2304
2292
|
[specialProperty]: props => {
|
2305
2293
|
const unsupportedProps = Object.keys(props).filter(prop => !propTypes.hasOwnProperty(prop));
|
2306
2294
|
if (unsupportedProps.length > 0) {
|
@@ -2308,7 +2296,7 @@ function exactProp(propTypes) {
|
|
2308
2296
|
}
|
2309
2297
|
return null;
|
2310
2298
|
}
|
2311
|
-
}
|
2299
|
+
};
|
2312
2300
|
}
|
2313
2301
|
|
2314
2302
|
/**
|
@@ -2664,7 +2652,6 @@ var useEnhancedEffect$1 = useEnhancedEffect;
|
|
2664
2652
|
/**
|
2665
2653
|
* https://github.com/facebook/react/issues/14099#issuecomment-440013892
|
2666
2654
|
*/
|
2667
|
-
|
2668
2655
|
function useEventCallback(fn) {
|
2669
2656
|
const ref = React.useRef(fn);
|
2670
2657
|
useEnhancedEffect$1(() => {
|
@@ -2695,6 +2682,7 @@ function useForkRef(...refs) {
|
|
2695
2682
|
}, refs);
|
2696
2683
|
}
|
2697
2684
|
|
2685
|
+
// based on https://github.com/WICG/focus-visible/blob/v4.1.5/src/focus-visible.js
|
2698
2686
|
let hadKeyboardEvent = true;
|
2699
2687
|
let hadFocusVisibleRecently = false;
|
2700
2688
|
let hadFocusVisibleRecentlyTimeout;
|
@@ -2855,10 +2843,15 @@ function useIsFocusVisible() {
|
|
2855
2843
|
* @returns {object} resolved props
|
2856
2844
|
*/
|
2857
2845
|
function resolveProps(defaultProps, props) {
|
2858
|
-
const output =
|
2846
|
+
const output = {
|
2847
|
+
...props
|
2848
|
+
};
|
2859
2849
|
Object.keys(defaultProps).forEach(propName => {
|
2860
2850
|
if (propName.toString().match(/^(components|slots)$/)) {
|
2861
|
-
output[propName] =
|
2851
|
+
output[propName] = {
|
2852
|
+
...defaultProps[propName],
|
2853
|
+
...output[propName]
|
2854
|
+
};
|
2862
2855
|
} else if (propName.toString().match(/^(componentsProps|slotProps)$/)) {
|
2863
2856
|
const defaultSlotProps = defaultProps[propName] || {};
|
2864
2857
|
const slotProps = props[propName];
|
@@ -2870,7 +2863,9 @@ function resolveProps(defaultProps, props) {
|
|
2870
2863
|
// Reduce the iteration if the default slot props is empty
|
2871
2864
|
output[propName] = slotProps;
|
2872
2865
|
} else {
|
2873
|
-
output[propName] =
|
2866
|
+
output[propName] = {
|
2867
|
+
...slotProps
|
2868
|
+
};
|
2874
2869
|
Object.keys(defaultSlotProps).forEach(slotPropName => {
|
2875
2870
|
output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);
|
2876
2871
|
});
|
@@ -2950,8 +2945,8 @@ function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui')
|
|
2950
2945
|
|
2951
2946
|
var THEME_ID = '$$material';
|
2952
2947
|
|
2953
|
-
function _extends
|
2954
|
-
_extends
|
2948
|
+
function _extends() {
|
2949
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
2955
2950
|
for (var i = 1; i < arguments.length; i++) {
|
2956
2951
|
var source = arguments[i];
|
2957
2952
|
for (var key in source) {
|
@@ -2962,10 +2957,10 @@ function _extends$3() {
|
|
2962
2957
|
}
|
2963
2958
|
return target;
|
2964
2959
|
};
|
2965
|
-
return _extends
|
2960
|
+
return _extends.apply(this, arguments);
|
2966
2961
|
}
|
2967
2962
|
|
2968
|
-
function _objectWithoutPropertiesLoose
|
2963
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
2969
2964
|
if (source == null) return {};
|
2970
2965
|
var target = {};
|
2971
2966
|
var sourceKeys = Object.keys(source);
|
@@ -2978,21 +2973,6 @@ function _objectWithoutPropertiesLoose$2(source, excluded) {
|
|
2978
2973
|
return target;
|
2979
2974
|
}
|
2980
2975
|
|
2981
|
-
function _extends$2() {
|
2982
|
-
_extends$2 = Object.assign ? Object.assign.bind() : function (target) {
|
2983
|
-
for (var i = 1; i < arguments.length; i++) {
|
2984
|
-
var source = arguments[i];
|
2985
|
-
for (var key in source) {
|
2986
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
2987
|
-
target[key] = source[key];
|
2988
|
-
}
|
2989
|
-
}
|
2990
|
-
}
|
2991
|
-
return target;
|
2992
|
-
};
|
2993
|
-
return _extends$2.apply(this, arguments);
|
2994
|
-
}
|
2995
|
-
|
2996
2976
|
function memoize$1(fn) {
|
2997
2977
|
var cache = Object.create(null);
|
2998
2978
|
return function (arg) {
|
@@ -5867,7 +5847,7 @@ var createStyled$1 = function createStyled(tag, options) {
|
|
5867
5847
|
});
|
5868
5848
|
|
5869
5849
|
Styled.withComponent = function (nextTag, nextOptions) {
|
5870
|
-
return createStyled(nextTag, _extends
|
5850
|
+
return createStyled(nextTag, _extends({}, options, nextOptions, {
|
5871
5851
|
shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
|
5872
5852
|
})).apply(void 0, styles);
|
5873
5853
|
};
|
@@ -5917,34 +5897,6 @@ const internal_processStyles = (tag, processor) => {
|
|
5917
5897
|
}
|
5918
5898
|
};
|
5919
5899
|
|
5920
|
-
function _extends$1() {
|
5921
|
-
_extends$1 = Object.assign ? Object.assign.bind() : function (target) {
|
5922
|
-
for (var i = 1; i < arguments.length; i++) {
|
5923
|
-
var source = arguments[i];
|
5924
|
-
for (var key in source) {
|
5925
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
5926
|
-
target[key] = source[key];
|
5927
|
-
}
|
5928
|
-
}
|
5929
|
-
}
|
5930
|
-
return target;
|
5931
|
-
};
|
5932
|
-
return _extends$1.apply(this, arguments);
|
5933
|
-
}
|
5934
|
-
|
5935
|
-
function _objectWithoutPropertiesLoose$1(source, excluded) {
|
5936
|
-
if (source == null) return {};
|
5937
|
-
var target = {};
|
5938
|
-
var sourceKeys = Object.keys(source);
|
5939
|
-
var key, i;
|
5940
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
5941
|
-
key = sourceKeys[i];
|
5942
|
-
if (excluded.indexOf(key) >= 0) continue;
|
5943
|
-
target[key] = source[key];
|
5944
|
-
}
|
5945
|
-
return target;
|
5946
|
-
}
|
5947
|
-
|
5948
5900
|
const _excluded$j = ["values", "unit", "step"];
|
5949
5901
|
const sortBreakpointsValues = values => {
|
5950
5902
|
const breakpointsAsArray = Object.keys(values).map(key => ({
|
@@ -5954,7 +5906,7 @@ const sortBreakpointsValues = values => {
|
|
5954
5906
|
// Sort in ascending order
|
5955
5907
|
breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);
|
5956
5908
|
return breakpointsAsArray.reduce((acc, obj) => {
|
5957
|
-
return _extends
|
5909
|
+
return _extends({}, acc, {
|
5958
5910
|
[obj.key]: obj.val
|
5959
5911
|
});
|
5960
5912
|
}, {});
|
@@ -5980,7 +5932,7 @@ function createBreakpoints(breakpoints) {
|
|
5980
5932
|
unit = 'px',
|
5981
5933
|
step = 5
|
5982
5934
|
} = breakpoints,
|
5983
|
-
other = _objectWithoutPropertiesLoose
|
5935
|
+
other = _objectWithoutPropertiesLoose(breakpoints, _excluded$j);
|
5984
5936
|
const sortedValues = sortBreakpointsValues(values);
|
5985
5937
|
const keys = Object.keys(sortedValues);
|
5986
5938
|
function up(key) {
|
@@ -6012,7 +5964,7 @@ function createBreakpoints(breakpoints) {
|
|
6012
5964
|
}
|
6013
5965
|
return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
|
6014
5966
|
}
|
6015
|
-
return _extends
|
5967
|
+
return _extends({
|
6016
5968
|
keys,
|
6017
5969
|
values: sortedValues,
|
6018
5970
|
up,
|
@@ -6620,8 +6572,8 @@ const width = style$2({
|
|
6620
6572
|
const maxWidth = props => {
|
6621
6573
|
if (props.maxWidth !== undefined && props.maxWidth !== null) {
|
6622
6574
|
const styleFromPropValue = propValue => {
|
6623
|
-
var _props$theme;
|
6624
|
-
const breakpoint = ((_props$theme = props.theme) == null
|
6575
|
+
var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;
|
6576
|
+
const breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || values$2[propValue];
|
6625
6577
|
return {
|
6626
6578
|
maxWidth: breakpoint || sizingTransform(propValue)
|
6627
6579
|
};
|
@@ -7072,7 +7024,7 @@ function createTheme$1(options = {}, ...args) {
|
|
7072
7024
|
spacing: spacingInput,
|
7073
7025
|
shape: shapeInput = {}
|
7074
7026
|
} = options,
|
7075
|
-
other = _objectWithoutPropertiesLoose
|
7027
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$i);
|
7076
7028
|
const breakpoints = createBreakpoints(breakpointsInput);
|
7077
7029
|
const spacing = createSpacing(spacingInput);
|
7078
7030
|
let muiTheme = deepmerge({
|
@@ -7080,14 +7032,14 @@ function createTheme$1(options = {}, ...args) {
|
|
7080
7032
|
direction: 'ltr',
|
7081
7033
|
components: {},
|
7082
7034
|
// Inject component definitions.
|
7083
|
-
palette: _extends
|
7035
|
+
palette: _extends({
|
7084
7036
|
mode: 'light'
|
7085
7037
|
}, paletteInput),
|
7086
7038
|
spacing,
|
7087
|
-
shape: _extends
|
7039
|
+
shape: _extends({}, shape$1, shapeInput)
|
7088
7040
|
}, other);
|
7089
7041
|
muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
|
7090
|
-
muiTheme.unstable_sxConfig = _extends
|
7042
|
+
muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
|
7091
7043
|
muiTheme.unstable_sx = function sx(props) {
|
7092
7044
|
return styleFunctionSx$1({
|
7093
7045
|
sx: props,
|
@@ -7117,7 +7069,7 @@ const splitProps = props => {
|
|
7117
7069
|
systemProps: {},
|
7118
7070
|
otherProps: {}
|
7119
7071
|
};
|
7120
|
-
const config = (_props$theme$unstable = props == null
|
7072
|
+
const config = (_props$theme$unstable = props == null ? void 0 : (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig$1;
|
7121
7073
|
Object.keys(props).forEach(prop => {
|
7122
7074
|
if (config[prop]) {
|
7123
7075
|
result.systemProps[prop] = props[prop];
|
@@ -7131,7 +7083,7 @@ function extendSxProp(props) {
|
|
7131
7083
|
const {
|
7132
7084
|
sx: inSx
|
7133
7085
|
} = props,
|
7134
|
-
other = _objectWithoutPropertiesLoose
|
7086
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$h);
|
7135
7087
|
const {
|
7136
7088
|
systemProps,
|
7137
7089
|
otherProps
|
@@ -7145,12 +7097,12 @@ function extendSxProp(props) {
|
|
7145
7097
|
if (!isPlainObject(result)) {
|
7146
7098
|
return systemProps;
|
7147
7099
|
}
|
7148
|
-
return _extends
|
7100
|
+
return _extends({}, systemProps, result);
|
7149
7101
|
};
|
7150
7102
|
} else {
|
7151
|
-
finalSx = _extends
|
7103
|
+
finalSx = _extends({}, systemProps, inSx);
|
7152
7104
|
}
|
7153
|
-
return _extends
|
7105
|
+
return _extends({}, otherProps, {
|
7154
7106
|
sx: finalSx
|
7155
7107
|
});
|
7156
7108
|
}
|
@@ -7175,8 +7127,8 @@ function createBox(options = {}) {
|
|
7175
7127
|
className,
|
7176
7128
|
component = 'div'
|
7177
7129
|
} = _extendSxProp,
|
7178
|
-
other = _objectWithoutPropertiesLoose
|
7179
|
-
return /*#__PURE__*/jsx(BoxRoot, _extends
|
7130
|
+
other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$g);
|
7131
|
+
return /*#__PURE__*/jsx(BoxRoot, _extends({
|
7180
7132
|
as: component,
|
7181
7133
|
ref: ref,
|
7182
7134
|
className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
|
@@ -7200,7 +7152,7 @@ function propsToClassKey(props) {
|
|
7200
7152
|
const {
|
7201
7153
|
variant
|
7202
7154
|
} = props,
|
7203
|
-
other = _objectWithoutPropertiesLoose
|
7155
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$f);
|
7204
7156
|
let classKey = variant || '';
|
7205
7157
|
Object.keys(other).sort().forEach(key => {
|
7206
7158
|
if (key === 'color') {
|
@@ -7244,12 +7196,12 @@ const getVariantStyles = (name, theme) => {
|
|
7244
7196
|
return variantsStyles;
|
7245
7197
|
};
|
7246
7198
|
const variantsResolver = (props, styles, theme, name) => {
|
7247
|
-
var _theme$components;
|
7199
|
+
var _theme$components, _theme$components$nam;
|
7248
7200
|
const {
|
7249
7201
|
ownerState = {}
|
7250
7202
|
} = props;
|
7251
7203
|
const variantsStyles = [];
|
7252
|
-
const themeVariants = theme == null
|
7204
|
+
const themeVariants = theme == null ? void 0 : (_theme$components = theme.components) == null ? void 0 : (_theme$components$nam = _theme$components[name]) == null ? void 0 : _theme$components$nam.variants;
|
7253
7205
|
if (themeVariants) {
|
7254
7206
|
themeVariants.forEach(themeVariant => {
|
7255
7207
|
let isMatch = true;
|
@@ -7289,8 +7241,8 @@ function createStyled(input = {}) {
|
|
7289
7241
|
slotShouldForwardProp = shouldForwardProp
|
7290
7242
|
} = input;
|
7291
7243
|
const systemSx = props => {
|
7292
|
-
return styleFunctionSx$1(_extends
|
7293
|
-
theme: resolveTheme(_extends
|
7244
|
+
return styleFunctionSx$1(_extends({}, props, {
|
7245
|
+
theme: resolveTheme(_extends({}, props, {
|
7294
7246
|
defaultTheme,
|
7295
7247
|
themeId
|
7296
7248
|
}))
|
@@ -7307,7 +7259,7 @@ function createStyled(input = {}) {
|
|
7307
7259
|
skipSx: inputSkipSx,
|
7308
7260
|
overridesResolver
|
7309
7261
|
} = inputOptions,
|
7310
|
-
options = _objectWithoutPropertiesLoose
|
7262
|
+
options = _objectWithoutPropertiesLoose(inputOptions, _excluded$e);
|
7311
7263
|
|
7312
7264
|
// if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
|
7313
7265
|
const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver : componentSlot && componentSlot !== 'Root' || false;
|
@@ -7328,7 +7280,7 @@ function createStyled(input = {}) {
|
|
7328
7280
|
// for string (html) tag, preserve the behavior in emotion & styled-components.
|
7329
7281
|
shouldForwardPropOption = undefined;
|
7330
7282
|
}
|
7331
|
-
const defaultStyledResolver = styled$3(tag, _extends
|
7283
|
+
const defaultStyledResolver = styled$3(tag, _extends({
|
7332
7284
|
shouldForwardProp: shouldForwardPropOption,
|
7333
7285
|
label
|
7334
7286
|
}, options));
|
@@ -7338,8 +7290,8 @@ function createStyled(input = {}) {
|
|
7338
7290
|
// component stays as a function. This condition makes sure that we do not interpolate functions
|
7339
7291
|
// which are basically components used as a selectors.
|
7340
7292
|
return typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg ? props => {
|
7341
|
-
return stylesArg(_extends
|
7342
|
-
theme: resolveTheme(_extends
|
7293
|
+
return stylesArg(_extends({}, props, {
|
7294
|
+
theme: resolveTheme(_extends({}, props, {
|
7343
7295
|
defaultTheme,
|
7344
7296
|
themeId
|
7345
7297
|
}))
|
@@ -7349,7 +7301,7 @@ function createStyled(input = {}) {
|
|
7349
7301
|
let transformedStyleArg = styleArg;
|
7350
7302
|
if (componentName && overridesResolver) {
|
7351
7303
|
expressionsWithDefaultTheme.push(props => {
|
7352
|
-
const theme = resolveTheme(_extends
|
7304
|
+
const theme = resolveTheme(_extends({}, props, {
|
7353
7305
|
defaultTheme,
|
7354
7306
|
themeId
|
7355
7307
|
}));
|
@@ -7357,7 +7309,7 @@ function createStyled(input = {}) {
|
|
7357
7309
|
if (styleOverrides) {
|
7358
7310
|
const resolvedStyleOverrides = {};
|
7359
7311
|
Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {
|
7360
|
-
resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends
|
7312
|
+
resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends({}, props, {
|
7361
7313
|
theme
|
7362
7314
|
})) : slotStyle;
|
7363
7315
|
});
|
@@ -7368,7 +7320,7 @@ function createStyled(input = {}) {
|
|
7368
7320
|
}
|
7369
7321
|
if (componentName && !skipVariantsResolver) {
|
7370
7322
|
expressionsWithDefaultTheme.push(props => {
|
7371
|
-
const theme = resolveTheme(_extends
|
7323
|
+
const theme = resolveTheme(_extends({}, props, {
|
7372
7324
|
defaultTheme,
|
7373
7325
|
themeId
|
7374
7326
|
}));
|
@@ -7390,8 +7342,8 @@ function createStyled(input = {}) {
|
|
7390
7342
|
// which are basically components used as a selectors.
|
7391
7343
|
styleArg.__emotion_real !== styleArg) {
|
7392
7344
|
// If the type is function, we need to define the default theme.
|
7393
|
-
transformedStyleArg = props => styleArg(_extends
|
7394
|
-
theme: resolveTheme(_extends
|
7345
|
+
transformedStyleArg = props => styleArg(_extends({}, props, {
|
7346
|
+
theme: resolveTheme(_extends({}, props, {
|
7395
7347
|
defaultTheme,
|
7396
7348
|
themeId
|
7397
7349
|
}))
|
@@ -7687,21 +7639,6 @@ function lighten(color, coefficient) {
|
|
7687
7639
|
return recomposeColor(color);
|
7688
7640
|
}
|
7689
7641
|
|
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
7642
|
const ThemeContext = /*#__PURE__*/React.createContext(null);
|
7706
7643
|
if (process.env.NODE_ENV !== 'production') {
|
7707
7644
|
ThemeContext.displayName = 'ThemeContext';
|
@@ -7730,7 +7667,10 @@ function mergeOuterLocalTheme(outerTheme, localTheme) {
|
|
7730
7667
|
}
|
7731
7668
|
return mergedTheme;
|
7732
7669
|
}
|
7733
|
-
return
|
7670
|
+
return {
|
7671
|
+
...outerTheme,
|
7672
|
+
...localTheme
|
7673
|
+
};
|
7734
7674
|
}
|
7735
7675
|
|
7736
7676
|
/**
|
@@ -7781,7 +7721,7 @@ function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {
|
|
7781
7721
|
const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
|
7782
7722
|
if (typeof localTheme === 'function') {
|
7783
7723
|
const mergedTheme = localTheme(resolvedTheme);
|
7784
|
-
const result = themeId ? _extends
|
7724
|
+
const result = themeId ? _extends({}, upperTheme, {
|
7785
7725
|
[themeId]: mergedTheme
|
7786
7726
|
}) : mergedTheme;
|
7787
7727
|
// must return a function for the private theme to NOT merge with the upper theme.
|
@@ -7791,9 +7731,9 @@ function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {
|
|
7791
7731
|
}
|
7792
7732
|
return result;
|
7793
7733
|
}
|
7794
|
-
return themeId ? _extends
|
7734
|
+
return themeId ? _extends({}, upperTheme, {
|
7795
7735
|
[themeId]: localTheme
|
7796
|
-
}) : _extends
|
7736
|
+
}) : _extends({}, upperTheme, localTheme);
|
7797
7737
|
}, [themeId, upperTheme, localTheme, isPrivate]);
|
7798
7738
|
}
|
7799
7739
|
|
@@ -7896,7 +7836,7 @@ const style = ({
|
|
7896
7836
|
ownerState,
|
7897
7837
|
theme
|
7898
7838
|
}) => {
|
7899
|
-
let styles = _extends
|
7839
|
+
let styles = _extends({
|
7900
7840
|
display: 'flex',
|
7901
7841
|
flexDirection: 'column'
|
7902
7842
|
}, handleBreakpoints({
|
@@ -7939,7 +7879,7 @@ const style = ({
|
|
7939
7879
|
};
|
7940
7880
|
}
|
7941
7881
|
return {
|
7942
|
-
'& > :not(style)
|
7882
|
+
'& > :not(style) + :not(style)': {
|
7943
7883
|
margin: 0,
|
7944
7884
|
[`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)
|
7945
7885
|
}
|
@@ -7978,14 +7918,14 @@ function createStack(options = {}) {
|
|
7978
7918
|
className,
|
7979
7919
|
useFlexGap = false
|
7980
7920
|
} = props,
|
7981
|
-
other = _objectWithoutPropertiesLoose
|
7921
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$d);
|
7982
7922
|
const ownerState = {
|
7983
7923
|
direction,
|
7984
7924
|
spacing,
|
7985
7925
|
useFlexGap
|
7986
7926
|
};
|
7987
7927
|
const classes = useUtilityClasses();
|
7988
|
-
return /*#__PURE__*/jsx(StackRoot, _extends
|
7928
|
+
return /*#__PURE__*/jsx(StackRoot, _extends({
|
7989
7929
|
as: component,
|
7990
7930
|
ownerState: ownerState,
|
7991
7931
|
ref: ref,
|
@@ -8005,7 +7945,7 @@ function createStack(options = {}) {
|
|
8005
7945
|
}
|
8006
7946
|
|
8007
7947
|
function createMixins(breakpoints, mixins) {
|
8008
|
-
return _extends
|
7948
|
+
return _extends({
|
8009
7949
|
toolbar: {
|
8010
7950
|
minHeight: 56,
|
8011
7951
|
[breakpoints.up('xs')]: {
|
@@ -8321,7 +8261,7 @@ function createPalette(palette) {
|
|
8321
8261
|
contrastThreshold = 3,
|
8322
8262
|
tonalOffset = 0.2
|
8323
8263
|
} = palette,
|
8324
|
-
other = _objectWithoutPropertiesLoose
|
8264
|
+
other = _objectWithoutPropertiesLoose(palette, _excluded$c);
|
8325
8265
|
const primary = palette.primary || getDefaultPrimary(mode);
|
8326
8266
|
const secondary = palette.secondary || getDefaultSecondary(mode);
|
8327
8267
|
const error = palette.error || getDefaultError(mode);
|
@@ -8349,7 +8289,7 @@ function createPalette(palette) {
|
|
8349
8289
|
lightShade = 300,
|
8350
8290
|
darkShade = 700
|
8351
8291
|
}) => {
|
8352
|
-
color = _extends
|
8292
|
+
color = _extends({}, color);
|
8353
8293
|
if (!color.main && color[mainShade]) {
|
8354
8294
|
color.main = color[mainShade];
|
8355
8295
|
}
|
@@ -8389,9 +8329,9 @@ const theme2 = createTheme({ palette: {
|
|
8389
8329
|
console.error(`MUI: The palette mode \`${mode}\` is not supported.`);
|
8390
8330
|
}
|
8391
8331
|
}
|
8392
|
-
const paletteOutput = deepmerge(_extends
|
8332
|
+
const paletteOutput = deepmerge(_extends({
|
8393
8333
|
// A collection of common colors.
|
8394
|
-
common: _extends
|
8334
|
+
common: _extends({}, common$1),
|
8395
8335
|
// prevent mutable object.
|
8396
8336
|
// The palette mode, can be light or dark.
|
8397
8337
|
mode,
|
@@ -8476,7 +8416,7 @@ function createTypography(palette, typography) {
|
|
8476
8416
|
allVariants,
|
8477
8417
|
pxToRem: pxToRem2
|
8478
8418
|
} = _ref,
|
8479
|
-
other = _objectWithoutPropertiesLoose
|
8419
|
+
other = _objectWithoutPropertiesLoose(_ref, _excluded$b);
|
8480
8420
|
if (process.env.NODE_ENV !== 'production') {
|
8481
8421
|
if (typeof fontSize !== 'number') {
|
8482
8422
|
console.error('MUI: `fontSize` is required to be a number.');
|
@@ -8487,7 +8427,7 @@ function createTypography(palette, typography) {
|
|
8487
8427
|
}
|
8488
8428
|
const coef = fontSize / 14;
|
8489
8429
|
const pxToRem = pxToRem2 || (size => `${size / htmlFontSize * coef}rem`);
|
8490
|
-
const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends
|
8430
|
+
const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends({
|
8491
8431
|
fontFamily,
|
8492
8432
|
fontWeight,
|
8493
8433
|
fontSize: pxToRem(size),
|
@@ -8518,7 +8458,7 @@ function createTypography(palette, typography) {
|
|
8518
8458
|
letterSpacing: 'inherit'
|
8519
8459
|
}
|
8520
8460
|
};
|
8521
|
-
return deepmerge(_extends
|
8461
|
+
return deepmerge(_extends({
|
8522
8462
|
htmlFontSize,
|
8523
8463
|
pxToRem,
|
8524
8464
|
fontFamily,
|
@@ -8586,15 +8526,15 @@ function getAutoHeightDuration(height) {
|
|
8586
8526
|
return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);
|
8587
8527
|
}
|
8588
8528
|
function createTransitions(inputTransitions) {
|
8589
|
-
const mergedEasing = _extends
|
8590
|
-
const mergedDuration = _extends
|
8529
|
+
const mergedEasing = _extends({}, easing, inputTransitions.easing);
|
8530
|
+
const mergedDuration = _extends({}, duration, inputTransitions.duration);
|
8591
8531
|
const create = (props = ['all'], options = {}) => {
|
8592
8532
|
const {
|
8593
8533
|
duration: durationOption = mergedDuration.standard,
|
8594
8534
|
easing: easingOption = mergedEasing.easeInOut,
|
8595
8535
|
delay = 0
|
8596
8536
|
} = options,
|
8597
|
-
other = _objectWithoutPropertiesLoose
|
8537
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$a);
|
8598
8538
|
if (process.env.NODE_ENV !== 'production') {
|
8599
8539
|
const isString = value => typeof value === 'string';
|
8600
8540
|
// IE11 support, replace with Number.isNaN
|
@@ -8612,16 +8552,13 @@ function createTransitions(inputTransitions) {
|
|
8612
8552
|
if (!isNumber(delay) && !isString(delay)) {
|
8613
8553
|
console.error('MUI: Argument "delay" must be a number or a string.');
|
8614
8554
|
}
|
8615
|
-
if (typeof options !== 'object') {
|
8616
|
-
console.error(['MUI: Secong argument of transition.create must be an object.', "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join('\n'));
|
8617
|
-
}
|
8618
8555
|
if (Object.keys(other).length !== 0) {
|
8619
8556
|
console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(',')}].`);
|
8620
8557
|
}
|
8621
8558
|
}
|
8622
8559
|
return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');
|
8623
8560
|
};
|
8624
|
-
return _extends
|
8561
|
+
return _extends({
|
8625
8562
|
getAutoHeightDuration,
|
8626
8563
|
create
|
8627
8564
|
}, inputTransitions, {
|
@@ -8652,7 +8589,7 @@ function createTheme(options = {}, ...args) {
|
|
8652
8589
|
transitions: transitionsInput = {},
|
8653
8590
|
typography: typographyInput = {}
|
8654
8591
|
} = options,
|
8655
|
-
other = _objectWithoutPropertiesLoose
|
8592
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$9);
|
8656
8593
|
if (options.vars) {
|
8657
8594
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
|
8658
8595
|
Please use another name.` : formatMuiErrorMessage(18));
|
@@ -8666,7 +8603,7 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
8666
8603
|
shadows: shadows$1.slice(),
|
8667
8604
|
typography: createTypography(palette, typographyInput),
|
8668
8605
|
transitions: createTransitions(transitionsInput),
|
8669
|
-
zIndex: _extends
|
8606
|
+
zIndex: _extends({}, zIndex$1)
|
8670
8607
|
});
|
8671
8608
|
muiTheme = deepmerge(muiTheme, other);
|
8672
8609
|
muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
|
@@ -8700,7 +8637,7 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
8700
8637
|
}
|
8701
8638
|
});
|
8702
8639
|
}
|
8703
|
-
muiTheme.unstable_sxConfig = _extends
|
8640
|
+
muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
|
8704
8641
|
muiTheme.unstable_sx = function sx(props) {
|
8705
8642
|
return styleFunctionSx$1({
|
8706
8643
|
sx: props,
|
@@ -8747,9 +8684,9 @@ function ThemeProvider(_ref) {
|
|
8747
8684
|
let {
|
8748
8685
|
theme: themeInput
|
8749
8686
|
} = _ref,
|
8750
|
-
props = _objectWithoutPropertiesLoose
|
8687
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
|
8751
8688
|
const scopedTheme = themeInput[THEME_ID];
|
8752
|
-
return /*#__PURE__*/jsx(ThemeProvider$1, _extends
|
8689
|
+
return /*#__PURE__*/jsx(ThemeProvider$1, _extends({}, props, {
|
8753
8690
|
themeId: scopedTheme ? THEME_ID : undefined,
|
8754
8691
|
theme: scopedTheme || themeInput
|
8755
8692
|
}));
|
@@ -8795,29 +8732,27 @@ const SvgIconRoot = styled$1('svg', {
|
|
8795
8732
|
theme,
|
8796
8733
|
ownerState
|
8797
8734
|
}) => {
|
8798
|
-
var _theme$transitions, _theme$transitions$cr, _theme$transitions2, _theme$typography, _theme$typography$pxT, _theme$typography2, _theme$typography2$px, _theme$typography3, _theme$typography3$px, _palette$ownerState$c, _palette, _palette2, _palette3;
|
8735
|
+
var _theme$transitions, _theme$transitions$cr, _theme$transitions2, _theme$transitions2$d, _theme$typography, _theme$typography$pxT, _theme$typography2, _theme$typography2$px, _theme$typography3, _theme$typography3$px, _palette$ownerState$c, _palette, _palette$ownerState$c2, _palette2, _palette2$action, _palette3, _palette3$action;
|
8799
8736
|
return {
|
8800
8737
|
userSelect: 'none',
|
8801
8738
|
width: '1em',
|
8802
8739
|
height: '1em',
|
8803
8740
|
display: 'inline-block',
|
8804
|
-
|
8805
|
-
// e.g. heroicons uses fill="none" and stroke="currentColor"
|
8806
|
-
fill: ownerState.hasSvgAsChild ? undefined : 'currentColor',
|
8741
|
+
fill: 'currentColor',
|
8807
8742
|
flexShrink: 0,
|
8808
|
-
transition: (_theme$transitions = theme.transitions) == null
|
8809
|
-
duration: (_theme$transitions2 = theme.transitions) == null
|
8743
|
+
transition: (_theme$transitions = theme.transitions) == null ? void 0 : (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, 'fill', {
|
8744
|
+
duration: (_theme$transitions2 = theme.transitions) == null ? void 0 : (_theme$transitions2$d = _theme$transitions2.duration) == null ? void 0 : _theme$transitions2$d.shorter
|
8810
8745
|
}),
|
8811
8746
|
fontSize: {
|
8812
8747
|
inherit: 'inherit',
|
8813
|
-
small: ((_theme$typography = theme.typography) == null
|
8814
|
-
medium: ((_theme$typography2 = theme.typography) == null
|
8815
|
-
large: ((_theme$typography3 = theme.typography) == null
|
8748
|
+
small: ((_theme$typography = theme.typography) == null ? void 0 : (_theme$typography$pxT = _theme$typography.pxToRem) == null ? void 0 : _theme$typography$pxT.call(_theme$typography, 20)) || '1.25rem',
|
8749
|
+
medium: ((_theme$typography2 = theme.typography) == null ? void 0 : (_theme$typography2$px = _theme$typography2.pxToRem) == null ? void 0 : _theme$typography2$px.call(_theme$typography2, 24)) || '1.5rem',
|
8750
|
+
large: ((_theme$typography3 = theme.typography) == null ? void 0 : (_theme$typography3$px = _theme$typography3.pxToRem) == null ? void 0 : _theme$typography3$px.call(_theme$typography3, 35)) || '2.1875rem'
|
8816
8751
|
}[ownerState.fontSize],
|
8817
8752
|
// TODO v5 deprecate, v6 remove for sx
|
8818
|
-
color: (_palette$ownerState$c = (_palette = (theme.vars || theme).palette) == null
|
8819
|
-
action: (_palette2 = (theme.vars || theme).palette) == null
|
8820
|
-
disabled: (_palette3 = (theme.vars || theme).palette) == null
|
8753
|
+
color: (_palette$ownerState$c = (_palette = (theme.vars || theme).palette) == null ? void 0 : (_palette$ownerState$c2 = _palette[ownerState.color]) == null ? void 0 : _palette$ownerState$c2.main) != null ? _palette$ownerState$c : {
|
8754
|
+
action: (_palette2 = (theme.vars || theme).palette) == null ? void 0 : (_palette2$action = _palette2.action) == null ? void 0 : _palette2$action.active,
|
8755
|
+
disabled: (_palette3 = (theme.vars || theme).palette) == null ? void 0 : (_palette3$action = _palette3.action) == null ? void 0 : _palette3$action.disabled,
|
8821
8756
|
inherit: undefined
|
8822
8757
|
}[ownerState.color]
|
8823
8758
|
};
|
@@ -8838,23 +8773,21 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
8838
8773
|
titleAccess,
|
8839
8774
|
viewBox = '0 0 24 24'
|
8840
8775
|
} = props,
|
8841
|
-
other = _objectWithoutPropertiesLoose
|
8842
|
-
const
|
8843
|
-
const ownerState = _extends$3({}, props, {
|
8776
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$7);
|
8777
|
+
const ownerState = _extends({}, props, {
|
8844
8778
|
color,
|
8845
8779
|
component,
|
8846
8780
|
fontSize,
|
8847
8781
|
instanceFontSize: inProps.fontSize,
|
8848
8782
|
inheritViewBox,
|
8849
|
-
viewBox
|
8850
|
-
hasSvgAsChild
|
8783
|
+
viewBox
|
8851
8784
|
});
|
8852
8785
|
const more = {};
|
8853
8786
|
if (!inheritViewBox) {
|
8854
8787
|
more.viewBox = viewBox;
|
8855
8788
|
}
|
8856
8789
|
const classes = useUtilityClasses$6(ownerState);
|
8857
|
-
return /*#__PURE__*/jsxs(SvgIconRoot, _extends
|
8790
|
+
return /*#__PURE__*/jsxs(SvgIconRoot, _extends({
|
8858
8791
|
as: component,
|
8859
8792
|
className: clsx(classes.root, className),
|
8860
8793
|
focusable: "false",
|
@@ -8862,9 +8795,9 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
8862
8795
|
"aria-hidden": titleAccess ? undefined : true,
|
8863
8796
|
role: titleAccess ? 'img' : undefined,
|
8864
8797
|
ref: ref
|
8865
|
-
}, more, other,
|
8798
|
+
}, more, other, {
|
8866
8799
|
ownerState: ownerState,
|
8867
|
-
children: [
|
8800
|
+
children: [children, titleAccess ? /*#__PURE__*/jsx("title", {
|
8868
8801
|
children: titleAccess
|
8869
8802
|
}) : null]
|
8870
8803
|
}));
|
@@ -8946,7 +8879,7 @@ var SvgIcon$1 = SvgIcon;
|
|
8946
8879
|
|
8947
8880
|
function createSvgIcon(path, displayName) {
|
8948
8881
|
function Component(props, ref) {
|
8949
|
-
return /*#__PURE__*/jsx(SvgIcon$1, _extends
|
8882
|
+
return /*#__PURE__*/jsx(SvgIcon$1, _extends({
|
8950
8883
|
"data-testid": `${displayName}Icon`,
|
8951
8884
|
ref: ref
|
8952
8885
|
}, props, {
|
@@ -9154,25 +9087,39 @@ const components = {
|
|
9154
9087
|
}
|
9155
9088
|
},
|
9156
9089
|
MuiButton: {
|
9157
|
-
defaultProps: {
|
9158
|
-
size: 'medium'
|
9159
|
-
},
|
9160
9090
|
styleOverrides: {
|
9161
|
-
|
9162
|
-
|
9091
|
+
endIcon: {
|
9092
|
+
marginLeft: 2
|
9093
|
+
},
|
9094
|
+
iconSizeSmall: {
|
9095
|
+
height: 14,
|
9096
|
+
width: 14
|
9097
|
+
},
|
9098
|
+
iconSizeMedium: {
|
9099
|
+
height: 15,
|
9100
|
+
width: 18
|
9101
|
+
},
|
9102
|
+
iconSizeLarge: {
|
9103
|
+
height: 17,
|
9104
|
+
width: 22
|
9163
9105
|
},
|
9164
9106
|
sizeSmall: {
|
9165
|
-
padding: '
|
9107
|
+
padding: '6px 5px'
|
9166
9108
|
},
|
9167
9109
|
sizeMedium: {
|
9168
|
-
padding: '
|
9110
|
+
padding: '8.5px 8px',
|
9111
|
+
".MuiSvgIcon-fontSizeMedium": {
|
9112
|
+
height: 18,
|
9113
|
+
width: 18
|
9114
|
+
}
|
9169
9115
|
},
|
9170
9116
|
sizeLarge: {
|
9171
|
-
padding: '10.5px
|
9172
|
-
fontSize: 14
|
9173
|
-
|
9174
|
-
|
9175
|
-
|
9117
|
+
padding: '10.5px 11px',
|
9118
|
+
fontSize: 14,
|
9119
|
+
".MuiSvgIcon-fontSizeLarge": {
|
9120
|
+
height: 20,
|
9121
|
+
width: 20
|
9122
|
+
}
|
9176
9123
|
}
|
9177
9124
|
}
|
9178
9125
|
},
|
@@ -9281,7 +9228,7 @@ const components = {
|
|
9281
9228
|
styleOverrides: {
|
9282
9229
|
sizeSmall: {
|
9283
9230
|
fontSize: 14,
|
9284
|
-
padding:
|
9231
|
+
padding: 4
|
9285
9232
|
},
|
9286
9233
|
sizeMedium: {
|
9287
9234
|
fontSize: 20,
|
@@ -9538,48 +9485,69 @@ const typography = {
|
|
9538
9485
|
fontSize: 14,
|
9539
9486
|
fontWeight: 400,
|
9540
9487
|
letterSpacing: 0.15,
|
9541
|
-
lineHeight: 1.4
|
9488
|
+
lineHeight: 1.4,
|
9489
|
+
'@media(max-width: 885px)': {
|
9490
|
+
fontSize: 15
|
9491
|
+
}
|
9542
9492
|
},
|
9543
9493
|
body2: {
|
9544
9494
|
fontFamily: 'Roboto',
|
9545
9495
|
fontSize: 13,
|
9546
9496
|
fontWeight: 400,
|
9547
9497
|
letterSpacing: 0.17,
|
9548
|
-
lineHeight: 1.2
|
9498
|
+
lineHeight: 1.2,
|
9499
|
+
'@media(max-width: 885px)': {
|
9500
|
+
fontSize: 14
|
9501
|
+
}
|
9549
9502
|
},
|
9550
9503
|
subtitle1: {
|
9551
9504
|
fontFamily: 'Roboto',
|
9552
9505
|
fontSize: 14,
|
9553
9506
|
fontWeight: 500,
|
9554
9507
|
letterSpacing: 0.15,
|
9555
|
-
lineHeight: 1.4
|
9508
|
+
lineHeight: 1.4,
|
9509
|
+
'@media(max-width: 885px)': {
|
9510
|
+
fontSize: 15
|
9511
|
+
}
|
9556
9512
|
},
|
9557
9513
|
subtitle2: {
|
9558
9514
|
fontFamily: 'Roboto',
|
9559
9515
|
fontSize: 13,
|
9560
9516
|
fontWeight: 500,
|
9561
9517
|
letterSpacing: 0.1,
|
9562
|
-
lineHeight: 1.4
|
9518
|
+
lineHeight: 1.4,
|
9519
|
+
'@media(max-width: 885px)': {
|
9520
|
+
fontSize: 14
|
9521
|
+
}
|
9563
9522
|
},
|
9564
9523
|
caption: {
|
9565
9524
|
fontFamily: 'Roboto',
|
9566
9525
|
fontSize: 11,
|
9567
9526
|
fontWeight: 400,
|
9568
9527
|
letterSpacing: 0.4,
|
9569
|
-
lineHeight: 1.4
|
9528
|
+
lineHeight: 1.4,
|
9529
|
+
'@media(max-width: 885px)': {
|
9530
|
+
fontSize: 12
|
9531
|
+
}
|
9570
9532
|
},
|
9571
9533
|
overline: {
|
9572
9534
|
fontFamily: 'Roboto',
|
9573
9535
|
fontSize: 11,
|
9574
9536
|
fontWeight: 400,
|
9575
9537
|
letterSpacing: 1,
|
9576
|
-
lineHeight: 2.66
|
9538
|
+
lineHeight: 2.66,
|
9539
|
+
'@media(max-width: 885px)': {
|
9540
|
+
fontSize: 12
|
9541
|
+
}
|
9577
9542
|
},
|
9578
9543
|
h6: {
|
9579
9544
|
fontFamily: 'Nunito',
|
9580
9545
|
fontSize: 16,
|
9581
9546
|
fontWeight: 600,
|
9582
|
-
lineHeight: 1.6
|
9547
|
+
lineHeight: 1.6,
|
9548
|
+
'@media(max-width: 885px)': {
|
9549
|
+
fontSize: 17
|
9550
|
+
}
|
9583
9551
|
},
|
9584
9552
|
h5: {
|
9585
9553
|
fontFamily: 'Nunito',
|
@@ -9619,7 +9587,10 @@ const typography = {
|
|
9619
9587
|
textTransform: 'unset',
|
9620
9588
|
fontWeightLight: 300,
|
9621
9589
|
fontSize: 13,
|
9622
|
-
lineHeight: 'normal'
|
9590
|
+
lineHeight: 'normal',
|
9591
|
+
'@media(max-width: 885px)': {
|
9592
|
+
fontSize: 14
|
9593
|
+
}
|
9623
9594
|
}
|
9624
9595
|
};
|
9625
9596
|
|
@@ -10170,19 +10141,6 @@ for (var COLLECTION_NAME in DOMIterables) {
|
|
10170
10141
|
|
10171
10142
|
handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
|
10172
10143
|
|
10173
|
-
function _objectWithoutPropertiesLoose(source, excluded) {
|
10174
|
-
if (source == null) return {};
|
10175
|
-
var target = {};
|
10176
|
-
var sourceKeys = Object.keys(source);
|
10177
|
-
var key, i;
|
10178
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
10179
|
-
key = sourceKeys[i];
|
10180
|
-
if (excluded.indexOf(key) >= 0) continue;
|
10181
|
-
target[key] = source[key];
|
10182
|
-
}
|
10183
|
-
return target;
|
10184
|
-
}
|
10185
|
-
|
10186
10144
|
function _setPrototypeOf(o, p) {
|
10187
10145
|
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
10188
10146
|
o.__proto__ = p;
|
@@ -10430,7 +10388,7 @@ var TransitionGroup = /*#__PURE__*/function (_React$Component) {
|
|
10430
10388
|
|
10431
10389
|
if (this.mounted) {
|
10432
10390
|
this.setState(function (state) {
|
10433
|
-
var children = _extends
|
10391
|
+
var children = _extends({}, state.children);
|
10434
10392
|
|
10435
10393
|
delete children[child.key];
|
10436
10394
|
return {
|
@@ -10738,7 +10696,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
10738
10696
|
classes = {},
|
10739
10697
|
className
|
10740
10698
|
} = props,
|
10741
|
-
other = _objectWithoutPropertiesLoose
|
10699
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$6);
|
10742
10700
|
const [ripples, setRipples] = React.useState([]);
|
10743
10701
|
const nextKey = React.useRef(0);
|
10744
10702
|
const rippleCallback = React.useRef(null);
|
@@ -10753,16 +10711,14 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
10753
10711
|
const ignoringMouseDown = React.useRef(false);
|
10754
10712
|
// We use a timer in order to only show the ripples for touch "click" like events.
|
10755
10713
|
// We don't want to display the ripple for touch scroll events.
|
10756
|
-
const startTimer = React.useRef(
|
10714
|
+
const startTimer = React.useRef(null);
|
10757
10715
|
|
10758
10716
|
// This is the hook called once the previous timeout is ready.
|
10759
10717
|
const startTimerCommit = React.useRef(null);
|
10760
10718
|
const container = React.useRef(null);
|
10761
10719
|
React.useEffect(() => {
|
10762
10720
|
return () => {
|
10763
|
-
|
10764
|
-
clearTimeout(startTimer.current);
|
10765
|
-
}
|
10721
|
+
clearTimeout(startTimer.current);
|
10766
10722
|
};
|
10767
10723
|
}, []);
|
10768
10724
|
const startCommit = React.useCallback(params => {
|
@@ -10906,7 +10862,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
10906
10862
|
start,
|
10907
10863
|
stop
|
10908
10864
|
}), [pulsate, start, stop]);
|
10909
|
-
return /*#__PURE__*/jsx(TouchRippleRoot, _extends
|
10865
|
+
return /*#__PURE__*/jsx(TouchRippleRoot, _extends({
|
10910
10866
|
className: clsx(touchRippleClasses$1.root, classes.root, className),
|
10911
10867
|
ref: container
|
10912
10868
|
}, other, {
|
@@ -11043,7 +10999,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
11043
10999
|
touchRippleRef,
|
11044
11000
|
type
|
11045
11001
|
} = props,
|
11046
|
-
other = _objectWithoutPropertiesLoose
|
11002
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$5);
|
11047
11003
|
const buttonRef = React.useRef(null);
|
11048
11004
|
const rippleRef = React.useRef(null);
|
11049
11005
|
const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
|
@@ -11200,7 +11156,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
11200
11156
|
}
|
11201
11157
|
}, [enableTouchRipple]);
|
11202
11158
|
}
|
11203
|
-
const ownerState = _extends
|
11159
|
+
const ownerState = _extends({}, props, {
|
11204
11160
|
centerRipple,
|
11205
11161
|
component,
|
11206
11162
|
disabled,
|
@@ -11211,7 +11167,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
11211
11167
|
focusVisible
|
11212
11168
|
});
|
11213
11169
|
const classes = useUtilityClasses$5(ownerState);
|
11214
|
-
return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends
|
11170
|
+
return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends({
|
11215
11171
|
as: ComponentProp,
|
11216
11172
|
className: clsx(classes.root, className),
|
11217
11173
|
ownerState: ownerState,
|
@@ -11235,7 +11191,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
11235
11191
|
children: [children, enableTouchRipple ?
|
11236
11192
|
/*#__PURE__*/
|
11237
11193
|
/* TouchRipple is only needed client-side, x2 boost on the server. */
|
11238
|
-
jsx(TouchRipple$1, _extends
|
11194
|
+
jsx(TouchRipple$1, _extends({
|
11239
11195
|
ref: handleRippleRef,
|
11240
11196
|
center: centerRipple
|
11241
11197
|
}, TouchRippleProps)) : null]
|
@@ -11433,7 +11389,7 @@ const IconButtonRoot = styled$1(ButtonBase$1, {
|
|
11433
11389
|
})(({
|
11434
11390
|
theme,
|
11435
11391
|
ownerState
|
11436
|
-
}) => _extends
|
11392
|
+
}) => _extends({
|
11437
11393
|
textAlign: 'center',
|
11438
11394
|
flex: '0 0 auto',
|
11439
11395
|
fontSize: theme.typography.pxToRem(24),
|
@@ -11463,12 +11419,12 @@ const IconButtonRoot = styled$1(ButtonBase$1, {
|
|
11463
11419
|
}) => {
|
11464
11420
|
var _palette;
|
11465
11421
|
const palette = (_palette = (theme.vars || theme).palette) == null ? void 0 : _palette[ownerState.color];
|
11466
|
-
return _extends
|
11422
|
+
return _extends({}, ownerState.color === 'inherit' && {
|
11467
11423
|
color: 'inherit'
|
11468
|
-
}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && _extends
|
11424
|
+
}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && _extends({
|
11469
11425
|
color: palette == null ? void 0 : palette.main
|
11470
11426
|
}, !ownerState.disableRipple && {
|
11471
|
-
'&:hover': _extends
|
11427
|
+
'&:hover': _extends({}, palette && {
|
11472
11428
|
backgroundColor: theme.vars ? `rgba(${palette.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(palette.main, theme.palette.action.hoverOpacity)
|
11473
11429
|
}, {
|
11474
11430
|
// Reset on touch devices, it doesn't add specificity
|
@@ -11508,8 +11464,8 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
11508
11464
|
disableFocusRipple = false,
|
11509
11465
|
size = 'medium'
|
11510
11466
|
} = props,
|
11511
|
-
other = _objectWithoutPropertiesLoose
|
11512
|
-
const ownerState = _extends
|
11467
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$4);
|
11468
|
+
const ownerState = _extends({}, props, {
|
11513
11469
|
edge,
|
11514
11470
|
color,
|
11515
11471
|
disabled,
|
@@ -11517,7 +11473,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
11517
11473
|
size
|
11518
11474
|
});
|
11519
11475
|
const classes = useUtilityClasses$4(ownerState);
|
11520
|
-
return /*#__PURE__*/jsx(IconButtonRoot, _extends
|
11476
|
+
return /*#__PURE__*/jsx(IconButtonRoot, _extends({
|
11521
11477
|
className: clsx(classes.root, className),
|
11522
11478
|
centerRipple: true,
|
11523
11479
|
focusRipple: !disableFocusRipple,
|
@@ -11629,7 +11585,7 @@ const TypographyRoot = styled$1('span', {
|
|
11629
11585
|
})(({
|
11630
11586
|
theme,
|
11631
11587
|
ownerState
|
11632
|
-
}) => _extends
|
11588
|
+
}) => _extends({
|
11633
11589
|
margin: 0
|
11634
11590
|
}, ownerState.variant && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {
|
11635
11591
|
textAlign: ownerState.align
|
@@ -11673,7 +11629,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
11673
11629
|
name: 'MuiTypography'
|
11674
11630
|
});
|
11675
11631
|
const color = transformDeprecatedColors(themeProps.color);
|
11676
|
-
const props = extendSxProp(_extends
|
11632
|
+
const props = extendSxProp(_extends({}, themeProps, {
|
11677
11633
|
color
|
11678
11634
|
}));
|
11679
11635
|
const {
|
@@ -11686,8 +11642,8 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
11686
11642
|
variant = 'body1',
|
11687
11643
|
variantMapping = defaultVariantMapping
|
11688
11644
|
} = props,
|
11689
|
-
other = _objectWithoutPropertiesLoose
|
11690
|
-
const ownerState = _extends
|
11645
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$3);
|
11646
|
+
const ownerState = _extends({}, props, {
|
11691
11647
|
align,
|
11692
11648
|
color,
|
11693
11649
|
className,
|
@@ -11700,7 +11656,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
11700
11656
|
});
|
11701
11657
|
const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
|
11702
11658
|
const classes = useUtilityClasses$3(ownerState);
|
11703
|
-
return /*#__PURE__*/jsx(TypographyRoot, _extends
|
11659
|
+
return /*#__PURE__*/jsx(TypographyRoot, _extends({
|
11704
11660
|
as: Component,
|
11705
11661
|
ref: ref,
|
11706
11662
|
ownerState: ownerState,
|
@@ -11844,9 +11800,9 @@ const useUtilityClasses$2 = ownerState => {
|
|
11844
11800
|
endIcon: ['endIcon', `iconSize${capitalize(size)}`]
|
11845
11801
|
};
|
11846
11802
|
const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
|
11847
|
-
return _extends
|
11803
|
+
return _extends({}, classes, composedClasses);
|
11848
11804
|
};
|
11849
|
-
const commonIconStyles = ownerState => _extends
|
11805
|
+
const commonIconStyles = ownerState => _extends({}, ownerState.size === 'small' && {
|
11850
11806
|
'& > *:nth-of-type(1)': {
|
11851
11807
|
fontSize: 18
|
11852
11808
|
}
|
@@ -11876,14 +11832,14 @@ const ButtonRoot = styled$1(ButtonBase$1, {
|
|
11876
11832
|
var _theme$palette$getCon, _theme$palette;
|
11877
11833
|
const inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
|
11878
11834
|
const inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
|
11879
|
-
return _extends
|
11835
|
+
return _extends({}, theme.typography.button, {
|
11880
11836
|
minWidth: 64,
|
11881
11837
|
padding: '6px 16px',
|
11882
11838
|
borderRadius: (theme.vars || theme).shape.borderRadius,
|
11883
11839
|
transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
|
11884
11840
|
duration: theme.transitions.duration.short
|
11885
11841
|
}),
|
11886
|
-
'&:hover': _extends
|
11842
|
+
'&:hover': _extends({
|
11887
11843
|
textDecoration: 'none',
|
11888
11844
|
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
|
11889
11845
|
// Reset on touch devices, it doesn't add specificity
|
@@ -11918,13 +11874,13 @@ const ButtonRoot = styled$1(ButtonBase$1, {
|
|
11918
11874
|
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
11919
11875
|
}
|
11920
11876
|
}),
|
11921
|
-
'&:active': _extends
|
11877
|
+
'&:active': _extends({}, ownerState.variant === 'contained' && {
|
11922
11878
|
boxShadow: (theme.vars || theme).shadows[8]
|
11923
11879
|
}),
|
11924
|
-
[`&.${buttonClasses$1.focusVisible}`]: _extends
|
11880
|
+
[`&.${buttonClasses$1.focusVisible}`]: _extends({}, ownerState.variant === 'contained' && {
|
11925
11881
|
boxShadow: (theme.vars || theme).shadows[6]
|
11926
11882
|
}),
|
11927
|
-
[`&.${buttonClasses$1.disabled}`]: _extends
|
11883
|
+
[`&.${buttonClasses$1.disabled}`]: _extends({
|
11928
11884
|
color: (theme.vars || theme).palette.action.disabled
|
11929
11885
|
}, ownerState.variant === 'outlined' && {
|
11930
11886
|
border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
|
@@ -12004,7 +11960,7 @@ const ButtonStartIcon = styled$1('span', {
|
|
12004
11960
|
}
|
12005
11961
|
})(({
|
12006
11962
|
ownerState
|
12007
|
-
}) => _extends
|
11963
|
+
}) => _extends({
|
12008
11964
|
display: 'inherit',
|
12009
11965
|
marginRight: 8,
|
12010
11966
|
marginLeft: -4
|
@@ -12022,7 +11978,7 @@ const ButtonEndIcon = styled$1('span', {
|
|
12022
11978
|
}
|
12023
11979
|
})(({
|
12024
11980
|
ownerState
|
12025
|
-
}) => _extends
|
11981
|
+
}) => _extends({
|
12026
11982
|
display: 'inherit',
|
12027
11983
|
marginRight: -4,
|
12028
11984
|
marginLeft: 8
|
@@ -12053,8 +12009,8 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
|
12053
12009
|
type,
|
12054
12010
|
variant = 'text'
|
12055
12011
|
} = props,
|
12056
|
-
other = _objectWithoutPropertiesLoose
|
12057
|
-
const ownerState = _extends
|
12012
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$2);
|
12013
|
+
const ownerState = _extends({}, props, {
|
12058
12014
|
color,
|
12059
12015
|
component,
|
12060
12016
|
disabled,
|
@@ -12076,7 +12032,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
|
12076
12032
|
ownerState: ownerState,
|
12077
12033
|
children: endIconProp
|
12078
12034
|
});
|
12079
|
-
return /*#__PURE__*/jsxs(ButtonRoot, _extends
|
12035
|
+
return /*#__PURE__*/jsxs(ButtonRoot, _extends({
|
12080
12036
|
ownerState: ownerState,
|
12081
12037
|
className: clsx(contextProps.className, classes.root, className),
|
12082
12038
|
component: component,
|
@@ -12118,7 +12074,7 @@ process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */
|
|
12118
12074
|
* The component used for the root node.
|
12119
12075
|
* Either a string to use a HTML element or a component.
|
12120
12076
|
*/
|
12121
|
-
component: PropTypes
|
12077
|
+
component: PropTypes.elementType,
|
12122
12078
|
/**
|
12123
12079
|
* If `true`, the component is disabled.
|
12124
12080
|
* @default false
|
@@ -12221,7 +12177,7 @@ const DividerRoot = styled$1('div', {
|
|
12221
12177
|
})(({
|
12222
12178
|
theme,
|
12223
12179
|
ownerState
|
12224
|
-
}) => _extends
|
12180
|
+
}) => _extends({
|
12225
12181
|
margin: 0,
|
12226
12182
|
// Reset browser default style.
|
12227
12183
|
flexShrink: 0,
|
@@ -12253,7 +12209,7 @@ const DividerRoot = styled$1('div', {
|
|
12253
12209
|
height: 'auto'
|
12254
12210
|
}), ({
|
12255
12211
|
ownerState
|
12256
|
-
}) => _extends
|
12212
|
+
}) => _extends({}, ownerState.children && {
|
12257
12213
|
display: 'flex',
|
12258
12214
|
whiteSpace: 'nowrap',
|
12259
12215
|
textAlign: 'center',
|
@@ -12265,7 +12221,7 @@ const DividerRoot = styled$1('div', {
|
|
12265
12221
|
}), ({
|
12266
12222
|
theme,
|
12267
12223
|
ownerState
|
12268
|
-
}) => _extends
|
12224
|
+
}) => _extends({}, ownerState.children && ownerState.orientation !== 'vertical' && {
|
12269
12225
|
'&::before, &::after': {
|
12270
12226
|
width: '100%',
|
12271
12227
|
borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
|
@@ -12273,7 +12229,7 @@ const DividerRoot = styled$1('div', {
|
|
12273
12229
|
}), ({
|
12274
12230
|
theme,
|
12275
12231
|
ownerState
|
12276
|
-
}) => _extends
|
12232
|
+
}) => _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {
|
12277
12233
|
flexDirection: 'column',
|
12278
12234
|
'&::before, &::after': {
|
12279
12235
|
height: '100%',
|
@@ -12281,7 +12237,7 @@ const DividerRoot = styled$1('div', {
|
|
12281
12237
|
}
|
12282
12238
|
}), ({
|
12283
12239
|
ownerState
|
12284
|
-
}) => _extends
|
12240
|
+
}) => _extends({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
|
12285
12241
|
'&::before': {
|
12286
12242
|
width: '90%'
|
12287
12243
|
},
|
@@ -12308,7 +12264,7 @@ const DividerWrapper = styled$1('span', {
|
|
12308
12264
|
})(({
|
12309
12265
|
theme,
|
12310
12266
|
ownerState
|
12311
|
-
}) => _extends
|
12267
|
+
}) => _extends({
|
12312
12268
|
display: 'inline-block',
|
12313
12269
|
paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
|
12314
12270
|
paddingRight: `calc(${theme.spacing(1)} * 1.2)`
|
@@ -12333,8 +12289,8 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
|
12333
12289
|
textAlign = 'center',
|
12334
12290
|
variant = 'fullWidth'
|
12335
12291
|
} = props,
|
12336
|
-
other = _objectWithoutPropertiesLoose
|
12337
|
-
const ownerState = _extends
|
12292
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$1);
|
12293
|
+
const ownerState = _extends({}, props, {
|
12338
12294
|
absolute,
|
12339
12295
|
component,
|
12340
12296
|
flexItem,
|
@@ -12345,7 +12301,7 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
|
12345
12301
|
variant
|
12346
12302
|
});
|
12347
12303
|
const classes = useUtilityClasses$1(ownerState);
|
12348
|
-
return /*#__PURE__*/jsx(DividerRoot, _extends
|
12304
|
+
return /*#__PURE__*/jsx(DividerRoot, _extends({
|
12349
12305
|
as: component,
|
12350
12306
|
className: clsx(classes.root, className),
|
12351
12307
|
role: role,
|
@@ -12423,63 +12379,6 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */
|
|
12423
12379
|
} : void 0;
|
12424
12380
|
var Divider$1 = Divider;
|
12425
12381
|
|
12426
|
-
const Stack = createStack({
|
12427
|
-
createStyledComponent: styled$1('div', {
|
12428
|
-
name: 'MuiStack',
|
12429
|
-
slot: 'Root',
|
12430
|
-
overridesResolver: (props, styles) => styles.root
|
12431
|
-
}),
|
12432
|
-
useThemeProps: inProps => useThemeProps({
|
12433
|
-
props: inProps,
|
12434
|
-
name: 'MuiStack'
|
12435
|
-
})
|
12436
|
-
});
|
12437
|
-
process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
|
12438
|
-
// ----------------------------- Warning --------------------------------
|
12439
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
12440
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
12441
|
-
// ----------------------------------------------------------------------
|
12442
|
-
/**
|
12443
|
-
* The content of the component.
|
12444
|
-
*/
|
12445
|
-
children: PropTypes.node,
|
12446
|
-
/**
|
12447
|
-
* The component used for the root node.
|
12448
|
-
* Either a string to use a HTML element or a component.
|
12449
|
-
*/
|
12450
|
-
component: PropTypes.elementType,
|
12451
|
-
/**
|
12452
|
-
* Defines the `flex-direction` style property.
|
12453
|
-
* It is applied for all screen sizes.
|
12454
|
-
* @default 'column'
|
12455
|
-
*/
|
12456
|
-
direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
|
12457
|
-
/**
|
12458
|
-
* Add an element between each child.
|
12459
|
-
*/
|
12460
|
-
divider: PropTypes.node,
|
12461
|
-
/**
|
12462
|
-
* Defines the space between immediate children.
|
12463
|
-
* @default 0
|
12464
|
-
*/
|
12465
|
-
spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
|
12466
|
-
/**
|
12467
|
-
* The system prop, which allows defining system overrides as well as additional CSS styles.
|
12468
|
-
*/
|
12469
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
12470
|
-
/**
|
12471
|
-
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
12472
|
-
*
|
12473
|
-
* While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
|
12474
|
-
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
12475
|
-
*
|
12476
|
-
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
12477
|
-
* @default false
|
12478
|
-
*/
|
12479
|
-
useFlexGap: PropTypes.bool
|
12480
|
-
} : void 0;
|
12481
|
-
var Stack$1 = Stack;
|
12482
|
-
|
12483
12382
|
function getLinearProgressUtilityClass(slot) {
|
12484
12383
|
return generateUtilityClass('MuiLinearProgress', slot);
|
12485
12384
|
}
|
@@ -12577,7 +12476,7 @@ const LinearProgressRoot = styled$1('span', {
|
|
12577
12476
|
})(({
|
12578
12477
|
ownerState,
|
12579
12478
|
theme
|
12580
|
-
}) => _extends
|
12479
|
+
}) => _extends({
|
12581
12480
|
position: 'relative',
|
12582
12481
|
overflow: 'hidden',
|
12583
12482
|
display: 'block',
|
@@ -12619,7 +12518,7 @@ const LinearProgressDashed = styled$1('span', {
|
|
12619
12518
|
theme
|
12620
12519
|
}) => {
|
12621
12520
|
const backgroundColor = getColorShade(theme, ownerState.color);
|
12622
|
-
return _extends
|
12521
|
+
return _extends({
|
12623
12522
|
position: 'absolute',
|
12624
12523
|
marginTop: 0,
|
12625
12524
|
height: '100%',
|
@@ -12646,7 +12545,7 @@ const LinearProgressBar1 = styled$1('span', {
|
|
12646
12545
|
})(({
|
12647
12546
|
ownerState,
|
12648
12547
|
theme
|
12649
|
-
}) => _extends
|
12548
|
+
}) => _extends({
|
12650
12549
|
width: '100%',
|
12651
12550
|
position: 'absolute',
|
12652
12551
|
left: 0,
|
@@ -12678,7 +12577,7 @@ const LinearProgressBar2 = styled$1('span', {
|
|
12678
12577
|
})(({
|
12679
12578
|
ownerState,
|
12680
12579
|
theme
|
12681
|
-
}) => _extends
|
12580
|
+
}) => _extends({
|
12682
12581
|
width: '100%',
|
12683
12582
|
position: 'absolute',
|
12684
12583
|
left: 0,
|
@@ -12719,8 +12618,8 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
|
|
12719
12618
|
valueBuffer,
|
12720
12619
|
variant = 'indeterminate'
|
12721
12620
|
} = props,
|
12722
|
-
other = _objectWithoutPropertiesLoose
|
12723
|
-
const ownerState = _extends
|
12621
|
+
other = _objectWithoutPropertiesLoose(props, _excluded);
|
12622
|
+
const ownerState = _extends({}, props, {
|
12724
12623
|
color,
|
12725
12624
|
variant
|
12726
12625
|
});
|
@@ -12756,7 +12655,7 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
|
|
12756
12655
|
console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
|
12757
12656
|
}
|
12758
12657
|
}
|
12759
|
-
return /*#__PURE__*/jsxs(LinearProgressRoot, _extends
|
12658
|
+
return /*#__PURE__*/jsxs(LinearProgressRoot, _extends({
|
12760
12659
|
className: clsx(classes.root, className),
|
12761
12660
|
ownerState: ownerState,
|
12762
12661
|
role: "progressbar"
|
@@ -12820,34 +12719,99 @@ process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-propt
|
|
12820
12719
|
} : void 0;
|
12821
12720
|
var LinearProgress$1 = LinearProgress;
|
12822
12721
|
|
12722
|
+
const Stack = createStack({
|
12723
|
+
createStyledComponent: styled$1('div', {
|
12724
|
+
name: 'MuiStack',
|
12725
|
+
slot: 'Root',
|
12726
|
+
overridesResolver: (props, styles) => styles.root
|
12727
|
+
}),
|
12728
|
+
useThemeProps: inProps => useThemeProps({
|
12729
|
+
props: inProps,
|
12730
|
+
name: 'MuiStack'
|
12731
|
+
})
|
12732
|
+
});
|
12733
|
+
process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
|
12734
|
+
// ----------------------------- Warning --------------------------------
|
12735
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
12736
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
12737
|
+
// ----------------------------------------------------------------------
|
12738
|
+
/**
|
12739
|
+
* The content of the component.
|
12740
|
+
*/
|
12741
|
+
children: PropTypes.node,
|
12742
|
+
/**
|
12743
|
+
* The component used for the root node.
|
12744
|
+
* Either a string to use a HTML element or a component.
|
12745
|
+
*/
|
12746
|
+
component: PropTypes.elementType,
|
12747
|
+
/**
|
12748
|
+
* Defines the `flex-direction` style property.
|
12749
|
+
* It is applied for all screen sizes.
|
12750
|
+
* @default 'column'
|
12751
|
+
*/
|
12752
|
+
direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
|
12753
|
+
/**
|
12754
|
+
* Add an element between each child.
|
12755
|
+
*/
|
12756
|
+
divider: PropTypes.node,
|
12757
|
+
/**
|
12758
|
+
* Defines the space between immediate children.
|
12759
|
+
* @default 0
|
12760
|
+
*/
|
12761
|
+
spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
|
12762
|
+
/**
|
12763
|
+
* The system prop, which allows defining system overrides as well as additional CSS styles.
|
12764
|
+
*/
|
12765
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
12766
|
+
/**
|
12767
|
+
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
12768
|
+
*
|
12769
|
+
* While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
|
12770
|
+
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
12771
|
+
*
|
12772
|
+
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
12773
|
+
* @default false
|
12774
|
+
*/
|
12775
|
+
useFlexGap: PropTypes.bool
|
12776
|
+
} : void 0;
|
12777
|
+
var Stack$1 = Stack;
|
12778
|
+
|
12823
12779
|
const ToastContent = styled$1(Stack$1)(({
|
12824
12780
|
theme
|
12825
12781
|
}) => ({
|
12826
12782
|
marginBottom: theme.spacing(2),
|
12827
|
-
position: "relative",
|
12828
|
-
top: 16,
|
12829
|
-
left: "979px",
|
12830
12783
|
zIndex: 9999,
|
12831
|
-
boxShadow:
|
12784
|
+
boxShadow: '0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)',
|
12785
|
+
'&.flex-end': {
|
12786
|
+
marginTop: 16,
|
12787
|
+
marginRight: 16
|
12788
|
+
},
|
12789
|
+
'&.center': {
|
12790
|
+
marginTop: 16
|
12791
|
+
},
|
12792
|
+
'&.flex-start': {
|
12793
|
+
marginLeft: 16,
|
12794
|
+
marginTop: 16
|
12795
|
+
}
|
12832
12796
|
}));
|
12833
12797
|
const ContentBox = styled$1(Box$1)(({
|
12834
12798
|
theme
|
12835
12799
|
}) => ({
|
12836
12800
|
padding: theme.spacing(1.5),
|
12837
12801
|
gap: theme.spacing(1.5),
|
12838
|
-
display:
|
12839
|
-
alignItems:
|
12840
|
-
|
12841
|
-
backgroundColor:
|
12802
|
+
display: 'flex',
|
12803
|
+
alignItems: 'center',
|
12804
|
+
'&.color-error': {
|
12805
|
+
backgroundColor: '#feebee'
|
12842
12806
|
},
|
12843
|
-
|
12844
|
-
backgroundColor:
|
12807
|
+
'&.color-info': {
|
12808
|
+
backgroundColor: '#e1f5fe'
|
12845
12809
|
},
|
12846
|
-
|
12847
|
-
backgroundColor:
|
12810
|
+
'&.color-warning': {
|
12811
|
+
backgroundColor: '#fff3e0'
|
12848
12812
|
},
|
12849
|
-
|
12850
|
-
backgroundColor:
|
12813
|
+
'&.color-success': {
|
12814
|
+
backgroundColor: '#E8F5E9'
|
12851
12815
|
}
|
12852
12816
|
}));
|
12853
12817
|
const RippleIcon = styled$1(Stack$1)(({
|
@@ -12857,31 +12821,31 @@ const RippleIcon = styled$1(Stack$1)(({
|
|
12857
12821
|
gap: theme.spacing(1),
|
12858
12822
|
height: 20,
|
12859
12823
|
borderRadius: 50,
|
12860
|
-
|
12861
|
-
backgroundColor:
|
12824
|
+
'&.ripple-error': {
|
12825
|
+
backgroundColor: '#D143431F'
|
12862
12826
|
},
|
12863
|
-
|
12864
|
-
backgroundColor:
|
12827
|
+
'&.ripple-info': {
|
12828
|
+
backgroundColor: '#2D9FC51F'
|
12865
12829
|
},
|
12866
|
-
|
12867
|
-
backgroundColor:
|
12830
|
+
'&.ripple-warning': {
|
12831
|
+
backgroundColor: '#FB85001F'
|
12868
12832
|
},
|
12869
|
-
|
12870
|
-
backgroundColor:
|
12833
|
+
'&.ripple-success': {
|
12834
|
+
backgroundColor: '#8FC93A1F'
|
12871
12835
|
}
|
12872
12836
|
}));
|
12873
12837
|
const ContentIcon = styled$1(Stack$1)(() => ({
|
12874
|
-
|
12875
|
-
color:
|
12838
|
+
'&.icon-color.color-info': {
|
12839
|
+
color: '#0097b9'
|
12876
12840
|
},
|
12877
|
-
|
12878
|
-
color:
|
12841
|
+
'&.icon-color.color-error': {
|
12842
|
+
color: '#d14343'
|
12879
12843
|
},
|
12880
|
-
|
12881
|
-
color:
|
12844
|
+
'&.icon-color.color-warning': {
|
12845
|
+
color: '#fb8500'
|
12882
12846
|
},
|
12883
|
-
|
12884
|
-
color:
|
12847
|
+
'&.icon-color.color-success': {
|
12848
|
+
color: '#8fc93a'
|
12885
12849
|
}
|
12886
12850
|
}));
|
12887
12851
|
const ToastNotification = toast => {
|
@@ -12895,14 +12859,20 @@ const ToastNotification = toast => {
|
|
12895
12859
|
warning: /*#__PURE__*/React__default.createElement(WarningRounded, null),
|
12896
12860
|
info: /*#__PURE__*/React__default.createElement(InfoRounded, null)
|
12897
12861
|
};
|
12898
|
-
const ToastIcon = IconMap[toast.type ||
|
12862
|
+
const ToastIcon = IconMap[toast.type || 'info'];
|
12899
12863
|
const colorMap = {
|
12900
|
-
success:
|
12901
|
-
error:
|
12902
|
-
warning:
|
12903
|
-
info:
|
12864
|
+
success: 'success',
|
12865
|
+
error: 'error',
|
12866
|
+
warning: 'warning',
|
12867
|
+
info: 'info'
|
12868
|
+
};
|
12869
|
+
const colors = colorMap[toast.type || 'info'];
|
12870
|
+
const toastPosition = {
|
12871
|
+
center: 'center',
|
12872
|
+
right: 'flex-end',
|
12873
|
+
left: 'flex-start'
|
12904
12874
|
};
|
12905
|
-
const
|
12875
|
+
const position = toastPosition[toast.position || 'right'];
|
12906
12876
|
const close = () => {
|
12907
12877
|
setOpenToast(false);
|
12908
12878
|
};
|
@@ -12926,15 +12896,18 @@ const ToastNotification = toast => {
|
|
12926
12896
|
}, [timeProgress, toast.time]);
|
12927
12897
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, openToast && /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
12928
12898
|
theme: SincoTheme
|
12899
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
12900
|
+
alignItems: position || 'right'
|
12929
12901
|
}, /*#__PURE__*/React__default.createElement(ToastContent, {
|
12930
12902
|
width: 370,
|
12931
|
-
role: "toast"
|
12903
|
+
role: "toast",
|
12904
|
+
className: `${position}`
|
12932
12905
|
}, /*#__PURE__*/React__default.createElement(ContentBox, {
|
12933
|
-
className: `color-${toast.type ||
|
12906
|
+
className: `color-${toast.type || 'info'}`
|
12934
12907
|
}, toast && /*#__PURE__*/React__default.createElement(RippleIcon, {
|
12935
|
-
className: `ripple-${toast.type ||
|
12908
|
+
className: `ripple-${toast.type || 'info'}`
|
12936
12909
|
}, /*#__PURE__*/React__default.createElement(ContentIcon, {
|
12937
|
-
className: `icon-color color-${toast.type ||
|
12910
|
+
className: `icon-color color-${toast.type || 'info'}`
|
12938
12911
|
}, ToastIcon)), /*#__PURE__*/React__default.createElement(Divider$1, {
|
12939
12912
|
orientation: "vertical",
|
12940
12913
|
flexItem: true
|
@@ -12962,17 +12935,17 @@ const ToastNotification = toast => {
|
|
12962
12935
|
paddingLeft: 15,
|
12963
12936
|
marginBlock: 0,
|
12964
12937
|
fontSize: 11,
|
12965
|
-
color:
|
12938
|
+
color: '#101840de'
|
12966
12939
|
}
|
12967
12940
|
}, toast.dataOpt.map((element, i) => {
|
12968
12941
|
const keyElement = Object.keys(element);
|
12969
|
-
let options =
|
12942
|
+
let options = '';
|
12970
12943
|
for (let _i = 0; _i < keyElement.length; _i++) {
|
12971
12944
|
options += element[keyElement[_i]];
|
12972
12945
|
}
|
12973
12946
|
return /*#__PURE__*/React__default.createElement("li", {
|
12974
12947
|
style: {
|
12975
|
-
width:
|
12948
|
+
width: 'fit-content'
|
12976
12949
|
},
|
12977
12950
|
key: i
|
12978
12951
|
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
@@ -12995,11 +12968,11 @@ const ToastNotification = toast => {
|
|
12995
12968
|
}) : /*#__PURE__*/React__default.createElement(ArrowUpward, {
|
12996
12969
|
fontSize: "small"
|
12997
12970
|
})
|
12998
|
-
}, showOptions ?
|
12971
|
+
}, showOptions ? 'Ver más' : 'Ver menos')))), /*#__PURE__*/React__default.createElement(LinearProgress$1, {
|
12999
12972
|
color: colors,
|
13000
12973
|
variant: "determinate",
|
13001
12974
|
value: progress
|
13002
|
-
}))));
|
12975
|
+
})))));
|
13003
12976
|
};
|
13004
12977
|
|
13005
12978
|
export { SincoTheme, ToastNotification };
|