@sinco/react 1.0.14-rc.5 → 1.0.14-rc.50
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +302 -1116
- package/package.json +1 -1
- package/src/index.d.ts +1 -1
- package/src/lib/Components/PageHeader.d.ts +14 -0
- package/src/lib/Components/index.d.ts +1 -2
- package/src/lib/Utils/index.d.ts +1 -0
- package/index.d.ts +0 -1
- package/src/lib/Components/App.d.ts +0 -2
- package/src/lib/Components/ToastNotification.d.ts +0 -14
- package/src/lib/Hooks/useProgress.d.ts +0 -3
package/index.js
CHANGED
@@ -146,7 +146,7 @@ var $TypeError$d = TypeError;
|
|
146
146
|
// `RequireObjectCoercible` abstract operation
|
147
147
|
// https://tc39.es/ecma262/#sec-requireobjectcoercible
|
148
148
|
var requireObjectCoercible$3 = function (it) {
|
149
|
-
if (isNullOrUndefined$4(it)) throw $TypeError$d("Can't call method on " + it);
|
149
|
+
if (isNullOrUndefined$4(it)) throw new $TypeError$d("Can't call method on " + it);
|
150
150
|
return it;
|
151
151
|
};
|
152
152
|
|
@@ -295,7 +295,7 @@ var $TypeError$c = TypeError;
|
|
295
295
|
// `Assert: IsCallable(argument) is true`
|
296
296
|
var aCallable$8 = function (argument) {
|
297
297
|
if (isCallable$h(argument)) return argument;
|
298
|
-
throw $TypeError$c(tryToString$3(argument) + ' is not a function');
|
298
|
+
throw new $TypeError$c(tryToString$3(argument) + ' is not a function');
|
299
299
|
};
|
300
300
|
|
301
301
|
var aCallable$7 = aCallable$8;
|
@@ -321,7 +321,7 @@ var ordinaryToPrimitive$1 = function (input, pref) {
|
|
321
321
|
if (pref === 'string' && isCallable$g(fn = input.toString) && !isObject$7(val = call$f(fn, input))) return val;
|
322
322
|
if (isCallable$g(fn = input.valueOf) && !isObject$7(val = call$f(fn, input))) return val;
|
323
323
|
if (pref !== 'string' && isCallable$g(fn = input.toString) && !isObject$7(val = call$f(fn, input))) return val;
|
324
|
-
throw $TypeError$b("Can't convert object to primitive value");
|
324
|
+
throw new $TypeError$b("Can't convert object to primitive value");
|
325
325
|
};
|
326
326
|
|
327
327
|
var shared$4 = {exports: {}};
|
@@ -352,10 +352,10 @@ var store$2 = sharedStore;
|
|
352
352
|
(shared$4.exports = function (key, value) {
|
353
353
|
return store$2[key] || (store$2[key] = value !== undefined ? value : {});
|
354
354
|
})('versions', []).push({
|
355
|
-
version: '3.
|
355
|
+
version: '3.33.0',
|
356
356
|
mode: 'global',
|
357
357
|
copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
|
358
|
-
license: 'https://github.com/zloirock/core-js/blob/v3.
|
358
|
+
license: 'https://github.com/zloirock/core-js/blob/v3.33.0/LICENSE',
|
359
359
|
source: 'https://github.com/zloirock/core-js'
|
360
360
|
});
|
361
361
|
|
@@ -430,7 +430,7 @@ var toPrimitive$1 = function (input, pref) {
|
|
430
430
|
if (pref === undefined) pref = 'default';
|
431
431
|
result = call$e(exoticToPrim, input, pref);
|
432
432
|
if (!isObject$6(result) || isSymbol$1(result)) return result;
|
433
|
-
throw $TypeError$a("Can't convert object to primitive value");
|
433
|
+
throw new $TypeError$a("Can't convert object to primitive value");
|
434
434
|
}
|
435
435
|
if (pref === undefined) pref = 'number';
|
436
436
|
return ordinaryToPrimitive(input, pref);
|
@@ -515,7 +515,7 @@ var $TypeError$9 = TypeError;
|
|
515
515
|
// `Assert: Type(argument) is Object`
|
516
516
|
var anObject$d = function (argument) {
|
517
517
|
if (isObject$4(argument)) return argument;
|
518
|
-
throw $TypeError$9($String$3(argument) + ' is not an object');
|
518
|
+
throw new $TypeError$9($String$3(argument) + ' is not an object');
|
519
519
|
};
|
520
520
|
|
521
521
|
var DESCRIPTORS$7 = descriptors;
|
@@ -557,7 +557,7 @@ objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
|
|
557
557
|
if (IE8_DOM_DEFINE) try {
|
558
558
|
return $defineProperty(O, P, Attributes);
|
559
559
|
} catch (error) { /* empty */ }
|
560
|
-
if ('get' in Attributes || 'set' in Attributes) throw $TypeError$8('Accessors not supported');
|
560
|
+
if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$8('Accessors not supported');
|
561
561
|
if ('value' in Attributes) O[P] = Attributes.value;
|
562
562
|
return O;
|
563
563
|
};
|
@@ -648,7 +648,7 @@ var getterFor = function (TYPE) {
|
|
648
648
|
return function (it) {
|
649
649
|
var state;
|
650
650
|
if (!isObject$3(it) || (state = get(it)).type !== TYPE) {
|
651
|
-
throw TypeError$2('Incompatible receiver, ' + TYPE + ' required');
|
651
|
+
throw new TypeError$2('Incompatible receiver, ' + TYPE + ' required');
|
652
652
|
} return state;
|
653
653
|
};
|
654
654
|
};
|
@@ -661,7 +661,7 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
|
|
661
661
|
store.set = store.set;
|
662
662
|
/* eslint-enable no-self-assign -- prototype methods protection */
|
663
663
|
set$1 = function (it, metadata) {
|
664
|
-
if (store.has(it)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
|
664
|
+
if (store.has(it)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
|
665
665
|
metadata.facade = it;
|
666
666
|
store.set(it, metadata);
|
667
667
|
return metadata;
|
@@ -676,7 +676,7 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
|
|
676
676
|
var STATE = sharedKey$2('state');
|
677
677
|
hiddenKeys$3[STATE] = true;
|
678
678
|
set$1 = function (it, metadata) {
|
679
|
-
if (hasOwn$6(it, STATE)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
|
679
|
+
if (hasOwn$6(it, STATE)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
|
680
680
|
metadata.facade = it;
|
681
681
|
createNonEnumerableProperty$4(it, STATE, metadata);
|
682
682
|
return metadata;
|
@@ -2759,7 +2759,11 @@ function deprecatedPropType(validator, reason) {
|
|
2759
2759
|
}
|
2760
2760
|
|
2761
2761
|
function isMuiElement(element, muiNames) {
|
2762
|
-
|
2762
|
+
var _muiName, _element$type;
|
2763
|
+
return /*#__PURE__*/React.isValidElement(element) && muiNames.indexOf( // For server components `muiName` is avaialble in element.type._payload.value.muiName
|
2764
|
+
// relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
|
2765
|
+
// eslint-disable-next-line no-underscore-dangle
|
2766
|
+
(_muiName = element.type.muiName) != null ? _muiName : (_element$type = element.type) == null || (_element$type = _element$type._payload) == null || (_element$type = _element$type.value) == null ? void 0 : _element$type.muiName) !== -1;
|
2763
2767
|
}
|
2764
2768
|
|
2765
2769
|
function ownerDocument(node) {
|
@@ -2816,6 +2820,13 @@ function setRef(ref, value) {
|
|
2816
2820
|
}
|
2817
2821
|
}
|
2818
2822
|
|
2823
|
+
/**
|
2824
|
+
* A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
|
2825
|
+
* This is useful for effects that are only needed for client-side rendering but not for SSR.
|
2826
|
+
*
|
2827
|
+
* Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
|
2828
|
+
* and confirm it doesn't apply to your use-case.
|
2829
|
+
*/
|
2819
2830
|
const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
2820
2831
|
var useEnhancedEffect$1 = useEnhancedEffect;
|
2821
2832
|
|
@@ -6188,7 +6199,7 @@ tags.forEach(function (tagName) {
|
|
6188
6199
|
});
|
6189
6200
|
|
6190
6201
|
/**
|
6191
|
-
* @mui/styled-engine v5.14.
|
6202
|
+
* @mui/styled-engine v5.14.12
|
6192
6203
|
*
|
6193
6204
|
* @license MIT
|
6194
6205
|
* This source code is licensed under the MIT license found in the
|
@@ -6247,7 +6258,7 @@ function _objectWithoutPropertiesLoose$2(source, excluded) {
|
|
6247
6258
|
return target;
|
6248
6259
|
}
|
6249
6260
|
|
6250
|
-
const _excluded$
|
6261
|
+
const _excluded$s = ["values", "unit", "step"];
|
6251
6262
|
const sortBreakpointsValues = values => {
|
6252
6263
|
const breakpointsAsArray = Object.keys(values).map(key => ({
|
6253
6264
|
key,
|
@@ -6282,7 +6293,7 @@ function createBreakpoints(breakpoints) {
|
|
6282
6293
|
unit = 'px',
|
6283
6294
|
step = 5
|
6284
6295
|
} = breakpoints,
|
6285
|
-
other = _objectWithoutPropertiesLoose$2(breakpoints, _excluded$
|
6296
|
+
other = _objectWithoutPropertiesLoose$2(breakpoints, _excluded$s);
|
6286
6297
|
const sortedValues = sortBreakpointsValues(values);
|
6287
6298
|
const keys = Object.keys(sortedValues);
|
6288
6299
|
function up(key) {
|
@@ -7378,7 +7389,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
|
|
7378
7389
|
styleFunctionSx.filterProps = ['sx'];
|
7379
7390
|
var styleFunctionSx$1 = styleFunctionSx;
|
7380
7391
|
|
7381
|
-
const _excluded$
|
7392
|
+
const _excluded$r = ["breakpoints", "palette", "spacing", "shape"];
|
7382
7393
|
function createTheme$1(options = {}, ...args) {
|
7383
7394
|
const {
|
7384
7395
|
breakpoints: breakpointsInput = {},
|
@@ -7386,7 +7397,7 @@ function createTheme$1(options = {}, ...args) {
|
|
7386
7397
|
spacing: spacingInput,
|
7387
7398
|
shape: shapeInput = {}
|
7388
7399
|
} = options,
|
7389
|
-
other = _objectWithoutPropertiesLoose$2(options, _excluded$
|
7400
|
+
other = _objectWithoutPropertiesLoose$2(options, _excluded$r);
|
7390
7401
|
const breakpoints = createBreakpoints(breakpointsInput);
|
7391
7402
|
const spacing = createSpacing(spacingInput);
|
7392
7403
|
let muiTheme = deepmerge({
|
@@ -7424,7 +7435,7 @@ function useTheme$2(defaultTheme = systemDefaultTheme$1) {
|
|
7424
7435
|
return useTheme$3(defaultTheme);
|
7425
7436
|
}
|
7426
7437
|
|
7427
|
-
const _excluded$
|
7438
|
+
const _excluded$q = ["sx"];
|
7428
7439
|
const splitProps = props => {
|
7429
7440
|
var _props$theme$unstable, _props$theme;
|
7430
7441
|
const result = {
|
@@ -7445,7 +7456,7 @@ function extendSxProp(props) {
|
|
7445
7456
|
const {
|
7446
7457
|
sx: inSx
|
7447
7458
|
} = props,
|
7448
|
-
other = _objectWithoutPropertiesLoose$2(props, _excluded$
|
7459
|
+
other = _objectWithoutPropertiesLoose$2(props, _excluded$q);
|
7449
7460
|
const {
|
7450
7461
|
systemProps,
|
7451
7462
|
otherProps
|
@@ -7471,7 +7482,7 @@ function extendSxProp(props) {
|
|
7471
7482
|
|
7472
7483
|
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}
|
7473
7484
|
|
7474
|
-
const _excluded$
|
7485
|
+
const _excluded$p = ["className", "component"];
|
7475
7486
|
function createBox(options = {}) {
|
7476
7487
|
const {
|
7477
7488
|
themeId,
|
@@ -7489,7 +7500,7 @@ function createBox(options = {}) {
|
|
7489
7500
|
className,
|
7490
7501
|
component = 'div'
|
7491
7502
|
} = _extendSxProp,
|
7492
|
-
other = _objectWithoutPropertiesLoose$2(_extendSxProp, _excluded$
|
7503
|
+
other = _objectWithoutPropertiesLoose$2(_extendSxProp, _excluded$p);
|
7493
7504
|
return /*#__PURE__*/jsx(BoxRoot, _extends$2({
|
7494
7505
|
as: component,
|
7495
7506
|
ref: ref,
|
@@ -7500,7 +7511,7 @@ function createBox(options = {}) {
|
|
7500
7511
|
return Box;
|
7501
7512
|
}
|
7502
7513
|
|
7503
|
-
const _excluded$
|
7514
|
+
const _excluded$o = ["variant"];
|
7504
7515
|
function isEmpty$1(string) {
|
7505
7516
|
return string.length === 0;
|
7506
7517
|
}
|
@@ -7514,7 +7525,7 @@ function propsToClassKey(props) {
|
|
7514
7525
|
const {
|
7515
7526
|
variant
|
7516
7527
|
} = props,
|
7517
|
-
other = _objectWithoutPropertiesLoose$2(props, _excluded$
|
7528
|
+
other = _objectWithoutPropertiesLoose$2(props, _excluded$o);
|
7518
7529
|
let classKey = variant || '';
|
7519
7530
|
Object.keys(other).sort().forEach(key => {
|
7520
7531
|
if (key === 'color') {
|
@@ -7526,7 +7537,7 @@ function propsToClassKey(props) {
|
|
7526
7537
|
return classKey;
|
7527
7538
|
}
|
7528
7539
|
|
7529
|
-
const _excluded$
|
7540
|
+
const _excluded$n = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
|
7530
7541
|
function isEmpty(obj) {
|
7531
7542
|
return Object.keys(obj).length === 0;
|
7532
7543
|
}
|
@@ -7545,40 +7556,48 @@ const getStyleOverrides = (name, theme) => {
|
|
7545
7556
|
}
|
7546
7557
|
return null;
|
7547
7558
|
};
|
7559
|
+
const transformVariants = variants => {
|
7560
|
+
const variantsStyles = {};
|
7561
|
+
if (variants) {
|
7562
|
+
variants.forEach(definition => {
|
7563
|
+
const key = propsToClassKey(definition.props);
|
7564
|
+
variantsStyles[key] = definition.style;
|
7565
|
+
});
|
7566
|
+
}
|
7567
|
+
return variantsStyles;
|
7568
|
+
};
|
7548
7569
|
const getVariantStyles = (name, theme) => {
|
7549
7570
|
let variants = [];
|
7550
7571
|
if (theme && theme.components && theme.components[name] && theme.components[name].variants) {
|
7551
7572
|
variants = theme.components[name].variants;
|
7552
7573
|
}
|
7553
|
-
|
7554
|
-
variants.forEach(definition => {
|
7555
|
-
const key = propsToClassKey(definition.props);
|
7556
|
-
variantsStyles[key] = definition.style;
|
7557
|
-
});
|
7558
|
-
return variantsStyles;
|
7574
|
+
return transformVariants(variants);
|
7559
7575
|
};
|
7560
|
-
const variantsResolver = (props, styles,
|
7561
|
-
var _theme$components;
|
7576
|
+
const variantsResolver = (props, styles, variants) => {
|
7562
7577
|
const {
|
7563
7578
|
ownerState = {}
|
7564
7579
|
} = props;
|
7565
7580
|
const variantsStyles = [];
|
7566
|
-
|
7567
|
-
|
7568
|
-
themeVariants.forEach(themeVariant => {
|
7581
|
+
if (variants) {
|
7582
|
+
variants.forEach(variant => {
|
7569
7583
|
let isMatch = true;
|
7570
|
-
Object.keys(
|
7571
|
-
if (ownerState[key] !==
|
7584
|
+
Object.keys(variant.props).forEach(key => {
|
7585
|
+
if (ownerState[key] !== variant.props[key] && props[key] !== variant.props[key]) {
|
7572
7586
|
isMatch = false;
|
7573
7587
|
}
|
7574
7588
|
});
|
7575
7589
|
if (isMatch) {
|
7576
|
-
variantsStyles.push(styles[propsToClassKey(
|
7590
|
+
variantsStyles.push(styles[propsToClassKey(variant.props)]);
|
7577
7591
|
}
|
7578
7592
|
});
|
7579
7593
|
}
|
7580
7594
|
return variantsStyles;
|
7581
7595
|
};
|
7596
|
+
const themeVariantsResolver = (props, styles, theme, name) => {
|
7597
|
+
var _theme$components;
|
7598
|
+
const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[name]) == null ? void 0 : _theme$components.variants;
|
7599
|
+
return variantsResolver(props, styles, themeVariants);
|
7600
|
+
};
|
7582
7601
|
|
7583
7602
|
// Update /system/styled/#api in case if this changes
|
7584
7603
|
function shouldForwardProp(prop) {
|
@@ -7604,6 +7623,29 @@ function defaultOverridesResolver(slot) {
|
|
7604
7623
|
}
|
7605
7624
|
return (props, styles) => styles[slot];
|
7606
7625
|
}
|
7626
|
+
const muiStyledFunctionResolver = ({
|
7627
|
+
styledArg,
|
7628
|
+
props,
|
7629
|
+
defaultTheme,
|
7630
|
+
themeId
|
7631
|
+
}) => {
|
7632
|
+
const resolvedStyles = styledArg(_extends$2({}, props, {
|
7633
|
+
theme: resolveTheme(_extends$2({}, props, {
|
7634
|
+
defaultTheme,
|
7635
|
+
themeId
|
7636
|
+
}))
|
7637
|
+
}));
|
7638
|
+
let optionalVariants;
|
7639
|
+
if (resolvedStyles && resolvedStyles.variants) {
|
7640
|
+
optionalVariants = resolvedStyles.variants;
|
7641
|
+
delete resolvedStyles.variants;
|
7642
|
+
}
|
7643
|
+
if (optionalVariants) {
|
7644
|
+
const variantsStyles = variantsResolver(props, transformVariants(optionalVariants), optionalVariants);
|
7645
|
+
return [resolvedStyles, ...variantsStyles];
|
7646
|
+
}
|
7647
|
+
return resolvedStyles;
|
7648
|
+
};
|
7607
7649
|
function createStyled(input = {}) {
|
7608
7650
|
const {
|
7609
7651
|
themeId,
|
@@ -7632,7 +7674,7 @@ function createStyled(input = {}) {
|
|
7632
7674
|
// For more details: https://github.com/mui/material-ui/pull/37908
|
7633
7675
|
overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot))
|
7634
7676
|
} = inputOptions,
|
7635
|
-
options = _objectWithoutPropertiesLoose$2(inputOptions, _excluded$
|
7677
|
+
options = _objectWithoutPropertiesLoose$2(inputOptions, _excluded$n);
|
7636
7678
|
|
7637
7679
|
// if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
|
7638
7680
|
const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :
|
@@ -7670,16 +7712,61 @@ function createStyled(input = {}) {
|
|
7670
7712
|
// On the server Emotion doesn't use React.forwardRef for creating components, so the created
|
7671
7713
|
// component stays as a function. This condition makes sure that we do not interpolate functions
|
7672
7714
|
// which are basically components used as a selectors.
|
7673
|
-
|
7674
|
-
return
|
7675
|
-
|
7676
|
-
|
7677
|
-
|
7678
|
-
|
7679
|
-
})
|
7680
|
-
}
|
7715
|
+
if (typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg) {
|
7716
|
+
return props => muiStyledFunctionResolver({
|
7717
|
+
styledArg: stylesArg,
|
7718
|
+
props,
|
7719
|
+
defaultTheme,
|
7720
|
+
themeId
|
7721
|
+
});
|
7722
|
+
}
|
7723
|
+
if (isPlainObject(stylesArg)) {
|
7724
|
+
let transformedStylesArg = stylesArg;
|
7725
|
+
let styledArgVariants;
|
7726
|
+
if (stylesArg && stylesArg.variants) {
|
7727
|
+
styledArgVariants = stylesArg.variants;
|
7728
|
+
delete transformedStylesArg.variants;
|
7729
|
+
transformedStylesArg = props => {
|
7730
|
+
let result = stylesArg;
|
7731
|
+
const variantStyles = variantsResolver(props, transformVariants(styledArgVariants), styledArgVariants);
|
7732
|
+
variantStyles.forEach(variantStyle => {
|
7733
|
+
result = deepmerge(result, variantStyle);
|
7734
|
+
});
|
7735
|
+
return result;
|
7736
|
+
};
|
7737
|
+
}
|
7738
|
+
return transformedStylesArg;
|
7739
|
+
}
|
7740
|
+
return stylesArg;
|
7681
7741
|
}) : [];
|
7682
7742
|
let transformedStyleArg = styleArg;
|
7743
|
+
if (isPlainObject(styleArg)) {
|
7744
|
+
let styledArgVariants;
|
7745
|
+
if (styleArg && styleArg.variants) {
|
7746
|
+
styledArgVariants = styleArg.variants;
|
7747
|
+
delete transformedStyleArg.variants;
|
7748
|
+
transformedStyleArg = props => {
|
7749
|
+
let result = styleArg;
|
7750
|
+
const variantStyles = variantsResolver(props, transformVariants(styledArgVariants), styledArgVariants);
|
7751
|
+
variantStyles.forEach(variantStyle => {
|
7752
|
+
result = deepmerge(result, variantStyle);
|
7753
|
+
});
|
7754
|
+
return result;
|
7755
|
+
};
|
7756
|
+
}
|
7757
|
+
} else if (typeof styleArg === 'function' &&
|
7758
|
+
// On the server Emotion doesn't use React.forwardRef for creating components, so the created
|
7759
|
+
// component stays as a function. This condition makes sure that we do not interpolate functions
|
7760
|
+
// which are basically components used as a selectors.
|
7761
|
+
styleArg.__emotion_real !== styleArg) {
|
7762
|
+
// If the type is function, we need to define the default theme.
|
7763
|
+
transformedStyleArg = props => muiStyledFunctionResolver({
|
7764
|
+
styledArg: styleArg,
|
7765
|
+
props,
|
7766
|
+
defaultTheme,
|
7767
|
+
themeId
|
7768
|
+
});
|
7769
|
+
}
|
7683
7770
|
if (componentName && overridesResolver) {
|
7684
7771
|
expressionsWithDefaultTheme.push(props => {
|
7685
7772
|
const theme = resolveTheme(_extends$2({}, props, {
|
@@ -7705,7 +7792,7 @@ function createStyled(input = {}) {
|
|
7705
7792
|
defaultTheme,
|
7706
7793
|
themeId
|
7707
7794
|
}));
|
7708
|
-
return
|
7795
|
+
return themeVariantsResolver(props, getVariantStyles(componentName, theme), theme, componentName);
|
7709
7796
|
});
|
7710
7797
|
}
|
7711
7798
|
if (!skipSx) {
|
@@ -7717,18 +7804,6 @@ function createStyled(input = {}) {
|
|
7717
7804
|
// If the type is array, than we need to add placeholders in the template for the overrides, variants and the sx styles.
|
7718
7805
|
transformedStyleArg = [...styleArg, ...placeholders];
|
7719
7806
|
transformedStyleArg.raw = [...styleArg.raw, ...placeholders];
|
7720
|
-
} else if (typeof styleArg === 'function' &&
|
7721
|
-
// On the server Emotion doesn't use React.forwardRef for creating components, so the created
|
7722
|
-
// component stays as a function. This condition makes sure that we do not interpolate functions
|
7723
|
-
// which are basically components used as a selectors.
|
7724
|
-
styleArg.__emotion_real !== styleArg) {
|
7725
|
-
// If the type is function, we need to define the default theme.
|
7726
|
-
transformedStyleArg = props => styleArg(_extends$2({}, props, {
|
7727
|
-
theme: resolveTheme(_extends$2({}, props, {
|
7728
|
-
defaultTheme,
|
7729
|
-
themeId
|
7730
|
-
}))
|
7731
|
-
}));
|
7732
7807
|
}
|
7733
7808
|
const Component = defaultStyledResolver(transformedStyleArg, ...expressionsWithDefaultTheme);
|
7734
7809
|
if (process.env.NODE_ENV !== 'production') {
|
@@ -8182,7 +8257,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
8182
8257
|
process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes = exactProp(ThemeProvider$1.propTypes) : void 0;
|
8183
8258
|
}
|
8184
8259
|
|
8185
|
-
const _excluded$
|
8260
|
+
const _excluded$m = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
|
8186
8261
|
const defaultTheme$3 = createTheme$1();
|
8187
8262
|
// widening Theme to any so that the consumer can own the theme structure.
|
8188
8263
|
const defaultCreateStyledComponent = systemStyled('div', {
|
@@ -8315,7 +8390,7 @@ function createStack(options = {}) {
|
|
8315
8390
|
className,
|
8316
8391
|
useFlexGap = false
|
8317
8392
|
} = props,
|
8318
|
-
other = _objectWithoutPropertiesLoose$2(props, _excluded$
|
8393
|
+
other = _objectWithoutPropertiesLoose$2(props, _excluded$m);
|
8319
8394
|
const ownerState = {
|
8320
8395
|
direction,
|
8321
8396
|
spacing,
|
@@ -8489,7 +8564,7 @@ const green = {
|
|
8489
8564
|
};
|
8490
8565
|
var green$1 = green;
|
8491
8566
|
|
8492
|
-
const _excluded$
|
8567
|
+
const _excluded$l = ["mode", "contrastThreshold", "tonalOffset"];
|
8493
8568
|
const light = {
|
8494
8569
|
// The colors used to style the text.
|
8495
8570
|
text: {
|
@@ -8658,7 +8733,7 @@ function createPalette(palette) {
|
|
8658
8733
|
contrastThreshold = 3,
|
8659
8734
|
tonalOffset = 0.2
|
8660
8735
|
} = palette,
|
8661
|
-
other = _objectWithoutPropertiesLoose$3(palette, _excluded$
|
8736
|
+
other = _objectWithoutPropertiesLoose$3(palette, _excluded$l);
|
8662
8737
|
const primary = palette.primary || getDefaultPrimary(mode);
|
8663
8738
|
const secondary = palette.secondary || getDefaultSecondary(mode);
|
8664
8739
|
const error = palette.error || getDefaultError(mode);
|
@@ -8782,7 +8857,7 @@ const theme2 = createTheme({ palette: {
|
|
8782
8857
|
return paletteOutput;
|
8783
8858
|
}
|
8784
8859
|
|
8785
|
-
const _excluded$
|
8860
|
+
const _excluded$k = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
|
8786
8861
|
function round(value) {
|
8787
8862
|
return Math.round(value * 1e5) / 1e5;
|
8788
8863
|
}
|
@@ -8813,7 +8888,7 @@ function createTypography(palette, typography) {
|
|
8813
8888
|
allVariants,
|
8814
8889
|
pxToRem: pxToRem2
|
8815
8890
|
} = _ref,
|
8816
|
-
other = _objectWithoutPropertiesLoose$3(_ref, _excluded$
|
8891
|
+
other = _objectWithoutPropertiesLoose$3(_ref, _excluded$k);
|
8817
8892
|
if (process.env.NODE_ENV !== 'production') {
|
8818
8893
|
if (typeof fontSize !== 'number') {
|
8819
8894
|
console.error('MUI: `fontSize` is required to be a number.');
|
@@ -8881,7 +8956,7 @@ function createShadow(...px) {
|
|
8881
8956
|
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)];
|
8882
8957
|
var shadows$1 = shadows;
|
8883
8958
|
|
8884
|
-
const _excluded$
|
8959
|
+
const _excluded$j = ["duration", "easing", "delay"];
|
8885
8960
|
// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
|
8886
8961
|
// to learn the context in which each easing should be used.
|
8887
8962
|
const easing = {
|
@@ -8932,7 +9007,7 @@ function createTransitions(inputTransitions) {
|
|
8932
9007
|
easing: easingOption = mergedEasing.easeInOut,
|
8933
9008
|
delay = 0
|
8934
9009
|
} = options,
|
8935
|
-
other = _objectWithoutPropertiesLoose$3(options, _excluded$
|
9010
|
+
other = _objectWithoutPropertiesLoose$3(options, _excluded$j);
|
8936
9011
|
if (process.env.NODE_ENV !== 'production') {
|
8937
9012
|
const isString = value => typeof value === 'string';
|
8938
9013
|
// IE11 support, replace with Number.isNaN
|
@@ -8982,7 +9057,7 @@ const zIndex = {
|
|
8982
9057
|
};
|
8983
9058
|
var zIndex$1 = zIndex;
|
8984
9059
|
|
8985
|
-
const _excluded$
|
9060
|
+
const _excluded$i = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
|
8986
9061
|
function createTheme(options = {}, ...args) {
|
8987
9062
|
const {
|
8988
9063
|
mixins: mixinsInput = {},
|
@@ -8990,7 +9065,7 @@ function createTheme(options = {}, ...args) {
|
|
8990
9065
|
transitions: transitionsInput = {},
|
8991
9066
|
typography: typographyInput = {}
|
8992
9067
|
} = options,
|
8993
|
-
other = _objectWithoutPropertiesLoose$3(options, _excluded$
|
9068
|
+
other = _objectWithoutPropertiesLoose$3(options, _excluded$i);
|
8994
9069
|
if (options.vars) {
|
8995
9070
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
|
8996
9071
|
Please use another name.` : formatMuiErrorMessage(18));
|
@@ -9080,12 +9155,12 @@ const styled = createStyled({
|
|
9080
9155
|
});
|
9081
9156
|
var styled$1 = styled;
|
9082
9157
|
|
9083
|
-
const _excluded$
|
9158
|
+
const _excluded$h = ["theme"];
|
9084
9159
|
function ThemeProvider(_ref) {
|
9085
9160
|
let {
|
9086
9161
|
theme: themeInput
|
9087
9162
|
} = _ref,
|
9088
|
-
props = _objectWithoutPropertiesLoose$3(_ref, _excluded$
|
9163
|
+
props = _objectWithoutPropertiesLoose$3(_ref, _excluded$h);
|
9089
9164
|
const scopedTheme = themeInput[THEME_ID];
|
9090
9165
|
return /*#__PURE__*/jsx(ThemeProvider$1, _extends$4({}, props, {
|
9091
9166
|
themeId: scopedTheme ? THEME_ID : undefined,
|
@@ -9120,8 +9195,8 @@ function getSvgIconUtilityClass(slot) {
|
|
9120
9195
|
}
|
9121
9196
|
generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
|
9122
9197
|
|
9123
|
-
const _excluded$
|
9124
|
-
const useUtilityClasses$
|
9198
|
+
const _excluded$g = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
|
9199
|
+
const useUtilityClasses$c = ownerState => {
|
9125
9200
|
const {
|
9126
9201
|
color,
|
9127
9202
|
fontSize,
|
@@ -9188,7 +9263,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
9188
9263
|
titleAccess,
|
9189
9264
|
viewBox = '0 0 24 24'
|
9190
9265
|
} = props,
|
9191
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
9266
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$g);
|
9192
9267
|
const hasSvgAsChild = /*#__PURE__*/React.isValidElement(children) && children.type === 'svg';
|
9193
9268
|
const ownerState = _extends$4({}, props, {
|
9194
9269
|
color,
|
@@ -9203,7 +9278,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
9203
9278
|
if (!inheritViewBox) {
|
9204
9279
|
more.viewBox = viewBox;
|
9205
9280
|
}
|
9206
|
-
const classes = useUtilityClasses$
|
9281
|
+
const classes = useUtilityClasses$c(ownerState);
|
9207
9282
|
return /*#__PURE__*/jsxs(SvgIconRoot, _extends$4({
|
9208
9283
|
as: component,
|
9209
9284
|
className: clsx(classes.root, className),
|
@@ -9345,22 +9420,10 @@ var utils = /*#__PURE__*/Object.freeze({
|
|
9345
9420
|
useIsFocusVisible: useIsFocusVisible
|
9346
9421
|
});
|
9347
9422
|
|
9348
|
-
var ArrowDownward = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
9349
|
-
d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
|
9350
|
-
}), 'ArrowDownward');
|
9351
|
-
|
9352
|
-
var ArrowUpward = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
9353
|
-
d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
|
9354
|
-
}), 'ArrowUpward');
|
9355
|
-
|
9356
9423
|
var CheckCircleRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
9357
9424
|
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29 5.7 12.7a.9959.9959 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z"
|
9358
9425
|
}), 'CheckCircleRounded');
|
9359
9426
|
|
9360
|
-
var Close$1 = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
9361
|
-
d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
9362
|
-
}), 'Close');
|
9363
|
-
|
9364
9427
|
var ErrorRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
9365
9428
|
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
|
9366
9429
|
}), 'ErrorRounded');
|
@@ -10226,7 +10289,7 @@ var classof$4 = classof$5;
|
|
10226
10289
|
var $String$1 = String;
|
10227
10290
|
|
10228
10291
|
var toString$2 = function (argument) {
|
10229
|
-
if (classof$4(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
|
10292
|
+
if (classof$4(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
|
10230
10293
|
return $String$1(argument);
|
10231
10294
|
};
|
10232
10295
|
|
@@ -10398,7 +10461,7 @@ var $RegExp$1 = global$9.RegExp;
|
|
10398
10461
|
|
10399
10462
|
var regexpUnsupportedDotAll = fails$6(function () {
|
10400
10463
|
var re = $RegExp$1('.', 's');
|
10401
|
-
return !(re.dotAll && re.
|
10464
|
+
return !(re.dotAll && re.test('\n') && re.flags === 's');
|
10402
10465
|
});
|
10403
10466
|
|
10404
10467
|
var fails$5 = fails$h;
|
@@ -10652,7 +10715,7 @@ var regexpExecAbstract = function (R, S) {
|
|
10652
10715
|
return result;
|
10653
10716
|
}
|
10654
10717
|
if (classof$3(R) === 'RegExp') return call$a(regexpExec, R, S);
|
10655
|
-
throw $TypeError$7('RegExp#exec called on incompatible receiver');
|
10718
|
+
throw new $TypeError$7('RegExp#exec called on incompatible receiver');
|
10656
10719
|
};
|
10657
10720
|
|
10658
10721
|
var call$9 = functionCall;
|
@@ -11713,8 +11776,8 @@ function getPaperUtilityClass(slot) {
|
|
11713
11776
|
}
|
11714
11777
|
generateUtilityClasses('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);
|
11715
11778
|
|
11716
|
-
const _excluded$
|
11717
|
-
const useUtilityClasses$
|
11779
|
+
const _excluded$f = ["className", "component", "elevation", "square", "variant"];
|
11780
|
+
const useUtilityClasses$b = ownerState => {
|
11718
11781
|
const {
|
11719
11782
|
square,
|
11720
11783
|
elevation,
|
@@ -11768,14 +11831,14 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
|
|
11768
11831
|
square = false,
|
11769
11832
|
variant = 'elevation'
|
11770
11833
|
} = props,
|
11771
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
11834
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$f);
|
11772
11835
|
const ownerState = _extends$4({}, props, {
|
11773
11836
|
component,
|
11774
11837
|
elevation,
|
11775
11838
|
square,
|
11776
11839
|
variant
|
11777
11840
|
});
|
11778
|
-
const classes = useUtilityClasses$
|
11841
|
+
const classes = useUtilityClasses$b(ownerState);
|
11779
11842
|
if (process.env.NODE_ENV !== 'production') {
|
11780
11843
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
11781
11844
|
const theme = useTheme();
|
@@ -11926,15 +11989,15 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
|
|
11926
11989
|
const touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
|
11927
11990
|
var touchRippleClasses$1 = touchRippleClasses;
|
11928
11991
|
|
11929
|
-
const _excluded$
|
11930
|
-
let _
|
11931
|
-
_t
|
11932
|
-
_t2
|
11933
|
-
_t3
|
11934
|
-
_t4
|
11992
|
+
const _excluded$e = ["center", "classes", "className"];
|
11993
|
+
let _ = t => t,
|
11994
|
+
_t,
|
11995
|
+
_t2,
|
11996
|
+
_t3,
|
11997
|
+
_t4;
|
11935
11998
|
const DURATION = 550;
|
11936
11999
|
const DELAY_RIPPLE = 80;
|
11937
|
-
const enterKeyframe = keyframes(_t
|
12000
|
+
const enterKeyframe = keyframes(_t || (_t = _`
|
11938
12001
|
0% {
|
11939
12002
|
transform: scale(0);
|
11940
12003
|
opacity: 0.1;
|
@@ -11945,7 +12008,7 @@ const enterKeyframe = keyframes(_t$1 || (_t$1 = _$1`
|
|
11945
12008
|
opacity: 0.3;
|
11946
12009
|
}
|
11947
12010
|
`));
|
11948
|
-
const exitKeyframe = keyframes(_t2
|
12011
|
+
const exitKeyframe = keyframes(_t2 || (_t2 = _`
|
11949
12012
|
0% {
|
11950
12013
|
opacity: 1;
|
11951
12014
|
}
|
@@ -11954,7 +12017,7 @@ const exitKeyframe = keyframes(_t2$1 || (_t2$1 = _$1`
|
|
11954
12017
|
opacity: 0;
|
11955
12018
|
}
|
11956
12019
|
`));
|
11957
|
-
const pulsateKeyframe = keyframes(_t3
|
12020
|
+
const pulsateKeyframe = keyframes(_t3 || (_t3 = _`
|
11958
12021
|
0% {
|
11959
12022
|
transform: scale(1);
|
11960
12023
|
}
|
@@ -11987,7 +12050,7 @@ const TouchRippleRoot = styled$1('span', {
|
|
11987
12050
|
const TouchRippleRipple = styled$1(Ripple, {
|
11988
12051
|
name: 'MuiTouchRipple',
|
11989
12052
|
slot: 'Ripple'
|
11990
|
-
})(_t4
|
12053
|
+
})(_t4 || (_t4 = _`
|
11991
12054
|
opacity: 0;
|
11992
12055
|
position: absolute;
|
11993
12056
|
|
@@ -12055,7 +12118,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
12055
12118
|
classes = {},
|
12056
12119
|
className
|
12057
12120
|
} = props,
|
12058
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
12121
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$e);
|
12059
12122
|
const [ripples, setRipples] = React.useState([]);
|
12060
12123
|
const nextKey = React.useRef(0);
|
12061
12124
|
const rippleCallback = React.useRef(null);
|
@@ -12258,8 +12321,8 @@ function getButtonBaseUtilityClass(slot) {
|
|
12258
12321
|
const buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
|
12259
12322
|
var buttonBaseClasses$1 = buttonBaseClasses;
|
12260
12323
|
|
12261
|
-
const _excluded$
|
12262
|
-
const useUtilityClasses$
|
12324
|
+
const _excluded$d = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
|
12325
|
+
const useUtilityClasses$a = ownerState => {
|
12263
12326
|
const {
|
12264
12327
|
disabled,
|
12265
12328
|
focusVisible,
|
@@ -12360,7 +12423,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
12360
12423
|
touchRippleRef,
|
12361
12424
|
type
|
12362
12425
|
} = props,
|
12363
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
12426
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$d);
|
12364
12427
|
const buttonRef = React.useRef(null);
|
12365
12428
|
const rippleRef = React.useRef(null);
|
12366
12429
|
const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
|
@@ -12527,7 +12590,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
12527
12590
|
tabIndex,
|
12528
12591
|
focusVisible
|
12529
12592
|
});
|
12530
|
-
const classes = useUtilityClasses$
|
12593
|
+
const classes = useUtilityClasses$a(ownerState);
|
12531
12594
|
return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends$4({
|
12532
12595
|
as: ComponentProp,
|
12533
12596
|
className: clsx(classes.root, className),
|
@@ -12724,8 +12787,8 @@ function getIconButtonUtilityClass(slot) {
|
|
12724
12787
|
const iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
|
12725
12788
|
var iconButtonClasses$1 = iconButtonClasses;
|
12726
12789
|
|
12727
|
-
const _excluded$
|
12728
|
-
const useUtilityClasses$
|
12790
|
+
const _excluded$c = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
|
12791
|
+
const useUtilityClasses$9 = ownerState => {
|
12729
12792
|
const {
|
12730
12793
|
classes,
|
12731
12794
|
disabled,
|
@@ -12825,7 +12888,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
12825
12888
|
disableFocusRipple = false,
|
12826
12889
|
size = 'medium'
|
12827
12890
|
} = props,
|
12828
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
12891
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$c);
|
12829
12892
|
const ownerState = _extends$4({}, props, {
|
12830
12893
|
edge,
|
12831
12894
|
color,
|
@@ -12833,7 +12896,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
12833
12896
|
disableFocusRipple,
|
12834
12897
|
size
|
12835
12898
|
});
|
12836
|
-
const classes = useUtilityClasses$
|
12899
|
+
const classes = useUtilityClasses$9(ownerState);
|
12837
12900
|
return /*#__PURE__*/jsx(IconButtonRoot, _extends$4({
|
12838
12901
|
className: clsx(classes.root, className),
|
12839
12902
|
centerRipple: true,
|
@@ -12919,8 +12982,8 @@ function getTypographyUtilityClass(slot) {
|
|
12919
12982
|
}
|
12920
12983
|
generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
|
12921
12984
|
|
12922
|
-
const _excluded$
|
12923
|
-
const useUtilityClasses$
|
12985
|
+
const _excluded$b = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
|
12986
|
+
const useUtilityClasses$8 = ownerState => {
|
12924
12987
|
const {
|
12925
12988
|
align,
|
12926
12989
|
gutterBottom,
|
@@ -13006,7 +13069,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
13006
13069
|
variant = 'body1',
|
13007
13070
|
variantMapping = defaultVariantMapping
|
13008
13071
|
} = props,
|
13009
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
13072
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$b);
|
13010
13073
|
const ownerState = _extends$4({}, props, {
|
13011
13074
|
align,
|
13012
13075
|
color,
|
@@ -13019,7 +13082,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
13019
13082
|
variantMapping
|
13020
13083
|
});
|
13021
13084
|
const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
|
13022
|
-
const classes = useUtilityClasses$
|
13085
|
+
const classes = useUtilityClasses$8(ownerState);
|
13023
13086
|
return /*#__PURE__*/jsx(TypographyRoot, _extends$4({
|
13024
13087
|
as: Component,
|
13025
13088
|
ref: ref,
|
@@ -13109,8 +13172,8 @@ function getAppBarUtilityClass(slot) {
|
|
13109
13172
|
}
|
13110
13173
|
generateUtilityClasses('MuiAppBar', ['root', 'positionFixed', 'positionAbsolute', 'positionSticky', 'positionStatic', 'positionRelative', 'colorDefault', 'colorPrimary', 'colorSecondary', 'colorInherit', 'colorTransparent']);
|
13111
13174
|
|
13112
|
-
const _excluded$
|
13113
|
-
const useUtilityClasses$
|
13175
|
+
const _excluded$a = ["className", "color", "enableColorOnDark", "position"];
|
13176
|
+
const useUtilityClasses$7 = ownerState => {
|
13114
13177
|
const {
|
13115
13178
|
color,
|
13116
13179
|
position,
|
@@ -13215,13 +13278,13 @@ const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
|
|
13215
13278
|
enableColorOnDark = false,
|
13216
13279
|
position = 'fixed'
|
13217
13280
|
} = props,
|
13218
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
13281
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$a);
|
13219
13282
|
const ownerState = _extends$4({}, props, {
|
13220
13283
|
color,
|
13221
13284
|
position,
|
13222
13285
|
enableColorOnDark
|
13223
13286
|
});
|
13224
|
-
const classes = useUtilityClasses$
|
13287
|
+
const classes = useUtilityClasses$7(ownerState);
|
13225
13288
|
return /*#__PURE__*/jsx(AppBarRoot, _extends$4({
|
13226
13289
|
square: true,
|
13227
13290
|
component: "header",
|
@@ -13444,7 +13507,7 @@ function mergeSlotProps(parameters) {
|
|
13444
13507
|
};
|
13445
13508
|
}
|
13446
13509
|
|
13447
|
-
const _excluded$
|
13510
|
+
const _excluded$9 = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
|
13448
13511
|
/**
|
13449
13512
|
* @ignore - do not document.
|
13450
13513
|
* Builds the props to be passed into the slot of an unstyled component.
|
@@ -13461,7 +13524,7 @@ function useSlotProps(parameters) {
|
|
13461
13524
|
ownerState,
|
13462
13525
|
skipResolvingSlotProps = false
|
13463
13526
|
} = parameters,
|
13464
|
-
rest = _objectWithoutPropertiesLoose(parameters, _excluded$
|
13527
|
+
rest = _objectWithoutPropertiesLoose(parameters, _excluded$9);
|
13465
13528
|
const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps(externalSlotProps, ownerState);
|
13466
13529
|
const {
|
13467
13530
|
props: mergedProps,
|
@@ -14289,7 +14352,7 @@ function useModal(parameters) {
|
|
14289
14352
|
};
|
14290
14353
|
}
|
14291
14354
|
|
14292
|
-
const _excluded$
|
14355
|
+
const _excluded$8 = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
14293
14356
|
const styles = {
|
14294
14357
|
entering: {
|
14295
14358
|
opacity: 1
|
@@ -14326,7 +14389,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
|
|
14326
14389
|
// eslint-disable-next-line react/prop-types
|
14327
14390
|
TransitionComponent = Transition$1
|
14328
14391
|
} = props,
|
14329
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
14392
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$8);
|
14330
14393
|
const nodeRef = React.useRef(null);
|
14331
14394
|
const handleRef = useForkRef(nodeRef, children.ref, ref);
|
14332
14395
|
const normalizedTransitionCallback = callback => maybeIsAppearing => {
|
@@ -14487,8 +14550,8 @@ function getBackdropUtilityClass(slot) {
|
|
14487
14550
|
}
|
14488
14551
|
generateUtilityClasses('MuiBackdrop', ['root', 'invisible']);
|
14489
14552
|
|
14490
|
-
const _excluded$
|
14491
|
-
const useUtilityClasses$
|
14553
|
+
const _excluded$7 = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
|
14554
|
+
const useUtilityClasses$6 = ownerState => {
|
14492
14555
|
const {
|
14493
14556
|
classes,
|
14494
14557
|
invisible
|
@@ -14542,12 +14605,12 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
|
|
14542
14605
|
TransitionComponent = Fade$1,
|
14543
14606
|
transitionDuration
|
14544
14607
|
} = props,
|
14545
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
14608
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$7);
|
14546
14609
|
const ownerState = _extends$4({}, props, {
|
14547
14610
|
component,
|
14548
14611
|
invisible
|
14549
14612
|
});
|
14550
|
-
const classes = useUtilityClasses$
|
14613
|
+
const classes = useUtilityClasses$6(ownerState);
|
14551
14614
|
const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
|
14552
14615
|
return /*#__PURE__*/jsx(TransitionComponent, _extends$4({
|
14553
14616
|
in: open,
|
@@ -14691,296 +14754,52 @@ process.env.NODE_ENV !== "production" ? Box$1.propTypes /* remove-proptypes */ =
|
|
14691
14754
|
} : void 0;
|
14692
14755
|
var Box$2 = Box$1;
|
14693
14756
|
|
14694
|
-
function
|
14695
|
-
return generateUtilityClass('
|
14696
|
-
}
|
14697
|
-
const buttonClasses = generateUtilityClasses('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'textSuccess', 'textError', 'textInfo', 'textWarning', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'outlinedSuccess', 'outlinedError', 'outlinedInfo', 'outlinedWarning', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'containedSuccess', 'containedError', 'containedInfo', 'containedWarning', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);
|
14698
|
-
var buttonClasses$1 = buttonClasses;
|
14699
|
-
|
14700
|
-
/**
|
14701
|
-
* @ignore - internal component.
|
14702
|
-
*/
|
14703
|
-
const ButtonGroupContext = /*#__PURE__*/React.createContext({});
|
14704
|
-
if (process.env.NODE_ENV !== 'production') {
|
14705
|
-
ButtonGroupContext.displayName = 'ButtonGroupContext';
|
14706
|
-
}
|
14707
|
-
var ButtonGroupContext$1 = ButtonGroupContext;
|
14708
|
-
|
14709
|
-
/**
|
14710
|
-
* @ignore - internal component.
|
14711
|
-
*/
|
14712
|
-
const ButtonGroupButtonContext = /*#__PURE__*/React.createContext(undefined);
|
14713
|
-
if (process.env.NODE_ENV !== 'production') {
|
14714
|
-
ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';
|
14757
|
+
function getCardUtilityClass(slot) {
|
14758
|
+
return generateUtilityClass('MuiCard', slot);
|
14715
14759
|
}
|
14716
|
-
|
14760
|
+
generateUtilityClasses('MuiCard', ['root']);
|
14717
14761
|
|
14718
|
-
const _excluded$
|
14719
|
-
const useUtilityClasses$
|
14762
|
+
const _excluded$6 = ["className", "raised"];
|
14763
|
+
const useUtilityClasses$5 = ownerState => {
|
14720
14764
|
const {
|
14721
|
-
color,
|
14722
|
-
disableElevation,
|
14723
|
-
fullWidth,
|
14724
|
-
size,
|
14725
|
-
variant,
|
14726
14765
|
classes
|
14727
14766
|
} = ownerState;
|
14728
14767
|
const slots = {
|
14729
|
-
root: ['root'
|
14730
|
-
label: ['label'],
|
14731
|
-
startIcon: ['startIcon', `iconSize${capitalize(size)}`],
|
14732
|
-
endIcon: ['endIcon', `iconSize${capitalize(size)}`]
|
14768
|
+
root: ['root']
|
14733
14769
|
};
|
14734
|
-
|
14735
|
-
return _extends$4({}, classes, composedClasses);
|
14770
|
+
return composeClasses(slots, getCardUtilityClass, classes);
|
14736
14771
|
};
|
14737
|
-
const
|
14738
|
-
|
14739
|
-
fontSize: 18
|
14740
|
-
}
|
14741
|
-
}, ownerState.size === 'medium' && {
|
14742
|
-
'& > *:nth-of-type(1)': {
|
14743
|
-
fontSize: 20
|
14744
|
-
}
|
14745
|
-
}, ownerState.size === 'large' && {
|
14746
|
-
'& > *:nth-of-type(1)': {
|
14747
|
-
fontSize: 22
|
14748
|
-
}
|
14749
|
-
});
|
14750
|
-
const ButtonRoot = styled$1(ButtonBase$1, {
|
14751
|
-
shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
|
14752
|
-
name: 'MuiButton',
|
14772
|
+
const CardRoot = styled$1(Paper$1, {
|
14773
|
+
name: 'MuiCard',
|
14753
14774
|
slot: 'Root',
|
14754
|
-
overridesResolver: (props, styles) =>
|
14755
|
-
|
14756
|
-
|
14757
|
-
|
14758
|
-
|
14759
|
-
}
|
14760
|
-
})(({
|
14761
|
-
theme,
|
14762
|
-
ownerState
|
14763
|
-
}) => {
|
14764
|
-
var _theme$palette$getCon, _theme$palette;
|
14765
|
-
const inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
|
14766
|
-
const inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
|
14767
|
-
return _extends$4({}, theme.typography.button, {
|
14768
|
-
minWidth: 64,
|
14769
|
-
padding: '6px 16px',
|
14770
|
-
borderRadius: (theme.vars || theme).shape.borderRadius,
|
14771
|
-
transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
|
14772
|
-
duration: theme.transitions.duration.short
|
14773
|
-
}),
|
14774
|
-
'&:hover': _extends$4({
|
14775
|
-
textDecoration: 'none',
|
14776
|
-
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
|
14777
|
-
// Reset on touch devices, it doesn't add specificity
|
14778
|
-
'@media (hover: none)': {
|
14779
|
-
backgroundColor: 'transparent'
|
14780
|
-
}
|
14781
|
-
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
14782
|
-
backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
|
14783
|
-
// Reset on touch devices, it doesn't add specificity
|
14784
|
-
'@media (hover: none)': {
|
14785
|
-
backgroundColor: 'transparent'
|
14786
|
-
}
|
14787
|
-
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
14788
|
-
border: `1px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
|
14789
|
-
backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
|
14790
|
-
// Reset on touch devices, it doesn't add specificity
|
14791
|
-
'@media (hover: none)': {
|
14792
|
-
backgroundColor: 'transparent'
|
14793
|
-
}
|
14794
|
-
}, ownerState.variant === 'contained' && {
|
14795
|
-
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedHoverBg : inheritContainedHoverBackgroundColor,
|
14796
|
-
boxShadow: (theme.vars || theme).shadows[4],
|
14797
|
-
// Reset on touch devices, it doesn't add specificity
|
14798
|
-
'@media (hover: none)': {
|
14799
|
-
boxShadow: (theme.vars || theme).shadows[2],
|
14800
|
-
backgroundColor: (theme.vars || theme).palette.grey[300]
|
14801
|
-
}
|
14802
|
-
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
14803
|
-
backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,
|
14804
|
-
// Reset on touch devices, it doesn't add specificity
|
14805
|
-
'@media (hover: none)': {
|
14806
|
-
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
14807
|
-
}
|
14808
|
-
}),
|
14809
|
-
'&:active': _extends$4({}, ownerState.variant === 'contained' && {
|
14810
|
-
boxShadow: (theme.vars || theme).shadows[8]
|
14811
|
-
}),
|
14812
|
-
[`&.${buttonClasses$1.focusVisible}`]: _extends$4({}, ownerState.variant === 'contained' && {
|
14813
|
-
boxShadow: (theme.vars || theme).shadows[6]
|
14814
|
-
}),
|
14815
|
-
[`&.${buttonClasses$1.disabled}`]: _extends$4({
|
14816
|
-
color: (theme.vars || theme).palette.action.disabled
|
14817
|
-
}, ownerState.variant === 'outlined' && {
|
14818
|
-
border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
|
14819
|
-
}, ownerState.variant === 'contained' && {
|
14820
|
-
color: (theme.vars || theme).palette.action.disabled,
|
14821
|
-
boxShadow: (theme.vars || theme).shadows[0],
|
14822
|
-
backgroundColor: (theme.vars || theme).palette.action.disabledBackground
|
14823
|
-
})
|
14824
|
-
}, ownerState.variant === 'text' && {
|
14825
|
-
padding: '6px 8px'
|
14826
|
-
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
14827
|
-
color: (theme.vars || theme).palette[ownerState.color].main
|
14828
|
-
}, ownerState.variant === 'outlined' && {
|
14829
|
-
padding: '5px 15px',
|
14830
|
-
border: '1px solid currentColor'
|
14831
|
-
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
14832
|
-
color: (theme.vars || theme).palette[ownerState.color].main,
|
14833
|
-
border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${alpha(theme.palette[ownerState.color].main, 0.5)}`
|
14834
|
-
}, ownerState.variant === 'contained' && {
|
14835
|
-
color: theme.vars ?
|
14836
|
-
// this is safe because grey does not change between default light/dark mode
|
14837
|
-
theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),
|
14838
|
-
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedBg : inheritContainedBackgroundColor,
|
14839
|
-
boxShadow: (theme.vars || theme).shadows[2]
|
14840
|
-
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
14841
|
-
color: (theme.vars || theme).palette[ownerState.color].contrastText,
|
14842
|
-
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
14843
|
-
}, ownerState.color === 'inherit' && {
|
14844
|
-
color: 'inherit',
|
14845
|
-
borderColor: 'currentColor'
|
14846
|
-
}, ownerState.size === 'small' && ownerState.variant === 'text' && {
|
14847
|
-
padding: '4px 5px',
|
14848
|
-
fontSize: theme.typography.pxToRem(13)
|
14849
|
-
}, ownerState.size === 'large' && ownerState.variant === 'text' && {
|
14850
|
-
padding: '8px 11px',
|
14851
|
-
fontSize: theme.typography.pxToRem(15)
|
14852
|
-
}, ownerState.size === 'small' && ownerState.variant === 'outlined' && {
|
14853
|
-
padding: '3px 9px',
|
14854
|
-
fontSize: theme.typography.pxToRem(13)
|
14855
|
-
}, ownerState.size === 'large' && ownerState.variant === 'outlined' && {
|
14856
|
-
padding: '7px 21px',
|
14857
|
-
fontSize: theme.typography.pxToRem(15)
|
14858
|
-
}, ownerState.size === 'small' && ownerState.variant === 'contained' && {
|
14859
|
-
padding: '4px 10px',
|
14860
|
-
fontSize: theme.typography.pxToRem(13)
|
14861
|
-
}, ownerState.size === 'large' && ownerState.variant === 'contained' && {
|
14862
|
-
padding: '8px 22px',
|
14863
|
-
fontSize: theme.typography.pxToRem(15)
|
14864
|
-
}, ownerState.fullWidth && {
|
14865
|
-
width: '100%'
|
14866
|
-
});
|
14867
|
-
}, ({
|
14868
|
-
ownerState
|
14869
|
-
}) => ownerState.disableElevation && {
|
14870
|
-
boxShadow: 'none',
|
14871
|
-
'&:hover': {
|
14872
|
-
boxShadow: 'none'
|
14873
|
-
},
|
14874
|
-
[`&.${buttonClasses$1.focusVisible}`]: {
|
14875
|
-
boxShadow: 'none'
|
14876
|
-
},
|
14877
|
-
'&:active': {
|
14878
|
-
boxShadow: 'none'
|
14879
|
-
},
|
14880
|
-
[`&.${buttonClasses$1.disabled}`]: {
|
14881
|
-
boxShadow: 'none'
|
14882
|
-
}
|
14775
|
+
overridesResolver: (props, styles) => styles.root
|
14776
|
+
})(() => {
|
14777
|
+
return {
|
14778
|
+
overflow: 'hidden'
|
14779
|
+
};
|
14883
14780
|
});
|
14884
|
-
const
|
14885
|
-
name: 'MuiButton',
|
14886
|
-
slot: 'StartIcon',
|
14887
|
-
overridesResolver: (props, styles) => {
|
14888
|
-
const {
|
14889
|
-
ownerState
|
14890
|
-
} = props;
|
14891
|
-
return [styles.startIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
14892
|
-
}
|
14893
|
-
})(({
|
14894
|
-
ownerState
|
14895
|
-
}) => _extends$4({
|
14896
|
-
display: 'inherit',
|
14897
|
-
marginRight: 8,
|
14898
|
-
marginLeft: -4
|
14899
|
-
}, ownerState.size === 'small' && {
|
14900
|
-
marginLeft: -2
|
14901
|
-
}, commonIconStyles(ownerState)));
|
14902
|
-
const ButtonEndIcon = styled$1('span', {
|
14903
|
-
name: 'MuiButton',
|
14904
|
-
slot: 'EndIcon',
|
14905
|
-
overridesResolver: (props, styles) => {
|
14906
|
-
const {
|
14907
|
-
ownerState
|
14908
|
-
} = props;
|
14909
|
-
return [styles.endIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
14910
|
-
}
|
14911
|
-
})(({
|
14912
|
-
ownerState
|
14913
|
-
}) => _extends$4({
|
14914
|
-
display: 'inherit',
|
14915
|
-
marginRight: -4,
|
14916
|
-
marginLeft: 8
|
14917
|
-
}, ownerState.size === 'small' && {
|
14918
|
-
marginRight: -2
|
14919
|
-
}, commonIconStyles(ownerState)));
|
14920
|
-
const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
14921
|
-
// props priority: `inProps` > `contextProps` > `themeDefaultProps`
|
14922
|
-
const contextProps = React.useContext(ButtonGroupContext$1);
|
14923
|
-
const buttonGroupButtonContextPositionClassName = React.useContext(ButtonGroupButtonContext$1);
|
14924
|
-
const resolvedProps = resolveProps(contextProps, inProps);
|
14781
|
+
const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
|
14925
14782
|
const props = useThemeProps({
|
14926
|
-
props:
|
14927
|
-
name: '
|
14783
|
+
props: inProps,
|
14784
|
+
name: 'MuiCard'
|
14928
14785
|
});
|
14929
14786
|
const {
|
14930
|
-
children,
|
14931
|
-
color = 'primary',
|
14932
|
-
component = 'button',
|
14933
14787
|
className,
|
14934
|
-
|
14935
|
-
disableElevation = false,
|
14936
|
-
disableFocusRipple = false,
|
14937
|
-
endIcon: endIconProp,
|
14938
|
-
focusVisibleClassName,
|
14939
|
-
fullWidth = false,
|
14940
|
-
size = 'medium',
|
14941
|
-
startIcon: startIconProp,
|
14942
|
-
type,
|
14943
|
-
variant = 'text'
|
14788
|
+
raised = false
|
14944
14789
|
} = props,
|
14945
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
14790
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$6);
|
14946
14791
|
const ownerState = _extends$4({}, props, {
|
14947
|
-
|
14948
|
-
component,
|
14949
|
-
disabled,
|
14950
|
-
disableElevation,
|
14951
|
-
disableFocusRipple,
|
14952
|
-
fullWidth,
|
14953
|
-
size,
|
14954
|
-
type,
|
14955
|
-
variant
|
14956
|
-
});
|
14957
|
-
const classes = useUtilityClasses$7(ownerState);
|
14958
|
-
const startIcon = startIconProp && /*#__PURE__*/jsx(ButtonStartIcon, {
|
14959
|
-
className: classes.startIcon,
|
14960
|
-
ownerState: ownerState,
|
14961
|
-
children: startIconProp
|
14962
|
-
});
|
14963
|
-
const endIcon = endIconProp && /*#__PURE__*/jsx(ButtonEndIcon, {
|
14964
|
-
className: classes.endIcon,
|
14965
|
-
ownerState: ownerState,
|
14966
|
-
children: endIconProp
|
14792
|
+
raised
|
14967
14793
|
});
|
14968
|
-
const
|
14969
|
-
return /*#__PURE__*/
|
14970
|
-
|
14971
|
-
|
14972
|
-
component: component,
|
14973
|
-
disabled: disabled,
|
14974
|
-
focusRipple: !disableFocusRipple,
|
14975
|
-
focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
|
14794
|
+
const classes = useUtilityClasses$5(ownerState);
|
14795
|
+
return /*#__PURE__*/jsx(CardRoot, _extends$4({
|
14796
|
+
className: clsx(classes.root, className),
|
14797
|
+
elevation: raised ? 8 : undefined,
|
14976
14798
|
ref: ref,
|
14977
|
-
|
14978
|
-
}, other
|
14979
|
-
classes: classes,
|
14980
|
-
children: [startIcon, children, endIcon]
|
14981
|
-
}));
|
14799
|
+
ownerState: ownerState
|
14800
|
+
}, other));
|
14982
14801
|
});
|
14983
|
-
process.env.NODE_ENV !== "production" ?
|
14802
|
+
process.env.NODE_ENV !== "production" ? Card.propTypes /* remove-proptypes */ = {
|
14984
14803
|
// ----------------------------- Warning --------------------------------
|
14985
14804
|
// | These PropTypes are generated from the TypeScript type definitions |
|
14986
14805
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
@@ -14998,158 +14817,17 @@ process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */
|
|
14998
14817
|
*/
|
14999
14818
|
className: PropTypes.string,
|
15000
14819
|
/**
|
15001
|
-
*
|
15002
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
15003
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
15004
|
-
* @default 'primary'
|
15005
|
-
*/
|
15006
|
-
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), PropTypes.string]),
|
15007
|
-
/**
|
15008
|
-
* The component used for the root node.
|
15009
|
-
* Either a string to use a HTML element or a component.
|
15010
|
-
*/
|
15011
|
-
component: PropTypes.elementType,
|
15012
|
-
/**
|
15013
|
-
* If `true`, the component is disabled.
|
15014
|
-
* @default false
|
15015
|
-
*/
|
15016
|
-
disabled: PropTypes.bool,
|
15017
|
-
/**
|
15018
|
-
* If `true`, no elevation is used.
|
14820
|
+
* If `true`, the card will use raised styling.
|
15019
14821
|
* @default false
|
15020
14822
|
*/
|
15021
|
-
|
14823
|
+
raised: chainPropTypes(PropTypes.bool, props => {
|
14824
|
+
if (props.raised && props.variant === 'outlined') {
|
14825
|
+
return new Error('MUI: Combining `raised={true}` with `variant="outlined"` has no effect.');
|
14826
|
+
}
|
14827
|
+
return null;
|
14828
|
+
}),
|
15022
14829
|
/**
|
15023
|
-
*
|
15024
|
-
* @default false
|
15025
|
-
*/
|
15026
|
-
disableFocusRipple: PropTypes.bool,
|
15027
|
-
/**
|
15028
|
-
* If `true`, the ripple effect is disabled.
|
15029
|
-
*
|
15030
|
-
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
|
15031
|
-
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
15032
|
-
* @default false
|
15033
|
-
*/
|
15034
|
-
disableRipple: PropTypes.bool,
|
15035
|
-
/**
|
15036
|
-
* Element placed after the children.
|
15037
|
-
*/
|
15038
|
-
endIcon: PropTypes.node,
|
15039
|
-
/**
|
15040
|
-
* @ignore
|
15041
|
-
*/
|
15042
|
-
focusVisibleClassName: PropTypes.string,
|
15043
|
-
/**
|
15044
|
-
* If `true`, the button will take up the full width of its container.
|
15045
|
-
* @default false
|
15046
|
-
*/
|
15047
|
-
fullWidth: PropTypes.bool,
|
15048
|
-
/**
|
15049
|
-
* The URL to link to when the button is clicked.
|
15050
|
-
* If defined, an `a` element will be used as the root node.
|
15051
|
-
*/
|
15052
|
-
href: PropTypes.string,
|
15053
|
-
/**
|
15054
|
-
* The size of the component.
|
15055
|
-
* `small` is equivalent to the dense button styling.
|
15056
|
-
* @default 'medium'
|
15057
|
-
*/
|
15058
|
-
size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
|
15059
|
-
/**
|
15060
|
-
* Element placed before the children.
|
15061
|
-
*/
|
15062
|
-
startIcon: PropTypes.node,
|
15063
|
-
/**
|
15064
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
15065
|
-
*/
|
15066
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
15067
|
-
/**
|
15068
|
-
* @ignore
|
15069
|
-
*/
|
15070
|
-
type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
|
15071
|
-
/**
|
15072
|
-
* The variant to use.
|
15073
|
-
* @default 'text'
|
15074
|
-
*/
|
15075
|
-
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
|
15076
|
-
} : void 0;
|
15077
|
-
var Button$1 = Button;
|
15078
|
-
|
15079
|
-
function getCardUtilityClass(slot) {
|
15080
|
-
return generateUtilityClass('MuiCard', slot);
|
15081
|
-
}
|
15082
|
-
generateUtilityClasses('MuiCard', ['root']);
|
15083
|
-
|
15084
|
-
const _excluded$7 = ["className", "raised"];
|
15085
|
-
const useUtilityClasses$6 = ownerState => {
|
15086
|
-
const {
|
15087
|
-
classes
|
15088
|
-
} = ownerState;
|
15089
|
-
const slots = {
|
15090
|
-
root: ['root']
|
15091
|
-
};
|
15092
|
-
return composeClasses(slots, getCardUtilityClass, classes);
|
15093
|
-
};
|
15094
|
-
const CardRoot = styled$1(Paper$1, {
|
15095
|
-
name: 'MuiCard',
|
15096
|
-
slot: 'Root',
|
15097
|
-
overridesResolver: (props, styles) => styles.root
|
15098
|
-
})(() => {
|
15099
|
-
return {
|
15100
|
-
overflow: 'hidden'
|
15101
|
-
};
|
15102
|
-
});
|
15103
|
-
const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
|
15104
|
-
const props = useThemeProps({
|
15105
|
-
props: inProps,
|
15106
|
-
name: 'MuiCard'
|
15107
|
-
});
|
15108
|
-
const {
|
15109
|
-
className,
|
15110
|
-
raised = false
|
15111
|
-
} = props,
|
15112
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$7);
|
15113
|
-
const ownerState = _extends$4({}, props, {
|
15114
|
-
raised
|
15115
|
-
});
|
15116
|
-
const classes = useUtilityClasses$6(ownerState);
|
15117
|
-
return /*#__PURE__*/jsx(CardRoot, _extends$4({
|
15118
|
-
className: clsx(classes.root, className),
|
15119
|
-
elevation: raised ? 8 : undefined,
|
15120
|
-
ref: ref,
|
15121
|
-
ownerState: ownerState
|
15122
|
-
}, other));
|
15123
|
-
});
|
15124
|
-
process.env.NODE_ENV !== "production" ? Card.propTypes /* remove-proptypes */ = {
|
15125
|
-
// ----------------------------- Warning --------------------------------
|
15126
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
15127
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
15128
|
-
// ----------------------------------------------------------------------
|
15129
|
-
/**
|
15130
|
-
* The content of the component.
|
15131
|
-
*/
|
15132
|
-
children: PropTypes.node,
|
15133
|
-
/**
|
15134
|
-
* Override or extend the styles applied to the component.
|
15135
|
-
*/
|
15136
|
-
classes: PropTypes.object,
|
15137
|
-
/**
|
15138
|
-
* @ignore
|
15139
|
-
*/
|
15140
|
-
className: PropTypes.string,
|
15141
|
-
/**
|
15142
|
-
* If `true`, the card will use raised styling.
|
15143
|
-
* @default false
|
15144
|
-
*/
|
15145
|
-
raised: chainPropTypes(PropTypes.bool, props => {
|
15146
|
-
if (props.raised && props.variant === 'outlined') {
|
15147
|
-
return new Error('MUI: Combining `raised={true}` with `variant="outlined"` has no effect.');
|
15148
|
-
}
|
15149
|
-
return null;
|
15150
|
-
}),
|
15151
|
-
/**
|
15152
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
14830
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
15153
14831
|
*/
|
15154
14832
|
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
15155
14833
|
} : void 0;
|
@@ -15160,8 +14838,8 @@ function getCardContentUtilityClass(slot) {
|
|
15160
14838
|
}
|
15161
14839
|
generateUtilityClasses('MuiCardContent', ['root']);
|
15162
14840
|
|
15163
|
-
const _excluded$
|
15164
|
-
const useUtilityClasses$
|
14841
|
+
const _excluded$5 = ["className", "component"];
|
14842
|
+
const useUtilityClasses$4 = ownerState => {
|
15165
14843
|
const {
|
15166
14844
|
classes
|
15167
14845
|
} = ownerState;
|
@@ -15191,11 +14869,11 @@ const CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps,
|
|
15191
14869
|
className,
|
15192
14870
|
component = 'div'
|
15193
14871
|
} = props,
|
15194
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
14872
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$5);
|
15195
14873
|
const ownerState = _extends$4({}, props, {
|
15196
14874
|
component
|
15197
14875
|
});
|
15198
|
-
const classes = useUtilityClasses$
|
14876
|
+
const classes = useUtilityClasses$4(ownerState);
|
15199
14877
|
return /*#__PURE__*/jsx(CardContentRoot, _extends$4({
|
15200
14878
|
as: component,
|
15201
14879
|
className: clsx(classes.root, className),
|
@@ -15237,8 +14915,8 @@ function getModalUtilityClass(slot) {
|
|
15237
14915
|
}
|
15238
14916
|
generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);
|
15239
14917
|
|
15240
|
-
const _excluded$
|
15241
|
-
const useUtilityClasses$
|
14918
|
+
const _excluded$4 = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
|
14919
|
+
const useUtilityClasses$3 = ownerState => {
|
15242
14920
|
const {
|
15243
14921
|
open,
|
15244
14922
|
exited,
|
@@ -15325,7 +15003,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
|
|
15325
15003
|
slots
|
15326
15004
|
// eslint-disable-next-line react/prop-types
|
15327
15005
|
} = props,
|
15328
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
15006
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$4);
|
15329
15007
|
const propsWithDefaults = _extends$4({}, props, {
|
15330
15008
|
closeAfterTransition,
|
15331
15009
|
disableAutoFocus,
|
@@ -15351,7 +15029,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
|
|
15351
15029
|
const ownerState = _extends$4({}, propsWithDefaults, {
|
15352
15030
|
exited
|
15353
15031
|
});
|
15354
|
-
const classes = useUtilityClasses$
|
15032
|
+
const classes = useUtilityClasses$3(ownerState);
|
15355
15033
|
const childProps = {};
|
15356
15034
|
if (children.props.tabIndex === undefined) {
|
15357
15035
|
childProps.tabIndex = '-1';
|
@@ -15605,8 +15283,8 @@ function getDividerUtilityClass(slot) {
|
|
15605
15283
|
}
|
15606
15284
|
generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
|
15607
15285
|
|
15608
|
-
const _excluded$
|
15609
|
-
const useUtilityClasses$
|
15286
|
+
const _excluded$3 = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"];
|
15287
|
+
const useUtilityClasses$2 = ownerState => {
|
15610
15288
|
const {
|
15611
15289
|
absolute,
|
15612
15290
|
children,
|
@@ -15747,7 +15425,7 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
|
15747
15425
|
textAlign = 'center',
|
15748
15426
|
variant = 'fullWidth'
|
15749
15427
|
} = props,
|
15750
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
15428
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$3);
|
15751
15429
|
const ownerState = _extends$4({}, props, {
|
15752
15430
|
absolute,
|
15753
15431
|
component,
|
@@ -15758,7 +15436,7 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
|
15758
15436
|
textAlign,
|
15759
15437
|
variant
|
15760
15438
|
});
|
15761
|
-
const classes = useUtilityClasses$
|
15439
|
+
const classes = useUtilityClasses$2(ownerState);
|
15762
15440
|
return /*#__PURE__*/jsx(DividerRoot, _extends$4({
|
15763
15441
|
as: component,
|
15764
15442
|
className: clsx(classes.root, className),
|
@@ -15843,7 +15521,7 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */
|
|
15843
15521
|
} : void 0;
|
15844
15522
|
var Divider$1 = Divider;
|
15845
15523
|
|
15846
|
-
const _excluded$
|
15524
|
+
const _excluded$2 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
15847
15525
|
function getTranslateValue(direction, node, resolvedContainer) {
|
15848
15526
|
const rect = node.getBoundingClientRect();
|
15849
15527
|
const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
|
@@ -15932,7 +15610,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
|
|
15932
15610
|
// eslint-disable-next-line react/prop-types
|
15933
15611
|
TransitionComponent = Transition$1
|
15934
15612
|
} = props,
|
15935
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
15613
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$2);
|
15936
15614
|
const childrenRef = React.useRef(null);
|
15937
15615
|
const handleRef = useForkRef(children.ref, childrenRef, ref);
|
15938
15616
|
const normalizedTransitionCallback = callback => isAppearing => {
|
@@ -16160,7 +15838,7 @@ function getDrawerUtilityClass(slot) {
|
|
16160
15838
|
}
|
16161
15839
|
generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
|
16162
15840
|
|
16163
|
-
const _excluded$
|
15841
|
+
const _excluded$1 = ["BackdropProps"],
|
16164
15842
|
_excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
|
16165
15843
|
const overridesResolver = (props, styles) => {
|
16166
15844
|
const {
|
@@ -16168,7 +15846,7 @@ const overridesResolver = (props, styles) => {
|
|
16168
15846
|
} = props;
|
16169
15847
|
return [styles.root, (ownerState.variant === 'permanent' || ownerState.variant === 'persistent') && styles.docked, styles.modal];
|
16170
15848
|
};
|
16171
|
-
const useUtilityClasses$
|
15849
|
+
const useUtilityClasses$1 = ownerState => {
|
16172
15850
|
const {
|
16173
15851
|
classes,
|
16174
15852
|
anchor,
|
@@ -16300,7 +15978,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
16300
15978
|
transitionDuration = defaultTransitionDuration,
|
16301
15979
|
variant = 'temporary'
|
16302
15980
|
} = props,
|
16303
|
-
ModalProps = _objectWithoutPropertiesLoose$3(props.ModalProps, _excluded$
|
15981
|
+
ModalProps = _objectWithoutPropertiesLoose$3(props.ModalProps, _excluded$1),
|
16304
15982
|
other = _objectWithoutPropertiesLoose$3(props, _excluded2);
|
16305
15983
|
|
16306
15984
|
// Let's assume that the Drawer will always be rendered on user space.
|
@@ -16318,7 +15996,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
16318
15996
|
open,
|
16319
15997
|
variant
|
16320
15998
|
}, other);
|
16321
|
-
const classes = useUtilityClasses$
|
15999
|
+
const classes = useUtilityClasses$1(ownerState);
|
16322
16000
|
const drawer = /*#__PURE__*/jsx(DrawerPaper, _extends$4({
|
16323
16001
|
elevation: variant === 'temporary' ? elevation : 0,
|
16324
16002
|
square: true
|
@@ -16514,346 +16192,6 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ =
|
|
16514
16192
|
} : void 0;
|
16515
16193
|
var Stack$1 = Stack;
|
16516
16194
|
|
16517
|
-
function getLinearProgressUtilityClass(slot) {
|
16518
|
-
return generateUtilityClass('MuiLinearProgress', slot);
|
16519
|
-
}
|
16520
|
-
generateUtilityClasses('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);
|
16521
|
-
|
16522
|
-
const _excluded$1 = ["className", "color", "value", "valueBuffer", "variant"];
|
16523
|
-
let _ = t => t,
|
16524
|
-
_t,
|
16525
|
-
_t2,
|
16526
|
-
_t3,
|
16527
|
-
_t4,
|
16528
|
-
_t5,
|
16529
|
-
_t6;
|
16530
|
-
const TRANSITION_DURATION = 4; // seconds
|
16531
|
-
const indeterminate1Keyframe = keyframes(_t || (_t = _`
|
16532
|
-
0% {
|
16533
|
-
left: -35%;
|
16534
|
-
right: 100%;
|
16535
|
-
}
|
16536
|
-
|
16537
|
-
60% {
|
16538
|
-
left: 100%;
|
16539
|
-
right: -90%;
|
16540
|
-
}
|
16541
|
-
|
16542
|
-
100% {
|
16543
|
-
left: 100%;
|
16544
|
-
right: -90%;
|
16545
|
-
}
|
16546
|
-
`));
|
16547
|
-
const indeterminate2Keyframe = keyframes(_t2 || (_t2 = _`
|
16548
|
-
0% {
|
16549
|
-
left: -200%;
|
16550
|
-
right: 100%;
|
16551
|
-
}
|
16552
|
-
|
16553
|
-
60% {
|
16554
|
-
left: 107%;
|
16555
|
-
right: -8%;
|
16556
|
-
}
|
16557
|
-
|
16558
|
-
100% {
|
16559
|
-
left: 107%;
|
16560
|
-
right: -8%;
|
16561
|
-
}
|
16562
|
-
`));
|
16563
|
-
const bufferKeyframe = keyframes(_t3 || (_t3 = _`
|
16564
|
-
0% {
|
16565
|
-
opacity: 1;
|
16566
|
-
background-position: 0 -23px;
|
16567
|
-
}
|
16568
|
-
|
16569
|
-
60% {
|
16570
|
-
opacity: 0;
|
16571
|
-
background-position: 0 -23px;
|
16572
|
-
}
|
16573
|
-
|
16574
|
-
100% {
|
16575
|
-
opacity: 1;
|
16576
|
-
background-position: -200px -23px;
|
16577
|
-
}
|
16578
|
-
`));
|
16579
|
-
const useUtilityClasses$1 = ownerState => {
|
16580
|
-
const {
|
16581
|
-
classes,
|
16582
|
-
variant,
|
16583
|
-
color
|
16584
|
-
} = ownerState;
|
16585
|
-
const slots = {
|
16586
|
-
root: ['root', `color${capitalize(color)}`, variant],
|
16587
|
-
dashed: ['dashed', `dashedColor${capitalize(color)}`],
|
16588
|
-
bar1: ['bar', `barColor${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar1Indeterminate', variant === 'determinate' && 'bar1Determinate', variant === 'buffer' && 'bar1Buffer'],
|
16589
|
-
bar2: ['bar', variant !== 'buffer' && `barColor${capitalize(color)}`, variant === 'buffer' && `color${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar2Indeterminate', variant === 'buffer' && 'bar2Buffer']
|
16590
|
-
};
|
16591
|
-
return composeClasses(slots, getLinearProgressUtilityClass, classes);
|
16592
|
-
};
|
16593
|
-
const getColorShade = (theme, color) => {
|
16594
|
-
if (color === 'inherit') {
|
16595
|
-
return 'currentColor';
|
16596
|
-
}
|
16597
|
-
if (theme.vars) {
|
16598
|
-
return theme.vars.palette.LinearProgress[`${color}Bg`];
|
16599
|
-
}
|
16600
|
-
return theme.palette.mode === 'light' ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.5);
|
16601
|
-
};
|
16602
|
-
const LinearProgressRoot = styled$1('span', {
|
16603
|
-
name: 'MuiLinearProgress',
|
16604
|
-
slot: 'Root',
|
16605
|
-
overridesResolver: (props, styles) => {
|
16606
|
-
const {
|
16607
|
-
ownerState
|
16608
|
-
} = props;
|
16609
|
-
return [styles.root, styles[`color${capitalize(ownerState.color)}`], styles[ownerState.variant]];
|
16610
|
-
}
|
16611
|
-
})(({
|
16612
|
-
ownerState,
|
16613
|
-
theme
|
16614
|
-
}) => _extends$4({
|
16615
|
-
position: 'relative',
|
16616
|
-
overflow: 'hidden',
|
16617
|
-
display: 'block',
|
16618
|
-
height: 4,
|
16619
|
-
zIndex: 0,
|
16620
|
-
// Fix Safari's bug during composition of different paint.
|
16621
|
-
'@media print': {
|
16622
|
-
colorAdjust: 'exact'
|
16623
|
-
},
|
16624
|
-
backgroundColor: getColorShade(theme, ownerState.color)
|
16625
|
-
}, ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {
|
16626
|
-
backgroundColor: 'none',
|
16627
|
-
'&::before': {
|
16628
|
-
content: '""',
|
16629
|
-
position: 'absolute',
|
16630
|
-
left: 0,
|
16631
|
-
top: 0,
|
16632
|
-
right: 0,
|
16633
|
-
bottom: 0,
|
16634
|
-
backgroundColor: 'currentColor',
|
16635
|
-
opacity: 0.3
|
16636
|
-
}
|
16637
|
-
}, ownerState.variant === 'buffer' && {
|
16638
|
-
backgroundColor: 'transparent'
|
16639
|
-
}, ownerState.variant === 'query' && {
|
16640
|
-
transform: 'rotate(180deg)'
|
16641
|
-
}));
|
16642
|
-
const LinearProgressDashed = styled$1('span', {
|
16643
|
-
name: 'MuiLinearProgress',
|
16644
|
-
slot: 'Dashed',
|
16645
|
-
overridesResolver: (props, styles) => {
|
16646
|
-
const {
|
16647
|
-
ownerState
|
16648
|
-
} = props;
|
16649
|
-
return [styles.dashed, styles[`dashedColor${capitalize(ownerState.color)}`]];
|
16650
|
-
}
|
16651
|
-
})(({
|
16652
|
-
ownerState,
|
16653
|
-
theme
|
16654
|
-
}) => {
|
16655
|
-
const backgroundColor = getColorShade(theme, ownerState.color);
|
16656
|
-
return _extends$4({
|
16657
|
-
position: 'absolute',
|
16658
|
-
marginTop: 0,
|
16659
|
-
height: '100%',
|
16660
|
-
width: '100%'
|
16661
|
-
}, ownerState.color === 'inherit' && {
|
16662
|
-
opacity: 0.3
|
16663
|
-
}, {
|
16664
|
-
backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`,
|
16665
|
-
backgroundSize: '10px 10px',
|
16666
|
-
backgroundPosition: '0 -23px'
|
16667
|
-
});
|
16668
|
-
}, css(_t4 || (_t4 = _`
|
16669
|
-
animation: ${0} 3s infinite linear;
|
16670
|
-
`), bufferKeyframe));
|
16671
|
-
const LinearProgressBar1 = styled$1('span', {
|
16672
|
-
name: 'MuiLinearProgress',
|
16673
|
-
slot: 'Bar1',
|
16674
|
-
overridesResolver: (props, styles) => {
|
16675
|
-
const {
|
16676
|
-
ownerState
|
16677
|
-
} = props;
|
16678
|
-
return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar1Indeterminate, ownerState.variant === 'determinate' && styles.bar1Determinate, ownerState.variant === 'buffer' && styles.bar1Buffer];
|
16679
|
-
}
|
16680
|
-
})(({
|
16681
|
-
ownerState,
|
16682
|
-
theme
|
16683
|
-
}) => _extends$4({
|
16684
|
-
width: '100%',
|
16685
|
-
position: 'absolute',
|
16686
|
-
left: 0,
|
16687
|
-
bottom: 0,
|
16688
|
-
top: 0,
|
16689
|
-
transition: 'transform 0.2s linear',
|
16690
|
-
transformOrigin: 'left',
|
16691
|
-
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
16692
|
-
}, ownerState.variant === 'determinate' && {
|
16693
|
-
transition: `transform .${TRANSITION_DURATION}s linear`
|
16694
|
-
}, ownerState.variant === 'buffer' && {
|
16695
|
-
zIndex: 1,
|
16696
|
-
transition: `transform .${TRANSITION_DURATION}s linear`
|
16697
|
-
}), ({
|
16698
|
-
ownerState
|
16699
|
-
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t5 || (_t5 = _`
|
16700
|
-
width: auto;
|
16701
|
-
animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
16702
|
-
`), indeterminate1Keyframe));
|
16703
|
-
const LinearProgressBar2 = styled$1('span', {
|
16704
|
-
name: 'MuiLinearProgress',
|
16705
|
-
slot: 'Bar2',
|
16706
|
-
overridesResolver: (props, styles) => {
|
16707
|
-
const {
|
16708
|
-
ownerState
|
16709
|
-
} = props;
|
16710
|
-
return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar2Indeterminate, ownerState.variant === 'buffer' && styles.bar2Buffer];
|
16711
|
-
}
|
16712
|
-
})(({
|
16713
|
-
ownerState,
|
16714
|
-
theme
|
16715
|
-
}) => _extends$4({
|
16716
|
-
width: '100%',
|
16717
|
-
position: 'absolute',
|
16718
|
-
left: 0,
|
16719
|
-
bottom: 0,
|
16720
|
-
top: 0,
|
16721
|
-
transition: 'transform 0.2s linear',
|
16722
|
-
transformOrigin: 'left'
|
16723
|
-
}, ownerState.variant !== 'buffer' && {
|
16724
|
-
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
16725
|
-
}, ownerState.color === 'inherit' && {
|
16726
|
-
opacity: 0.3
|
16727
|
-
}, ownerState.variant === 'buffer' && {
|
16728
|
-
backgroundColor: getColorShade(theme, ownerState.color),
|
16729
|
-
transition: `transform .${TRANSITION_DURATION}s linear`
|
16730
|
-
}), ({
|
16731
|
-
ownerState
|
16732
|
-
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t6 || (_t6 = _`
|
16733
|
-
width: auto;
|
16734
|
-
animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
|
16735
|
-
`), indeterminate2Keyframe));
|
16736
|
-
|
16737
|
-
/**
|
16738
|
-
* ## ARIA
|
16739
|
-
*
|
16740
|
-
* If the progress bar is describing the loading progress of a particular region of a page,
|
16741
|
-
* you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
|
16742
|
-
* attribute to `true` on that region until it has finished loading.
|
16743
|
-
*/
|
16744
|
-
const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inProps, ref) {
|
16745
|
-
const props = useThemeProps({
|
16746
|
-
props: inProps,
|
16747
|
-
name: 'MuiLinearProgress'
|
16748
|
-
});
|
16749
|
-
const {
|
16750
|
-
className,
|
16751
|
-
color = 'primary',
|
16752
|
-
value,
|
16753
|
-
valueBuffer,
|
16754
|
-
variant = 'indeterminate'
|
16755
|
-
} = props,
|
16756
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$1);
|
16757
|
-
const ownerState = _extends$4({}, props, {
|
16758
|
-
color,
|
16759
|
-
variant
|
16760
|
-
});
|
16761
|
-
const classes = useUtilityClasses$1(ownerState);
|
16762
|
-
const theme = useTheme();
|
16763
|
-
const rootProps = {};
|
16764
|
-
const inlineStyles = {
|
16765
|
-
bar1: {},
|
16766
|
-
bar2: {}
|
16767
|
-
};
|
16768
|
-
if (variant === 'determinate' || variant === 'buffer') {
|
16769
|
-
if (value !== undefined) {
|
16770
|
-
rootProps['aria-valuenow'] = Math.round(value);
|
16771
|
-
rootProps['aria-valuemin'] = 0;
|
16772
|
-
rootProps['aria-valuemax'] = 100;
|
16773
|
-
let transform = value - 100;
|
16774
|
-
if (theme.direction === 'rtl') {
|
16775
|
-
transform = -transform;
|
16776
|
-
}
|
16777
|
-
inlineStyles.bar1.transform = `translateX(${transform}%)`;
|
16778
|
-
} else if (process.env.NODE_ENV !== 'production') {
|
16779
|
-
console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');
|
16780
|
-
}
|
16781
|
-
}
|
16782
|
-
if (variant === 'buffer') {
|
16783
|
-
if (valueBuffer !== undefined) {
|
16784
|
-
let transform = (valueBuffer || 0) - 100;
|
16785
|
-
if (theme.direction === 'rtl') {
|
16786
|
-
transform = -transform;
|
16787
|
-
}
|
16788
|
-
inlineStyles.bar2.transform = `translateX(${transform}%)`;
|
16789
|
-
} else if (process.env.NODE_ENV !== 'production') {
|
16790
|
-
console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
|
16791
|
-
}
|
16792
|
-
}
|
16793
|
-
return /*#__PURE__*/jsxs(LinearProgressRoot, _extends$4({
|
16794
|
-
className: clsx(classes.root, className),
|
16795
|
-
ownerState: ownerState,
|
16796
|
-
role: "progressbar"
|
16797
|
-
}, rootProps, {
|
16798
|
-
ref: ref
|
16799
|
-
}, other, {
|
16800
|
-
children: [variant === 'buffer' ? /*#__PURE__*/jsx(LinearProgressDashed, {
|
16801
|
-
className: classes.dashed,
|
16802
|
-
ownerState: ownerState
|
16803
|
-
}) : null, /*#__PURE__*/jsx(LinearProgressBar1, {
|
16804
|
-
className: classes.bar1,
|
16805
|
-
ownerState: ownerState,
|
16806
|
-
style: inlineStyles.bar1
|
16807
|
-
}), variant === 'determinate' ? null : /*#__PURE__*/jsx(LinearProgressBar2, {
|
16808
|
-
className: classes.bar2,
|
16809
|
-
ownerState: ownerState,
|
16810
|
-
style: inlineStyles.bar2
|
16811
|
-
})]
|
16812
|
-
}));
|
16813
|
-
});
|
16814
|
-
process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-proptypes */ = {
|
16815
|
-
// ----------------------------- Warning --------------------------------
|
16816
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
16817
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
16818
|
-
// ----------------------------------------------------------------------
|
16819
|
-
/**
|
16820
|
-
* Override or extend the styles applied to the component.
|
16821
|
-
*/
|
16822
|
-
classes: PropTypes.object,
|
16823
|
-
/**
|
16824
|
-
* @ignore
|
16825
|
-
*/
|
16826
|
-
className: PropTypes.string,
|
16827
|
-
/**
|
16828
|
-
* The color of the component.
|
16829
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
16830
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
16831
|
-
* @default 'primary'
|
16832
|
-
*/
|
16833
|
-
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),
|
16834
|
-
/**
|
16835
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
16836
|
-
*/
|
16837
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
16838
|
-
/**
|
16839
|
-
* The value of the progress indicator for the determinate and buffer variants.
|
16840
|
-
* Value between 0 and 100.
|
16841
|
-
*/
|
16842
|
-
value: PropTypes.number,
|
16843
|
-
/**
|
16844
|
-
* The value for the buffer variant.
|
16845
|
-
* Value between 0 and 100.
|
16846
|
-
*/
|
16847
|
-
valueBuffer: PropTypes.number,
|
16848
|
-
/**
|
16849
|
-
* The variant to use.
|
16850
|
-
* Use indeterminate or query when there is no progress value.
|
16851
|
-
* @default 'indeterminate'
|
16852
|
-
*/
|
16853
|
-
variant: PropTypes.oneOf(['buffer', 'determinate', 'indeterminate', 'query'])
|
16854
|
-
} : void 0;
|
16855
|
-
var LinearProgress$1 = LinearProgress;
|
16856
|
-
|
16857
16195
|
function getToolbarUtilityClass(slot) {
|
16858
16196
|
return generateUtilityClass('MuiToolbar', slot);
|
16859
16197
|
}
|
@@ -17163,7 +16501,7 @@ var $TypeError$6 = TypeError;
|
|
17163
16501
|
|
17164
16502
|
var aPossiblePrototype$1 = function (argument) {
|
17165
16503
|
if (typeof argument == 'object' || isCallable$6(argument)) return argument;
|
17166
|
-
throw $TypeError$6("Can't set " + $String(argument) + ' as a prototype');
|
16504
|
+
throw new $TypeError$6("Can't set " + $String(argument) + ' as a prototype');
|
17167
16505
|
};
|
17168
16506
|
|
17169
16507
|
/* eslint-disable no-proto -- safe */
|
@@ -17585,210 +16923,58 @@ const FooterActionComponent = ({
|
|
17585
16923
|
}), /*#__PURE__*/React__default.createElement(Box$2, null, labelChangeCounter), renderRightContent));
|
17586
16924
|
};
|
17587
16925
|
|
17588
|
-
const
|
17589
|
-
|
17590
|
-
|
17591
|
-
|
17592
|
-
|
17593
|
-
seconds += 100;
|
17594
|
-
const progress = 100 - seconds / timeProgress * 100;
|
17595
|
-
setProgress(progress <= 0 ? 0 : progress);
|
17596
|
-
if (seconds >= timeProgress) {
|
17597
|
-
clearInterval(interval);
|
17598
|
-
}
|
17599
|
-
}, 100);
|
17600
|
-
return () => {
|
17601
|
-
clearInterval(interval);
|
17602
|
-
};
|
17603
|
-
}, [timeProgress]);
|
17604
|
-
return {
|
17605
|
-
progressToast: progress
|
17606
|
-
};
|
17607
|
-
};
|
17608
|
-
|
17609
|
-
const ToastContainer = styled$1(Stack$1)(() => ({
|
17610
|
-
position: "fixed",
|
17611
|
-
zIndex: 1400,
|
17612
|
-
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)",
|
17613
|
-
right: 16,
|
17614
|
-
marginTop: 16
|
17615
|
-
}));
|
17616
|
-
const ToastContent = styled$1(Box$2)(({
|
17617
|
-
theme
|
17618
|
-
}) => ({
|
17619
|
-
padding: theme.spacing(1.5),
|
17620
|
-
gap: theme.spacing(1.5),
|
17621
|
-
display: "flex",
|
17622
|
-
alignItems: "center",
|
17623
|
-
"&.color-error": {
|
17624
|
-
backgroundColor: "#FEEBEE"
|
17625
|
-
},
|
17626
|
-
"&.color-info": {
|
17627
|
-
backgroundColor: "#E1F5FE"
|
17628
|
-
},
|
17629
|
-
"&.color-warning": {
|
17630
|
-
backgroundColor: "#FFF3E0"
|
17631
|
-
},
|
17632
|
-
"&.color-success": {
|
17633
|
-
backgroundColor: "#E8F5E9"
|
17634
|
-
}
|
16926
|
+
const PageHeaderContent = styled$1(Stack$1)(() => ({
|
16927
|
+
backgroundColor: "#fff",
|
16928
|
+
boxShadow: "0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)",
|
16929
|
+
zIndex: 100,
|
16930
|
+
padding: "8px 24px"
|
17635
16931
|
}));
|
17636
|
-
const
|
17637
|
-
|
17638
|
-
|
17639
|
-
|
17640
|
-
|
17641
|
-
|
17642
|
-
|
17643
|
-
|
17644
|
-
|
17645
|
-
|
17646
|
-
|
17647
|
-
|
17648
|
-
|
17649
|
-
|
17650
|
-
backgroundColor: "#FB85001F"
|
17651
|
-
},
|
17652
|
-
"&.ripple-success": {
|
17653
|
-
backgroundColor: "#8FC93A1F"
|
17654
|
-
}
|
17655
|
-
}));
|
17656
|
-
const ToastIconContainer = styled$1(Stack$1)(({
|
17657
|
-
theme
|
17658
|
-
}) => ({
|
17659
|
-
"&.icon-color.color-info": {
|
17660
|
-
color: theme.palette.info.main
|
17661
|
-
},
|
17662
|
-
"&.icon-color.color-error": {
|
17663
|
-
color: theme.palette.error.main
|
17664
|
-
},
|
17665
|
-
"&.icon-color.color-warning": {
|
17666
|
-
color: theme.palette.warning.main
|
17667
|
-
},
|
17668
|
-
"&.icon-color.color-success": {
|
17669
|
-
color: theme.palette.success.main
|
17670
|
-
}
|
17671
|
-
}));
|
17672
|
-
const ToastNotificationComponent = toast => {
|
17673
|
-
const [stateOptions, setStateOptions] = useState(true);
|
17674
|
-
const [stateToast, setStateToast] = useState(true);
|
17675
|
-
const timeProgress = toast.time || 8000;
|
17676
|
-
const {
|
17677
|
-
progressToast
|
17678
|
-
} = useProgress(timeProgress);
|
17679
|
-
const toastColorOption = {
|
17680
|
-
success: "success",
|
17681
|
-
error: "error",
|
17682
|
-
warning: "warning",
|
17683
|
-
info: "info"
|
17684
|
-
};
|
17685
|
-
const toastColorConfig = toastColorOption[toast.type || "info"];
|
17686
|
-
const toastIconOption = {
|
17687
|
-
success: /*#__PURE__*/React__default.createElement(CheckCircleRounded, null),
|
17688
|
-
error: /*#__PURE__*/React__default.createElement(ErrorRounded, null),
|
17689
|
-
warning: /*#__PURE__*/React__default.createElement(WarningRounded, null),
|
17690
|
-
info: /*#__PURE__*/React__default.createElement(InfoRounded, null)
|
17691
|
-
};
|
17692
|
-
const ToastIconConfig = toastIconOption[toast.type || "info"];
|
17693
|
-
const closeToast = () => {
|
17694
|
-
setStateToast(false);
|
17695
|
-
};
|
17696
|
-
const toggleToastOptions = () => {
|
17697
|
-
setStateOptions(prevShowOptions => !prevShowOptions);
|
17698
|
-
};
|
17699
|
-
useEffect(() => {
|
17700
|
-
if (progressToast <= 0) setStateToast(false);
|
17701
|
-
}, [progressToast]);
|
17702
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stateToast && /*#__PURE__*/React__default.createElement(Stack$1, {
|
17703
|
-
height: 105,
|
17704
|
-
position: "absolute",
|
17705
|
-
zIndex: 1400
|
17706
|
-
}, /*#__PURE__*/React__default.createElement(ToastContainer, {
|
17707
|
-
position: "fixed"
|
17708
|
-
}, /*#__PURE__*/React__default.createElement(ToastContent, {
|
17709
|
-
className: `color-${toastColorConfig}`
|
17710
|
-
}, toast && /*#__PURE__*/React__default.createElement(RippleIcon, {
|
17711
|
-
className: `ripple-${toast.type || "info"}`
|
17712
|
-
}, /*#__PURE__*/React__default.createElement(ToastIconContainer, {
|
17713
|
-
className: `icon-color color-${toast.type || "info"}`
|
17714
|
-
}, ToastIconConfig)), /*#__PURE__*/React__default.createElement(Divider$1, {
|
17715
|
-
orientation: "vertical",
|
17716
|
-
flexItem: true
|
17717
|
-
}), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17718
|
-
gap: 0.5,
|
17719
|
-
width: 285
|
16932
|
+
const PageHeaderComponent = ({
|
16933
|
+
title,
|
16934
|
+
subtitle,
|
16935
|
+
actions,
|
16936
|
+
buttonBack,
|
16937
|
+
fixed,
|
16938
|
+
date
|
16939
|
+
}) => {
|
16940
|
+
const [currentDate] = useState(date ? new Date() : null);
|
16941
|
+
return /*#__PURE__*/React__default.createElement(PageHeaderContent, {
|
16942
|
+
position: fixed === true ? "fixed" : "relative",
|
16943
|
+
sx: {
|
16944
|
+
width: fixed === true ? "-webkit-fill-available" : "inherit"
|
16945
|
+
}
|
17720
16946
|
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
16947
|
+
width: "100%",
|
17721
16948
|
justifyContent: "space-between",
|
17722
16949
|
flexDirection: "row",
|
17723
16950
|
alignItems: "center"
|
17724
|
-
}, /*#__PURE__*/React__default.createElement(
|
17725
|
-
|
17726
|
-
color: "text.primary"
|
17727
|
-
}, toast.title), /*#__PURE__*/React__default.createElement(IconButton$1, {
|
17728
|
-
size: "small",
|
17729
|
-
"aria-label": "delete",
|
17730
|
-
onClick: closeToast
|
17731
|
-
}, /*#__PURE__*/React__default.createElement(Close$1, null))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17732
|
-
gap: "4px"
|
17733
|
-
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17734
|
-
color: "text.primary",
|
17735
|
-
variant: "body2"
|
17736
|
-
}, toast.subtitle), !stateOptions && toast.dataOpt && toast.dataOpt.length > 0 && /*#__PURE__*/React__default.createElement("ul", {
|
17737
|
-
style: {
|
17738
|
-
paddingLeft: 15,
|
17739
|
-
marginBlock: 0,
|
17740
|
-
fontSize: 11,
|
17741
|
-
color: "#101840de"
|
17742
|
-
}
|
17743
|
-
}, toast.dataOpt.map((element, i) => {
|
17744
|
-
const keyElement = Object.keys(element);
|
17745
|
-
let options = "";
|
17746
|
-
for (let _i = 0; _i < keyElement.length; _i++) {
|
17747
|
-
options += element[keyElement[_i]];
|
17748
|
-
}
|
17749
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
17750
|
-
style: {
|
17751
|
-
width: "fit-content"
|
17752
|
-
},
|
17753
|
-
key: i
|
17754
|
-
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17755
|
-
variant: "caption"
|
17756
|
-
}, options));
|
17757
|
-
}))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17758
|
-
justifyContent: "flex-end",
|
16951
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
16952
|
+
gap: 1.5,
|
17759
16953
|
flexDirection: "row",
|
17760
|
-
alignItems: "
|
17761
|
-
},
|
16954
|
+
alignItems: "center"
|
16955
|
+
}, buttonBack, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Typography$1, {
|
16956
|
+
variant: "h6",
|
16957
|
+
color: "text.primary"
|
16958
|
+
}, title)), /*#__PURE__*/React__default.createElement(Stack$1, {
|
16959
|
+
alignItems: "center",
|
17762
16960
|
flexDirection: "row",
|
17763
|
-
gap:
|
17764
|
-
},
|
17765
|
-
|
17766
|
-
|
17767
|
-
|
17768
|
-
|
17769
|
-
|
17770
|
-
|
17771
|
-
|
17772
|
-
|
17773
|
-
|
17774
|
-
|
17775
|
-
|
17776
|
-
|
17777
|
-
|
17778
|
-
|
17779
|
-
};
|
17780
|
-
|
17781
|
-
const App = () => {
|
17782
|
-
return /*#__PURE__*/React__default.createElement(React__default.StrictMode, null, /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
17783
|
-
theme: SincoTheme
|
17784
|
-
}, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ToastNotificationComponent, {
|
17785
|
-
type: '',
|
17786
|
-
title: '',
|
17787
|
-
seeMore: true,
|
17788
|
-
dataOpt: [{
|
17789
|
-
hola: "hajaja"
|
17790
|
-
}]
|
17791
|
-
}))));
|
16961
|
+
gap: 2
|
16962
|
+
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
16963
|
+
variant: "caption",
|
16964
|
+
color: "text.secondary",
|
16965
|
+
sx: Object.assign({}, SincoTheme.typography.caption)
|
16966
|
+
}, subtitle), currentDate && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Divider$1, {
|
16967
|
+
flexItem: true,
|
16968
|
+
orientation: "vertical"
|
16969
|
+
}), /*#__PURE__*/React__default.createElement(Typography$1, {
|
16970
|
+
variant: "caption",
|
16971
|
+
color: "text.secondary",
|
16972
|
+
sx: Object.assign({}, SincoTheme.typography.caption)
|
16973
|
+
}, "Fecha:", currentDate.toLocaleString()))))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
16974
|
+
gap: 1,
|
16975
|
+
alignItems: "center",
|
16976
|
+
flexDirection: "row"
|
16977
|
+
}, actions)));
|
17792
16978
|
};
|
17793
16979
|
|
17794
16980
|
var global$6 = global$l;
|
@@ -17829,7 +17015,7 @@ var $TypeError$5 = TypeError;
|
|
17829
17015
|
|
17830
17016
|
var anInstance$1 = function (it, Prototype) {
|
17831
17017
|
if (isPrototypeOf$1(Prototype, it)) return it;
|
17832
|
-
throw $TypeError$5('Incorrect invocation');
|
17018
|
+
throw new $TypeError$5('Incorrect invocation');
|
17833
17019
|
};
|
17834
17020
|
|
17835
17021
|
var uncurryThis$2 = functionUncurryThis;
|
@@ -17844,7 +17030,7 @@ var empty = [];
|
|
17844
17030
|
var construct = getBuiltIn$2('Reflect', 'construct');
|
17845
17031
|
var constructorRegExp = /^\s*(?:class|function)\b/;
|
17846
17032
|
var exec = uncurryThis$2(constructorRegExp.exec);
|
17847
|
-
var INCORRECT_TO_STRING = !constructorRegExp.
|
17033
|
+
var INCORRECT_TO_STRING = !constructorRegExp.test(noop);
|
17848
17034
|
|
17849
17035
|
var isConstructorModern = function isConstructor(argument) {
|
17850
17036
|
if (!isCallable$4(argument)) return false;
|
@@ -17893,7 +17079,7 @@ var $TypeError$4 = TypeError;
|
|
17893
17079
|
// `Assert: IsConstructor(argument) is true`
|
17894
17080
|
var aConstructor$1 = function (argument) {
|
17895
17081
|
if (isConstructor(argument)) return argument;
|
17896
|
-
throw $TypeError$4(tryToString$2(argument) + ' is not a constructor');
|
17082
|
+
throw new $TypeError$4(tryToString$2(argument) + ' is not a constructor');
|
17897
17083
|
};
|
17898
17084
|
|
17899
17085
|
var anObject$4 = anObject$d;
|
@@ -17943,7 +17129,7 @@ var arraySlice$1 = uncurryThis([].slice);
|
|
17943
17129
|
var $TypeError$3 = TypeError;
|
17944
17130
|
|
17945
17131
|
var validateArgumentsLength$1 = function (passed, required) {
|
17946
|
-
if (passed < required) throw $TypeError$3('Not enough arguments');
|
17132
|
+
if (passed < required) throw new $TypeError$3('Not enough arguments');
|
17947
17133
|
return passed;
|
17948
17134
|
};
|
17949
17135
|
|
@@ -18266,7 +17452,7 @@ var $TypeError$2 = TypeError;
|
|
18266
17452
|
var PromiseCapability = function (C) {
|
18267
17453
|
var resolve, reject;
|
18268
17454
|
this.promise = new C(function ($$resolve, $$reject) {
|
18269
|
-
if (resolve !== undefined || reject !== undefined) throw $TypeError$2('Bad Promise constructor');
|
17455
|
+
if (resolve !== undefined || reject !== undefined) throw new $TypeError$2('Bad Promise constructor');
|
18270
17456
|
resolve = $$resolve;
|
18271
17457
|
reject = $$reject;
|
18272
17458
|
});
|
@@ -18359,7 +17545,7 @@ var callReaction = function (reaction, state) {
|
|
18359
17545
|
}
|
18360
17546
|
}
|
18361
17547
|
if (result === reaction.promise) {
|
18362
|
-
reject(TypeError$1('Promise-chain cycle'));
|
17548
|
+
reject(new TypeError$1('Promise-chain cycle'));
|
18363
17549
|
} else if (then = isThenable(result)) {
|
18364
17550
|
call$6(then, result, resolve, reject);
|
18365
17551
|
} else resolve(result);
|
@@ -18449,7 +17635,7 @@ var internalResolve = function (state, value, unwrap) {
|
|
18449
17635
|
state.done = true;
|
18450
17636
|
if (unwrap) state = unwrap;
|
18451
17637
|
try {
|
18452
|
-
if (state.facade === value) throw TypeError$1("Promise can't be resolved itself");
|
17638
|
+
if (state.facade === value) throw new TypeError$1("Promise can't be resolved itself");
|
18453
17639
|
var then = isThenable(value);
|
18454
17640
|
if (then) {
|
18455
17641
|
microtask(function () {
|
@@ -18603,7 +17789,7 @@ var $TypeError$1 = TypeError;
|
|
18603
17789
|
var getIterator$1 = function (argument, usingIterator) {
|
18604
17790
|
var iteratorMethod = arguments.length < 2 ? getIteratorMethod$1(argument) : usingIterator;
|
18605
17791
|
if (aCallable$2(iteratorMethod)) return anObject$3(call$5(iteratorMethod, argument));
|
18606
|
-
throw $TypeError$1(tryToString$1(argument) + ' is not iterable');
|
17792
|
+
throw new $TypeError$1(tryToString$1(argument) + ' is not iterable');
|
18607
17793
|
};
|
18608
17794
|
|
18609
17795
|
var call$4 = functionCall;
|
@@ -18677,7 +17863,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
|
|
18677
17863
|
iterator = iterable;
|
18678
17864
|
} else {
|
18679
17865
|
iterFn = getIteratorMethod(iterable);
|
18680
|
-
if (!iterFn) throw $TypeError(tryToString(iterable) + ' is not iterable');
|
17866
|
+
if (!iterFn) throw new $TypeError(tryToString(iterable) + ' is not iterable');
|
18681
17867
|
// optimisation for array iterators
|
18682
17868
|
if (isArrayIteratorMethod(iterFn)) {
|
18683
17869
|
for (index = 0, length = lengthOfArrayLike(iterable); length > index; index++) {
|
@@ -23248,4 +22434,4 @@ const useDynamicColor = url => {
|
|
23248
22434
|
};
|
23249
22435
|
};
|
23250
22436
|
|
23251
|
-
export {
|
22437
|
+
export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, PageHeaderComponent, PageHeaderContent, SincoTheme, useDynamicColor };
|