@sinco/react 1.0.15-rc.1 → 1.0.15-rc.10
Sign up to get free protection for your applications and to get access to all the features.
- package/index.d.ts +1 -0
- package/index.js +1223 -138
- package/package.json +1 -1
- package/src/index.d.ts +1 -1
- package/src/lib/Components/index.d.ts +2 -1
- package/src/lib/Components/toastNotification/ToastBase.d.ts +12 -0
- package/src/lib/Components/toastNotification/ToastNotification.d.ts +7 -0
- package/src/lib/Hooks/useProgress.d.ts +3 -0
- package/src/lib/Components/PageHeader.d.ts +0 -10
- package/src/lib/Utils/index.d.ts +0 -1
package/index.js
CHANGED
@@ -6202,7 +6202,7 @@ const internal_processStyles = (tag, processor) => {
|
|
6202
6202
|
}
|
6203
6203
|
};
|
6204
6204
|
|
6205
|
-
const _excluded$
|
6205
|
+
const _excluded$u = ["values", "unit", "step"];
|
6206
6206
|
const sortBreakpointsValues = values => {
|
6207
6207
|
const breakpointsAsArray = Object.keys(values).map(key => ({
|
6208
6208
|
key,
|
@@ -6237,7 +6237,7 @@ function createBreakpoints(breakpoints) {
|
|
6237
6237
|
unit = 'px',
|
6238
6238
|
step = 5
|
6239
6239
|
} = breakpoints,
|
6240
|
-
other = _objectWithoutPropertiesLoose(breakpoints, _excluded$
|
6240
|
+
other = _objectWithoutPropertiesLoose(breakpoints, _excluded$u);
|
6241
6241
|
const sortedValues = sortBreakpointsValues(values);
|
6242
6242
|
const keys = Object.keys(sortedValues);
|
6243
6243
|
function up(key) {
|
@@ -7338,7 +7338,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
|
|
7338
7338
|
styleFunctionSx.filterProps = ['sx'];
|
7339
7339
|
var styleFunctionSx$1 = styleFunctionSx;
|
7340
7340
|
|
7341
|
-
const _excluded$
|
7341
|
+
const _excluded$t = ["breakpoints", "palette", "spacing", "shape"];
|
7342
7342
|
function createTheme$1(options = {}, ...args) {
|
7343
7343
|
const {
|
7344
7344
|
breakpoints: breakpointsInput = {},
|
@@ -7346,7 +7346,7 @@ function createTheme$1(options = {}, ...args) {
|
|
7346
7346
|
spacing: spacingInput,
|
7347
7347
|
shape: shapeInput = {}
|
7348
7348
|
} = options,
|
7349
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
7349
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$t);
|
7350
7350
|
const breakpoints = createBreakpoints(breakpointsInput);
|
7351
7351
|
const spacing = createSpacing(spacingInput);
|
7352
7352
|
let muiTheme = deepmerge({
|
@@ -7384,7 +7384,7 @@ function useTheme$2(defaultTheme = systemDefaultTheme$1) {
|
|
7384
7384
|
return useTheme$3(defaultTheme);
|
7385
7385
|
}
|
7386
7386
|
|
7387
|
-
const _excluded$
|
7387
|
+
const _excluded$s = ["sx"];
|
7388
7388
|
const splitProps = props => {
|
7389
7389
|
var _props$theme$unstable, _props$theme;
|
7390
7390
|
const result = {
|
@@ -7405,7 +7405,7 @@ function extendSxProp(props) {
|
|
7405
7405
|
const {
|
7406
7406
|
sx: inSx
|
7407
7407
|
} = props,
|
7408
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
7408
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$s);
|
7409
7409
|
const {
|
7410
7410
|
systemProps,
|
7411
7411
|
otherProps
|
@@ -7431,7 +7431,7 @@ function extendSxProp(props) {
|
|
7431
7431
|
|
7432
7432
|
function r$2(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$2(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx$2(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$2(e))&&(n&&(n+=" "),n+=t);return n}
|
7433
7433
|
|
7434
|
-
const _excluded$
|
7434
|
+
const _excluded$r = ["className", "component"];
|
7435
7435
|
function createBox(options = {}) {
|
7436
7436
|
const {
|
7437
7437
|
themeId,
|
@@ -7449,7 +7449,7 @@ function createBox(options = {}) {
|
|
7449
7449
|
className,
|
7450
7450
|
component = 'div'
|
7451
7451
|
} = _extendSxProp,
|
7452
|
-
other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$
|
7452
|
+
other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$r);
|
7453
7453
|
return /*#__PURE__*/jsx(BoxRoot, _extends({
|
7454
7454
|
as: component,
|
7455
7455
|
ref: ref,
|
@@ -7460,7 +7460,7 @@ function createBox(options = {}) {
|
|
7460
7460
|
return Box;
|
7461
7461
|
}
|
7462
7462
|
|
7463
|
-
const _excluded$
|
7463
|
+
const _excluded$q = ["variant"];
|
7464
7464
|
function isEmpty$1(string) {
|
7465
7465
|
return string.length === 0;
|
7466
7466
|
}
|
@@ -7474,7 +7474,7 @@ function propsToClassKey(props) {
|
|
7474
7474
|
const {
|
7475
7475
|
variant
|
7476
7476
|
} = props,
|
7477
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
7477
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$q);
|
7478
7478
|
let classKey = variant || '';
|
7479
7479
|
Object.keys(other).sort().forEach(key => {
|
7480
7480
|
if (key === 'color') {
|
@@ -7486,7 +7486,7 @@ function propsToClassKey(props) {
|
|
7486
7486
|
return classKey;
|
7487
7487
|
}
|
7488
7488
|
|
7489
|
-
const _excluded$
|
7489
|
+
const _excluded$p = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
|
7490
7490
|
function isEmpty(obj) {
|
7491
7491
|
return Object.keys(obj).length === 0;
|
7492
7492
|
}
|
@@ -7623,7 +7623,7 @@ function createStyled(input = {}) {
|
|
7623
7623
|
// For more details: https://github.com/mui/material-ui/pull/37908
|
7624
7624
|
overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot))
|
7625
7625
|
} = inputOptions,
|
7626
|
-
options = _objectWithoutPropertiesLoose(inputOptions, _excluded$
|
7626
|
+
options = _objectWithoutPropertiesLoose(inputOptions, _excluded$p);
|
7627
7627
|
|
7628
7628
|
// if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
|
7629
7629
|
const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :
|
@@ -8191,7 +8191,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
8191
8191
|
process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes = exactProp(ThemeProvider$1.propTypes) : void 0;
|
8192
8192
|
}
|
8193
8193
|
|
8194
|
-
const _excluded$
|
8194
|
+
const _excluded$o = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
|
8195
8195
|
const defaultTheme$3 = createTheme$1();
|
8196
8196
|
// widening Theme to any so that the consumer can own the theme structure.
|
8197
8197
|
const defaultCreateStyledComponent = systemStyled('div', {
|
@@ -8324,7 +8324,7 @@ function createStack(options = {}) {
|
|
8324
8324
|
className,
|
8325
8325
|
useFlexGap = false
|
8326
8326
|
} = props,
|
8327
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
8327
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$o);
|
8328
8328
|
const ownerState = {
|
8329
8329
|
direction,
|
8330
8330
|
spacing,
|
@@ -8498,7 +8498,7 @@ const green = {
|
|
8498
8498
|
};
|
8499
8499
|
var green$1 = green;
|
8500
8500
|
|
8501
|
-
const _excluded$
|
8501
|
+
const _excluded$n = ["mode", "contrastThreshold", "tonalOffset"];
|
8502
8502
|
const light = {
|
8503
8503
|
// The colors used to style the text.
|
8504
8504
|
text: {
|
@@ -8667,7 +8667,7 @@ function createPalette(palette) {
|
|
8667
8667
|
contrastThreshold = 3,
|
8668
8668
|
tonalOffset = 0.2
|
8669
8669
|
} = palette,
|
8670
|
-
other = _objectWithoutPropertiesLoose(palette, _excluded$
|
8670
|
+
other = _objectWithoutPropertiesLoose(palette, _excluded$n);
|
8671
8671
|
const primary = palette.primary || getDefaultPrimary(mode);
|
8672
8672
|
const secondary = palette.secondary || getDefaultSecondary(mode);
|
8673
8673
|
const error = palette.error || getDefaultError(mode);
|
@@ -8791,7 +8791,7 @@ const theme2 = createTheme({ palette: {
|
|
8791
8791
|
return paletteOutput;
|
8792
8792
|
}
|
8793
8793
|
|
8794
|
-
const _excluded$
|
8794
|
+
const _excluded$m = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
|
8795
8795
|
function round(value) {
|
8796
8796
|
return Math.round(value * 1e5) / 1e5;
|
8797
8797
|
}
|
@@ -8822,7 +8822,7 @@ function createTypography(palette, typography) {
|
|
8822
8822
|
allVariants,
|
8823
8823
|
pxToRem: pxToRem2
|
8824
8824
|
} = _ref,
|
8825
|
-
other = _objectWithoutPropertiesLoose(_ref, _excluded$
|
8825
|
+
other = _objectWithoutPropertiesLoose(_ref, _excluded$m);
|
8826
8826
|
if (process.env.NODE_ENV !== 'production') {
|
8827
8827
|
if (typeof fontSize !== 'number') {
|
8828
8828
|
console.error('MUI: `fontSize` is required to be a number.');
|
@@ -8887,10 +8887,10 @@ function createShadow(...px) {
|
|
8887
8887
|
}
|
8888
8888
|
|
8889
8889
|
// Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
|
8890
|
-
const shadows
|
8891
|
-
var shadows$
|
8890
|
+
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)];
|
8891
|
+
var shadows$1 = shadows;
|
8892
8892
|
|
8893
|
-
const _excluded$
|
8893
|
+
const _excluded$l = ["duration", "easing", "delay"];
|
8894
8894
|
// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
|
8895
8895
|
// to learn the context in which each easing should be used.
|
8896
8896
|
const easing = {
|
@@ -8941,7 +8941,7 @@ function createTransitions(inputTransitions) {
|
|
8941
8941
|
easing: easingOption = mergedEasing.easeInOut,
|
8942
8942
|
delay = 0
|
8943
8943
|
} = options,
|
8944
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
8944
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$l);
|
8945
8945
|
if (process.env.NODE_ENV !== 'production') {
|
8946
8946
|
const isString = value => typeof value === 'string';
|
8947
8947
|
// IE11 support, replace with Number.isNaN
|
@@ -8991,7 +8991,7 @@ const zIndex = {
|
|
8991
8991
|
};
|
8992
8992
|
var zIndex$1 = zIndex;
|
8993
8993
|
|
8994
|
-
const _excluded$
|
8994
|
+
const _excluded$k = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
|
8995
8995
|
function createTheme(options = {}, ...args) {
|
8996
8996
|
const {
|
8997
8997
|
mixins: mixinsInput = {},
|
@@ -8999,7 +8999,7 @@ function createTheme(options = {}, ...args) {
|
|
8999
8999
|
transitions: transitionsInput = {},
|
9000
9000
|
typography: typographyInput = {}
|
9001
9001
|
} = options,
|
9002
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
9002
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$k);
|
9003
9003
|
if (options.vars) {
|
9004
9004
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
|
9005
9005
|
Please use another name.` : formatMuiErrorMessage(18));
|
@@ -9010,7 +9010,7 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
9010
9010
|
mixins: createMixins(systemTheme.breakpoints, mixinsInput),
|
9011
9011
|
palette,
|
9012
9012
|
// Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
|
9013
|
-
shadows: shadows$
|
9013
|
+
shadows: shadows$1.slice(),
|
9014
9014
|
typography: createTypography(palette, typographyInput),
|
9015
9015
|
transitions: createTransitions(transitionsInput),
|
9016
9016
|
zIndex: _extends({}, zIndex$1)
|
@@ -9089,12 +9089,12 @@ const styled = createStyled({
|
|
9089
9089
|
});
|
9090
9090
|
var styled$1 = styled;
|
9091
9091
|
|
9092
|
-
const _excluded$
|
9092
|
+
const _excluded$j = ["theme"];
|
9093
9093
|
function ThemeProvider(_ref) {
|
9094
9094
|
let {
|
9095
9095
|
theme: themeInput
|
9096
9096
|
} = _ref,
|
9097
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
9097
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
|
9098
9098
|
const scopedTheme = themeInput[THEME_ID];
|
9099
9099
|
return /*#__PURE__*/jsx(ThemeProvider$1, _extends({}, props, {
|
9100
9100
|
themeId: scopedTheme ? THEME_ID : undefined,
|
@@ -9131,8 +9131,8 @@ function getSvgIconUtilityClass(slot) {
|
|
9131
9131
|
}
|
9132
9132
|
generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
|
9133
9133
|
|
9134
|
-
const _excluded$
|
9135
|
-
const useUtilityClasses$
|
9134
|
+
const _excluded$i = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
|
9135
|
+
const useUtilityClasses$e = ownerState => {
|
9136
9136
|
const {
|
9137
9137
|
color,
|
9138
9138
|
fontSize,
|
@@ -9199,7 +9199,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
9199
9199
|
titleAccess,
|
9200
9200
|
viewBox = '0 0 24 24'
|
9201
9201
|
} = props,
|
9202
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
9202
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$i);
|
9203
9203
|
const hasSvgAsChild = /*#__PURE__*/React.isValidElement(children) && children.type === 'svg';
|
9204
9204
|
const ownerState = _extends({}, props, {
|
9205
9205
|
color,
|
@@ -9214,7 +9214,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
9214
9214
|
if (!inheritViewBox) {
|
9215
9215
|
more.viewBox = viewBox;
|
9216
9216
|
}
|
9217
|
-
const classes = useUtilityClasses$
|
9217
|
+
const classes = useUtilityClasses$e(ownerState);
|
9218
9218
|
return /*#__PURE__*/jsxs(SvgIconRoot, _extends({
|
9219
9219
|
as: component,
|
9220
9220
|
className: clsx$1(classes.root, className),
|
@@ -9360,6 +9360,10 @@ var CheckCircleRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
|
9360
9360
|
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"
|
9361
9361
|
}), 'CheckCircleRounded');
|
9362
9362
|
|
9363
|
+
var Close$1 = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
9364
|
+
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"
|
9365
|
+
}), 'Close');
|
9366
|
+
|
9363
9367
|
var ErrorRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
9364
9368
|
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"
|
9365
9369
|
}), 'ErrorRounded');
|
@@ -9368,6 +9372,14 @@ var InfoRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
|
9368
9372
|
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1-8h-2V7h2v2z"
|
9369
9373
|
}), 'InfoRounded');
|
9370
9374
|
|
9375
|
+
var KeyboardArrowDown = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
9376
|
+
d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"
|
9377
|
+
}), 'KeyboardArrowDown');
|
9378
|
+
|
9379
|
+
var KeyboardArrowUp = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
9380
|
+
d: "M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"
|
9381
|
+
}), 'KeyboardArrowUp');
|
9382
|
+
|
9371
9383
|
var WarningRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
9372
9384
|
d: "M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
|
9373
9385
|
}), 'WarningRounded');
|
@@ -10170,16 +10182,13 @@ const typography = {
|
|
10170
10182
|
}
|
10171
10183
|
};
|
10172
10184
|
|
10173
|
-
const shadows = ["none", "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)", "0px 1px 5px rgba(24, 39, 75, 0.12), 0px 2px 2px rgba(24, 39, 75, 0.14), 0px 3px 1px -2px rgba(24, 39, 75, 0.2)", "0px 1px 8px rgba(24, 39, 75, 0.12), 0px 3px 4px rgba(24, 39, 75, 0.14), 0px 3px 3px -2px rgba(24, 39, 75, 0.2)", "0px 2px 4px -1px rgba(24, 39, 75, 0.2), 0px 4px 5px rgba(24, 39, 75, 0.14), 0px 1px 10px rgba(24, 39, 75, 0.12)", "0px 3px 5px -1px rgba(24, 39, 75, 0.2), 0px 5px 8px rgba(24, 39, 75, 0.14), 0px 1px 14px rgba(24, 39, 75, 0.12)", "0px 3px 5px -1px rgba(24, 39, 75, 0.2), 0px 6px 10px rgba(24, 39, 75, 0.14), 0px 1px 18px rgba(24, 39, 75, 0.12)", "0px 4px 5px -2px rgba(24, 39, 75, 0.2), 0px 7px 10px 1px rgba(24, 39, 75, 0.14), 0px 2px 16px 1px rgba(24, 39, 75, 0.12)", "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)", "0px 5px 6px -3px rgba(24, 39, 75, 0.2), 0px 9px 12px 1px rgba(24, 39, 75, 0.14), 0px 3px 16px 2px rgba(24, 39, 75, 0.12)", "0px 6px 6px -3px rgba(24, 39, 75, 0.2), 0px 10px 14px 1px rgba(24, 39, 75, 0.14), 0px 4px 18px 3px rgba(24, 39, 75, 0.12)", "0px 6px 7px -4px rgba(24, 39, 75, 0.2), 0px 11px 15px 1px rgba(24, 39, 75, 0.14), 0px 4px 20px 3px rgba(24, 39, 75, 0.12)", "0px 7px 8px -4px rgba(24, 39, 75, 0.2), 0px 12px 17px 2px rgba(24, 39, 75, 0.14), 0px 5px 22px 4px rgba(24, 39, 75, 0.12)", "0px 7px 8px -4px rgba(24, 39, 75, 0.2), 0px 13px 19px 2px rgba(24, 39, 75, 0.14), 0px 5px 24px 4px rgba(24, 39, 75, 0.12)", "0px 7px 9px -4px rgba(24, 39, 75, 0.2), 0px 14px 21px 2px rgba(24, 39, 75, 0.14), 0px 5px 26px 4px rgba(24, 39, 75, 0.12)", "0px 8px 9px -5px rgba(24, 39, 75, 0.2), 0px 15px 22px 2px rgba(24, 39, 75, 0.14), 0px 6px 28px 5px rgba(24, 39, 75, 0.12)", "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)", "0px 8px 11px -5px rgba(24, 39, 75, 0.2), 0px 17px 26px 2px rgba(24, 39, 75, 0.14), 0px 6px 32px 5px rgba(24, 39, 75, 0.12)", "0px 9px 11px -5px rgba(24, 39, 75, 0.2), 0px 18px 28px 2px rgba(24, 39, 75, 0.14), 0px 7px 34px 6px rgba(24, 39, 75, 0.12)", "0px 9px 12px -6px rgba(24, 39, 75, 0.2), 0px 19px 29px 2px rgba(24, 39, 75, 0.14), 0px 7px 36px 6px rgba(24, 39, 75, 0.12)", "0px 10px 13px -6px rgba(24, 39, 75, 0.2), 0px 20px 31px 3px rgba(24, 39, 75, 0.14), 0px 8px 38px 7px rgba(24, 39, 75, 0.12)", "0px 10px 13px -6px rgba(24, 39, 75, 0.2), 0px 21px 33px 3px rgba(24, 39, 75, 0.14), 0px 8px 40px 7px rgba(24, 39, 75, 0.12)", "0px 10px 14px -6px rgba(24, 39, 75, 0.2), 0px 22px 35px 3px rgba(24, 39, 75, 0.14), 0px 8px 42px 7px rgba(24, 39, 75, 0.12)", "0px 11px 14px -7px rgba(24, 39, 75, 0.2), 0px 23px 36px 3px rgba(24, 39, 75, 0.14), 0px 9px 44px 8px rgba(24, 39, 75, 0.12)", "0px 11px 15px -7px rgba(24, 39, 75, 0.2), 0px 24px 38px 3px rgba(24, 39, 75, 0.14), 0px 9px 46px 8px rgba(24, 39, 75, 0.12)"];
|
10174
|
-
|
10175
10185
|
const themeOptions = {
|
10176
10186
|
components,
|
10177
10187
|
typography,
|
10178
10188
|
palette,
|
10179
10189
|
spacing: 8,
|
10180
10190
|
mixins,
|
10181
|
-
breakpoints
|
10182
|
-
shadows
|
10191
|
+
breakpoints
|
10183
10192
|
};
|
10184
10193
|
|
10185
10194
|
const SincoTheme = createTheme(Object.assign({}, themeOptions));
|
@@ -11700,8 +11709,8 @@ function getPaperUtilityClass(slot) {
|
|
11700
11709
|
}
|
11701
11710
|
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']);
|
11702
11711
|
|
11703
|
-
const _excluded$
|
11704
|
-
const useUtilityClasses$
|
11712
|
+
const _excluded$h = ["className", "component", "elevation", "square", "variant"];
|
11713
|
+
const useUtilityClasses$d = ownerState => {
|
11705
11714
|
const {
|
11706
11715
|
square,
|
11707
11716
|
elevation,
|
@@ -11755,14 +11764,14 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
|
|
11755
11764
|
square = false,
|
11756
11765
|
variant = 'elevation'
|
11757
11766
|
} = props,
|
11758
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
11767
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$h);
|
11759
11768
|
const ownerState = _extends({}, props, {
|
11760
11769
|
component,
|
11761
11770
|
elevation,
|
11762
11771
|
square,
|
11763
11772
|
variant
|
11764
11773
|
});
|
11765
|
-
const classes = useUtilityClasses$
|
11774
|
+
const classes = useUtilityClasses$d(ownerState);
|
11766
11775
|
if (process.env.NODE_ENV !== 'production') {
|
11767
11776
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
11768
11777
|
const theme = useTheme();
|
@@ -11913,15 +11922,15 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
|
|
11913
11922
|
const touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
|
11914
11923
|
var touchRippleClasses$1 = touchRippleClasses;
|
11915
11924
|
|
11916
|
-
const _excluded$
|
11917
|
-
let _ = t => t,
|
11918
|
-
_t,
|
11919
|
-
_t2,
|
11920
|
-
_t3,
|
11921
|
-
_t4;
|
11925
|
+
const _excluded$g = ["center", "classes", "className"];
|
11926
|
+
let _$1 = t => t,
|
11927
|
+
_t$1,
|
11928
|
+
_t2$1,
|
11929
|
+
_t3$1,
|
11930
|
+
_t4$1;
|
11922
11931
|
const DURATION = 550;
|
11923
11932
|
const DELAY_RIPPLE = 80;
|
11924
|
-
const enterKeyframe = keyframes(_t || (_t = _`
|
11933
|
+
const enterKeyframe = keyframes(_t$1 || (_t$1 = _$1`
|
11925
11934
|
0% {
|
11926
11935
|
transform: scale(0);
|
11927
11936
|
opacity: 0.1;
|
@@ -11932,7 +11941,7 @@ const enterKeyframe = keyframes(_t || (_t = _`
|
|
11932
11941
|
opacity: 0.3;
|
11933
11942
|
}
|
11934
11943
|
`));
|
11935
|
-
const exitKeyframe = keyframes(_t2 || (_t2 = _`
|
11944
|
+
const exitKeyframe = keyframes(_t2$1 || (_t2$1 = _$1`
|
11936
11945
|
0% {
|
11937
11946
|
opacity: 1;
|
11938
11947
|
}
|
@@ -11941,7 +11950,7 @@ const exitKeyframe = keyframes(_t2 || (_t2 = _`
|
|
11941
11950
|
opacity: 0;
|
11942
11951
|
}
|
11943
11952
|
`));
|
11944
|
-
const pulsateKeyframe = keyframes(_t3 || (_t3 = _`
|
11953
|
+
const pulsateKeyframe = keyframes(_t3$1 || (_t3$1 = _$1`
|
11945
11954
|
0% {
|
11946
11955
|
transform: scale(1);
|
11947
11956
|
}
|
@@ -11974,7 +11983,7 @@ const TouchRippleRoot = styled$1('span', {
|
|
11974
11983
|
const TouchRippleRipple = styled$1(Ripple, {
|
11975
11984
|
name: 'MuiTouchRipple',
|
11976
11985
|
slot: 'Ripple'
|
11977
|
-
})(_t4 || (_t4 = _`
|
11986
|
+
})(_t4$1 || (_t4$1 = _$1`
|
11978
11987
|
opacity: 0;
|
11979
11988
|
position: absolute;
|
11980
11989
|
|
@@ -12042,7 +12051,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
12042
12051
|
classes = {},
|
12043
12052
|
className
|
12044
12053
|
} = props,
|
12045
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
12054
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$g);
|
12046
12055
|
const [ripples, setRipples] = React.useState([]);
|
12047
12056
|
const nextKey = React.useRef(0);
|
12048
12057
|
const rippleCallback = React.useRef(null);
|
@@ -12245,8 +12254,8 @@ function getButtonBaseUtilityClass(slot) {
|
|
12245
12254
|
const buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
|
12246
12255
|
var buttonBaseClasses$1 = buttonBaseClasses;
|
12247
12256
|
|
12248
|
-
const _excluded$
|
12249
|
-
const useUtilityClasses$
|
12257
|
+
const _excluded$f = ["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"];
|
12258
|
+
const useUtilityClasses$c = ownerState => {
|
12250
12259
|
const {
|
12251
12260
|
disabled,
|
12252
12261
|
focusVisible,
|
@@ -12347,7 +12356,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
12347
12356
|
touchRippleRef,
|
12348
12357
|
type
|
12349
12358
|
} = props,
|
12350
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
12359
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$f);
|
12351
12360
|
const buttonRef = React.useRef(null);
|
12352
12361
|
const rippleRef = React.useRef(null);
|
12353
12362
|
const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
|
@@ -12514,7 +12523,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
12514
12523
|
tabIndex,
|
12515
12524
|
focusVisible
|
12516
12525
|
});
|
12517
|
-
const classes = useUtilityClasses$
|
12526
|
+
const classes = useUtilityClasses$c(ownerState);
|
12518
12527
|
return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends({
|
12519
12528
|
as: ComponentProp,
|
12520
12529
|
className: clsx$1(classes.root, className),
|
@@ -12711,8 +12720,8 @@ function getIconButtonUtilityClass(slot) {
|
|
12711
12720
|
const iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
|
12712
12721
|
var iconButtonClasses$1 = iconButtonClasses;
|
12713
12722
|
|
12714
|
-
const _excluded$
|
12715
|
-
const useUtilityClasses$
|
12723
|
+
const _excluded$e = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
|
12724
|
+
const useUtilityClasses$b = ownerState => {
|
12716
12725
|
const {
|
12717
12726
|
classes,
|
12718
12727
|
disabled,
|
@@ -12812,7 +12821,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
12812
12821
|
disableFocusRipple = false,
|
12813
12822
|
size = 'medium'
|
12814
12823
|
} = props,
|
12815
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
12824
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$e);
|
12816
12825
|
const ownerState = _extends({}, props, {
|
12817
12826
|
edge,
|
12818
12827
|
color,
|
@@ -12820,7 +12829,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
12820
12829
|
disableFocusRipple,
|
12821
12830
|
size
|
12822
12831
|
});
|
12823
|
-
const classes = useUtilityClasses$
|
12832
|
+
const classes = useUtilityClasses$b(ownerState);
|
12824
12833
|
return /*#__PURE__*/jsx(IconButtonRoot, _extends({
|
12825
12834
|
className: clsx$1(classes.root, className),
|
12826
12835
|
centerRipple: true,
|
@@ -12906,8 +12915,8 @@ function getTypographyUtilityClass(slot) {
|
|
12906
12915
|
}
|
12907
12916
|
generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
|
12908
12917
|
|
12909
|
-
const _excluded$
|
12910
|
-
const useUtilityClasses$
|
12918
|
+
const _excluded$d = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
|
12919
|
+
const useUtilityClasses$a = ownerState => {
|
12911
12920
|
const {
|
12912
12921
|
align,
|
12913
12922
|
gutterBottom,
|
@@ -12993,7 +13002,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
12993
13002
|
variant = 'body1',
|
12994
13003
|
variantMapping = defaultVariantMapping
|
12995
13004
|
} = props,
|
12996
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
13005
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$d);
|
12997
13006
|
const ownerState = _extends({}, props, {
|
12998
13007
|
align,
|
12999
13008
|
color,
|
@@ -13006,7 +13015,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
13006
13015
|
variantMapping
|
13007
13016
|
});
|
13008
13017
|
const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
|
13009
|
-
const classes = useUtilityClasses$
|
13018
|
+
const classes = useUtilityClasses$a(ownerState);
|
13010
13019
|
return /*#__PURE__*/jsx(TypographyRoot, _extends({
|
13011
13020
|
as: Component,
|
13012
13021
|
ref: ref,
|
@@ -13096,8 +13105,8 @@ function getAppBarUtilityClass(slot) {
|
|
13096
13105
|
}
|
13097
13106
|
generateUtilityClasses('MuiAppBar', ['root', 'positionFixed', 'positionAbsolute', 'positionSticky', 'positionStatic', 'positionRelative', 'colorDefault', 'colorPrimary', 'colorSecondary', 'colorInherit', 'colorTransparent']);
|
13098
13107
|
|
13099
|
-
const _excluded$
|
13100
|
-
const useUtilityClasses$
|
13108
|
+
const _excluded$c = ["className", "color", "enableColorOnDark", "position"];
|
13109
|
+
const useUtilityClasses$9 = ownerState => {
|
13101
13110
|
const {
|
13102
13111
|
color,
|
13103
13112
|
position,
|
@@ -13202,13 +13211,13 @@ const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
|
|
13202
13211
|
enableColorOnDark = false,
|
13203
13212
|
position = 'fixed'
|
13204
13213
|
} = props,
|
13205
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
13214
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$c);
|
13206
13215
|
const ownerState = _extends({}, props, {
|
13207
13216
|
color,
|
13208
13217
|
position,
|
13209
13218
|
enableColorOnDark
|
13210
13219
|
});
|
13211
|
-
const classes = useUtilityClasses$
|
13220
|
+
const classes = useUtilityClasses$9(ownerState);
|
13212
13221
|
return /*#__PURE__*/jsx(AppBarRoot, _extends({
|
13213
13222
|
square: true,
|
13214
13223
|
component: "header",
|
@@ -13405,7 +13414,7 @@ function mergeSlotProps(parameters) {
|
|
13405
13414
|
};
|
13406
13415
|
}
|
13407
13416
|
|
13408
|
-
const _excluded$
|
13417
|
+
const _excluded$b = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
|
13409
13418
|
/**
|
13410
13419
|
* @ignore - do not document.
|
13411
13420
|
* Builds the props to be passed into the slot of an unstyled component.
|
@@ -13422,7 +13431,7 @@ function useSlotProps(parameters) {
|
|
13422
13431
|
ownerState,
|
13423
13432
|
skipResolvingSlotProps = false
|
13424
13433
|
} = parameters,
|
13425
|
-
rest = _objectWithoutPropertiesLoose(parameters, _excluded$
|
13434
|
+
rest = _objectWithoutPropertiesLoose(parameters, _excluded$b);
|
13426
13435
|
const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps(externalSlotProps, ownerState);
|
13427
13436
|
const {
|
13428
13437
|
props: mergedProps,
|
@@ -14250,7 +14259,7 @@ function useModal(parameters) {
|
|
14250
14259
|
};
|
14251
14260
|
}
|
14252
14261
|
|
14253
|
-
const _excluded$
|
14262
|
+
const _excluded$a = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
14254
14263
|
const styles = {
|
14255
14264
|
entering: {
|
14256
14265
|
opacity: 1
|
@@ -14287,7 +14296,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
|
|
14287
14296
|
// eslint-disable-next-line react/prop-types
|
14288
14297
|
TransitionComponent = Transition$1
|
14289
14298
|
} = props,
|
14290
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14299
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$a);
|
14291
14300
|
const nodeRef = React.useRef(null);
|
14292
14301
|
const handleRef = useForkRef(nodeRef, children.ref, ref);
|
14293
14302
|
const normalizedTransitionCallback = callback => maybeIsAppearing => {
|
@@ -14448,8 +14457,8 @@ function getBackdropUtilityClass(slot) {
|
|
14448
14457
|
}
|
14449
14458
|
generateUtilityClasses('MuiBackdrop', ['root', 'invisible']);
|
14450
14459
|
|
14451
|
-
const _excluded$
|
14452
|
-
const useUtilityClasses$
|
14460
|
+
const _excluded$9 = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
|
14461
|
+
const useUtilityClasses$8 = ownerState => {
|
14453
14462
|
const {
|
14454
14463
|
classes,
|
14455
14464
|
invisible
|
@@ -14503,12 +14512,12 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
|
|
14503
14512
|
TransitionComponent = Fade$1,
|
14504
14513
|
transitionDuration
|
14505
14514
|
} = props,
|
14506
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14515
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$9);
|
14507
14516
|
const ownerState = _extends({}, props, {
|
14508
14517
|
component,
|
14509
14518
|
invisible
|
14510
14519
|
});
|
14511
|
-
const classes = useUtilityClasses$
|
14520
|
+
const classes = useUtilityClasses$8(ownerState);
|
14512
14521
|
const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
|
14513
14522
|
return /*#__PURE__*/jsx(TransitionComponent, _extends({
|
14514
14523
|
in: open,
|
@@ -14652,13 +14661,398 @@ process.env.NODE_ENV !== "production" ? Box$1.propTypes /* remove-proptypes */ =
|
|
14652
14661
|
} : void 0;
|
14653
14662
|
var Box$2 = Box$1;
|
14654
14663
|
|
14664
|
+
function getButtonUtilityClass(slot) {
|
14665
|
+
return generateUtilityClass('MuiButton', slot);
|
14666
|
+
}
|
14667
|
+
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']);
|
14668
|
+
var buttonClasses$1 = buttonClasses;
|
14669
|
+
|
14670
|
+
/**
|
14671
|
+
* @ignore - internal component.
|
14672
|
+
*/
|
14673
|
+
const ButtonGroupContext = /*#__PURE__*/React.createContext({});
|
14674
|
+
if (process.env.NODE_ENV !== 'production') {
|
14675
|
+
ButtonGroupContext.displayName = 'ButtonGroupContext';
|
14676
|
+
}
|
14677
|
+
var ButtonGroupContext$1 = ButtonGroupContext;
|
14678
|
+
|
14679
|
+
/**
|
14680
|
+
* @ignore - internal component.
|
14681
|
+
*/
|
14682
|
+
const ButtonGroupButtonContext = /*#__PURE__*/React.createContext(undefined);
|
14683
|
+
if (process.env.NODE_ENV !== 'production') {
|
14684
|
+
ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';
|
14685
|
+
}
|
14686
|
+
var ButtonGroupButtonContext$1 = ButtonGroupButtonContext;
|
14687
|
+
|
14688
|
+
const _excluded$8 = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
|
14689
|
+
const useUtilityClasses$7 = ownerState => {
|
14690
|
+
const {
|
14691
|
+
color,
|
14692
|
+
disableElevation,
|
14693
|
+
fullWidth,
|
14694
|
+
size,
|
14695
|
+
variant,
|
14696
|
+
classes
|
14697
|
+
} = ownerState;
|
14698
|
+
const slots = {
|
14699
|
+
root: ['root', variant, `${variant}${capitalize(color)}`, `size${capitalize(size)}`, `${variant}Size${capitalize(size)}`, color === 'inherit' && 'colorInherit', disableElevation && 'disableElevation', fullWidth && 'fullWidth'],
|
14700
|
+
label: ['label'],
|
14701
|
+
startIcon: ['startIcon', `iconSize${capitalize(size)}`],
|
14702
|
+
endIcon: ['endIcon', `iconSize${capitalize(size)}`]
|
14703
|
+
};
|
14704
|
+
const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
|
14705
|
+
return _extends({}, classes, composedClasses);
|
14706
|
+
};
|
14707
|
+
const commonIconStyles = ownerState => _extends({}, ownerState.size === 'small' && {
|
14708
|
+
'& > *:nth-of-type(1)': {
|
14709
|
+
fontSize: 18
|
14710
|
+
}
|
14711
|
+
}, ownerState.size === 'medium' && {
|
14712
|
+
'& > *:nth-of-type(1)': {
|
14713
|
+
fontSize: 20
|
14714
|
+
}
|
14715
|
+
}, ownerState.size === 'large' && {
|
14716
|
+
'& > *:nth-of-type(1)': {
|
14717
|
+
fontSize: 22
|
14718
|
+
}
|
14719
|
+
});
|
14720
|
+
const ButtonRoot = styled$1(ButtonBase$1, {
|
14721
|
+
shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
|
14722
|
+
name: 'MuiButton',
|
14723
|
+
slot: 'Root',
|
14724
|
+
overridesResolver: (props, styles) => {
|
14725
|
+
const {
|
14726
|
+
ownerState
|
14727
|
+
} = props;
|
14728
|
+
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];
|
14729
|
+
}
|
14730
|
+
})(({
|
14731
|
+
theme,
|
14732
|
+
ownerState
|
14733
|
+
}) => {
|
14734
|
+
var _theme$palette$getCon, _theme$palette;
|
14735
|
+
const inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
|
14736
|
+
const inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
|
14737
|
+
return _extends({}, theme.typography.button, {
|
14738
|
+
minWidth: 64,
|
14739
|
+
padding: '6px 16px',
|
14740
|
+
borderRadius: (theme.vars || theme).shape.borderRadius,
|
14741
|
+
transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
|
14742
|
+
duration: theme.transitions.duration.short
|
14743
|
+
}),
|
14744
|
+
'&:hover': _extends({
|
14745
|
+
textDecoration: 'none',
|
14746
|
+
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
|
14747
|
+
// Reset on touch devices, it doesn't add specificity
|
14748
|
+
'@media (hover: none)': {
|
14749
|
+
backgroundColor: 'transparent'
|
14750
|
+
}
|
14751
|
+
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
14752
|
+
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),
|
14753
|
+
// Reset on touch devices, it doesn't add specificity
|
14754
|
+
'@media (hover: none)': {
|
14755
|
+
backgroundColor: 'transparent'
|
14756
|
+
}
|
14757
|
+
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
14758
|
+
border: `1px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
|
14759
|
+
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),
|
14760
|
+
// Reset on touch devices, it doesn't add specificity
|
14761
|
+
'@media (hover: none)': {
|
14762
|
+
backgroundColor: 'transparent'
|
14763
|
+
}
|
14764
|
+
}, ownerState.variant === 'contained' && {
|
14765
|
+
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedHoverBg : inheritContainedHoverBackgroundColor,
|
14766
|
+
boxShadow: (theme.vars || theme).shadows[4],
|
14767
|
+
// Reset on touch devices, it doesn't add specificity
|
14768
|
+
'@media (hover: none)': {
|
14769
|
+
boxShadow: (theme.vars || theme).shadows[2],
|
14770
|
+
backgroundColor: (theme.vars || theme).palette.grey[300]
|
14771
|
+
}
|
14772
|
+
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
14773
|
+
backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,
|
14774
|
+
// Reset on touch devices, it doesn't add specificity
|
14775
|
+
'@media (hover: none)': {
|
14776
|
+
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
14777
|
+
}
|
14778
|
+
}),
|
14779
|
+
'&:active': _extends({}, ownerState.variant === 'contained' && {
|
14780
|
+
boxShadow: (theme.vars || theme).shadows[8]
|
14781
|
+
}),
|
14782
|
+
[`&.${buttonClasses$1.focusVisible}`]: _extends({}, ownerState.variant === 'contained' && {
|
14783
|
+
boxShadow: (theme.vars || theme).shadows[6]
|
14784
|
+
}),
|
14785
|
+
[`&.${buttonClasses$1.disabled}`]: _extends({
|
14786
|
+
color: (theme.vars || theme).palette.action.disabled
|
14787
|
+
}, ownerState.variant === 'outlined' && {
|
14788
|
+
border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
|
14789
|
+
}, ownerState.variant === 'contained' && {
|
14790
|
+
color: (theme.vars || theme).palette.action.disabled,
|
14791
|
+
boxShadow: (theme.vars || theme).shadows[0],
|
14792
|
+
backgroundColor: (theme.vars || theme).palette.action.disabledBackground
|
14793
|
+
})
|
14794
|
+
}, ownerState.variant === 'text' && {
|
14795
|
+
padding: '6px 8px'
|
14796
|
+
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
14797
|
+
color: (theme.vars || theme).palette[ownerState.color].main
|
14798
|
+
}, ownerState.variant === 'outlined' && {
|
14799
|
+
padding: '5px 15px',
|
14800
|
+
border: '1px solid currentColor'
|
14801
|
+
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
14802
|
+
color: (theme.vars || theme).palette[ownerState.color].main,
|
14803
|
+
border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${alpha(theme.palette[ownerState.color].main, 0.5)}`
|
14804
|
+
}, ownerState.variant === 'contained' && {
|
14805
|
+
color: theme.vars ?
|
14806
|
+
// this is safe because grey does not change between default light/dark mode
|
14807
|
+
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]),
|
14808
|
+
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedBg : inheritContainedBackgroundColor,
|
14809
|
+
boxShadow: (theme.vars || theme).shadows[2]
|
14810
|
+
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
14811
|
+
color: (theme.vars || theme).palette[ownerState.color].contrastText,
|
14812
|
+
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
14813
|
+
}, ownerState.color === 'inherit' && {
|
14814
|
+
color: 'inherit',
|
14815
|
+
borderColor: 'currentColor'
|
14816
|
+
}, ownerState.size === 'small' && ownerState.variant === 'text' && {
|
14817
|
+
padding: '4px 5px',
|
14818
|
+
fontSize: theme.typography.pxToRem(13)
|
14819
|
+
}, ownerState.size === 'large' && ownerState.variant === 'text' && {
|
14820
|
+
padding: '8px 11px',
|
14821
|
+
fontSize: theme.typography.pxToRem(15)
|
14822
|
+
}, ownerState.size === 'small' && ownerState.variant === 'outlined' && {
|
14823
|
+
padding: '3px 9px',
|
14824
|
+
fontSize: theme.typography.pxToRem(13)
|
14825
|
+
}, ownerState.size === 'large' && ownerState.variant === 'outlined' && {
|
14826
|
+
padding: '7px 21px',
|
14827
|
+
fontSize: theme.typography.pxToRem(15)
|
14828
|
+
}, ownerState.size === 'small' && ownerState.variant === 'contained' && {
|
14829
|
+
padding: '4px 10px',
|
14830
|
+
fontSize: theme.typography.pxToRem(13)
|
14831
|
+
}, ownerState.size === 'large' && ownerState.variant === 'contained' && {
|
14832
|
+
padding: '8px 22px',
|
14833
|
+
fontSize: theme.typography.pxToRem(15)
|
14834
|
+
}, ownerState.fullWidth && {
|
14835
|
+
width: '100%'
|
14836
|
+
});
|
14837
|
+
}, ({
|
14838
|
+
ownerState
|
14839
|
+
}) => ownerState.disableElevation && {
|
14840
|
+
boxShadow: 'none',
|
14841
|
+
'&:hover': {
|
14842
|
+
boxShadow: 'none'
|
14843
|
+
},
|
14844
|
+
[`&.${buttonClasses$1.focusVisible}`]: {
|
14845
|
+
boxShadow: 'none'
|
14846
|
+
},
|
14847
|
+
'&:active': {
|
14848
|
+
boxShadow: 'none'
|
14849
|
+
},
|
14850
|
+
[`&.${buttonClasses$1.disabled}`]: {
|
14851
|
+
boxShadow: 'none'
|
14852
|
+
}
|
14853
|
+
});
|
14854
|
+
const ButtonStartIcon = styled$1('span', {
|
14855
|
+
name: 'MuiButton',
|
14856
|
+
slot: 'StartIcon',
|
14857
|
+
overridesResolver: (props, styles) => {
|
14858
|
+
const {
|
14859
|
+
ownerState
|
14860
|
+
} = props;
|
14861
|
+
return [styles.startIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
14862
|
+
}
|
14863
|
+
})(({
|
14864
|
+
ownerState
|
14865
|
+
}) => _extends({
|
14866
|
+
display: 'inherit',
|
14867
|
+
marginRight: 8,
|
14868
|
+
marginLeft: -4
|
14869
|
+
}, ownerState.size === 'small' && {
|
14870
|
+
marginLeft: -2
|
14871
|
+
}, commonIconStyles(ownerState)));
|
14872
|
+
const ButtonEndIcon = styled$1('span', {
|
14873
|
+
name: 'MuiButton',
|
14874
|
+
slot: 'EndIcon',
|
14875
|
+
overridesResolver: (props, styles) => {
|
14876
|
+
const {
|
14877
|
+
ownerState
|
14878
|
+
} = props;
|
14879
|
+
return [styles.endIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
14880
|
+
}
|
14881
|
+
})(({
|
14882
|
+
ownerState
|
14883
|
+
}) => _extends({
|
14884
|
+
display: 'inherit',
|
14885
|
+
marginRight: -4,
|
14886
|
+
marginLeft: 8
|
14887
|
+
}, ownerState.size === 'small' && {
|
14888
|
+
marginRight: -2
|
14889
|
+
}, commonIconStyles(ownerState)));
|
14890
|
+
const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
14891
|
+
// props priority: `inProps` > `contextProps` > `themeDefaultProps`
|
14892
|
+
const contextProps = React.useContext(ButtonGroupContext$1);
|
14893
|
+
const buttonGroupButtonContextPositionClassName = React.useContext(ButtonGroupButtonContext$1);
|
14894
|
+
const resolvedProps = resolveProps(contextProps, inProps);
|
14895
|
+
const props = useThemeProps({
|
14896
|
+
props: resolvedProps,
|
14897
|
+
name: 'MuiButton'
|
14898
|
+
});
|
14899
|
+
const {
|
14900
|
+
children,
|
14901
|
+
color = 'primary',
|
14902
|
+
component = 'button',
|
14903
|
+
className,
|
14904
|
+
disabled = false,
|
14905
|
+
disableElevation = false,
|
14906
|
+
disableFocusRipple = false,
|
14907
|
+
endIcon: endIconProp,
|
14908
|
+
focusVisibleClassName,
|
14909
|
+
fullWidth = false,
|
14910
|
+
size = 'medium',
|
14911
|
+
startIcon: startIconProp,
|
14912
|
+
type,
|
14913
|
+
variant = 'text'
|
14914
|
+
} = props,
|
14915
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$8);
|
14916
|
+
const ownerState = _extends({}, props, {
|
14917
|
+
color,
|
14918
|
+
component,
|
14919
|
+
disabled,
|
14920
|
+
disableElevation,
|
14921
|
+
disableFocusRipple,
|
14922
|
+
fullWidth,
|
14923
|
+
size,
|
14924
|
+
type,
|
14925
|
+
variant
|
14926
|
+
});
|
14927
|
+
const classes = useUtilityClasses$7(ownerState);
|
14928
|
+
const startIcon = startIconProp && /*#__PURE__*/jsx(ButtonStartIcon, {
|
14929
|
+
className: classes.startIcon,
|
14930
|
+
ownerState: ownerState,
|
14931
|
+
children: startIconProp
|
14932
|
+
});
|
14933
|
+
const endIcon = endIconProp && /*#__PURE__*/jsx(ButtonEndIcon, {
|
14934
|
+
className: classes.endIcon,
|
14935
|
+
ownerState: ownerState,
|
14936
|
+
children: endIconProp
|
14937
|
+
});
|
14938
|
+
const positionClassName = buttonGroupButtonContextPositionClassName || '';
|
14939
|
+
return /*#__PURE__*/jsxs(ButtonRoot, _extends({
|
14940
|
+
ownerState: ownerState,
|
14941
|
+
className: clsx$1(contextProps.className, classes.root, className, positionClassName),
|
14942
|
+
component: component,
|
14943
|
+
disabled: disabled,
|
14944
|
+
focusRipple: !disableFocusRipple,
|
14945
|
+
focusVisibleClassName: clsx$1(classes.focusVisible, focusVisibleClassName),
|
14946
|
+
ref: ref,
|
14947
|
+
type: type
|
14948
|
+
}, other, {
|
14949
|
+
classes: classes,
|
14950
|
+
children: [startIcon, children, endIcon]
|
14951
|
+
}));
|
14952
|
+
});
|
14953
|
+
process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */ = {
|
14954
|
+
// ----------------------------- Warning --------------------------------
|
14955
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
14956
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
14957
|
+
// ----------------------------------------------------------------------
|
14958
|
+
/**
|
14959
|
+
* The content of the component.
|
14960
|
+
*/
|
14961
|
+
children: PropTypes.node,
|
14962
|
+
/**
|
14963
|
+
* Override or extend the styles applied to the component.
|
14964
|
+
*/
|
14965
|
+
classes: PropTypes.object,
|
14966
|
+
/**
|
14967
|
+
* @ignore
|
14968
|
+
*/
|
14969
|
+
className: PropTypes.string,
|
14970
|
+
/**
|
14971
|
+
* The color of the component.
|
14972
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
14973
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
14974
|
+
* @default 'primary'
|
14975
|
+
*/
|
14976
|
+
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), PropTypes.string]),
|
14977
|
+
/**
|
14978
|
+
* The component used for the root node.
|
14979
|
+
* Either a string to use a HTML element or a component.
|
14980
|
+
*/
|
14981
|
+
component: PropTypes.elementType,
|
14982
|
+
/**
|
14983
|
+
* If `true`, the component is disabled.
|
14984
|
+
* @default false
|
14985
|
+
*/
|
14986
|
+
disabled: PropTypes.bool,
|
14987
|
+
/**
|
14988
|
+
* If `true`, no elevation is used.
|
14989
|
+
* @default false
|
14990
|
+
*/
|
14991
|
+
disableElevation: PropTypes.bool,
|
14992
|
+
/**
|
14993
|
+
* If `true`, the keyboard focus ripple is disabled.
|
14994
|
+
* @default false
|
14995
|
+
*/
|
14996
|
+
disableFocusRipple: PropTypes.bool,
|
14997
|
+
/**
|
14998
|
+
* If `true`, the ripple effect is disabled.
|
14999
|
+
*
|
15000
|
+
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
|
15001
|
+
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
15002
|
+
* @default false
|
15003
|
+
*/
|
15004
|
+
disableRipple: PropTypes.bool,
|
15005
|
+
/**
|
15006
|
+
* Element placed after the children.
|
15007
|
+
*/
|
15008
|
+
endIcon: PropTypes.node,
|
15009
|
+
/**
|
15010
|
+
* @ignore
|
15011
|
+
*/
|
15012
|
+
focusVisibleClassName: PropTypes.string,
|
15013
|
+
/**
|
15014
|
+
* If `true`, the button will take up the full width of its container.
|
15015
|
+
* @default false
|
15016
|
+
*/
|
15017
|
+
fullWidth: PropTypes.bool,
|
15018
|
+
/**
|
15019
|
+
* The URL to link to when the button is clicked.
|
15020
|
+
* If defined, an `a` element will be used as the root node.
|
15021
|
+
*/
|
15022
|
+
href: PropTypes.string,
|
15023
|
+
/**
|
15024
|
+
* The size of the component.
|
15025
|
+
* `small` is equivalent to the dense button styling.
|
15026
|
+
* @default 'medium'
|
15027
|
+
*/
|
15028
|
+
size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
|
15029
|
+
/**
|
15030
|
+
* Element placed before the children.
|
15031
|
+
*/
|
15032
|
+
startIcon: PropTypes.node,
|
15033
|
+
/**
|
15034
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
15035
|
+
*/
|
15036
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
15037
|
+
/**
|
15038
|
+
* @ignore
|
15039
|
+
*/
|
15040
|
+
type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
|
15041
|
+
/**
|
15042
|
+
* The variant to use.
|
15043
|
+
* @default 'text'
|
15044
|
+
*/
|
15045
|
+
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
|
15046
|
+
} : void 0;
|
15047
|
+
var Button$1 = Button;
|
15048
|
+
|
14655
15049
|
function getCardUtilityClass(slot) {
|
14656
15050
|
return generateUtilityClass('MuiCard', slot);
|
14657
15051
|
}
|
14658
15052
|
generateUtilityClasses('MuiCard', ['root']);
|
14659
15053
|
|
14660
|
-
const _excluded$
|
14661
|
-
const useUtilityClasses$
|
15054
|
+
const _excluded$7 = ["className", "raised"];
|
15055
|
+
const useUtilityClasses$6 = ownerState => {
|
14662
15056
|
const {
|
14663
15057
|
classes
|
14664
15058
|
} = ownerState;
|
@@ -14685,11 +15079,11 @@ const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
|
|
14685
15079
|
className,
|
14686
15080
|
raised = false
|
14687
15081
|
} = props,
|
14688
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
15082
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$7);
|
14689
15083
|
const ownerState = _extends({}, props, {
|
14690
15084
|
raised
|
14691
15085
|
});
|
14692
|
-
const classes = useUtilityClasses$
|
15086
|
+
const classes = useUtilityClasses$6(ownerState);
|
14693
15087
|
return /*#__PURE__*/jsx(CardRoot, _extends({
|
14694
15088
|
className: clsx$1(classes.root, className),
|
14695
15089
|
elevation: raised ? 8 : undefined,
|
@@ -14736,8 +15130,8 @@ function getCardContentUtilityClass(slot) {
|
|
14736
15130
|
}
|
14737
15131
|
generateUtilityClasses('MuiCardContent', ['root']);
|
14738
15132
|
|
14739
|
-
const _excluded$
|
14740
|
-
const useUtilityClasses$
|
15133
|
+
const _excluded$6 = ["className", "component"];
|
15134
|
+
const useUtilityClasses$5 = ownerState => {
|
14741
15135
|
const {
|
14742
15136
|
classes
|
14743
15137
|
} = ownerState;
|
@@ -14767,11 +15161,11 @@ const CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps,
|
|
14767
15161
|
className,
|
14768
15162
|
component = 'div'
|
14769
15163
|
} = props,
|
14770
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
15164
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$6);
|
14771
15165
|
const ownerState = _extends({}, props, {
|
14772
15166
|
component
|
14773
15167
|
});
|
14774
|
-
const classes = useUtilityClasses$
|
15168
|
+
const classes = useUtilityClasses$5(ownerState);
|
14775
15169
|
return /*#__PURE__*/jsx(CardContentRoot, _extends({
|
14776
15170
|
as: component,
|
14777
15171
|
className: clsx$1(classes.root, className),
|
@@ -14813,8 +15207,8 @@ function getModalUtilityClass(slot) {
|
|
14813
15207
|
}
|
14814
15208
|
generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);
|
14815
15209
|
|
14816
|
-
const _excluded$
|
14817
|
-
const useUtilityClasses$
|
15210
|
+
const _excluded$5 = ["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"];
|
15211
|
+
const useUtilityClasses$4 = ownerState => {
|
14818
15212
|
const {
|
14819
15213
|
open,
|
14820
15214
|
exited,
|
@@ -14901,7 +15295,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
|
|
14901
15295
|
slots
|
14902
15296
|
// eslint-disable-next-line react/prop-types
|
14903
15297
|
} = props,
|
14904
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
15298
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$5);
|
14905
15299
|
const propsWithDefaults = _extends({}, props, {
|
14906
15300
|
closeAfterTransition,
|
14907
15301
|
disableAutoFocus,
|
@@ -14927,7 +15321,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
|
|
14927
15321
|
const ownerState = _extends({}, propsWithDefaults, {
|
14928
15322
|
exited
|
14929
15323
|
});
|
14930
|
-
const classes = useUtilityClasses$
|
15324
|
+
const classes = useUtilityClasses$4(ownerState);
|
14931
15325
|
const childProps = {};
|
14932
15326
|
if (children.props.tabIndex === undefined) {
|
14933
15327
|
childProps.tabIndex = '-1';
|
@@ -15176,7 +15570,250 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
|
|
15176
15570
|
} : void 0;
|
15177
15571
|
var Modal$1 = Modal;
|
15178
15572
|
|
15179
|
-
|
15573
|
+
function getDividerUtilityClass(slot) {
|
15574
|
+
return generateUtilityClass('MuiDivider', slot);
|
15575
|
+
}
|
15576
|
+
generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
|
15577
|
+
|
15578
|
+
const _excluded$4 = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"];
|
15579
|
+
const useUtilityClasses$3 = ownerState => {
|
15580
|
+
const {
|
15581
|
+
absolute,
|
15582
|
+
children,
|
15583
|
+
classes,
|
15584
|
+
flexItem,
|
15585
|
+
light,
|
15586
|
+
orientation,
|
15587
|
+
textAlign,
|
15588
|
+
variant
|
15589
|
+
} = ownerState;
|
15590
|
+
const slots = {
|
15591
|
+
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'],
|
15592
|
+
wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
|
15593
|
+
};
|
15594
|
+
return composeClasses(slots, getDividerUtilityClass, classes);
|
15595
|
+
};
|
15596
|
+
const DividerRoot = styled$1('div', {
|
15597
|
+
name: 'MuiDivider',
|
15598
|
+
slot: 'Root',
|
15599
|
+
overridesResolver: (props, styles) => {
|
15600
|
+
const {
|
15601
|
+
ownerState
|
15602
|
+
} = props;
|
15603
|
+
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];
|
15604
|
+
}
|
15605
|
+
})(({
|
15606
|
+
theme,
|
15607
|
+
ownerState
|
15608
|
+
}) => _extends({
|
15609
|
+
margin: 0,
|
15610
|
+
// Reset browser default style.
|
15611
|
+
flexShrink: 0,
|
15612
|
+
borderWidth: 0,
|
15613
|
+
borderStyle: 'solid',
|
15614
|
+
borderColor: (theme.vars || theme).palette.divider,
|
15615
|
+
borderBottomWidth: 'thin'
|
15616
|
+
}, ownerState.absolute && {
|
15617
|
+
position: 'absolute',
|
15618
|
+
bottom: 0,
|
15619
|
+
left: 0,
|
15620
|
+
width: '100%'
|
15621
|
+
}, ownerState.light && {
|
15622
|
+
borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : alpha(theme.palette.divider, 0.08)
|
15623
|
+
}, ownerState.variant === 'inset' && {
|
15624
|
+
marginLeft: 72
|
15625
|
+
}, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {
|
15626
|
+
marginLeft: theme.spacing(2),
|
15627
|
+
marginRight: theme.spacing(2)
|
15628
|
+
}, ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {
|
15629
|
+
marginTop: theme.spacing(1),
|
15630
|
+
marginBottom: theme.spacing(1)
|
15631
|
+
}, ownerState.orientation === 'vertical' && {
|
15632
|
+
height: '100%',
|
15633
|
+
borderBottomWidth: 0,
|
15634
|
+
borderRightWidth: 'thin'
|
15635
|
+
}, ownerState.flexItem && {
|
15636
|
+
alignSelf: 'stretch',
|
15637
|
+
height: 'auto'
|
15638
|
+
}), ({
|
15639
|
+
ownerState
|
15640
|
+
}) => _extends({}, ownerState.children && {
|
15641
|
+
display: 'flex',
|
15642
|
+
whiteSpace: 'nowrap',
|
15643
|
+
textAlign: 'center',
|
15644
|
+
border: 0,
|
15645
|
+
'&::before, &::after': {
|
15646
|
+
content: '""',
|
15647
|
+
alignSelf: 'center'
|
15648
|
+
}
|
15649
|
+
}), ({
|
15650
|
+
theme,
|
15651
|
+
ownerState
|
15652
|
+
}) => _extends({}, ownerState.children && ownerState.orientation !== 'vertical' && {
|
15653
|
+
'&::before, &::after': {
|
15654
|
+
width: '100%',
|
15655
|
+
borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
|
15656
|
+
}
|
15657
|
+
}), ({
|
15658
|
+
theme,
|
15659
|
+
ownerState
|
15660
|
+
}) => _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {
|
15661
|
+
flexDirection: 'column',
|
15662
|
+
'&::before, &::after': {
|
15663
|
+
height: '100%',
|
15664
|
+
borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
|
15665
|
+
}
|
15666
|
+
}), ({
|
15667
|
+
ownerState
|
15668
|
+
}) => _extends({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
|
15669
|
+
'&::before': {
|
15670
|
+
width: '90%'
|
15671
|
+
},
|
15672
|
+
'&::after': {
|
15673
|
+
width: '10%'
|
15674
|
+
}
|
15675
|
+
}, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {
|
15676
|
+
'&::before': {
|
15677
|
+
width: '10%'
|
15678
|
+
},
|
15679
|
+
'&::after': {
|
15680
|
+
width: '90%'
|
15681
|
+
}
|
15682
|
+
}));
|
15683
|
+
const DividerWrapper = styled$1('span', {
|
15684
|
+
name: 'MuiDivider',
|
15685
|
+
slot: 'Wrapper',
|
15686
|
+
overridesResolver: (props, styles) => {
|
15687
|
+
const {
|
15688
|
+
ownerState
|
15689
|
+
} = props;
|
15690
|
+
return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];
|
15691
|
+
}
|
15692
|
+
})(({
|
15693
|
+
theme,
|
15694
|
+
ownerState
|
15695
|
+
}) => _extends({
|
15696
|
+
display: 'inline-block',
|
15697
|
+
paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
|
15698
|
+
paddingRight: `calc(${theme.spacing(1)} * 1.2)`
|
15699
|
+
}, ownerState.orientation === 'vertical' && {
|
15700
|
+
paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
|
15701
|
+
paddingBottom: `calc(${theme.spacing(1)} * 1.2)`
|
15702
|
+
}));
|
15703
|
+
const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
15704
|
+
const props = useThemeProps({
|
15705
|
+
props: inProps,
|
15706
|
+
name: 'MuiDivider'
|
15707
|
+
});
|
15708
|
+
const {
|
15709
|
+
absolute = false,
|
15710
|
+
children,
|
15711
|
+
className,
|
15712
|
+
component = children ? 'div' : 'hr',
|
15713
|
+
flexItem = false,
|
15714
|
+
light = false,
|
15715
|
+
orientation = 'horizontal',
|
15716
|
+
role = component !== 'hr' ? 'separator' : undefined,
|
15717
|
+
textAlign = 'center',
|
15718
|
+
variant = 'fullWidth'
|
15719
|
+
} = props,
|
15720
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$4);
|
15721
|
+
const ownerState = _extends({}, props, {
|
15722
|
+
absolute,
|
15723
|
+
component,
|
15724
|
+
flexItem,
|
15725
|
+
light,
|
15726
|
+
orientation,
|
15727
|
+
role,
|
15728
|
+
textAlign,
|
15729
|
+
variant
|
15730
|
+
});
|
15731
|
+
const classes = useUtilityClasses$3(ownerState);
|
15732
|
+
return /*#__PURE__*/jsx(DividerRoot, _extends({
|
15733
|
+
as: component,
|
15734
|
+
className: clsx$1(classes.root, className),
|
15735
|
+
role: role,
|
15736
|
+
ref: ref,
|
15737
|
+
ownerState: ownerState
|
15738
|
+
}, other, {
|
15739
|
+
children: children ? /*#__PURE__*/jsx(DividerWrapper, {
|
15740
|
+
className: classes.wrapper,
|
15741
|
+
ownerState: ownerState,
|
15742
|
+
children: children
|
15743
|
+
}) : null
|
15744
|
+
}));
|
15745
|
+
});
|
15746
|
+
|
15747
|
+
/**
|
15748
|
+
* The following flag is used to ensure that this component isn't tabbable i.e.
|
15749
|
+
* does not get highlight/focus inside of MUI List.
|
15750
|
+
*/
|
15751
|
+
Divider.muiSkipListHighlight = true;
|
15752
|
+
process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */ = {
|
15753
|
+
// ----------------------------- Warning --------------------------------
|
15754
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
15755
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
15756
|
+
// ----------------------------------------------------------------------
|
15757
|
+
/**
|
15758
|
+
* Absolutely position the element.
|
15759
|
+
* @default false
|
15760
|
+
*/
|
15761
|
+
absolute: PropTypes.bool,
|
15762
|
+
/**
|
15763
|
+
* The content of the component.
|
15764
|
+
*/
|
15765
|
+
children: PropTypes.node,
|
15766
|
+
/**
|
15767
|
+
* Override or extend the styles applied to the component.
|
15768
|
+
*/
|
15769
|
+
classes: PropTypes.object,
|
15770
|
+
/**
|
15771
|
+
* @ignore
|
15772
|
+
*/
|
15773
|
+
className: PropTypes.string,
|
15774
|
+
/**
|
15775
|
+
* The component used for the root node.
|
15776
|
+
* Either a string to use a HTML element or a component.
|
15777
|
+
*/
|
15778
|
+
component: PropTypes.elementType,
|
15779
|
+
/**
|
15780
|
+
* If `true`, a vertical divider will have the correct height when used in flex container.
|
15781
|
+
* (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
|
15782
|
+
* @default false
|
15783
|
+
*/
|
15784
|
+
flexItem: PropTypes.bool,
|
15785
|
+
/**
|
15786
|
+
* If `true`, the divider will have a lighter color.
|
15787
|
+
* @default false
|
15788
|
+
*/
|
15789
|
+
light: PropTypes.bool,
|
15790
|
+
/**
|
15791
|
+
* The component orientation.
|
15792
|
+
* @default 'horizontal'
|
15793
|
+
*/
|
15794
|
+
orientation: PropTypes.oneOf(['horizontal', 'vertical']),
|
15795
|
+
/**
|
15796
|
+
* @ignore
|
15797
|
+
*/
|
15798
|
+
role: PropTypes /* @typescript-to-proptypes-ignore */.string,
|
15799
|
+
/**
|
15800
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
15801
|
+
*/
|
15802
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
15803
|
+
/**
|
15804
|
+
* The text alignment.
|
15805
|
+
* @default 'center'
|
15806
|
+
*/
|
15807
|
+
textAlign: PropTypes.oneOf(['center', 'left', 'right']),
|
15808
|
+
/**
|
15809
|
+
* The variant to use.
|
15810
|
+
* @default 'fullWidth'
|
15811
|
+
*/
|
15812
|
+
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])
|
15813
|
+
} : void 0;
|
15814
|
+
var Divider$1 = Divider;
|
15815
|
+
|
15816
|
+
const _excluded$3 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
15180
15817
|
function getTranslateValue(direction, node, resolvedContainer) {
|
15181
15818
|
const rect = node.getBoundingClientRect();
|
15182
15819
|
const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
|
@@ -15265,7 +15902,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
|
|
15265
15902
|
// eslint-disable-next-line react/prop-types
|
15266
15903
|
TransitionComponent = Transition$1
|
15267
15904
|
} = props,
|
15268
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
15905
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$3);
|
15269
15906
|
const childrenRef = React.useRef(null);
|
15270
15907
|
const handleRef = useForkRef(children.ref, childrenRef, ref);
|
15271
15908
|
const normalizedTransitionCallback = callback => isAppearing => {
|
@@ -15493,7 +16130,7 @@ function getDrawerUtilityClass(slot) {
|
|
15493
16130
|
}
|
15494
16131
|
generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
|
15495
16132
|
|
15496
|
-
const _excluded$
|
16133
|
+
const _excluded$2 = ["BackdropProps"],
|
15497
16134
|
_excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
|
15498
16135
|
const overridesResolver = (props, styles) => {
|
15499
16136
|
const {
|
@@ -15501,7 +16138,7 @@ const overridesResolver = (props, styles) => {
|
|
15501
16138
|
} = props;
|
15502
16139
|
return [styles.root, (ownerState.variant === 'permanent' || ownerState.variant === 'persistent') && styles.docked, styles.modal];
|
15503
16140
|
};
|
15504
|
-
const useUtilityClasses$
|
16141
|
+
const useUtilityClasses$2 = ownerState => {
|
15505
16142
|
const {
|
15506
16143
|
classes,
|
15507
16144
|
anchor,
|
@@ -15633,7 +16270,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
15633
16270
|
transitionDuration = defaultTransitionDuration,
|
15634
16271
|
variant = 'temporary'
|
15635
16272
|
} = props,
|
15636
|
-
ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded$
|
16273
|
+
ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded$2),
|
15637
16274
|
other = _objectWithoutPropertiesLoose(props, _excluded2);
|
15638
16275
|
|
15639
16276
|
// Let's assume that the Drawer will always be rendered on user space.
|
@@ -15651,7 +16288,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
15651
16288
|
open,
|
15652
16289
|
variant
|
15653
16290
|
}, other);
|
15654
|
-
const classes = useUtilityClasses$
|
16291
|
+
const classes = useUtilityClasses$2(ownerState);
|
15655
16292
|
const drawer = /*#__PURE__*/jsx(DrawerPaper, _extends({
|
15656
16293
|
elevation: variant === 'temporary' ? elevation : 0,
|
15657
16294
|
square: true
|
@@ -15847,6 +16484,346 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ =
|
|
15847
16484
|
} : void 0;
|
15848
16485
|
var Stack$1 = Stack;
|
15849
16486
|
|
16487
|
+
function getLinearProgressUtilityClass(slot) {
|
16488
|
+
return generateUtilityClass('MuiLinearProgress', slot);
|
16489
|
+
}
|
16490
|
+
generateUtilityClasses('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);
|
16491
|
+
|
16492
|
+
const _excluded$1 = ["className", "color", "value", "valueBuffer", "variant"];
|
16493
|
+
let _ = t => t,
|
16494
|
+
_t,
|
16495
|
+
_t2,
|
16496
|
+
_t3,
|
16497
|
+
_t4,
|
16498
|
+
_t5,
|
16499
|
+
_t6;
|
16500
|
+
const TRANSITION_DURATION = 4; // seconds
|
16501
|
+
const indeterminate1Keyframe = keyframes(_t || (_t = _`
|
16502
|
+
0% {
|
16503
|
+
left: -35%;
|
16504
|
+
right: 100%;
|
16505
|
+
}
|
16506
|
+
|
16507
|
+
60% {
|
16508
|
+
left: 100%;
|
16509
|
+
right: -90%;
|
16510
|
+
}
|
16511
|
+
|
16512
|
+
100% {
|
16513
|
+
left: 100%;
|
16514
|
+
right: -90%;
|
16515
|
+
}
|
16516
|
+
`));
|
16517
|
+
const indeterminate2Keyframe = keyframes(_t2 || (_t2 = _`
|
16518
|
+
0% {
|
16519
|
+
left: -200%;
|
16520
|
+
right: 100%;
|
16521
|
+
}
|
16522
|
+
|
16523
|
+
60% {
|
16524
|
+
left: 107%;
|
16525
|
+
right: -8%;
|
16526
|
+
}
|
16527
|
+
|
16528
|
+
100% {
|
16529
|
+
left: 107%;
|
16530
|
+
right: -8%;
|
16531
|
+
}
|
16532
|
+
`));
|
16533
|
+
const bufferKeyframe = keyframes(_t3 || (_t3 = _`
|
16534
|
+
0% {
|
16535
|
+
opacity: 1;
|
16536
|
+
background-position: 0 -23px;
|
16537
|
+
}
|
16538
|
+
|
16539
|
+
60% {
|
16540
|
+
opacity: 0;
|
16541
|
+
background-position: 0 -23px;
|
16542
|
+
}
|
16543
|
+
|
16544
|
+
100% {
|
16545
|
+
opacity: 1;
|
16546
|
+
background-position: -200px -23px;
|
16547
|
+
}
|
16548
|
+
`));
|
16549
|
+
const useUtilityClasses$1 = ownerState => {
|
16550
|
+
const {
|
16551
|
+
classes,
|
16552
|
+
variant,
|
16553
|
+
color
|
16554
|
+
} = ownerState;
|
16555
|
+
const slots = {
|
16556
|
+
root: ['root', `color${capitalize(color)}`, variant],
|
16557
|
+
dashed: ['dashed', `dashedColor${capitalize(color)}`],
|
16558
|
+
bar1: ['bar', `barColor${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar1Indeterminate', variant === 'determinate' && 'bar1Determinate', variant === 'buffer' && 'bar1Buffer'],
|
16559
|
+
bar2: ['bar', variant !== 'buffer' && `barColor${capitalize(color)}`, variant === 'buffer' && `color${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar2Indeterminate', variant === 'buffer' && 'bar2Buffer']
|
16560
|
+
};
|
16561
|
+
return composeClasses(slots, getLinearProgressUtilityClass, classes);
|
16562
|
+
};
|
16563
|
+
const getColorShade = (theme, color) => {
|
16564
|
+
if (color === 'inherit') {
|
16565
|
+
return 'currentColor';
|
16566
|
+
}
|
16567
|
+
if (theme.vars) {
|
16568
|
+
return theme.vars.palette.LinearProgress[`${color}Bg`];
|
16569
|
+
}
|
16570
|
+
return theme.palette.mode === 'light' ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.5);
|
16571
|
+
};
|
16572
|
+
const LinearProgressRoot = styled$1('span', {
|
16573
|
+
name: 'MuiLinearProgress',
|
16574
|
+
slot: 'Root',
|
16575
|
+
overridesResolver: (props, styles) => {
|
16576
|
+
const {
|
16577
|
+
ownerState
|
16578
|
+
} = props;
|
16579
|
+
return [styles.root, styles[`color${capitalize(ownerState.color)}`], styles[ownerState.variant]];
|
16580
|
+
}
|
16581
|
+
})(({
|
16582
|
+
ownerState,
|
16583
|
+
theme
|
16584
|
+
}) => _extends({
|
16585
|
+
position: 'relative',
|
16586
|
+
overflow: 'hidden',
|
16587
|
+
display: 'block',
|
16588
|
+
height: 4,
|
16589
|
+
zIndex: 0,
|
16590
|
+
// Fix Safari's bug during composition of different paint.
|
16591
|
+
'@media print': {
|
16592
|
+
colorAdjust: 'exact'
|
16593
|
+
},
|
16594
|
+
backgroundColor: getColorShade(theme, ownerState.color)
|
16595
|
+
}, ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {
|
16596
|
+
backgroundColor: 'none',
|
16597
|
+
'&::before': {
|
16598
|
+
content: '""',
|
16599
|
+
position: 'absolute',
|
16600
|
+
left: 0,
|
16601
|
+
top: 0,
|
16602
|
+
right: 0,
|
16603
|
+
bottom: 0,
|
16604
|
+
backgroundColor: 'currentColor',
|
16605
|
+
opacity: 0.3
|
16606
|
+
}
|
16607
|
+
}, ownerState.variant === 'buffer' && {
|
16608
|
+
backgroundColor: 'transparent'
|
16609
|
+
}, ownerState.variant === 'query' && {
|
16610
|
+
transform: 'rotate(180deg)'
|
16611
|
+
}));
|
16612
|
+
const LinearProgressDashed = styled$1('span', {
|
16613
|
+
name: 'MuiLinearProgress',
|
16614
|
+
slot: 'Dashed',
|
16615
|
+
overridesResolver: (props, styles) => {
|
16616
|
+
const {
|
16617
|
+
ownerState
|
16618
|
+
} = props;
|
16619
|
+
return [styles.dashed, styles[`dashedColor${capitalize(ownerState.color)}`]];
|
16620
|
+
}
|
16621
|
+
})(({
|
16622
|
+
ownerState,
|
16623
|
+
theme
|
16624
|
+
}) => {
|
16625
|
+
const backgroundColor = getColorShade(theme, ownerState.color);
|
16626
|
+
return _extends({
|
16627
|
+
position: 'absolute',
|
16628
|
+
marginTop: 0,
|
16629
|
+
height: '100%',
|
16630
|
+
width: '100%'
|
16631
|
+
}, ownerState.color === 'inherit' && {
|
16632
|
+
opacity: 0.3
|
16633
|
+
}, {
|
16634
|
+
backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`,
|
16635
|
+
backgroundSize: '10px 10px',
|
16636
|
+
backgroundPosition: '0 -23px'
|
16637
|
+
});
|
16638
|
+
}, css(_t4 || (_t4 = _`
|
16639
|
+
animation: ${0} 3s infinite linear;
|
16640
|
+
`), bufferKeyframe));
|
16641
|
+
const LinearProgressBar1 = styled$1('span', {
|
16642
|
+
name: 'MuiLinearProgress',
|
16643
|
+
slot: 'Bar1',
|
16644
|
+
overridesResolver: (props, styles) => {
|
16645
|
+
const {
|
16646
|
+
ownerState
|
16647
|
+
} = props;
|
16648
|
+
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];
|
16649
|
+
}
|
16650
|
+
})(({
|
16651
|
+
ownerState,
|
16652
|
+
theme
|
16653
|
+
}) => _extends({
|
16654
|
+
width: '100%',
|
16655
|
+
position: 'absolute',
|
16656
|
+
left: 0,
|
16657
|
+
bottom: 0,
|
16658
|
+
top: 0,
|
16659
|
+
transition: 'transform 0.2s linear',
|
16660
|
+
transformOrigin: 'left',
|
16661
|
+
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
16662
|
+
}, ownerState.variant === 'determinate' && {
|
16663
|
+
transition: `transform .${TRANSITION_DURATION}s linear`
|
16664
|
+
}, ownerState.variant === 'buffer' && {
|
16665
|
+
zIndex: 1,
|
16666
|
+
transition: `transform .${TRANSITION_DURATION}s linear`
|
16667
|
+
}), ({
|
16668
|
+
ownerState
|
16669
|
+
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t5 || (_t5 = _`
|
16670
|
+
width: auto;
|
16671
|
+
animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
16672
|
+
`), indeterminate1Keyframe));
|
16673
|
+
const LinearProgressBar2 = styled$1('span', {
|
16674
|
+
name: 'MuiLinearProgress',
|
16675
|
+
slot: 'Bar2',
|
16676
|
+
overridesResolver: (props, styles) => {
|
16677
|
+
const {
|
16678
|
+
ownerState
|
16679
|
+
} = props;
|
16680
|
+
return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar2Indeterminate, ownerState.variant === 'buffer' && styles.bar2Buffer];
|
16681
|
+
}
|
16682
|
+
})(({
|
16683
|
+
ownerState,
|
16684
|
+
theme
|
16685
|
+
}) => _extends({
|
16686
|
+
width: '100%',
|
16687
|
+
position: 'absolute',
|
16688
|
+
left: 0,
|
16689
|
+
bottom: 0,
|
16690
|
+
top: 0,
|
16691
|
+
transition: 'transform 0.2s linear',
|
16692
|
+
transformOrigin: 'left'
|
16693
|
+
}, ownerState.variant !== 'buffer' && {
|
16694
|
+
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
16695
|
+
}, ownerState.color === 'inherit' && {
|
16696
|
+
opacity: 0.3
|
16697
|
+
}, ownerState.variant === 'buffer' && {
|
16698
|
+
backgroundColor: getColorShade(theme, ownerState.color),
|
16699
|
+
transition: `transform .${TRANSITION_DURATION}s linear`
|
16700
|
+
}), ({
|
16701
|
+
ownerState
|
16702
|
+
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t6 || (_t6 = _`
|
16703
|
+
width: auto;
|
16704
|
+
animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
|
16705
|
+
`), indeterminate2Keyframe));
|
16706
|
+
|
16707
|
+
/**
|
16708
|
+
* ## ARIA
|
16709
|
+
*
|
16710
|
+
* If the progress bar is describing the loading progress of a particular region of a page,
|
16711
|
+
* you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
|
16712
|
+
* attribute to `true` on that region until it has finished loading.
|
16713
|
+
*/
|
16714
|
+
const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inProps, ref) {
|
16715
|
+
const props = useThemeProps({
|
16716
|
+
props: inProps,
|
16717
|
+
name: 'MuiLinearProgress'
|
16718
|
+
});
|
16719
|
+
const {
|
16720
|
+
className,
|
16721
|
+
color = 'primary',
|
16722
|
+
value,
|
16723
|
+
valueBuffer,
|
16724
|
+
variant = 'indeterminate'
|
16725
|
+
} = props,
|
16726
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$1);
|
16727
|
+
const ownerState = _extends({}, props, {
|
16728
|
+
color,
|
16729
|
+
variant
|
16730
|
+
});
|
16731
|
+
const classes = useUtilityClasses$1(ownerState);
|
16732
|
+
const theme = useTheme();
|
16733
|
+
const rootProps = {};
|
16734
|
+
const inlineStyles = {
|
16735
|
+
bar1: {},
|
16736
|
+
bar2: {}
|
16737
|
+
};
|
16738
|
+
if (variant === 'determinate' || variant === 'buffer') {
|
16739
|
+
if (value !== undefined) {
|
16740
|
+
rootProps['aria-valuenow'] = Math.round(value);
|
16741
|
+
rootProps['aria-valuemin'] = 0;
|
16742
|
+
rootProps['aria-valuemax'] = 100;
|
16743
|
+
let transform = value - 100;
|
16744
|
+
if (theme.direction === 'rtl') {
|
16745
|
+
transform = -transform;
|
16746
|
+
}
|
16747
|
+
inlineStyles.bar1.transform = `translateX(${transform}%)`;
|
16748
|
+
} else if (process.env.NODE_ENV !== 'production') {
|
16749
|
+
console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');
|
16750
|
+
}
|
16751
|
+
}
|
16752
|
+
if (variant === 'buffer') {
|
16753
|
+
if (valueBuffer !== undefined) {
|
16754
|
+
let transform = (valueBuffer || 0) - 100;
|
16755
|
+
if (theme.direction === 'rtl') {
|
16756
|
+
transform = -transform;
|
16757
|
+
}
|
16758
|
+
inlineStyles.bar2.transform = `translateX(${transform}%)`;
|
16759
|
+
} else if (process.env.NODE_ENV !== 'production') {
|
16760
|
+
console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
|
16761
|
+
}
|
16762
|
+
}
|
16763
|
+
return /*#__PURE__*/jsxs(LinearProgressRoot, _extends({
|
16764
|
+
className: clsx$1(classes.root, className),
|
16765
|
+
ownerState: ownerState,
|
16766
|
+
role: "progressbar"
|
16767
|
+
}, rootProps, {
|
16768
|
+
ref: ref
|
16769
|
+
}, other, {
|
16770
|
+
children: [variant === 'buffer' ? /*#__PURE__*/jsx(LinearProgressDashed, {
|
16771
|
+
className: classes.dashed,
|
16772
|
+
ownerState: ownerState
|
16773
|
+
}) : null, /*#__PURE__*/jsx(LinearProgressBar1, {
|
16774
|
+
className: classes.bar1,
|
16775
|
+
ownerState: ownerState,
|
16776
|
+
style: inlineStyles.bar1
|
16777
|
+
}), variant === 'determinate' ? null : /*#__PURE__*/jsx(LinearProgressBar2, {
|
16778
|
+
className: classes.bar2,
|
16779
|
+
ownerState: ownerState,
|
16780
|
+
style: inlineStyles.bar2
|
16781
|
+
})]
|
16782
|
+
}));
|
16783
|
+
});
|
16784
|
+
process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-proptypes */ = {
|
16785
|
+
// ----------------------------- Warning --------------------------------
|
16786
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
16787
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
16788
|
+
// ----------------------------------------------------------------------
|
16789
|
+
/**
|
16790
|
+
* Override or extend the styles applied to the component.
|
16791
|
+
*/
|
16792
|
+
classes: PropTypes.object,
|
16793
|
+
/**
|
16794
|
+
* @ignore
|
16795
|
+
*/
|
16796
|
+
className: PropTypes.string,
|
16797
|
+
/**
|
16798
|
+
* The color of the component.
|
16799
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
16800
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
16801
|
+
* @default 'primary'
|
16802
|
+
*/
|
16803
|
+
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),
|
16804
|
+
/**
|
16805
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
16806
|
+
*/
|
16807
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
16808
|
+
/**
|
16809
|
+
* The value of the progress indicator for the determinate and buffer variants.
|
16810
|
+
* Value between 0 and 100.
|
16811
|
+
*/
|
16812
|
+
value: PropTypes.number,
|
16813
|
+
/**
|
16814
|
+
* The value for the buffer variant.
|
16815
|
+
* Value between 0 and 100.
|
16816
|
+
*/
|
16817
|
+
valueBuffer: PropTypes.number,
|
16818
|
+
/**
|
16819
|
+
* The variant to use.
|
16820
|
+
* Use indeterminate or query when there is no progress value.
|
16821
|
+
* @default 'indeterminate'
|
16822
|
+
*/
|
16823
|
+
variant: PropTypes.oneOf(['buffer', 'determinate', 'indeterminate', 'query'])
|
16824
|
+
} : void 0;
|
16825
|
+
var LinearProgress$1 = LinearProgress;
|
16826
|
+
|
15850
16827
|
function getToolbarUtilityClass(slot) {
|
15851
16828
|
return generateUtilityClass('MuiToolbar', slot);
|
15852
16829
|
}
|
@@ -16575,59 +17552,167 @@ const FooterActionComponent = ({
|
|
16575
17552
|
}), /*#__PURE__*/React__default.createElement(Box$2, null, labelChangeCounter), renderRightContent));
|
16576
17553
|
};
|
16577
17554
|
|
16578
|
-
|
16579
|
-
|
16580
|
-
|
16581
|
-
|
16582
|
-
|
16583
|
-
|
16584
|
-
|
16585
|
-
|
16586
|
-
|
16587
|
-
|
16588
|
-
|
16589
|
-
|
16590
|
-
|
16591
|
-
|
16592
|
-
|
16593
|
-
|
16594
|
-
|
16595
|
-
|
16596
|
-
|
17555
|
+
const useProgress = timeProgress => {
|
17556
|
+
const [progress, setProgress] = useState(100);
|
17557
|
+
useEffect(() => {
|
17558
|
+
let seconds = 0;
|
17559
|
+
const interval = setInterval(() => {
|
17560
|
+
seconds += 100;
|
17561
|
+
const progress = 100 - seconds / timeProgress * 100;
|
17562
|
+
setProgress(progress <= 0 ? 0 : progress);
|
17563
|
+
if (seconds >= timeProgress) {
|
17564
|
+
clearInterval(interval);
|
17565
|
+
}
|
17566
|
+
}, 100);
|
17567
|
+
return () => {
|
17568
|
+
clearInterval(interval);
|
17569
|
+
};
|
17570
|
+
}, [timeProgress]);
|
17571
|
+
return {
|
17572
|
+
progressToast: progress
|
17573
|
+
};
|
17574
|
+
};
|
17575
|
+
|
17576
|
+
const ToastNotification = toast => {
|
17577
|
+
const [stateOptions, setStateOptions] = useState(true);
|
17578
|
+
const [stateToast, setStateToast] = useState(true);
|
17579
|
+
const timeProgress = toast.time || 8000;
|
17580
|
+
const {
|
17581
|
+
progressToast
|
17582
|
+
} = useProgress(timeProgress);
|
17583
|
+
const toastColorConfig = toast.type || "info";
|
17584
|
+
const toastIconOption = {
|
17585
|
+
success: /*#__PURE__*/React__default.createElement(CheckCircleRounded, null),
|
17586
|
+
error: /*#__PURE__*/React__default.createElement(ErrorRounded, null),
|
17587
|
+
warning: /*#__PURE__*/React__default.createElement(WarningRounded, null),
|
17588
|
+
info: /*#__PURE__*/React__default.createElement(InfoRounded, null)
|
17589
|
+
};
|
17590
|
+
const ToastIconConfig = toastIconOption[toast.type || "info"];
|
17591
|
+
const closeToast = () => {
|
17592
|
+
setStateToast(false);
|
17593
|
+
};
|
17594
|
+
const toggleToastOptions = () => {
|
17595
|
+
setStateOptions(prevShowOptions => !prevShowOptions);
|
17596
|
+
};
|
17597
|
+
useEffect(() => {
|
17598
|
+
progressToast <= 0 && setStateToast(false);
|
17599
|
+
}, [progressToast]);
|
17600
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stateToast && /*#__PURE__*/React__default.createElement(Stack$1, {
|
17601
|
+
width: 370,
|
16597
17602
|
sx: {
|
16598
|
-
|
16599
|
-
backgroundColor: theme => theme.palette.background.paper,
|
16600
|
-
px: 3,
|
16601
|
-
py: 1,
|
16602
|
-
boxShadow: theme => theme.shadows[1],
|
16603
|
-
zIndex: 100
|
17603
|
+
boxShadow: theme => theme.shadows[8]
|
16604
17604
|
}
|
17605
|
+
}, /*#__PURE__*/React__default.createElement(Box$2, {
|
17606
|
+
padding: 1.5,
|
17607
|
+
gap: 1.5,
|
17608
|
+
display: "flex",
|
17609
|
+
alignItems: "center",
|
17610
|
+
sx: {
|
17611
|
+
"&.color-error": {
|
17612
|
+
backgroundColor: "#FEEBEE"
|
17613
|
+
},
|
17614
|
+
"&.color-info": {
|
17615
|
+
backgroundColor: "#E1F5FE"
|
17616
|
+
},
|
17617
|
+
"&.color-warning": {
|
17618
|
+
backgroundColor: "#FFF3E0"
|
17619
|
+
},
|
17620
|
+
"&.color-success": {
|
17621
|
+
backgroundColor: "#E8F5E9"
|
17622
|
+
}
|
17623
|
+
},
|
17624
|
+
className: `color-${toastColorConfig}`
|
17625
|
+
}, toast && /*#__PURE__*/React__default.createElement(Stack$1, {
|
17626
|
+
p: 1,
|
17627
|
+
gap: 1,
|
17628
|
+
height: 20,
|
17629
|
+
borderRadius: 50,
|
17630
|
+
sx: {
|
17631
|
+
"&.ripple-error": {
|
17632
|
+
backgroundColor: "#D143431F"
|
17633
|
+
},
|
17634
|
+
"&.ripple-info": {
|
17635
|
+
backgroundColor: "#2D9FC51F"
|
17636
|
+
},
|
17637
|
+
"&.ripple-warning": {
|
17638
|
+
backgroundColor: "#FB85001F"
|
17639
|
+
},
|
17640
|
+
"&.ripple-success": {
|
17641
|
+
backgroundColor: "#8FC93A1F"
|
17642
|
+
}
|
17643
|
+
},
|
17644
|
+
className: `ripple-${toast.type || "info"}`
|
17645
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17646
|
+
sx: {
|
17647
|
+
"&.icon-color.color-info": {
|
17648
|
+
color: theme => theme.palette.info.main
|
17649
|
+
},
|
17650
|
+
"&.icon-color.color-error": {
|
17651
|
+
color: theme => theme.palette.error.main
|
17652
|
+
},
|
17653
|
+
"&.icon-color.color-warning": {
|
17654
|
+
color: theme => theme.palette.warning.main
|
17655
|
+
},
|
17656
|
+
"&.icon-color.color-success": {
|
17657
|
+
color: theme => theme.palette.success.main
|
17658
|
+
}
|
17659
|
+
},
|
17660
|
+
className: `icon-color color-${toast.type || "info"}`
|
17661
|
+
}, ToastIconConfig)), /*#__PURE__*/React__default.createElement(Divider$1, {
|
17662
|
+
orientation: "vertical",
|
17663
|
+
flexItem: true
|
17664
|
+
}), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17665
|
+
width: 285
|
16605
17666
|
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
16606
|
-
width: "100%",
|
16607
17667
|
justifyContent: "space-between",
|
16608
17668
|
flexDirection: "row",
|
16609
17669
|
alignItems: "center"
|
16610
|
-
}, /*#__PURE__*/React__default.createElement(
|
16611
|
-
|
17670
|
+
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17671
|
+
variant: "subtitle2",
|
17672
|
+
color: "text.primary"
|
17673
|
+
}, toast.title), /*#__PURE__*/React__default.createElement(IconButton$1, {
|
17674
|
+
size: "small",
|
17675
|
+
onClick: closeToast
|
17676
|
+
}, /*#__PURE__*/React__default.createElement(Close$1, {
|
17677
|
+
fontSize: "small"
|
17678
|
+
}))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17679
|
+
gap: 0.5
|
17680
|
+
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17681
|
+
color: "text.primary",
|
17682
|
+
variant: "body2"
|
17683
|
+
}, toast.subtitle), !stateOptions && toast.dataOpt && toast.dataOpt.length > 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, toast.dataOpt.map((element, i) => /*#__PURE__*/React__default.createElement(Typography$1, {
|
17684
|
+
variant: "caption"
|
17685
|
+
}, "\u2022 ", element)))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17686
|
+
justifyContent: "flex-end",
|
16612
17687
|
flexDirection: "row",
|
16613
|
-
alignItems: "
|
16614
|
-
},
|
16615
|
-
Color: "text.primary",
|
16616
|
-
item: title,
|
16617
|
-
variant: "h6"
|
16618
|
-
})), subtitle && /*#__PURE__*/React__default.createElement(Stack$1, {
|
16619
|
-
alignItems: "center",
|
17688
|
+
alignItems: "flex-end"
|
17689
|
+
}, toast.actions && /*#__PURE__*/React__default.createElement(Stack$1, {
|
16620
17690
|
flexDirection: "row",
|
16621
|
-
gap:
|
16622
|
-
}, /*#__PURE__*/React__default.createElement(
|
16623
|
-
|
16624
|
-
|
16625
|
-
variant: "
|
16626
|
-
|
16627
|
-
|
16628
|
-
|
16629
|
-
|
16630
|
-
|
17691
|
+
gap: 1
|
17692
|
+
}, toast.actions), toast.seeMore && /*#__PURE__*/React__default.createElement(Button$1, {
|
17693
|
+
onClick: toggleToastOptions,
|
17694
|
+
size: "small",
|
17695
|
+
variant: "text",
|
17696
|
+
color: toastColorConfig
|
17697
|
+
}, stateOptions ? "Ver más" : "Ver menos", " ", stateOptions ? /*#__PURE__*/React__default.createElement(KeyboardArrowDown, null) : /*#__PURE__*/React__default.createElement(KeyboardArrowUp, null))))), /*#__PURE__*/React__default.createElement(LinearProgress$1, {
|
17698
|
+
color: toastColorConfig,
|
17699
|
+
variant: "determinate",
|
17700
|
+
value: progressToast
|
17701
|
+
})));
|
17702
|
+
};
|
17703
|
+
|
17704
|
+
const ToastNotificationComponent = ({
|
17705
|
+
toast
|
17706
|
+
}) => {
|
17707
|
+
return /*#__PURE__*/React__default.createElement(Stack$1, {
|
17708
|
+
position: "fixed",
|
17709
|
+
zIndex: 1400,
|
17710
|
+
right: 16,
|
17711
|
+
top: 16,
|
17712
|
+
gap: 1
|
17713
|
+
}, Array.isArray(toast) ? toast.map((toastProps, i) => /*#__PURE__*/React__default.createElement(ToastNotification, Object.assign({
|
17714
|
+
key: i
|
17715
|
+
}, toastProps))) : /*#__PURE__*/React__default.createElement(ToastNotification, Object.assign({}, toast)));
|
16631
17716
|
};
|
16632
17717
|
|
16633
17718
|
var classof$2 = classofRaw$2;
|
@@ -22085,4 +23170,4 @@ const useDynamicColor = url => {
|
|
22085
23170
|
};
|
22086
23171
|
};
|
22087
23172
|
|
22088
|
-
export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent,
|
23173
|
+
export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, ToastNotification, ToastNotificationComponent, useDynamicColor };
|