@sinco/react 1.0.11-rc.13 → 1.0.11-rc.15
Sign up to get free protection for your applications and to get access to all the features.
package/index.js
CHANGED
@@ -6199,7 +6199,7 @@ const internal_processStyles = (tag, processor) => {
|
|
6199
6199
|
}
|
6200
6200
|
};
|
6201
6201
|
|
6202
|
-
const _excluded$
|
6202
|
+
const _excluded$q = ["values", "unit", "step"];
|
6203
6203
|
const sortBreakpointsValues = values => {
|
6204
6204
|
const breakpointsAsArray = Object.keys(values).map(key => ({
|
6205
6205
|
key,
|
@@ -6234,7 +6234,7 @@ function createBreakpoints(breakpoints) {
|
|
6234
6234
|
unit = 'px',
|
6235
6235
|
step = 5
|
6236
6236
|
} = breakpoints,
|
6237
|
-
other = _objectWithoutPropertiesLoose(breakpoints, _excluded$
|
6237
|
+
other = _objectWithoutPropertiesLoose(breakpoints, _excluded$q);
|
6238
6238
|
const sortedValues = sortBreakpointsValues(values);
|
6239
6239
|
const keys = Object.keys(sortedValues);
|
6240
6240
|
function up(key) {
|
@@ -7318,7 +7318,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
|
|
7318
7318
|
styleFunctionSx.filterProps = ['sx'];
|
7319
7319
|
var styleFunctionSx$1 = styleFunctionSx;
|
7320
7320
|
|
7321
|
-
const _excluded$
|
7321
|
+
const _excluded$p = ["breakpoints", "palette", "spacing", "shape"];
|
7322
7322
|
function createTheme$1(options = {}, ...args) {
|
7323
7323
|
const {
|
7324
7324
|
breakpoints: breakpointsInput = {},
|
@@ -7326,7 +7326,7 @@ function createTheme$1(options = {}, ...args) {
|
|
7326
7326
|
spacing: spacingInput,
|
7327
7327
|
shape: shapeInput = {}
|
7328
7328
|
} = options,
|
7329
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
7329
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$p);
|
7330
7330
|
const breakpoints = createBreakpoints(breakpointsInput);
|
7331
7331
|
const spacing = createSpacing(spacingInput);
|
7332
7332
|
let muiTheme = deepmerge({
|
@@ -7364,7 +7364,7 @@ function useTheme$2(defaultTheme = systemDefaultTheme$1) {
|
|
7364
7364
|
return useTheme$3(defaultTheme);
|
7365
7365
|
}
|
7366
7366
|
|
7367
|
-
const _excluded$
|
7367
|
+
const _excluded$o = ["sx"];
|
7368
7368
|
const splitProps = props => {
|
7369
7369
|
var _props$theme$unstable, _props$theme;
|
7370
7370
|
const result = {
|
@@ -7385,7 +7385,7 @@ function extendSxProp(props) {
|
|
7385
7385
|
const {
|
7386
7386
|
sx: inSx
|
7387
7387
|
} = props,
|
7388
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
7388
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$o);
|
7389
7389
|
const {
|
7390
7390
|
systemProps,
|
7391
7391
|
otherProps
|
@@ -7411,7 +7411,7 @@ function extendSxProp(props) {
|
|
7411
7411
|
|
7412
7412
|
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}
|
7413
7413
|
|
7414
|
-
const _excluded$
|
7414
|
+
const _excluded$n = ["className", "component"];
|
7415
7415
|
function createBox(options = {}) {
|
7416
7416
|
const {
|
7417
7417
|
themeId,
|
@@ -7429,7 +7429,7 @@ function createBox(options = {}) {
|
|
7429
7429
|
className,
|
7430
7430
|
component = 'div'
|
7431
7431
|
} = _extendSxProp,
|
7432
|
-
other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$
|
7432
|
+
other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$n);
|
7433
7433
|
return /*#__PURE__*/jsx(BoxRoot, _extends({
|
7434
7434
|
as: component,
|
7435
7435
|
ref: ref,
|
@@ -7440,7 +7440,7 @@ function createBox(options = {}) {
|
|
7440
7440
|
return Box;
|
7441
7441
|
}
|
7442
7442
|
|
7443
|
-
const _excluded$
|
7443
|
+
const _excluded$m = ["variant"];
|
7444
7444
|
function isEmpty$1(string) {
|
7445
7445
|
return string.length === 0;
|
7446
7446
|
}
|
@@ -7454,7 +7454,7 @@ function propsToClassKey(props) {
|
|
7454
7454
|
const {
|
7455
7455
|
variant
|
7456
7456
|
} = props,
|
7457
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
7457
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$m);
|
7458
7458
|
let classKey = variant || '';
|
7459
7459
|
Object.keys(other).sort().forEach(key => {
|
7460
7460
|
if (key === 'color') {
|
@@ -7466,7 +7466,7 @@ function propsToClassKey(props) {
|
|
7466
7466
|
return classKey;
|
7467
7467
|
}
|
7468
7468
|
|
7469
|
-
const _excluded$
|
7469
|
+
const _excluded$l = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
|
7470
7470
|
function isEmpty(obj) {
|
7471
7471
|
return Object.keys(obj).length === 0;
|
7472
7472
|
}
|
@@ -7561,7 +7561,7 @@ function createStyled(input = {}) {
|
|
7561
7561
|
skipSx: inputSkipSx,
|
7562
7562
|
overridesResolver
|
7563
7563
|
} = inputOptions,
|
7564
|
-
options = _objectWithoutPropertiesLoose(inputOptions, _excluded$
|
7564
|
+
options = _objectWithoutPropertiesLoose(inputOptions, _excluded$l);
|
7565
7565
|
|
7566
7566
|
// if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
|
7567
7567
|
const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver : componentSlot && componentSlot !== 'Root' || false;
|
@@ -8091,7 +8091,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
8091
8091
|
process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes = exactProp(ThemeProvider$1.propTypes) : void 0;
|
8092
8092
|
}
|
8093
8093
|
|
8094
|
-
const _excluded$
|
8094
|
+
const _excluded$k = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
|
8095
8095
|
const defaultTheme$3 = createTheme$1();
|
8096
8096
|
// widening Theme to any so that the consumer can own the theme structure.
|
8097
8097
|
const defaultCreateStyledComponent = systemStyled('div', {
|
@@ -8220,7 +8220,7 @@ function createStack(options = {}) {
|
|
8220
8220
|
className,
|
8221
8221
|
useFlexGap = false
|
8222
8222
|
} = props,
|
8223
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
8223
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$k);
|
8224
8224
|
const ownerState = {
|
8225
8225
|
direction,
|
8226
8226
|
spacing,
|
@@ -8394,7 +8394,7 @@ const green = {
|
|
8394
8394
|
};
|
8395
8395
|
var green$1 = green;
|
8396
8396
|
|
8397
|
-
const _excluded$
|
8397
|
+
const _excluded$j = ["mode", "contrastThreshold", "tonalOffset"];
|
8398
8398
|
const light = {
|
8399
8399
|
// The colors used to style the text.
|
8400
8400
|
text: {
|
@@ -8563,7 +8563,7 @@ function createPalette(palette) {
|
|
8563
8563
|
contrastThreshold = 3,
|
8564
8564
|
tonalOffset = 0.2
|
8565
8565
|
} = palette,
|
8566
|
-
other = _objectWithoutPropertiesLoose(palette, _excluded$
|
8566
|
+
other = _objectWithoutPropertiesLoose(palette, _excluded$j);
|
8567
8567
|
const primary = palette.primary || getDefaultPrimary(mode);
|
8568
8568
|
const secondary = palette.secondary || getDefaultSecondary(mode);
|
8569
8569
|
const error = palette.error || getDefaultError(mode);
|
@@ -8687,7 +8687,7 @@ const theme2 = createTheme({ palette: {
|
|
8687
8687
|
return paletteOutput;
|
8688
8688
|
}
|
8689
8689
|
|
8690
|
-
const _excluded$
|
8690
|
+
const _excluded$i = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
|
8691
8691
|
function round(value) {
|
8692
8692
|
return Math.round(value * 1e5) / 1e5;
|
8693
8693
|
}
|
@@ -8718,7 +8718,7 @@ function createTypography(palette, typography) {
|
|
8718
8718
|
allVariants,
|
8719
8719
|
pxToRem: pxToRem2
|
8720
8720
|
} = _ref,
|
8721
|
-
other = _objectWithoutPropertiesLoose(_ref, _excluded$
|
8721
|
+
other = _objectWithoutPropertiesLoose(_ref, _excluded$i);
|
8722
8722
|
if (process.env.NODE_ENV !== 'production') {
|
8723
8723
|
if (typeof fontSize !== 'number') {
|
8724
8724
|
console.error('MUI: `fontSize` is required to be a number.');
|
@@ -8785,7 +8785,7 @@ function createShadow(...px) {
|
|
8785
8785
|
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)];
|
8786
8786
|
var shadows$1 = shadows;
|
8787
8787
|
|
8788
|
-
const _excluded$
|
8788
|
+
const _excluded$h = ["duration", "easing", "delay"];
|
8789
8789
|
// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
|
8790
8790
|
// to learn the context in which each easing should be used.
|
8791
8791
|
const easing = {
|
@@ -8836,7 +8836,7 @@ function createTransitions(inputTransitions) {
|
|
8836
8836
|
easing: easingOption = mergedEasing.easeInOut,
|
8837
8837
|
delay = 0
|
8838
8838
|
} = options,
|
8839
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
8839
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$h);
|
8840
8840
|
if (process.env.NODE_ENV !== 'production') {
|
8841
8841
|
const isString = value => typeof value === 'string';
|
8842
8842
|
// IE11 support, replace with Number.isNaN
|
@@ -8883,7 +8883,7 @@ const zIndex = {
|
|
8883
8883
|
};
|
8884
8884
|
var zIndex$1 = zIndex;
|
8885
8885
|
|
8886
|
-
const _excluded$
|
8886
|
+
const _excluded$g = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
|
8887
8887
|
function createTheme(options = {}, ...args) {
|
8888
8888
|
const {
|
8889
8889
|
mixins: mixinsInput = {},
|
@@ -8891,7 +8891,7 @@ function createTheme(options = {}, ...args) {
|
|
8891
8891
|
transitions: transitionsInput = {},
|
8892
8892
|
typography: typographyInput = {}
|
8893
8893
|
} = options,
|
8894
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
8894
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$g);
|
8895
8895
|
if (options.vars) {
|
8896
8896
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
|
8897
8897
|
Please use another name.` : formatMuiErrorMessage(18));
|
@@ -8981,12 +8981,12 @@ const styled = createStyled({
|
|
8981
8981
|
});
|
8982
8982
|
var styled$1 = styled;
|
8983
8983
|
|
8984
|
-
const _excluded$
|
8984
|
+
const _excluded$f = ["theme"];
|
8985
8985
|
function ThemeProvider(_ref) {
|
8986
8986
|
let {
|
8987
8987
|
theme: themeInput
|
8988
8988
|
} = _ref,
|
8989
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
8989
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
|
8990
8990
|
const scopedTheme = themeInput[THEME_ID];
|
8991
8991
|
return /*#__PURE__*/jsx(ThemeProvider$1, _extends({}, props, {
|
8992
8992
|
themeId: scopedTheme ? THEME_ID : undefined,
|
@@ -9182,7 +9182,7 @@ function mergeSlotProps(parameters) {
|
|
9182
9182
|
};
|
9183
9183
|
}
|
9184
9184
|
|
9185
|
-
const _excluded$
|
9185
|
+
const _excluded$e = ["elementType", "externalSlotProps", "ownerState"];
|
9186
9186
|
/**
|
9187
9187
|
* @ignore - do not document.
|
9188
9188
|
* Builds the props to be passed into the slot of an unstyled component.
|
@@ -9198,7 +9198,7 @@ function useSlotProps(parameters) {
|
|
9198
9198
|
externalSlotProps,
|
9199
9199
|
ownerState
|
9200
9200
|
} = parameters,
|
9201
|
-
rest = _objectWithoutPropertiesLoose(parameters, _excluded$
|
9201
|
+
rest = _objectWithoutPropertiesLoose(parameters, _excluded$e);
|
9202
9202
|
const resolvedComponentsProps = resolveComponentProps(externalSlotProps, ownerState);
|
9203
9203
|
const {
|
9204
9204
|
props: mergedProps,
|
@@ -9836,8 +9836,8 @@ function getModalUtilityClass(slot) {
|
|
9836
9836
|
}
|
9837
9837
|
generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);
|
9838
9838
|
|
9839
|
-
const _excluded$
|
9840
|
-
const useUtilityClasses$
|
9839
|
+
const _excluded$d = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"];
|
9840
|
+
const useUtilityClasses$9 = ownerState => {
|
9841
9841
|
const {
|
9842
9842
|
open,
|
9843
9843
|
exited
|
@@ -9905,7 +9905,7 @@ const Modal$2 = /*#__PURE__*/React.forwardRef(function Modal(props, forwardedRef
|
|
9905
9905
|
slotProps = {},
|
9906
9906
|
slots = {}
|
9907
9907
|
} = props,
|
9908
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
9908
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$d);
|
9909
9909
|
// TODO: `modal`` must change its type in this file to match the type of methods
|
9910
9910
|
// provided by `ModalManager`
|
9911
9911
|
const manager = managerProp;
|
@@ -9980,7 +9980,7 @@ const Modal$2 = /*#__PURE__*/React.forwardRef(function Modal(props, forwardedRef
|
|
9980
9980
|
hideBackdrop,
|
9981
9981
|
keepMounted
|
9982
9982
|
});
|
9983
|
-
const classes = useUtilityClasses$
|
9983
|
+
const classes = useUtilityClasses$9(ownerState);
|
9984
9984
|
const handleEnter = () => {
|
9985
9985
|
setExited(false);
|
9986
9986
|
if (onTransitionEnter) {
|
@@ -10200,8 +10200,8 @@ function getSvgIconUtilityClass(slot) {
|
|
10200
10200
|
}
|
10201
10201
|
generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
|
10202
10202
|
|
10203
|
-
const _excluded$
|
10204
|
-
const useUtilityClasses$
|
10203
|
+
const _excluded$c = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
|
10204
|
+
const useUtilityClasses$8 = ownerState => {
|
10205
10205
|
const {
|
10206
10206
|
color,
|
10207
10207
|
fontSize,
|
@@ -10266,7 +10266,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
10266
10266
|
titleAccess,
|
10267
10267
|
viewBox = '0 0 24 24'
|
10268
10268
|
} = props,
|
10269
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
10269
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$c);
|
10270
10270
|
const ownerState = _extends({}, props, {
|
10271
10271
|
color,
|
10272
10272
|
component,
|
@@ -10279,7 +10279,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
10279
10279
|
if (!inheritViewBox) {
|
10280
10280
|
more.viewBox = viewBox;
|
10281
10281
|
}
|
10282
|
-
const classes = useUtilityClasses$
|
10282
|
+
const classes = useUtilityClasses$8(ownerState);
|
10283
10283
|
return /*#__PURE__*/jsxs(SvgIconRoot, _extends({
|
10284
10284
|
as: component,
|
10285
10285
|
className: clsx(classes.root, className),
|
@@ -10421,22 +10421,10 @@ var utils = /*#__PURE__*/Object.freeze({
|
|
10421
10421
|
useIsFocusVisible: useIsFocusVisible
|
10422
10422
|
});
|
10423
10423
|
|
10424
|
-
var ArrowDownward = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10425
|
-
d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
|
10426
|
-
}), 'ArrowDownward');
|
10427
|
-
|
10428
|
-
var ArrowUpward = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10429
|
-
d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
|
10430
|
-
}), 'ArrowUpward');
|
10431
|
-
|
10432
10424
|
var CheckCircleRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10433
10425
|
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"
|
10434
10426
|
}), 'CheckCircleRounded');
|
10435
10427
|
|
10436
|
-
var Close$1 = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10437
|
-
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"
|
10438
|
-
}), 'Close');
|
10439
|
-
|
10440
10428
|
var ErrorRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10441
10429
|
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"
|
10442
10430
|
}), 'ErrorRounded');
|
@@ -12774,8 +12762,8 @@ function getPaperUtilityClass(slot) {
|
|
12774
12762
|
}
|
12775
12763
|
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']);
|
12776
12764
|
|
12777
|
-
const _excluded$
|
12778
|
-
const useUtilityClasses$
|
12765
|
+
const _excluded$b = ["className", "component", "elevation", "square", "variant"];
|
12766
|
+
const useUtilityClasses$7 = ownerState => {
|
12779
12767
|
const {
|
12780
12768
|
square,
|
12781
12769
|
elevation,
|
@@ -12829,14 +12817,14 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
|
|
12829
12817
|
square = false,
|
12830
12818
|
variant = 'elevation'
|
12831
12819
|
} = props,
|
12832
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
12820
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$b);
|
12833
12821
|
const ownerState = _extends({}, props, {
|
12834
12822
|
component,
|
12835
12823
|
elevation,
|
12836
12824
|
square,
|
12837
12825
|
variant
|
12838
12826
|
});
|
12839
|
-
const classes = useUtilityClasses$
|
12827
|
+
const classes = useUtilityClasses$7(ownerState);
|
12840
12828
|
if (process.env.NODE_ENV !== 'production') {
|
12841
12829
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
12842
12830
|
const theme = useTheme();
|
@@ -12987,15 +12975,15 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
|
|
12987
12975
|
const touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
|
12988
12976
|
var touchRippleClasses$1 = touchRippleClasses;
|
12989
12977
|
|
12990
|
-
const _excluded$
|
12991
|
-
let _
|
12992
|
-
_t
|
12993
|
-
_t2
|
12994
|
-
_t3
|
12995
|
-
_t4
|
12978
|
+
const _excluded$a = ["center", "classes", "className"];
|
12979
|
+
let _ = t => t,
|
12980
|
+
_t,
|
12981
|
+
_t2,
|
12982
|
+
_t3,
|
12983
|
+
_t4;
|
12996
12984
|
const DURATION = 550;
|
12997
12985
|
const DELAY_RIPPLE = 80;
|
12998
|
-
const enterKeyframe = keyframes(_t
|
12986
|
+
const enterKeyframe = keyframes(_t || (_t = _`
|
12999
12987
|
0% {
|
13000
12988
|
transform: scale(0);
|
13001
12989
|
opacity: 0.1;
|
@@ -13006,7 +12994,7 @@ const enterKeyframe = keyframes(_t$1 || (_t$1 = _$1`
|
|
13006
12994
|
opacity: 0.3;
|
13007
12995
|
}
|
13008
12996
|
`));
|
13009
|
-
const exitKeyframe = keyframes(_t2
|
12997
|
+
const exitKeyframe = keyframes(_t2 || (_t2 = _`
|
13010
12998
|
0% {
|
13011
12999
|
opacity: 1;
|
13012
13000
|
}
|
@@ -13015,7 +13003,7 @@ const exitKeyframe = keyframes(_t2$1 || (_t2$1 = _$1`
|
|
13015
13003
|
opacity: 0;
|
13016
13004
|
}
|
13017
13005
|
`));
|
13018
|
-
const pulsateKeyframe = keyframes(_t3
|
13006
|
+
const pulsateKeyframe = keyframes(_t3 || (_t3 = _`
|
13019
13007
|
0% {
|
13020
13008
|
transform: scale(1);
|
13021
13009
|
}
|
@@ -13048,7 +13036,7 @@ const TouchRippleRoot = styled$1('span', {
|
|
13048
13036
|
const TouchRippleRipple = styled$1(Ripple, {
|
13049
13037
|
name: 'MuiTouchRipple',
|
13050
13038
|
slot: 'Ripple'
|
13051
|
-
})(_t4
|
13039
|
+
})(_t4 || (_t4 = _`
|
13052
13040
|
opacity: 0;
|
13053
13041
|
position: absolute;
|
13054
13042
|
|
@@ -13116,7 +13104,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
13116
13104
|
classes = {},
|
13117
13105
|
className
|
13118
13106
|
} = props,
|
13119
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
13107
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$a);
|
13120
13108
|
const [ripples, setRipples] = React.useState([]);
|
13121
13109
|
const nextKey = React.useRef(0);
|
13122
13110
|
const rippleCallback = React.useRef(null);
|
@@ -13317,8 +13305,8 @@ function getButtonBaseUtilityClass(slot) {
|
|
13317
13305
|
const buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
|
13318
13306
|
var buttonBaseClasses$1 = buttonBaseClasses;
|
13319
13307
|
|
13320
|
-
const _excluded$
|
13321
|
-
const useUtilityClasses$
|
13308
|
+
const _excluded$9 = ["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"];
|
13309
|
+
const useUtilityClasses$6 = ownerState => {
|
13322
13310
|
const {
|
13323
13311
|
disabled,
|
13324
13312
|
focusVisible,
|
@@ -13419,7 +13407,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
13419
13407
|
touchRippleRef,
|
13420
13408
|
type
|
13421
13409
|
} = props,
|
13422
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
13410
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$9);
|
13423
13411
|
const buttonRef = React.useRef(null);
|
13424
13412
|
const rippleRef = React.useRef(null);
|
13425
13413
|
const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
|
@@ -13586,7 +13574,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
13586
13574
|
tabIndex,
|
13587
13575
|
focusVisible
|
13588
13576
|
});
|
13589
|
-
const classes = useUtilityClasses$
|
13577
|
+
const classes = useUtilityClasses$6(ownerState);
|
13590
13578
|
return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends({
|
13591
13579
|
as: ComponentProp,
|
13592
13580
|
className: clsx(classes.root, className),
|
@@ -13783,8 +13771,8 @@ function getIconButtonUtilityClass(slot) {
|
|
13783
13771
|
const iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
|
13784
13772
|
var iconButtonClasses$1 = iconButtonClasses;
|
13785
13773
|
|
13786
|
-
const _excluded$
|
13787
|
-
const useUtilityClasses$
|
13774
|
+
const _excluded$8 = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
|
13775
|
+
const useUtilityClasses$5 = ownerState => {
|
13788
13776
|
const {
|
13789
13777
|
classes,
|
13790
13778
|
disabled,
|
@@ -13884,7 +13872,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
13884
13872
|
disableFocusRipple = false,
|
13885
13873
|
size = 'medium'
|
13886
13874
|
} = props,
|
13887
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
13875
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$8);
|
13888
13876
|
const ownerState = _extends({}, props, {
|
13889
13877
|
edge,
|
13890
13878
|
color,
|
@@ -13892,7 +13880,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
13892
13880
|
disableFocusRipple,
|
13893
13881
|
size
|
13894
13882
|
});
|
13895
|
-
const classes = useUtilityClasses$
|
13883
|
+
const classes = useUtilityClasses$5(ownerState);
|
13896
13884
|
return /*#__PURE__*/jsx(IconButtonRoot, _extends({
|
13897
13885
|
className: clsx(classes.root, className),
|
13898
13886
|
centerRipple: true,
|
@@ -13978,8 +13966,8 @@ function getTypographyUtilityClass(slot) {
|
|
13978
13966
|
}
|
13979
13967
|
generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
|
13980
13968
|
|
13981
|
-
const _excluded$
|
13982
|
-
const useUtilityClasses$
|
13969
|
+
const _excluded$7 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
|
13970
|
+
const useUtilityClasses$4 = ownerState => {
|
13983
13971
|
const {
|
13984
13972
|
align,
|
13985
13973
|
gutterBottom,
|
@@ -14062,7 +14050,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
14062
14050
|
variant = 'body1',
|
14063
14051
|
variantMapping = defaultVariantMapping
|
14064
14052
|
} = props,
|
14065
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14053
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$7);
|
14066
14054
|
const ownerState = _extends({}, props, {
|
14067
14055
|
align,
|
14068
14056
|
color,
|
@@ -14075,7 +14063,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
14075
14063
|
variantMapping
|
14076
14064
|
});
|
14077
14065
|
const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
|
14078
|
-
const classes = useUtilityClasses$
|
14066
|
+
const classes = useUtilityClasses$4(ownerState);
|
14079
14067
|
return /*#__PURE__*/jsx(TypographyRoot, _extends({
|
14080
14068
|
as: Component,
|
14081
14069
|
ref: ref,
|
@@ -14160,7 +14148,7 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
|
|
14160
14148
|
} : void 0;
|
14161
14149
|
var Typography$1 = Typography;
|
14162
14150
|
|
14163
|
-
const _excluded$
|
14151
|
+
const _excluded$6 = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
14164
14152
|
const styles = {
|
14165
14153
|
entering: {
|
14166
14154
|
opacity: 1
|
@@ -14197,7 +14185,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
|
|
14197
14185
|
// eslint-disable-next-line react/prop-types
|
14198
14186
|
TransitionComponent = Transition$1
|
14199
14187
|
} = props,
|
14200
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14188
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$6);
|
14201
14189
|
const nodeRef = React.useRef(null);
|
14202
14190
|
const handleRef = useForkRef(nodeRef, children.ref, ref);
|
14203
14191
|
const normalizedTransitionCallback = callback => maybeIsAppearing => {
|
@@ -14358,8 +14346,8 @@ function getBackdropUtilityClass(slot) {
|
|
14358
14346
|
}
|
14359
14347
|
generateUtilityClasses('MuiBackdrop', ['root', 'invisible']);
|
14360
14348
|
|
14361
|
-
const _excluded$
|
14362
|
-
const useUtilityClasses$
|
14349
|
+
const _excluded$5 = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
|
14350
|
+
const useUtilityClasses$3 = ownerState => {
|
14363
14351
|
const {
|
14364
14352
|
classes,
|
14365
14353
|
invisible
|
@@ -14413,12 +14401,12 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
|
|
14413
14401
|
TransitionComponent = Fade$1,
|
14414
14402
|
transitionDuration
|
14415
14403
|
} = props,
|
14416
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14404
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$5);
|
14417
14405
|
const ownerState = _extends({}, props, {
|
14418
14406
|
component,
|
14419
14407
|
invisible
|
14420
14408
|
});
|
14421
|
-
const classes = useUtilityClasses$
|
14409
|
+
const classes = useUtilityClasses$3(ownerState);
|
14422
14410
|
const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
|
14423
14411
|
return /*#__PURE__*/jsx(TransitionComponent, _extends({
|
14424
14412
|
in: open,
|
@@ -14562,387 +14550,13 @@ process.env.NODE_ENV !== "production" ? Box$1.propTypes /* remove-proptypes */ =
|
|
14562
14550
|
} : void 0;
|
14563
14551
|
var Box$2 = Box$1;
|
14564
14552
|
|
14565
|
-
function getButtonUtilityClass(slot) {
|
14566
|
-
return generateUtilityClass('MuiButton', slot);
|
14567
|
-
}
|
14568
|
-
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']);
|
14569
|
-
var buttonClasses$1 = buttonClasses;
|
14570
|
-
|
14571
|
-
/**
|
14572
|
-
* @ignore - internal component.
|
14573
|
-
*/
|
14574
|
-
const ButtonGroupContext = /*#__PURE__*/React.createContext({});
|
14575
|
-
if (process.env.NODE_ENV !== 'production') {
|
14576
|
-
ButtonGroupContext.displayName = 'ButtonGroupContext';
|
14577
|
-
}
|
14578
|
-
var ButtonGroupContext$1 = ButtonGroupContext;
|
14579
|
-
|
14580
|
-
const _excluded$7 = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
|
14581
|
-
const useUtilityClasses$5 = ownerState => {
|
14582
|
-
const {
|
14583
|
-
color,
|
14584
|
-
disableElevation,
|
14585
|
-
fullWidth,
|
14586
|
-
size,
|
14587
|
-
variant,
|
14588
|
-
classes
|
14589
|
-
} = ownerState;
|
14590
|
-
const slots = {
|
14591
|
-
root: ['root', variant, `${variant}${capitalize(color)}`, `size${capitalize(size)}`, `${variant}Size${capitalize(size)}`, color === 'inherit' && 'colorInherit', disableElevation && 'disableElevation', fullWidth && 'fullWidth'],
|
14592
|
-
label: ['label'],
|
14593
|
-
startIcon: ['startIcon', `iconSize${capitalize(size)}`],
|
14594
|
-
endIcon: ['endIcon', `iconSize${capitalize(size)}`]
|
14595
|
-
};
|
14596
|
-
const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
|
14597
|
-
return _extends({}, classes, composedClasses);
|
14598
|
-
};
|
14599
|
-
const commonIconStyles = ownerState => _extends({}, ownerState.size === 'small' && {
|
14600
|
-
'& > *:nth-of-type(1)': {
|
14601
|
-
fontSize: 18
|
14602
|
-
}
|
14603
|
-
}, ownerState.size === 'medium' && {
|
14604
|
-
'& > *:nth-of-type(1)': {
|
14605
|
-
fontSize: 20
|
14606
|
-
}
|
14607
|
-
}, ownerState.size === 'large' && {
|
14608
|
-
'& > *:nth-of-type(1)': {
|
14609
|
-
fontSize: 22
|
14610
|
-
}
|
14611
|
-
});
|
14612
|
-
const ButtonRoot = styled$1(ButtonBase$1, {
|
14613
|
-
shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
|
14614
|
-
name: 'MuiButton',
|
14615
|
-
slot: 'Root',
|
14616
|
-
overridesResolver: (props, styles) => {
|
14617
|
-
const {
|
14618
|
-
ownerState
|
14619
|
-
} = props;
|
14620
|
-
return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${capitalize(ownerState.color)}`], styles[`size${capitalize(ownerState.size)}`], styles[`${ownerState.variant}Size${capitalize(ownerState.size)}`], ownerState.color === 'inherit' && styles.colorInherit, ownerState.disableElevation && styles.disableElevation, ownerState.fullWidth && styles.fullWidth];
|
14621
|
-
}
|
14622
|
-
})(({
|
14623
|
-
theme,
|
14624
|
-
ownerState
|
14625
|
-
}) => {
|
14626
|
-
var _theme$palette$getCon, _theme$palette;
|
14627
|
-
const inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
|
14628
|
-
const inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
|
14629
|
-
return _extends({}, theme.typography.button, {
|
14630
|
-
minWidth: 64,
|
14631
|
-
padding: '6px 16px',
|
14632
|
-
borderRadius: (theme.vars || theme).shape.borderRadius,
|
14633
|
-
transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
|
14634
|
-
duration: theme.transitions.duration.short
|
14635
|
-
}),
|
14636
|
-
'&:hover': _extends({
|
14637
|
-
textDecoration: 'none',
|
14638
|
-
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
|
14639
|
-
// Reset on touch devices, it doesn't add specificity
|
14640
|
-
'@media (hover: none)': {
|
14641
|
-
backgroundColor: 'transparent'
|
14642
|
-
}
|
14643
|
-
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
14644
|
-
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),
|
14645
|
-
// Reset on touch devices, it doesn't add specificity
|
14646
|
-
'@media (hover: none)': {
|
14647
|
-
backgroundColor: 'transparent'
|
14648
|
-
}
|
14649
|
-
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
14650
|
-
border: `1px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
|
14651
|
-
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),
|
14652
|
-
// Reset on touch devices, it doesn't add specificity
|
14653
|
-
'@media (hover: none)': {
|
14654
|
-
backgroundColor: 'transparent'
|
14655
|
-
}
|
14656
|
-
}, ownerState.variant === 'contained' && {
|
14657
|
-
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedHoverBg : inheritContainedHoverBackgroundColor,
|
14658
|
-
boxShadow: (theme.vars || theme).shadows[4],
|
14659
|
-
// Reset on touch devices, it doesn't add specificity
|
14660
|
-
'@media (hover: none)': {
|
14661
|
-
boxShadow: (theme.vars || theme).shadows[2],
|
14662
|
-
backgroundColor: (theme.vars || theme).palette.grey[300]
|
14663
|
-
}
|
14664
|
-
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
14665
|
-
backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,
|
14666
|
-
// Reset on touch devices, it doesn't add specificity
|
14667
|
-
'@media (hover: none)': {
|
14668
|
-
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
14669
|
-
}
|
14670
|
-
}),
|
14671
|
-
'&:active': _extends({}, ownerState.variant === 'contained' && {
|
14672
|
-
boxShadow: (theme.vars || theme).shadows[8]
|
14673
|
-
}),
|
14674
|
-
[`&.${buttonClasses$1.focusVisible}`]: _extends({}, ownerState.variant === 'contained' && {
|
14675
|
-
boxShadow: (theme.vars || theme).shadows[6]
|
14676
|
-
}),
|
14677
|
-
[`&.${buttonClasses$1.disabled}`]: _extends({
|
14678
|
-
color: (theme.vars || theme).palette.action.disabled
|
14679
|
-
}, ownerState.variant === 'outlined' && {
|
14680
|
-
border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
|
14681
|
-
}, ownerState.variant === 'contained' && {
|
14682
|
-
color: (theme.vars || theme).palette.action.disabled,
|
14683
|
-
boxShadow: (theme.vars || theme).shadows[0],
|
14684
|
-
backgroundColor: (theme.vars || theme).palette.action.disabledBackground
|
14685
|
-
})
|
14686
|
-
}, ownerState.variant === 'text' && {
|
14687
|
-
padding: '6px 8px'
|
14688
|
-
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
14689
|
-
color: (theme.vars || theme).palette[ownerState.color].main
|
14690
|
-
}, ownerState.variant === 'outlined' && {
|
14691
|
-
padding: '5px 15px',
|
14692
|
-
border: '1px solid currentColor'
|
14693
|
-
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
14694
|
-
color: (theme.vars || theme).palette[ownerState.color].main,
|
14695
|
-
border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${alpha(theme.palette[ownerState.color].main, 0.5)}`
|
14696
|
-
}, ownerState.variant === 'contained' && {
|
14697
|
-
color: theme.vars ?
|
14698
|
-
// this is safe because grey does not change between default light/dark mode
|
14699
|
-
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]),
|
14700
|
-
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedBg : inheritContainedBackgroundColor,
|
14701
|
-
boxShadow: (theme.vars || theme).shadows[2]
|
14702
|
-
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
14703
|
-
color: (theme.vars || theme).palette[ownerState.color].contrastText,
|
14704
|
-
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
14705
|
-
}, ownerState.color === 'inherit' && {
|
14706
|
-
color: 'inherit',
|
14707
|
-
borderColor: 'currentColor'
|
14708
|
-
}, ownerState.size === 'small' && ownerState.variant === 'text' && {
|
14709
|
-
padding: '4px 5px',
|
14710
|
-
fontSize: theme.typography.pxToRem(13)
|
14711
|
-
}, ownerState.size === 'large' && ownerState.variant === 'text' && {
|
14712
|
-
padding: '8px 11px',
|
14713
|
-
fontSize: theme.typography.pxToRem(15)
|
14714
|
-
}, ownerState.size === 'small' && ownerState.variant === 'outlined' && {
|
14715
|
-
padding: '3px 9px',
|
14716
|
-
fontSize: theme.typography.pxToRem(13)
|
14717
|
-
}, ownerState.size === 'large' && ownerState.variant === 'outlined' && {
|
14718
|
-
padding: '7px 21px',
|
14719
|
-
fontSize: theme.typography.pxToRem(15)
|
14720
|
-
}, ownerState.size === 'small' && ownerState.variant === 'contained' && {
|
14721
|
-
padding: '4px 10px',
|
14722
|
-
fontSize: theme.typography.pxToRem(13)
|
14723
|
-
}, ownerState.size === 'large' && ownerState.variant === 'contained' && {
|
14724
|
-
padding: '8px 22px',
|
14725
|
-
fontSize: theme.typography.pxToRem(15)
|
14726
|
-
}, ownerState.fullWidth && {
|
14727
|
-
width: '100%'
|
14728
|
-
});
|
14729
|
-
}, ({
|
14730
|
-
ownerState
|
14731
|
-
}) => ownerState.disableElevation && {
|
14732
|
-
boxShadow: 'none',
|
14733
|
-
'&:hover': {
|
14734
|
-
boxShadow: 'none'
|
14735
|
-
},
|
14736
|
-
[`&.${buttonClasses$1.focusVisible}`]: {
|
14737
|
-
boxShadow: 'none'
|
14738
|
-
},
|
14739
|
-
'&:active': {
|
14740
|
-
boxShadow: 'none'
|
14741
|
-
},
|
14742
|
-
[`&.${buttonClasses$1.disabled}`]: {
|
14743
|
-
boxShadow: 'none'
|
14744
|
-
}
|
14745
|
-
});
|
14746
|
-
const ButtonStartIcon = styled$1('span', {
|
14747
|
-
name: 'MuiButton',
|
14748
|
-
slot: 'StartIcon',
|
14749
|
-
overridesResolver: (props, styles) => {
|
14750
|
-
const {
|
14751
|
-
ownerState
|
14752
|
-
} = props;
|
14753
|
-
return [styles.startIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
14754
|
-
}
|
14755
|
-
})(({
|
14756
|
-
ownerState
|
14757
|
-
}) => _extends({
|
14758
|
-
display: 'inherit',
|
14759
|
-
marginRight: 8,
|
14760
|
-
marginLeft: -4
|
14761
|
-
}, ownerState.size === 'small' && {
|
14762
|
-
marginLeft: -2
|
14763
|
-
}, commonIconStyles(ownerState)));
|
14764
|
-
const ButtonEndIcon = styled$1('span', {
|
14765
|
-
name: 'MuiButton',
|
14766
|
-
slot: 'EndIcon',
|
14767
|
-
overridesResolver: (props, styles) => {
|
14768
|
-
const {
|
14769
|
-
ownerState
|
14770
|
-
} = props;
|
14771
|
-
return [styles.endIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
14772
|
-
}
|
14773
|
-
})(({
|
14774
|
-
ownerState
|
14775
|
-
}) => _extends({
|
14776
|
-
display: 'inherit',
|
14777
|
-
marginRight: -4,
|
14778
|
-
marginLeft: 8
|
14779
|
-
}, ownerState.size === 'small' && {
|
14780
|
-
marginRight: -2
|
14781
|
-
}, commonIconStyles(ownerState)));
|
14782
|
-
const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
14783
|
-
// props priority: `inProps` > `contextProps` > `themeDefaultProps`
|
14784
|
-
const contextProps = React.useContext(ButtonGroupContext$1);
|
14785
|
-
const resolvedProps = resolveProps(contextProps, inProps);
|
14786
|
-
const props = useThemeProps({
|
14787
|
-
props: resolvedProps,
|
14788
|
-
name: 'MuiButton'
|
14789
|
-
});
|
14790
|
-
const {
|
14791
|
-
children,
|
14792
|
-
color = 'primary',
|
14793
|
-
component = 'button',
|
14794
|
-
className,
|
14795
|
-
disabled = false,
|
14796
|
-
disableElevation = false,
|
14797
|
-
disableFocusRipple = false,
|
14798
|
-
endIcon: endIconProp,
|
14799
|
-
focusVisibleClassName,
|
14800
|
-
fullWidth = false,
|
14801
|
-
size = 'medium',
|
14802
|
-
startIcon: startIconProp,
|
14803
|
-
type,
|
14804
|
-
variant = 'text'
|
14805
|
-
} = props,
|
14806
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$7);
|
14807
|
-
const ownerState = _extends({}, props, {
|
14808
|
-
color,
|
14809
|
-
component,
|
14810
|
-
disabled,
|
14811
|
-
disableElevation,
|
14812
|
-
disableFocusRipple,
|
14813
|
-
fullWidth,
|
14814
|
-
size,
|
14815
|
-
type,
|
14816
|
-
variant
|
14817
|
-
});
|
14818
|
-
const classes = useUtilityClasses$5(ownerState);
|
14819
|
-
const startIcon = startIconProp && /*#__PURE__*/jsx(ButtonStartIcon, {
|
14820
|
-
className: classes.startIcon,
|
14821
|
-
ownerState: ownerState,
|
14822
|
-
children: startIconProp
|
14823
|
-
});
|
14824
|
-
const endIcon = endIconProp && /*#__PURE__*/jsx(ButtonEndIcon, {
|
14825
|
-
className: classes.endIcon,
|
14826
|
-
ownerState: ownerState,
|
14827
|
-
children: endIconProp
|
14828
|
-
});
|
14829
|
-
return /*#__PURE__*/jsxs(ButtonRoot, _extends({
|
14830
|
-
ownerState: ownerState,
|
14831
|
-
className: clsx(contextProps.className, classes.root, className),
|
14832
|
-
component: component,
|
14833
|
-
disabled: disabled,
|
14834
|
-
focusRipple: !disableFocusRipple,
|
14835
|
-
focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
|
14836
|
-
ref: ref,
|
14837
|
-
type: type
|
14838
|
-
}, other, {
|
14839
|
-
classes: classes,
|
14840
|
-
children: [startIcon, children, endIcon]
|
14841
|
-
}));
|
14842
|
-
});
|
14843
|
-
process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */ = {
|
14844
|
-
// ----------------------------- Warning --------------------------------
|
14845
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
14846
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
14847
|
-
// ----------------------------------------------------------------------
|
14848
|
-
/**
|
14849
|
-
* The content of the component.
|
14850
|
-
*/
|
14851
|
-
children: PropTypes.node,
|
14852
|
-
/**
|
14853
|
-
* Override or extend the styles applied to the component.
|
14854
|
-
*/
|
14855
|
-
classes: PropTypes.object,
|
14856
|
-
/**
|
14857
|
-
* @ignore
|
14858
|
-
*/
|
14859
|
-
className: PropTypes.string,
|
14860
|
-
/**
|
14861
|
-
* The color of the component.
|
14862
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
14863
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
14864
|
-
* @default 'primary'
|
14865
|
-
*/
|
14866
|
-
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), PropTypes.string]),
|
14867
|
-
/**
|
14868
|
-
* The component used for the root node.
|
14869
|
-
* Either a string to use a HTML element or a component.
|
14870
|
-
*/
|
14871
|
-
component: PropTypes.elementType,
|
14872
|
-
/**
|
14873
|
-
* If `true`, the component is disabled.
|
14874
|
-
* @default false
|
14875
|
-
*/
|
14876
|
-
disabled: PropTypes.bool,
|
14877
|
-
/**
|
14878
|
-
* If `true`, no elevation is used.
|
14879
|
-
* @default false
|
14880
|
-
*/
|
14881
|
-
disableElevation: PropTypes.bool,
|
14882
|
-
/**
|
14883
|
-
* If `true`, the keyboard focus ripple is disabled.
|
14884
|
-
* @default false
|
14885
|
-
*/
|
14886
|
-
disableFocusRipple: PropTypes.bool,
|
14887
|
-
/**
|
14888
|
-
* If `true`, the ripple effect is disabled.
|
14889
|
-
*
|
14890
|
-
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
|
14891
|
-
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
14892
|
-
* @default false
|
14893
|
-
*/
|
14894
|
-
disableRipple: PropTypes.bool,
|
14895
|
-
/**
|
14896
|
-
* Element placed after the children.
|
14897
|
-
*/
|
14898
|
-
endIcon: PropTypes.node,
|
14899
|
-
/**
|
14900
|
-
* @ignore
|
14901
|
-
*/
|
14902
|
-
focusVisibleClassName: PropTypes.string,
|
14903
|
-
/**
|
14904
|
-
* If `true`, the button will take up the full width of its container.
|
14905
|
-
* @default false
|
14906
|
-
*/
|
14907
|
-
fullWidth: PropTypes.bool,
|
14908
|
-
/**
|
14909
|
-
* The URL to link to when the button is clicked.
|
14910
|
-
* If defined, an `a` element will be used as the root node.
|
14911
|
-
*/
|
14912
|
-
href: PropTypes.string,
|
14913
|
-
/**
|
14914
|
-
* The size of the component.
|
14915
|
-
* `small` is equivalent to the dense button styling.
|
14916
|
-
* @default 'medium'
|
14917
|
-
*/
|
14918
|
-
size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
|
14919
|
-
/**
|
14920
|
-
* Element placed before the children.
|
14921
|
-
*/
|
14922
|
-
startIcon: PropTypes.node,
|
14923
|
-
/**
|
14924
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
14925
|
-
*/
|
14926
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
14927
|
-
/**
|
14928
|
-
* @ignore
|
14929
|
-
*/
|
14930
|
-
type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
|
14931
|
-
/**
|
14932
|
-
* The variant to use.
|
14933
|
-
* @default 'text'
|
14934
|
-
*/
|
14935
|
-
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
|
14936
|
-
} : void 0;
|
14937
|
-
var Button$1 = Button;
|
14938
|
-
|
14939
14553
|
function getCardUtilityClass(slot) {
|
14940
14554
|
return generateUtilityClass('MuiCard', slot);
|
14941
14555
|
}
|
14942
14556
|
generateUtilityClasses('MuiCard', ['root']);
|
14943
14557
|
|
14944
|
-
const _excluded$
|
14945
|
-
const useUtilityClasses$
|
14558
|
+
const _excluded$4 = ["className", "raised"];
|
14559
|
+
const useUtilityClasses$2 = ownerState => {
|
14946
14560
|
const {
|
14947
14561
|
classes
|
14948
14562
|
} = ownerState;
|
@@ -14969,11 +14583,11 @@ const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
|
|
14969
14583
|
className,
|
14970
14584
|
raised = false
|
14971
14585
|
} = props,
|
14972
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14586
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$4);
|
14973
14587
|
const ownerState = _extends({}, props, {
|
14974
14588
|
raised
|
14975
14589
|
});
|
14976
|
-
const classes = useUtilityClasses$
|
14590
|
+
const classes = useUtilityClasses$2(ownerState);
|
14977
14591
|
return /*#__PURE__*/jsx(CardRoot, _extends({
|
14978
14592
|
className: clsx(classes.root, className),
|
14979
14593
|
elevation: raised ? 8 : undefined,
|
@@ -15020,8 +14634,8 @@ function getCardContentUtilityClass(slot) {
|
|
15020
14634
|
}
|
15021
14635
|
generateUtilityClasses('MuiCardContent', ['root']);
|
15022
14636
|
|
15023
|
-
const _excluded$
|
15024
|
-
const useUtilityClasses$
|
14637
|
+
const _excluded$3 = ["className", "component"];
|
14638
|
+
const useUtilityClasses$1 = ownerState => {
|
15025
14639
|
const {
|
15026
14640
|
classes
|
15027
14641
|
} = ownerState;
|
@@ -15051,11 +14665,11 @@ const CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps,
|
|
15051
14665
|
className,
|
15052
14666
|
component = 'div'
|
15053
14667
|
} = props,
|
15054
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14668
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$3);
|
15055
14669
|
const ownerState = _extends({}, props, {
|
15056
14670
|
component
|
15057
14671
|
});
|
15058
|
-
const classes = useUtilityClasses$
|
14672
|
+
const classes = useUtilityClasses$1(ownerState);
|
15059
14673
|
return /*#__PURE__*/jsx(CardContentRoot, _extends({
|
15060
14674
|
as: component,
|
15061
14675
|
className: clsx(classes.root, className),
|
@@ -15092,7 +14706,7 @@ process.env.NODE_ENV !== "production" ? CardContent.propTypes /* remove-proptype
|
|
15092
14706
|
} : void 0;
|
15093
14707
|
var CardContent$1 = CardContent;
|
15094
14708
|
|
15095
|
-
const _excluded$
|
14709
|
+
const _excluded$2 = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "open", "slotProps", "slots", "theme"];
|
15096
14710
|
const ModalRoot = styled$1('div', {
|
15097
14711
|
name: 'MuiModal',
|
15098
14712
|
slot: 'Root',
|
@@ -15171,7 +14785,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
|
|
15171
14785
|
// eslint-disable-next-line react/prop-types
|
15172
14786
|
theme
|
15173
14787
|
} = props,
|
15174
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14788
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$2);
|
15175
14789
|
const [exited, setExited] = React.useState(true);
|
15176
14790
|
const commonProps = {
|
15177
14791
|
container,
|
@@ -15390,244 +15004,7 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
|
|
15390
15004
|
} : void 0;
|
15391
15005
|
var Modal$1 = Modal;
|
15392
15006
|
|
15393
|
-
|
15394
|
-
return generateUtilityClass('MuiDivider', slot);
|
15395
|
-
}
|
15396
|
-
generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
|
15397
|
-
|
15398
|
-
const _excluded$3 = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"];
|
15399
|
-
const useUtilityClasses$2 = ownerState => {
|
15400
|
-
const {
|
15401
|
-
absolute,
|
15402
|
-
children,
|
15403
|
-
classes,
|
15404
|
-
flexItem,
|
15405
|
-
light,
|
15406
|
-
orientation,
|
15407
|
-
textAlign,
|
15408
|
-
variant
|
15409
|
-
} = ownerState;
|
15410
|
-
const slots = {
|
15411
|
-
root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
|
15412
|
-
wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
|
15413
|
-
};
|
15414
|
-
return composeClasses(slots, getDividerUtilityClass, classes);
|
15415
|
-
};
|
15416
|
-
const DividerRoot = styled$1('div', {
|
15417
|
-
name: 'MuiDivider',
|
15418
|
-
slot: 'Root',
|
15419
|
-
overridesResolver: (props, styles) => {
|
15420
|
-
const {
|
15421
|
-
ownerState
|
15422
|
-
} = props;
|
15423
|
-
return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
|
15424
|
-
}
|
15425
|
-
})(({
|
15426
|
-
theme,
|
15427
|
-
ownerState
|
15428
|
-
}) => _extends({
|
15429
|
-
margin: 0,
|
15430
|
-
// Reset browser default style.
|
15431
|
-
flexShrink: 0,
|
15432
|
-
borderWidth: 0,
|
15433
|
-
borderStyle: 'solid',
|
15434
|
-
borderColor: (theme.vars || theme).palette.divider,
|
15435
|
-
borderBottomWidth: 'thin'
|
15436
|
-
}, ownerState.absolute && {
|
15437
|
-
position: 'absolute',
|
15438
|
-
bottom: 0,
|
15439
|
-
left: 0,
|
15440
|
-
width: '100%'
|
15441
|
-
}, ownerState.light && {
|
15442
|
-
borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : alpha(theme.palette.divider, 0.08)
|
15443
|
-
}, ownerState.variant === 'inset' && {
|
15444
|
-
marginLeft: 72
|
15445
|
-
}, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {
|
15446
|
-
marginLeft: theme.spacing(2),
|
15447
|
-
marginRight: theme.spacing(2)
|
15448
|
-
}, ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {
|
15449
|
-
marginTop: theme.spacing(1),
|
15450
|
-
marginBottom: theme.spacing(1)
|
15451
|
-
}, ownerState.orientation === 'vertical' && {
|
15452
|
-
height: '100%',
|
15453
|
-
borderBottomWidth: 0,
|
15454
|
-
borderRightWidth: 'thin'
|
15455
|
-
}, ownerState.flexItem && {
|
15456
|
-
alignSelf: 'stretch',
|
15457
|
-
height: 'auto'
|
15458
|
-
}), ({
|
15459
|
-
ownerState
|
15460
|
-
}) => _extends({}, ownerState.children && {
|
15461
|
-
display: 'flex',
|
15462
|
-
whiteSpace: 'nowrap',
|
15463
|
-
textAlign: 'center',
|
15464
|
-
border: 0,
|
15465
|
-
'&::before, &::after': {
|
15466
|
-
content: '""',
|
15467
|
-
alignSelf: 'center'
|
15468
|
-
}
|
15469
|
-
}), ({
|
15470
|
-
theme,
|
15471
|
-
ownerState
|
15472
|
-
}) => _extends({}, ownerState.children && ownerState.orientation !== 'vertical' && {
|
15473
|
-
'&::before, &::after': {
|
15474
|
-
width: '100%',
|
15475
|
-
borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
|
15476
|
-
}
|
15477
|
-
}), ({
|
15478
|
-
theme,
|
15479
|
-
ownerState
|
15480
|
-
}) => _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {
|
15481
|
-
flexDirection: 'column',
|
15482
|
-
'&::before, &::after': {
|
15483
|
-
height: '100%',
|
15484
|
-
borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
|
15485
|
-
}
|
15486
|
-
}), ({
|
15487
|
-
ownerState
|
15488
|
-
}) => _extends({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
|
15489
|
-
'&::before': {
|
15490
|
-
width: '90%'
|
15491
|
-
},
|
15492
|
-
'&::after': {
|
15493
|
-
width: '10%'
|
15494
|
-
}
|
15495
|
-
}, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {
|
15496
|
-
'&::before': {
|
15497
|
-
width: '10%'
|
15498
|
-
},
|
15499
|
-
'&::after': {
|
15500
|
-
width: '90%'
|
15501
|
-
}
|
15502
|
-
}));
|
15503
|
-
const DividerWrapper = styled$1('span', {
|
15504
|
-
name: 'MuiDivider',
|
15505
|
-
slot: 'Wrapper',
|
15506
|
-
overridesResolver: (props, styles) => {
|
15507
|
-
const {
|
15508
|
-
ownerState
|
15509
|
-
} = props;
|
15510
|
-
return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];
|
15511
|
-
}
|
15512
|
-
})(({
|
15513
|
-
theme,
|
15514
|
-
ownerState
|
15515
|
-
}) => _extends({
|
15516
|
-
display: 'inline-block',
|
15517
|
-
paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
|
15518
|
-
paddingRight: `calc(${theme.spacing(1)} * 1.2)`
|
15519
|
-
}, ownerState.orientation === 'vertical' && {
|
15520
|
-
paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
|
15521
|
-
paddingBottom: `calc(${theme.spacing(1)} * 1.2)`
|
15522
|
-
}));
|
15523
|
-
const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
15524
|
-
const props = useThemeProps({
|
15525
|
-
props: inProps,
|
15526
|
-
name: 'MuiDivider'
|
15527
|
-
});
|
15528
|
-
const {
|
15529
|
-
absolute = false,
|
15530
|
-
children,
|
15531
|
-
className,
|
15532
|
-
component = children ? 'div' : 'hr',
|
15533
|
-
flexItem = false,
|
15534
|
-
light = false,
|
15535
|
-
orientation = 'horizontal',
|
15536
|
-
role = component !== 'hr' ? 'separator' : undefined,
|
15537
|
-
textAlign = 'center',
|
15538
|
-
variant = 'fullWidth'
|
15539
|
-
} = props,
|
15540
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$3);
|
15541
|
-
const ownerState = _extends({}, props, {
|
15542
|
-
absolute,
|
15543
|
-
component,
|
15544
|
-
flexItem,
|
15545
|
-
light,
|
15546
|
-
orientation,
|
15547
|
-
role,
|
15548
|
-
textAlign,
|
15549
|
-
variant
|
15550
|
-
});
|
15551
|
-
const classes = useUtilityClasses$2(ownerState);
|
15552
|
-
return /*#__PURE__*/jsx(DividerRoot, _extends({
|
15553
|
-
as: component,
|
15554
|
-
className: clsx(classes.root, className),
|
15555
|
-
role: role,
|
15556
|
-
ref: ref,
|
15557
|
-
ownerState: ownerState
|
15558
|
-
}, other, {
|
15559
|
-
children: children ? /*#__PURE__*/jsx(DividerWrapper, {
|
15560
|
-
className: classes.wrapper,
|
15561
|
-
ownerState: ownerState,
|
15562
|
-
children: children
|
15563
|
-
}) : null
|
15564
|
-
}));
|
15565
|
-
});
|
15566
|
-
process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */ = {
|
15567
|
-
// ----------------------------- Warning --------------------------------
|
15568
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
15569
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
15570
|
-
// ----------------------------------------------------------------------
|
15571
|
-
/**
|
15572
|
-
* Absolutely position the element.
|
15573
|
-
* @default false
|
15574
|
-
*/
|
15575
|
-
absolute: PropTypes.bool,
|
15576
|
-
/**
|
15577
|
-
* The content of the component.
|
15578
|
-
*/
|
15579
|
-
children: PropTypes.node,
|
15580
|
-
/**
|
15581
|
-
* Override or extend the styles applied to the component.
|
15582
|
-
*/
|
15583
|
-
classes: PropTypes.object,
|
15584
|
-
/**
|
15585
|
-
* @ignore
|
15586
|
-
*/
|
15587
|
-
className: PropTypes.string,
|
15588
|
-
/**
|
15589
|
-
* The component used for the root node.
|
15590
|
-
* Either a string to use a HTML element or a component.
|
15591
|
-
*/
|
15592
|
-
component: PropTypes.elementType,
|
15593
|
-
/**
|
15594
|
-
* If `true`, a vertical divider will have the correct height when used in flex container.
|
15595
|
-
* (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
|
15596
|
-
* @default false
|
15597
|
-
*/
|
15598
|
-
flexItem: PropTypes.bool,
|
15599
|
-
/**
|
15600
|
-
* If `true`, the divider will have a lighter color.
|
15601
|
-
* @default false
|
15602
|
-
*/
|
15603
|
-
light: PropTypes.bool,
|
15604
|
-
/**
|
15605
|
-
* The component orientation.
|
15606
|
-
* @default 'horizontal'
|
15607
|
-
*/
|
15608
|
-
orientation: PropTypes.oneOf(['horizontal', 'vertical']),
|
15609
|
-
/**
|
15610
|
-
* @ignore
|
15611
|
-
*/
|
15612
|
-
role: PropTypes /* @typescript-to-proptypes-ignore */.string,
|
15613
|
-
/**
|
15614
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
15615
|
-
*/
|
15616
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
15617
|
-
/**
|
15618
|
-
* The text alignment.
|
15619
|
-
* @default 'center'
|
15620
|
-
*/
|
15621
|
-
textAlign: PropTypes.oneOf(['center', 'left', 'right']),
|
15622
|
-
/**
|
15623
|
-
* The variant to use.
|
15624
|
-
* @default 'fullWidth'
|
15625
|
-
*/
|
15626
|
-
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])
|
15627
|
-
} : void 0;
|
15628
|
-
var Divider$1 = Divider;
|
15629
|
-
|
15630
|
-
const _excluded$2 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
15007
|
+
const _excluded$1 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
15631
15008
|
function getTranslateValue(direction, node, resolvedContainer) {
|
15632
15009
|
const rect = node.getBoundingClientRect();
|
15633
15010
|
const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
|
@@ -15716,7 +15093,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
|
|
15716
15093
|
// eslint-disable-next-line react/prop-types
|
15717
15094
|
TransitionComponent = Transition$1
|
15718
15095
|
} = props,
|
15719
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
15096
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$1);
|
15720
15097
|
const childrenRef = React.useRef(null);
|
15721
15098
|
const handleRef = useForkRef(children.ref, childrenRef, ref);
|
15722
15099
|
const normalizedTransitionCallback = callback => isAppearing => {
|
@@ -15944,7 +15321,7 @@ function getDrawerUtilityClass(slot) {
|
|
15944
15321
|
}
|
15945
15322
|
generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
|
15946
15323
|
|
15947
|
-
const _excluded
|
15324
|
+
const _excluded = ["BackdropProps"],
|
15948
15325
|
_excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
|
15949
15326
|
const overridesResolver = (props, styles) => {
|
15950
15327
|
const {
|
@@ -15952,7 +15329,7 @@ const overridesResolver = (props, styles) => {
|
|
15952
15329
|
} = props;
|
15953
15330
|
return [styles.root, (ownerState.variant === 'permanent' || ownerState.variant === 'persistent') && styles.docked, styles.modal];
|
15954
15331
|
};
|
15955
|
-
const useUtilityClasses
|
15332
|
+
const useUtilityClasses = ownerState => {
|
15956
15333
|
const {
|
15957
15334
|
classes,
|
15958
15335
|
anchor,
|
@@ -16084,7 +15461,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
16084
15461
|
transitionDuration = defaultTransitionDuration,
|
16085
15462
|
variant = 'temporary'
|
16086
15463
|
} = props,
|
16087
|
-
ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded
|
15464
|
+
ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded),
|
16088
15465
|
other = _objectWithoutPropertiesLoose(props, _excluded2);
|
16089
15466
|
|
16090
15467
|
// Let's assume that the Drawer will always be rendered on user space.
|
@@ -16102,7 +15479,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
16102
15479
|
open,
|
16103
15480
|
variant
|
16104
15481
|
}, other);
|
16105
|
-
const classes = useUtilityClasses
|
15482
|
+
const classes = useUtilityClasses(ownerState);
|
16106
15483
|
const drawer = /*#__PURE__*/jsx(DrawerPaper, _extends({
|
16107
15484
|
elevation: variant === 'temporary' ? elevation : 0,
|
16108
15485
|
square: true
|
@@ -16239,346 +15616,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
|
|
16239
15616
|
} : void 0;
|
16240
15617
|
var Drawer$1 = Drawer;
|
16241
15618
|
|
16242
|
-
function getLinearProgressUtilityClass(slot) {
|
16243
|
-
return generateUtilityClass('MuiLinearProgress', slot);
|
16244
|
-
}
|
16245
|
-
generateUtilityClasses('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);
|
16246
|
-
|
16247
|
-
const _excluded = ["className", "color", "value", "valueBuffer", "variant"];
|
16248
|
-
let _ = t => t,
|
16249
|
-
_t,
|
16250
|
-
_t2,
|
16251
|
-
_t3,
|
16252
|
-
_t4,
|
16253
|
-
_t5,
|
16254
|
-
_t6;
|
16255
|
-
const TRANSITION_DURATION = 4; // seconds
|
16256
|
-
const indeterminate1Keyframe = keyframes(_t || (_t = _`
|
16257
|
-
0% {
|
16258
|
-
left: -35%;
|
16259
|
-
right: 100%;
|
16260
|
-
}
|
16261
|
-
|
16262
|
-
60% {
|
16263
|
-
left: 100%;
|
16264
|
-
right: -90%;
|
16265
|
-
}
|
16266
|
-
|
16267
|
-
100% {
|
16268
|
-
left: 100%;
|
16269
|
-
right: -90%;
|
16270
|
-
}
|
16271
|
-
`));
|
16272
|
-
const indeterminate2Keyframe = keyframes(_t2 || (_t2 = _`
|
16273
|
-
0% {
|
16274
|
-
left: -200%;
|
16275
|
-
right: 100%;
|
16276
|
-
}
|
16277
|
-
|
16278
|
-
60% {
|
16279
|
-
left: 107%;
|
16280
|
-
right: -8%;
|
16281
|
-
}
|
16282
|
-
|
16283
|
-
100% {
|
16284
|
-
left: 107%;
|
16285
|
-
right: -8%;
|
16286
|
-
}
|
16287
|
-
`));
|
16288
|
-
const bufferKeyframe = keyframes(_t3 || (_t3 = _`
|
16289
|
-
0% {
|
16290
|
-
opacity: 1;
|
16291
|
-
background-position: 0 -23px;
|
16292
|
-
}
|
16293
|
-
|
16294
|
-
60% {
|
16295
|
-
opacity: 0;
|
16296
|
-
background-position: 0 -23px;
|
16297
|
-
}
|
16298
|
-
|
16299
|
-
100% {
|
16300
|
-
opacity: 1;
|
16301
|
-
background-position: -200px -23px;
|
16302
|
-
}
|
16303
|
-
`));
|
16304
|
-
const useUtilityClasses = ownerState => {
|
16305
|
-
const {
|
16306
|
-
classes,
|
16307
|
-
variant,
|
16308
|
-
color
|
16309
|
-
} = ownerState;
|
16310
|
-
const slots = {
|
16311
|
-
root: ['root', `color${capitalize(color)}`, variant],
|
16312
|
-
dashed: ['dashed', `dashedColor${capitalize(color)}`],
|
16313
|
-
bar1: ['bar', `barColor${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar1Indeterminate', variant === 'determinate' && 'bar1Determinate', variant === 'buffer' && 'bar1Buffer'],
|
16314
|
-
bar2: ['bar', variant !== 'buffer' && `barColor${capitalize(color)}`, variant === 'buffer' && `color${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar2Indeterminate', variant === 'buffer' && 'bar2Buffer']
|
16315
|
-
};
|
16316
|
-
return composeClasses(slots, getLinearProgressUtilityClass, classes);
|
16317
|
-
};
|
16318
|
-
const getColorShade = (theme, color) => {
|
16319
|
-
if (color === 'inherit') {
|
16320
|
-
return 'currentColor';
|
16321
|
-
}
|
16322
|
-
if (theme.vars) {
|
16323
|
-
return theme.vars.palette.LinearProgress[`${color}Bg`];
|
16324
|
-
}
|
16325
|
-
return theme.palette.mode === 'light' ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.5);
|
16326
|
-
};
|
16327
|
-
const LinearProgressRoot = styled$1('span', {
|
16328
|
-
name: 'MuiLinearProgress',
|
16329
|
-
slot: 'Root',
|
16330
|
-
overridesResolver: (props, styles) => {
|
16331
|
-
const {
|
16332
|
-
ownerState
|
16333
|
-
} = props;
|
16334
|
-
return [styles.root, styles[`color${capitalize(ownerState.color)}`], styles[ownerState.variant]];
|
16335
|
-
}
|
16336
|
-
})(({
|
16337
|
-
ownerState,
|
16338
|
-
theme
|
16339
|
-
}) => _extends({
|
16340
|
-
position: 'relative',
|
16341
|
-
overflow: 'hidden',
|
16342
|
-
display: 'block',
|
16343
|
-
height: 4,
|
16344
|
-
zIndex: 0,
|
16345
|
-
// Fix Safari's bug during composition of different paint.
|
16346
|
-
'@media print': {
|
16347
|
-
colorAdjust: 'exact'
|
16348
|
-
},
|
16349
|
-
backgroundColor: getColorShade(theme, ownerState.color)
|
16350
|
-
}, ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {
|
16351
|
-
backgroundColor: 'none',
|
16352
|
-
'&::before': {
|
16353
|
-
content: '""',
|
16354
|
-
position: 'absolute',
|
16355
|
-
left: 0,
|
16356
|
-
top: 0,
|
16357
|
-
right: 0,
|
16358
|
-
bottom: 0,
|
16359
|
-
backgroundColor: 'currentColor',
|
16360
|
-
opacity: 0.3
|
16361
|
-
}
|
16362
|
-
}, ownerState.variant === 'buffer' && {
|
16363
|
-
backgroundColor: 'transparent'
|
16364
|
-
}, ownerState.variant === 'query' && {
|
16365
|
-
transform: 'rotate(180deg)'
|
16366
|
-
}));
|
16367
|
-
const LinearProgressDashed = styled$1('span', {
|
16368
|
-
name: 'MuiLinearProgress',
|
16369
|
-
slot: 'Dashed',
|
16370
|
-
overridesResolver: (props, styles) => {
|
16371
|
-
const {
|
16372
|
-
ownerState
|
16373
|
-
} = props;
|
16374
|
-
return [styles.dashed, styles[`dashedColor${capitalize(ownerState.color)}`]];
|
16375
|
-
}
|
16376
|
-
})(({
|
16377
|
-
ownerState,
|
16378
|
-
theme
|
16379
|
-
}) => {
|
16380
|
-
const backgroundColor = getColorShade(theme, ownerState.color);
|
16381
|
-
return _extends({
|
16382
|
-
position: 'absolute',
|
16383
|
-
marginTop: 0,
|
16384
|
-
height: '100%',
|
16385
|
-
width: '100%'
|
16386
|
-
}, ownerState.color === 'inherit' && {
|
16387
|
-
opacity: 0.3
|
16388
|
-
}, {
|
16389
|
-
backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`,
|
16390
|
-
backgroundSize: '10px 10px',
|
16391
|
-
backgroundPosition: '0 -23px'
|
16392
|
-
});
|
16393
|
-
}, css(_t4 || (_t4 = _`
|
16394
|
-
animation: ${0} 3s infinite linear;
|
16395
|
-
`), bufferKeyframe));
|
16396
|
-
const LinearProgressBar1 = styled$1('span', {
|
16397
|
-
name: 'MuiLinearProgress',
|
16398
|
-
slot: 'Bar1',
|
16399
|
-
overridesResolver: (props, styles) => {
|
16400
|
-
const {
|
16401
|
-
ownerState
|
16402
|
-
} = props;
|
16403
|
-
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];
|
16404
|
-
}
|
16405
|
-
})(({
|
16406
|
-
ownerState,
|
16407
|
-
theme
|
16408
|
-
}) => _extends({
|
16409
|
-
width: '100%',
|
16410
|
-
position: 'absolute',
|
16411
|
-
left: 0,
|
16412
|
-
bottom: 0,
|
16413
|
-
top: 0,
|
16414
|
-
transition: 'transform 0.2s linear',
|
16415
|
-
transformOrigin: 'left',
|
16416
|
-
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
16417
|
-
}, ownerState.variant === 'determinate' && {
|
16418
|
-
transition: `transform .${TRANSITION_DURATION}s linear`
|
16419
|
-
}, ownerState.variant === 'buffer' && {
|
16420
|
-
zIndex: 1,
|
16421
|
-
transition: `transform .${TRANSITION_DURATION}s linear`
|
16422
|
-
}), ({
|
16423
|
-
ownerState
|
16424
|
-
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t5 || (_t5 = _`
|
16425
|
-
width: auto;
|
16426
|
-
animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
16427
|
-
`), indeterminate1Keyframe));
|
16428
|
-
const LinearProgressBar2 = styled$1('span', {
|
16429
|
-
name: 'MuiLinearProgress',
|
16430
|
-
slot: 'Bar2',
|
16431
|
-
overridesResolver: (props, styles) => {
|
16432
|
-
const {
|
16433
|
-
ownerState
|
16434
|
-
} = props;
|
16435
|
-
return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar2Indeterminate, ownerState.variant === 'buffer' && styles.bar2Buffer];
|
16436
|
-
}
|
16437
|
-
})(({
|
16438
|
-
ownerState,
|
16439
|
-
theme
|
16440
|
-
}) => _extends({
|
16441
|
-
width: '100%',
|
16442
|
-
position: 'absolute',
|
16443
|
-
left: 0,
|
16444
|
-
bottom: 0,
|
16445
|
-
top: 0,
|
16446
|
-
transition: 'transform 0.2s linear',
|
16447
|
-
transformOrigin: 'left'
|
16448
|
-
}, ownerState.variant !== 'buffer' && {
|
16449
|
-
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
16450
|
-
}, ownerState.color === 'inherit' && {
|
16451
|
-
opacity: 0.3
|
16452
|
-
}, ownerState.variant === 'buffer' && {
|
16453
|
-
backgroundColor: getColorShade(theme, ownerState.color),
|
16454
|
-
transition: `transform .${TRANSITION_DURATION}s linear`
|
16455
|
-
}), ({
|
16456
|
-
ownerState
|
16457
|
-
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t6 || (_t6 = _`
|
16458
|
-
width: auto;
|
16459
|
-
animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
|
16460
|
-
`), indeterminate2Keyframe));
|
16461
|
-
|
16462
|
-
/**
|
16463
|
-
* ## ARIA
|
16464
|
-
*
|
16465
|
-
* If the progress bar is describing the loading progress of a particular region of a page,
|
16466
|
-
* you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
|
16467
|
-
* attribute to `true` on that region until it has finished loading.
|
16468
|
-
*/
|
16469
|
-
const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inProps, ref) {
|
16470
|
-
const props = useThemeProps({
|
16471
|
-
props: inProps,
|
16472
|
-
name: 'MuiLinearProgress'
|
16473
|
-
});
|
16474
|
-
const {
|
16475
|
-
className,
|
16476
|
-
color = 'primary',
|
16477
|
-
value,
|
16478
|
-
valueBuffer,
|
16479
|
-
variant = 'indeterminate'
|
16480
|
-
} = props,
|
16481
|
-
other = _objectWithoutPropertiesLoose(props, _excluded);
|
16482
|
-
const ownerState = _extends({}, props, {
|
16483
|
-
color,
|
16484
|
-
variant
|
16485
|
-
});
|
16486
|
-
const classes = useUtilityClasses(ownerState);
|
16487
|
-
const theme = useTheme();
|
16488
|
-
const rootProps = {};
|
16489
|
-
const inlineStyles = {
|
16490
|
-
bar1: {},
|
16491
|
-
bar2: {}
|
16492
|
-
};
|
16493
|
-
if (variant === 'determinate' || variant === 'buffer') {
|
16494
|
-
if (value !== undefined) {
|
16495
|
-
rootProps['aria-valuenow'] = Math.round(value);
|
16496
|
-
rootProps['aria-valuemin'] = 0;
|
16497
|
-
rootProps['aria-valuemax'] = 100;
|
16498
|
-
let transform = value - 100;
|
16499
|
-
if (theme.direction === 'rtl') {
|
16500
|
-
transform = -transform;
|
16501
|
-
}
|
16502
|
-
inlineStyles.bar1.transform = `translateX(${transform}%)`;
|
16503
|
-
} else if (process.env.NODE_ENV !== 'production') {
|
16504
|
-
console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');
|
16505
|
-
}
|
16506
|
-
}
|
16507
|
-
if (variant === 'buffer') {
|
16508
|
-
if (valueBuffer !== undefined) {
|
16509
|
-
let transform = (valueBuffer || 0) - 100;
|
16510
|
-
if (theme.direction === 'rtl') {
|
16511
|
-
transform = -transform;
|
16512
|
-
}
|
16513
|
-
inlineStyles.bar2.transform = `translateX(${transform}%)`;
|
16514
|
-
} else if (process.env.NODE_ENV !== 'production') {
|
16515
|
-
console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
|
16516
|
-
}
|
16517
|
-
}
|
16518
|
-
return /*#__PURE__*/jsxs(LinearProgressRoot, _extends({
|
16519
|
-
className: clsx(classes.root, className),
|
16520
|
-
ownerState: ownerState,
|
16521
|
-
role: "progressbar"
|
16522
|
-
}, rootProps, {
|
16523
|
-
ref: ref
|
16524
|
-
}, other, {
|
16525
|
-
children: [variant === 'buffer' ? /*#__PURE__*/jsx(LinearProgressDashed, {
|
16526
|
-
className: classes.dashed,
|
16527
|
-
ownerState: ownerState
|
16528
|
-
}) : null, /*#__PURE__*/jsx(LinearProgressBar1, {
|
16529
|
-
className: classes.bar1,
|
16530
|
-
ownerState: ownerState,
|
16531
|
-
style: inlineStyles.bar1
|
16532
|
-
}), variant === 'determinate' ? null : /*#__PURE__*/jsx(LinearProgressBar2, {
|
16533
|
-
className: classes.bar2,
|
16534
|
-
ownerState: ownerState,
|
16535
|
-
style: inlineStyles.bar2
|
16536
|
-
})]
|
16537
|
-
}));
|
16538
|
-
});
|
16539
|
-
process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-proptypes */ = {
|
16540
|
-
// ----------------------------- Warning --------------------------------
|
16541
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
16542
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
16543
|
-
// ----------------------------------------------------------------------
|
16544
|
-
/**
|
16545
|
-
* Override or extend the styles applied to the component.
|
16546
|
-
*/
|
16547
|
-
classes: PropTypes.object,
|
16548
|
-
/**
|
16549
|
-
* @ignore
|
16550
|
-
*/
|
16551
|
-
className: PropTypes.string,
|
16552
|
-
/**
|
16553
|
-
* The color of the component.
|
16554
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
16555
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
16556
|
-
* @default 'primary'
|
16557
|
-
*/
|
16558
|
-
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),
|
16559
|
-
/**
|
16560
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
16561
|
-
*/
|
16562
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
16563
|
-
/**
|
16564
|
-
* The value of the progress indicator for the determinate and buffer variants.
|
16565
|
-
* Value between 0 and 100.
|
16566
|
-
*/
|
16567
|
-
value: PropTypes.number,
|
16568
|
-
/**
|
16569
|
-
* The value for the buffer variant.
|
16570
|
-
* Value between 0 and 100.
|
16571
|
-
*/
|
16572
|
-
valueBuffer: PropTypes.number,
|
16573
|
-
/**
|
16574
|
-
* The variant to use.
|
16575
|
-
* Use indeterminate or query when there is no progress value.
|
16576
|
-
* @default 'indeterminate'
|
16577
|
-
*/
|
16578
|
-
variant: PropTypes.oneOf(['buffer', 'determinate', 'indeterminate', 'query'])
|
16579
|
-
} : void 0;
|
16580
|
-
var LinearProgress$1 = LinearProgress;
|
16581
|
-
|
16582
15619
|
const Stack = createStack({
|
16583
15620
|
createStyledComponent: styled$1('div', {
|
16584
15621
|
name: 'MuiStack',
|
@@ -17232,239 +16269,6 @@ const DrawerComponent = ({
|
|
17232
16269
|
}, renderActions))));
|
17233
16270
|
};
|
17234
16271
|
|
17235
|
-
const ToastContainer = styled$1(Stack$1)(() => ({
|
17236
|
-
position: 'fixed',
|
17237
|
-
zIndex: 1400,
|
17238
|
-
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)',
|
17239
|
-
right: 16,
|
17240
|
-
marginTop: 16
|
17241
|
-
}));
|
17242
|
-
const ToastContent = styled$1(Box$2)(({
|
17243
|
-
theme
|
17244
|
-
}) => ({
|
17245
|
-
padding: theme.spacing(1.5),
|
17246
|
-
gap: theme.spacing(1.5),
|
17247
|
-
display: 'flex',
|
17248
|
-
alignItems: 'center',
|
17249
|
-
'&.color-error': {
|
17250
|
-
backgroundColor: '#FEEBEE'
|
17251
|
-
},
|
17252
|
-
'&.color-info': {
|
17253
|
-
backgroundColor: '#E1F5FE'
|
17254
|
-
},
|
17255
|
-
'&.color-warning': {
|
17256
|
-
backgroundColor: '#FFF3E0'
|
17257
|
-
},
|
17258
|
-
'&.color-success': {
|
17259
|
-
backgroundColor: '#E8F5E9'
|
17260
|
-
}
|
17261
|
-
}));
|
17262
|
-
const RippleIcon = styled$1(Stack$1)(({
|
17263
|
-
theme
|
17264
|
-
}) => ({
|
17265
|
-
padding: theme.spacing(1),
|
17266
|
-
gap: theme.spacing(1),
|
17267
|
-
height: 20,
|
17268
|
-
borderRadius: 50,
|
17269
|
-
'&.ripple-error': {
|
17270
|
-
backgroundColor: '#D143431F'
|
17271
|
-
},
|
17272
|
-
'&.ripple-info': {
|
17273
|
-
backgroundColor: '#2D9FC51F'
|
17274
|
-
},
|
17275
|
-
'&.ripple-warning': {
|
17276
|
-
backgroundColor: '#FB85001F'
|
17277
|
-
},
|
17278
|
-
'&.ripple-success': {
|
17279
|
-
backgroundColor: '#8FC93A1F'
|
17280
|
-
}
|
17281
|
-
}));
|
17282
|
-
const ToastIconContainer = styled$1(Stack$1)(({
|
17283
|
-
theme
|
17284
|
-
}) => ({
|
17285
|
-
'&.icon-color.color-info': {
|
17286
|
-
color: theme.palette.info.main
|
17287
|
-
},
|
17288
|
-
'&.icon-color.color-error': {
|
17289
|
-
color: theme.palette.error.main
|
17290
|
-
},
|
17291
|
-
'&.icon-color.color-warning': {
|
17292
|
-
color: theme.palette.warning.main
|
17293
|
-
},
|
17294
|
-
'&.icon-color.color-success': {
|
17295
|
-
color: theme.palette.success.main
|
17296
|
-
}
|
17297
|
-
}));
|
17298
|
-
const ToastNotificationComponent = toast => {
|
17299
|
-
const [stateToast, setStateToast] = useState(true);
|
17300
|
-
const [stateOptions, setStateOptions] = useState(true);
|
17301
|
-
const [progress, setProgress] = useState(100);
|
17302
|
-
const timeProgress = toast.time || 8000;
|
17303
|
-
const toastIconOption = {
|
17304
|
-
success: /*#__PURE__*/React__default.createElement(CheckCircleRounded, null),
|
17305
|
-
error: /*#__PURE__*/React__default.createElement(ErrorRounded, null),
|
17306
|
-
warning: /*#__PURE__*/React__default.createElement(WarningRounded, null),
|
17307
|
-
info: /*#__PURE__*/React__default.createElement(InfoRounded, null)
|
17308
|
-
};
|
17309
|
-
const ToastIconConfig = toastIconOption[toast.type || 'info'];
|
17310
|
-
const toastColorOption = {
|
17311
|
-
success: 'success',
|
17312
|
-
error: 'error',
|
17313
|
-
warning: 'warning',
|
17314
|
-
info: 'info'
|
17315
|
-
};
|
17316
|
-
const toastColorConfig = toastColorOption[toast.type || 'info'];
|
17317
|
-
const closeToast = () => {
|
17318
|
-
setStateToast(false);
|
17319
|
-
};
|
17320
|
-
const toggleToastOptions = () => {
|
17321
|
-
setStateOptions(prevShowOptions => !prevShowOptions);
|
17322
|
-
};
|
17323
|
-
useEffect(() => {
|
17324
|
-
let seconds = 0;
|
17325
|
-
const interval = setInterval(() => {
|
17326
|
-
seconds += 100;
|
17327
|
-
const progress = 100 - seconds / timeProgress * 100;
|
17328
|
-
setProgress(progress <= 0 ? 0 : progress);
|
17329
|
-
}, 100);
|
17330
|
-
const closeTimeout = setTimeout(() => {
|
17331
|
-
clearInterval(interval);
|
17332
|
-
setStateToast(false);
|
17333
|
-
}, timeProgress);
|
17334
|
-
return () => {
|
17335
|
-
clearInterval(interval);
|
17336
|
-
clearTimeout(closeTimeout);
|
17337
|
-
};
|
17338
|
-
}, [timeProgress]);
|
17339
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stateToast && /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
17340
|
-
theme: SincoTheme
|
17341
|
-
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17342
|
-
height: 105,
|
17343
|
-
top: 16,
|
17344
|
-
right: 16,
|
17345
|
-
position: "absolute",
|
17346
|
-
zIndex: 1400
|
17347
|
-
}, /*#__PURE__*/React__default.createElement(ToastContainer, {
|
17348
|
-
position: 'fixed'
|
17349
|
-
}, /*#__PURE__*/React__default.createElement(ToastContent, {
|
17350
|
-
className: `color-${toast.type || 'info'}`
|
17351
|
-
}, toast && /*#__PURE__*/React__default.createElement(RippleIcon, {
|
17352
|
-
className: `ripple-${toast.type || 'info'}`
|
17353
|
-
}, /*#__PURE__*/React__default.createElement(ToastIconContainer, {
|
17354
|
-
className: `icon-color color-${toast.type || 'info'}`
|
17355
|
-
}, ToastIconConfig)), /*#__PURE__*/React__default.createElement(Divider$1, {
|
17356
|
-
orientation: "vertical",
|
17357
|
-
flexItem: true
|
17358
|
-
}), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17359
|
-
gap: 0.5,
|
17360
|
-
width: 285
|
17361
|
-
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17362
|
-
justifyContent: "space-between",
|
17363
|
-
flexDirection: "row",
|
17364
|
-
alignItems: "center"
|
17365
|
-
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17366
|
-
variant: "subtitle2",
|
17367
|
-
color: "text.primary"
|
17368
|
-
}, toast.title), /*#__PURE__*/React__default.createElement(IconButton$1, {
|
17369
|
-
size: "small",
|
17370
|
-
"aria-label": "delete",
|
17371
|
-
onClick: closeToast
|
17372
|
-
}, /*#__PURE__*/React__default.createElement(Close$1, null))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17373
|
-
gap: "4px"
|
17374
|
-
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17375
|
-
color: "text.primary",
|
17376
|
-
variant: "body2"
|
17377
|
-
}, toast.subtitle), !stateOptions && toast.dataOpt && toast.dataOpt.length > 0 && /*#__PURE__*/React__default.createElement("ul", {
|
17378
|
-
style: {
|
17379
|
-
paddingLeft: 15,
|
17380
|
-
marginBlock: 0,
|
17381
|
-
fontSize: 11,
|
17382
|
-
color: '#101840de'
|
17383
|
-
}
|
17384
|
-
}, toast.dataOpt.map((element, i) => {
|
17385
|
-
const keyElement = Object.keys(element);
|
17386
|
-
let options = '';
|
17387
|
-
for (let _i = 0; _i < keyElement.length; _i++) {
|
17388
|
-
options += element[keyElement[_i]];
|
17389
|
-
}
|
17390
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
17391
|
-
style: {
|
17392
|
-
width: 'fit-content'
|
17393
|
-
},
|
17394
|
-
key: i
|
17395
|
-
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17396
|
-
variant: "caption"
|
17397
|
-
}, options));
|
17398
|
-
}))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17399
|
-
justifyContent: "flex-end",
|
17400
|
-
flexDirection: "row",
|
17401
|
-
alignItems: "flex-end"
|
17402
|
-
}, toast.actions && /*#__PURE__*/React__default.createElement(Stack$1, {
|
17403
|
-
flexDirection: "row",
|
17404
|
-
gap: 1
|
17405
|
-
}, toast.actions), toast.seeMore && /*#__PURE__*/React__default.createElement(Button$1, {
|
17406
|
-
onClick: toggleToastOptions,
|
17407
|
-
size: "small",
|
17408
|
-
variant: "text",
|
17409
|
-
color: toastColorConfig,
|
17410
|
-
endIcon: stateOptions ? /*#__PURE__*/React__default.createElement(ArrowDownward, {
|
17411
|
-
fontSize: "small"
|
17412
|
-
}) : /*#__PURE__*/React__default.createElement(ArrowUpward, {
|
17413
|
-
fontSize: "small"
|
17414
|
-
})
|
17415
|
-
}, stateOptions ? 'Ver más' : 'Ver menos')))), /*#__PURE__*/React__default.createElement(LinearProgress$1, {
|
17416
|
-
color: toastColorConfig,
|
17417
|
-
variant: "determinate",
|
17418
|
-
value: progress
|
17419
|
-
})))));
|
17420
|
-
};
|
17421
|
-
|
17422
|
-
const PageHeaderContent = styled$1(Stack$1)(({
|
17423
|
-
theme
|
17424
|
-
}) => ({
|
17425
|
-
backgroundColor: '#fff',
|
17426
|
-
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)',
|
17427
|
-
zIndex: 100,
|
17428
|
-
padding: '8px 24px',
|
17429
|
-
justifyContent: 'space-between',
|
17430
|
-
minHeight: 39,
|
17431
|
-
position: 'fixed',
|
17432
|
-
width: '100%'
|
17433
|
-
}));
|
17434
|
-
const PageHeaderComponent = ({
|
17435
|
-
title,
|
17436
|
-
subtitle,
|
17437
|
-
actions,
|
17438
|
-
buttonBack
|
17439
|
-
}) => {
|
17440
|
-
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
17441
|
-
theme: SincoTheme
|
17442
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
17443
|
-
style: {
|
17444
|
-
minHeight: 56
|
17445
|
-
}
|
17446
|
-
}, /*#__PURE__*/React__default.createElement(PageHeaderContent, null, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17447
|
-
width: "90%",
|
17448
|
-
justifyContent: "space-between",
|
17449
|
-
flexDirection: "row",
|
17450
|
-
alignItems: "center"
|
17451
|
-
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17452
|
-
gap: 1.5,
|
17453
|
-
flexDirection: "row",
|
17454
|
-
alignItems: "center"
|
17455
|
-
}, buttonBack, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17456
|
-
variant: "h6",
|
17457
|
-
color: "text.primary"
|
17458
|
-
}, title), /*#__PURE__*/React__default.createElement(Typography$1, {
|
17459
|
-
variant: "caption",
|
17460
|
-
color: "text.secondary"
|
17461
|
-
}, subtitle))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17462
|
-
gap: 1,
|
17463
|
-
alignItems: "center",
|
17464
|
-
flexDirection: "row"
|
17465
|
-
}, actions)))));
|
17466
|
-
};
|
17467
|
-
|
17468
16272
|
var classof$2 = classofRaw$2;
|
17469
16273
|
|
17470
16274
|
var engineIsNode = typeof process != 'undefined' && classof$2(process) == 'process';
|
@@ -22920,4 +21724,4 @@ const useDynamicColor = url => {
|
|
22920
21724
|
};
|
22921
21725
|
};
|
22922
21726
|
|
22923
|
-
export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls,
|
21727
|
+
export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, SincoTheme, useDynamicColor };
|