@sinco/react 1.0.14-rc.3 → 1.0.14-rc.30
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +286 -190
- package/package.json +1 -1
- package/src/lib/Components/Main.d.ts +1 -0
- package/src/lib/Components/PageHeader.d.ts +13 -0
- package/src/lib/Components/{ToastNotification.d.ts → ToastNofitication.d.ts} +1 -3
- package/src/lib/Components/index.d.ts +2 -2
- package/src/lib/Theme/components.d.ts +0 -10
- package/src/lib/Components/App.d.ts +0 -2
package/index.js
CHANGED
@@ -146,7 +146,7 @@ var $TypeError$d = TypeError;
|
|
146
146
|
// `RequireObjectCoercible` abstract operation
|
147
147
|
// https://tc39.es/ecma262/#sec-requireobjectcoercible
|
148
148
|
var requireObjectCoercible$3 = function (it) {
|
149
|
-
if (isNullOrUndefined$4(it)) throw $TypeError$d("Can't call method on " + it);
|
149
|
+
if (isNullOrUndefined$4(it)) throw new $TypeError$d("Can't call method on " + it);
|
150
150
|
return it;
|
151
151
|
};
|
152
152
|
|
@@ -295,7 +295,7 @@ var $TypeError$c = TypeError;
|
|
295
295
|
// `Assert: IsCallable(argument) is true`
|
296
296
|
var aCallable$8 = function (argument) {
|
297
297
|
if (isCallable$h(argument)) return argument;
|
298
|
-
throw $TypeError$c(tryToString$3(argument) + ' is not a function');
|
298
|
+
throw new $TypeError$c(tryToString$3(argument) + ' is not a function');
|
299
299
|
};
|
300
300
|
|
301
301
|
var aCallable$7 = aCallable$8;
|
@@ -321,7 +321,7 @@ var ordinaryToPrimitive$1 = function (input, pref) {
|
|
321
321
|
if (pref === 'string' && isCallable$g(fn = input.toString) && !isObject$7(val = call$f(fn, input))) return val;
|
322
322
|
if (isCallable$g(fn = input.valueOf) && !isObject$7(val = call$f(fn, input))) return val;
|
323
323
|
if (pref !== 'string' && isCallable$g(fn = input.toString) && !isObject$7(val = call$f(fn, input))) return val;
|
324
|
-
throw $TypeError$b("Can't convert object to primitive value");
|
324
|
+
throw new $TypeError$b("Can't convert object to primitive value");
|
325
325
|
};
|
326
326
|
|
327
327
|
var shared$4 = {exports: {}};
|
@@ -352,10 +352,10 @@ var store$2 = sharedStore;
|
|
352
352
|
(shared$4.exports = function (key, value) {
|
353
353
|
return store$2[key] || (store$2[key] = value !== undefined ? value : {});
|
354
354
|
})('versions', []).push({
|
355
|
-
version: '3.
|
355
|
+
version: '3.33.0',
|
356
356
|
mode: 'global',
|
357
357
|
copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
|
358
|
-
license: 'https://github.com/zloirock/core-js/blob/v3.
|
358
|
+
license: 'https://github.com/zloirock/core-js/blob/v3.33.0/LICENSE',
|
359
359
|
source: 'https://github.com/zloirock/core-js'
|
360
360
|
});
|
361
361
|
|
@@ -430,7 +430,7 @@ var toPrimitive$1 = function (input, pref) {
|
|
430
430
|
if (pref === undefined) pref = 'default';
|
431
431
|
result = call$e(exoticToPrim, input, pref);
|
432
432
|
if (!isObject$6(result) || isSymbol$1(result)) return result;
|
433
|
-
throw $TypeError$a("Can't convert object to primitive value");
|
433
|
+
throw new $TypeError$a("Can't convert object to primitive value");
|
434
434
|
}
|
435
435
|
if (pref === undefined) pref = 'number';
|
436
436
|
return ordinaryToPrimitive(input, pref);
|
@@ -515,7 +515,7 @@ var $TypeError$9 = TypeError;
|
|
515
515
|
// `Assert: Type(argument) is Object`
|
516
516
|
var anObject$d = function (argument) {
|
517
517
|
if (isObject$4(argument)) return argument;
|
518
|
-
throw $TypeError$9($String$3(argument) + ' is not an object');
|
518
|
+
throw new $TypeError$9($String$3(argument) + ' is not an object');
|
519
519
|
};
|
520
520
|
|
521
521
|
var DESCRIPTORS$7 = descriptors;
|
@@ -557,7 +557,7 @@ objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
|
|
557
557
|
if (IE8_DOM_DEFINE) try {
|
558
558
|
return $defineProperty(O, P, Attributes);
|
559
559
|
} catch (error) { /* empty */ }
|
560
|
-
if ('get' in Attributes || 'set' in Attributes) throw $TypeError$8('Accessors not supported');
|
560
|
+
if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$8('Accessors not supported');
|
561
561
|
if ('value' in Attributes) O[P] = Attributes.value;
|
562
562
|
return O;
|
563
563
|
};
|
@@ -648,7 +648,7 @@ var getterFor = function (TYPE) {
|
|
648
648
|
return function (it) {
|
649
649
|
var state;
|
650
650
|
if (!isObject$3(it) || (state = get(it)).type !== TYPE) {
|
651
|
-
throw TypeError$2('Incompatible receiver, ' + TYPE + ' required');
|
651
|
+
throw new TypeError$2('Incompatible receiver, ' + TYPE + ' required');
|
652
652
|
} return state;
|
653
653
|
};
|
654
654
|
};
|
@@ -661,7 +661,7 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
|
|
661
661
|
store.set = store.set;
|
662
662
|
/* eslint-enable no-self-assign -- prototype methods protection */
|
663
663
|
set$1 = function (it, metadata) {
|
664
|
-
if (store.has(it)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
|
664
|
+
if (store.has(it)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
|
665
665
|
metadata.facade = it;
|
666
666
|
store.set(it, metadata);
|
667
667
|
return metadata;
|
@@ -676,7 +676,7 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
|
|
676
676
|
var STATE = sharedKey$2('state');
|
677
677
|
hiddenKeys$3[STATE] = true;
|
678
678
|
set$1 = function (it, metadata) {
|
679
|
-
if (hasOwn$6(it, STATE)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
|
679
|
+
if (hasOwn$6(it, STATE)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
|
680
680
|
metadata.facade = it;
|
681
681
|
createNonEnumerableProperty$4(it, STATE, metadata);
|
682
682
|
return metadata;
|
@@ -2759,7 +2759,11 @@ function deprecatedPropType(validator, reason) {
|
|
2759
2759
|
}
|
2760
2760
|
|
2761
2761
|
function isMuiElement(element, muiNames) {
|
2762
|
-
|
2762
|
+
var _muiName, _element$type;
|
2763
|
+
return /*#__PURE__*/React.isValidElement(element) && muiNames.indexOf( // For server components `muiName` is avaialble in element.type._payload.value.muiName
|
2764
|
+
// relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
|
2765
|
+
// eslint-disable-next-line no-underscore-dangle
|
2766
|
+
(_muiName = element.type.muiName) != null ? _muiName : (_element$type = element.type) == null || (_element$type = _element$type._payload) == null || (_element$type = _element$type.value) == null ? void 0 : _element$type.muiName) !== -1;
|
2763
2767
|
}
|
2764
2768
|
|
2765
2769
|
function ownerDocument(node) {
|
@@ -2816,6 +2820,13 @@ function setRef(ref, value) {
|
|
2816
2820
|
}
|
2817
2821
|
}
|
2818
2822
|
|
2823
|
+
/**
|
2824
|
+
* A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
|
2825
|
+
* This is useful for effects that are only needed for client-side rendering but not for SSR.
|
2826
|
+
*
|
2827
|
+
* Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
|
2828
|
+
* and confirm it doesn't apply to your use-case.
|
2829
|
+
*/
|
2819
2830
|
const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
2820
2831
|
var useEnhancedEffect$1 = useEnhancedEffect;
|
2821
2832
|
|
@@ -6188,7 +6199,7 @@ tags.forEach(function (tagName) {
|
|
6188
6199
|
});
|
6189
6200
|
|
6190
6201
|
/**
|
6191
|
-
* @mui/styled-engine v5.14.
|
6202
|
+
* @mui/styled-engine v5.14.12
|
6192
6203
|
*
|
6193
6204
|
* @license MIT
|
6194
6205
|
* This source code is licensed under the MIT license found in the
|
@@ -7545,40 +7556,48 @@ const getStyleOverrides = (name, theme) => {
|
|
7545
7556
|
}
|
7546
7557
|
return null;
|
7547
7558
|
};
|
7559
|
+
const transformVariants = variants => {
|
7560
|
+
const variantsStyles = {};
|
7561
|
+
if (variants) {
|
7562
|
+
variants.forEach(definition => {
|
7563
|
+
const key = propsToClassKey(definition.props);
|
7564
|
+
variantsStyles[key] = definition.style;
|
7565
|
+
});
|
7566
|
+
}
|
7567
|
+
return variantsStyles;
|
7568
|
+
};
|
7548
7569
|
const getVariantStyles = (name, theme) => {
|
7549
7570
|
let variants = [];
|
7550
7571
|
if (theme && theme.components && theme.components[name] && theme.components[name].variants) {
|
7551
7572
|
variants = theme.components[name].variants;
|
7552
7573
|
}
|
7553
|
-
|
7554
|
-
variants.forEach(definition => {
|
7555
|
-
const key = propsToClassKey(definition.props);
|
7556
|
-
variantsStyles[key] = definition.style;
|
7557
|
-
});
|
7558
|
-
return variantsStyles;
|
7574
|
+
return transformVariants(variants);
|
7559
7575
|
};
|
7560
|
-
const variantsResolver = (props, styles,
|
7561
|
-
var _theme$components;
|
7576
|
+
const variantsResolver = (props, styles, variants) => {
|
7562
7577
|
const {
|
7563
7578
|
ownerState = {}
|
7564
7579
|
} = props;
|
7565
7580
|
const variantsStyles = [];
|
7566
|
-
|
7567
|
-
|
7568
|
-
themeVariants.forEach(themeVariant => {
|
7581
|
+
if (variants) {
|
7582
|
+
variants.forEach(variant => {
|
7569
7583
|
let isMatch = true;
|
7570
|
-
Object.keys(
|
7571
|
-
if (ownerState[key] !==
|
7584
|
+
Object.keys(variant.props).forEach(key => {
|
7585
|
+
if (ownerState[key] !== variant.props[key] && props[key] !== variant.props[key]) {
|
7572
7586
|
isMatch = false;
|
7573
7587
|
}
|
7574
7588
|
});
|
7575
7589
|
if (isMatch) {
|
7576
|
-
variantsStyles.push(styles[propsToClassKey(
|
7590
|
+
variantsStyles.push(styles[propsToClassKey(variant.props)]);
|
7577
7591
|
}
|
7578
7592
|
});
|
7579
7593
|
}
|
7580
7594
|
return variantsStyles;
|
7581
7595
|
};
|
7596
|
+
const themeVariantsResolver = (props, styles, theme, name) => {
|
7597
|
+
var _theme$components;
|
7598
|
+
const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[name]) == null ? void 0 : _theme$components.variants;
|
7599
|
+
return variantsResolver(props, styles, themeVariants);
|
7600
|
+
};
|
7582
7601
|
|
7583
7602
|
// Update /system/styled/#api in case if this changes
|
7584
7603
|
function shouldForwardProp(prop) {
|
@@ -7604,6 +7623,29 @@ function defaultOverridesResolver(slot) {
|
|
7604
7623
|
}
|
7605
7624
|
return (props, styles) => styles[slot];
|
7606
7625
|
}
|
7626
|
+
const muiStyledFunctionResolver = ({
|
7627
|
+
styledArg,
|
7628
|
+
props,
|
7629
|
+
defaultTheme,
|
7630
|
+
themeId
|
7631
|
+
}) => {
|
7632
|
+
const resolvedStyles = styledArg(_extends$2({}, props, {
|
7633
|
+
theme: resolveTheme(_extends$2({}, props, {
|
7634
|
+
defaultTheme,
|
7635
|
+
themeId
|
7636
|
+
}))
|
7637
|
+
}));
|
7638
|
+
let optionalVariants;
|
7639
|
+
if (resolvedStyles && resolvedStyles.variants) {
|
7640
|
+
optionalVariants = resolvedStyles.variants;
|
7641
|
+
delete resolvedStyles.variants;
|
7642
|
+
}
|
7643
|
+
if (optionalVariants) {
|
7644
|
+
const variantsStyles = variantsResolver(props, transformVariants(optionalVariants), optionalVariants);
|
7645
|
+
return [resolvedStyles, ...variantsStyles];
|
7646
|
+
}
|
7647
|
+
return resolvedStyles;
|
7648
|
+
};
|
7607
7649
|
function createStyled(input = {}) {
|
7608
7650
|
const {
|
7609
7651
|
themeId,
|
@@ -7670,16 +7712,61 @@ function createStyled(input = {}) {
|
|
7670
7712
|
// On the server Emotion doesn't use React.forwardRef for creating components, so the created
|
7671
7713
|
// component stays as a function. This condition makes sure that we do not interpolate functions
|
7672
7714
|
// which are basically components used as a selectors.
|
7673
|
-
|
7674
|
-
return
|
7675
|
-
|
7676
|
-
|
7677
|
-
|
7678
|
-
|
7679
|
-
})
|
7680
|
-
}
|
7715
|
+
if (typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg) {
|
7716
|
+
return props => muiStyledFunctionResolver({
|
7717
|
+
styledArg: stylesArg,
|
7718
|
+
props,
|
7719
|
+
defaultTheme,
|
7720
|
+
themeId
|
7721
|
+
});
|
7722
|
+
}
|
7723
|
+
if (isPlainObject(stylesArg)) {
|
7724
|
+
let transformedStylesArg = stylesArg;
|
7725
|
+
let styledArgVariants;
|
7726
|
+
if (stylesArg && stylesArg.variants) {
|
7727
|
+
styledArgVariants = stylesArg.variants;
|
7728
|
+
delete transformedStylesArg.variants;
|
7729
|
+
transformedStylesArg = props => {
|
7730
|
+
let result = stylesArg;
|
7731
|
+
const variantStyles = variantsResolver(props, transformVariants(styledArgVariants), styledArgVariants);
|
7732
|
+
variantStyles.forEach(variantStyle => {
|
7733
|
+
result = deepmerge(result, variantStyle);
|
7734
|
+
});
|
7735
|
+
return result;
|
7736
|
+
};
|
7737
|
+
}
|
7738
|
+
return transformedStylesArg;
|
7739
|
+
}
|
7740
|
+
return stylesArg;
|
7681
7741
|
}) : [];
|
7682
7742
|
let transformedStyleArg = styleArg;
|
7743
|
+
if (isPlainObject(styleArg)) {
|
7744
|
+
let styledArgVariants;
|
7745
|
+
if (styleArg && styleArg.variants) {
|
7746
|
+
styledArgVariants = styleArg.variants;
|
7747
|
+
delete transformedStyleArg.variants;
|
7748
|
+
transformedStyleArg = props => {
|
7749
|
+
let result = styleArg;
|
7750
|
+
const variantStyles = variantsResolver(props, transformVariants(styledArgVariants), styledArgVariants);
|
7751
|
+
variantStyles.forEach(variantStyle => {
|
7752
|
+
result = deepmerge(result, variantStyle);
|
7753
|
+
});
|
7754
|
+
return result;
|
7755
|
+
};
|
7756
|
+
}
|
7757
|
+
} else if (typeof styleArg === 'function' &&
|
7758
|
+
// On the server Emotion doesn't use React.forwardRef for creating components, so the created
|
7759
|
+
// component stays as a function. This condition makes sure that we do not interpolate functions
|
7760
|
+
// which are basically components used as a selectors.
|
7761
|
+
styleArg.__emotion_real !== styleArg) {
|
7762
|
+
// If the type is function, we need to define the default theme.
|
7763
|
+
transformedStyleArg = props => muiStyledFunctionResolver({
|
7764
|
+
styledArg: styleArg,
|
7765
|
+
props,
|
7766
|
+
defaultTheme,
|
7767
|
+
themeId
|
7768
|
+
});
|
7769
|
+
}
|
7683
7770
|
if (componentName && overridesResolver) {
|
7684
7771
|
expressionsWithDefaultTheme.push(props => {
|
7685
7772
|
const theme = resolveTheme(_extends$2({}, props, {
|
@@ -7705,7 +7792,7 @@ function createStyled(input = {}) {
|
|
7705
7792
|
defaultTheme,
|
7706
7793
|
themeId
|
7707
7794
|
}));
|
7708
|
-
return
|
7795
|
+
return themeVariantsResolver(props, getVariantStyles(componentName, theme), theme, componentName);
|
7709
7796
|
});
|
7710
7797
|
}
|
7711
7798
|
if (!skipSx) {
|
@@ -7717,18 +7804,6 @@ function createStyled(input = {}) {
|
|
7717
7804
|
// If the type is array, than we need to add placeholders in the template for the overrides, variants and the sx styles.
|
7718
7805
|
transformedStyleArg = [...styleArg, ...placeholders];
|
7719
7806
|
transformedStyleArg.raw = [...styleArg.raw, ...placeholders];
|
7720
|
-
} else if (typeof styleArg === 'function' &&
|
7721
|
-
// On the server Emotion doesn't use React.forwardRef for creating components, so the created
|
7722
|
-
// component stays as a function. This condition makes sure that we do not interpolate functions
|
7723
|
-
// which are basically components used as a selectors.
|
7724
|
-
styleArg.__emotion_real !== styleArg) {
|
7725
|
-
// If the type is function, we need to define the default theme.
|
7726
|
-
transformedStyleArg = props => styleArg(_extends$2({}, props, {
|
7727
|
-
theme: resolveTheme(_extends$2({}, props, {
|
7728
|
-
defaultTheme,
|
7729
|
-
themeId
|
7730
|
-
}))
|
7731
|
-
}));
|
7732
7807
|
}
|
7733
7808
|
const Component = defaultStyledResolver(transformedStyleArg, ...expressionsWithDefaultTheme);
|
7734
7809
|
if (process.env.NODE_ENV !== 'production') {
|
@@ -9510,25 +9585,18 @@ const components = {
|
|
9510
9585
|
},
|
9511
9586
|
MuiCheckbox: {
|
9512
9587
|
variants: [{
|
9513
|
-
props: {
|
9514
|
-
size: "xsmall"
|
9515
|
-
},
|
9516
|
-
style: {
|
9517
|
-
padding: 2
|
9518
|
-
}
|
9519
|
-
}, {
|
9520
9588
|
props: {
|
9521
9589
|
size: "small"
|
9522
9590
|
},
|
9523
9591
|
style: {
|
9524
|
-
padding:
|
9592
|
+
padding: 2
|
9525
9593
|
}
|
9526
9594
|
}, {
|
9527
9595
|
props: {
|
9528
9596
|
size: "medium"
|
9529
9597
|
},
|
9530
9598
|
style: {
|
9531
|
-
padding:
|
9599
|
+
padding: 4
|
9532
9600
|
}
|
9533
9601
|
}],
|
9534
9602
|
defaultProps: {
|
@@ -9536,20 +9604,12 @@ const components = {
|
|
9536
9604
|
}
|
9537
9605
|
},
|
9538
9606
|
MuiChip: {
|
9539
|
-
variants: [{
|
9540
|
-
props: {
|
9541
|
-
size: "xsmall"
|
9542
|
-
},
|
9543
|
-
style: {
|
9544
|
-
height: 16
|
9545
|
-
}
|
9546
|
-
}],
|
9547
9607
|
styleOverrides: {
|
9548
9608
|
sizeSmall: {
|
9549
|
-
height:
|
9609
|
+
height: 16
|
9550
9610
|
},
|
9551
9611
|
sizeMedium: {
|
9552
|
-
height:
|
9612
|
+
height: 24
|
9553
9613
|
},
|
9554
9614
|
root: {
|
9555
9615
|
height: "inherit",
|
@@ -9589,34 +9649,45 @@ const components = {
|
|
9589
9649
|
},
|
9590
9650
|
MuiButton: {
|
9591
9651
|
styleOverrides: {
|
9592
|
-
endIcon: {
|
9593
|
-
marginLeft: 2
|
9594
|
-
},
|
9595
|
-
iconSizeSmall: {
|
9596
|
-
height: 14,
|
9597
|
-
width: 14
|
9598
|
-
},
|
9599
|
-
iconSizeMedium: {
|
9600
|
-
height: 18,
|
9601
|
-
width: 18
|
9602
|
-
},
|
9603
|
-
iconSizeLarge: {
|
9604
|
-
height: 18,
|
9605
|
-
width: 22
|
9606
|
-
},
|
9607
9652
|
sizeSmall: {
|
9608
|
-
height: 26
|
9653
|
+
height: 26,
|
9654
|
+
".MuiSvgIcon-fontSizeSmall": {
|
9655
|
+
height: 16,
|
9656
|
+
width: 16
|
9657
|
+
},
|
9658
|
+
".MuiSvgIcon-fontSizeMedium": {
|
9659
|
+
height: 18,
|
9660
|
+
width: 18
|
9661
|
+
},
|
9662
|
+
".MuiSvgIcon-fontSizeLarge": {
|
9663
|
+
height: 20,
|
9664
|
+
width: 20
|
9665
|
+
}
|
9609
9666
|
},
|
9610
9667
|
sizeMedium: {
|
9611
9668
|
height: 32,
|
9669
|
+
".MuiSvgIcon-fontSizeSmall": {
|
9670
|
+
height: 18,
|
9671
|
+
width: 18
|
9672
|
+
},
|
9612
9673
|
".MuiSvgIcon-fontSizeMedium": {
|
9613
9674
|
height: 18,
|
9614
9675
|
width: 18
|
9676
|
+
},
|
9677
|
+
".MuiSvgIcon-fontSizeLarge": {
|
9678
|
+
height: 20,
|
9679
|
+
width: 20
|
9615
9680
|
}
|
9616
9681
|
},
|
9617
9682
|
sizeLarge: {
|
9618
|
-
|
9619
|
-
|
9683
|
+
".MuiSvgIcon-fontSizeSmall": {
|
9684
|
+
height: 16,
|
9685
|
+
width: 16
|
9686
|
+
},
|
9687
|
+
".MuiSvgIcon-fontSizeMedium": {
|
9688
|
+
height: 18,
|
9689
|
+
width: 18
|
9690
|
+
},
|
9620
9691
|
".MuiSvgIcon-fontSizeLarge": {
|
9621
9692
|
height: 20,
|
9622
9693
|
width: 20
|
@@ -10226,7 +10297,7 @@ var classof$4 = classof$5;
|
|
10226
10297
|
var $String$1 = String;
|
10227
10298
|
|
10228
10299
|
var toString$2 = function (argument) {
|
10229
|
-
if (classof$4(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
|
10300
|
+
if (classof$4(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
|
10230
10301
|
return $String$1(argument);
|
10231
10302
|
};
|
10232
10303
|
|
@@ -10398,7 +10469,7 @@ var $RegExp$1 = global$9.RegExp;
|
|
10398
10469
|
|
10399
10470
|
var regexpUnsupportedDotAll = fails$6(function () {
|
10400
10471
|
var re = $RegExp$1('.', 's');
|
10401
|
-
return !(re.dotAll && re.
|
10472
|
+
return !(re.dotAll && re.test('\n') && re.flags === 's');
|
10402
10473
|
});
|
10403
10474
|
|
10404
10475
|
var fails$5 = fails$h;
|
@@ -10652,7 +10723,7 @@ var regexpExecAbstract = function (R, S) {
|
|
10652
10723
|
return result;
|
10653
10724
|
}
|
10654
10725
|
if (classof$3(R) === 'RegExp') return call$a(regexpExec, R, S);
|
10655
|
-
throw $TypeError$7('RegExp#exec called on incompatible receiver');
|
10726
|
+
throw new $TypeError$7('RegExp#exec called on incompatible receiver');
|
10656
10727
|
};
|
10657
10728
|
|
10658
10729
|
var call$9 = functionCall;
|
@@ -17163,7 +17234,7 @@ var $TypeError$6 = TypeError;
|
|
17163
17234
|
|
17164
17235
|
var aPossiblePrototype$1 = function (argument) {
|
17165
17236
|
if (typeof argument == 'object' || isCallable$6(argument)) return argument;
|
17166
|
-
throw $TypeError$6("Can't set " + $String(argument) + ' as a prototype');
|
17237
|
+
throw new $TypeError$6("Can't set " + $String(argument) + ' as a prototype');
|
17167
17238
|
};
|
17168
17239
|
|
17169
17240
|
/* eslint-disable no-proto -- safe */
|
@@ -17585,6 +17656,49 @@ const FooterActionComponent = ({
|
|
17585
17656
|
}), /*#__PURE__*/React__default.createElement(Box$2, null, labelChangeCounter), renderRightContent));
|
17586
17657
|
};
|
17587
17658
|
|
17659
|
+
const PageHeaderContent = styled$1(Stack$1)(() => ({
|
17660
|
+
backgroundColor: "#fff",
|
17661
|
+
boxShadow: "0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)",
|
17662
|
+
zIndex: 100,
|
17663
|
+
padding: "8px 24px",
|
17664
|
+
minHeight: 39
|
17665
|
+
}));
|
17666
|
+
const PageHeaderComponent = ({
|
17667
|
+
title,
|
17668
|
+
subtitle,
|
17669
|
+
actions,
|
17670
|
+
buttonBack,
|
17671
|
+
fixed
|
17672
|
+
}) => {
|
17673
|
+
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
17674
|
+
theme: SincoTheme
|
17675
|
+
}, /*#__PURE__*/React__default.createElement(PageHeaderContent, {
|
17676
|
+
position: fixed === true ? "fixed" : "relative",
|
17677
|
+
sx: {
|
17678
|
+
width: fixed === true ? "-webkit-fill-available" : "inherit"
|
17679
|
+
}
|
17680
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17681
|
+
width: "100%",
|
17682
|
+
justifyContent: "space-between",
|
17683
|
+
flexDirection: "row",
|
17684
|
+
alignItems: "center"
|
17685
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17686
|
+
gap: 1.5,
|
17687
|
+
flexDirection: "row",
|
17688
|
+
alignItems: "center"
|
17689
|
+
}, buttonBack, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17690
|
+
variant: "h6",
|
17691
|
+
color: "text.primary"
|
17692
|
+
}, title), /*#__PURE__*/React__default.createElement(Typography$1, {
|
17693
|
+
variant: "caption",
|
17694
|
+
color: "text.secondary"
|
17695
|
+
}, subtitle))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17696
|
+
gap: 1,
|
17697
|
+
alignItems: "center",
|
17698
|
+
flexDirection: "row"
|
17699
|
+
}, actions))));
|
17700
|
+
};
|
17701
|
+
|
17588
17702
|
const useProgress = timeProgress => {
|
17589
17703
|
const [progress, setProgress] = useState(100);
|
17590
17704
|
useEffect(() => {
|
@@ -17606,69 +17720,9 @@ const useProgress = timeProgress => {
|
|
17606
17720
|
};
|
17607
17721
|
};
|
17608
17722
|
|
17609
|
-
|
17610
|
-
|
17611
|
-
|
17612
|
-
boxShadow: "0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)",
|
17613
|
-
right: 16,
|
17614
|
-
marginTop: 16
|
17615
|
-
}));
|
17616
|
-
const ToastContent = styled$1(Box$2)(({
|
17617
|
-
theme
|
17618
|
-
}) => ({
|
17619
|
-
padding: theme.spacing(1.5),
|
17620
|
-
gap: theme.spacing(1.5),
|
17621
|
-
display: "flex",
|
17622
|
-
alignItems: "center",
|
17623
|
-
"&.color-error": {
|
17624
|
-
backgroundColor: "#FEEBEE"
|
17625
|
-
},
|
17626
|
-
"&.color-info": {
|
17627
|
-
backgroundColor: "#E1F5FE"
|
17628
|
-
},
|
17629
|
-
"&.color-warning": {
|
17630
|
-
backgroundColor: "#FFF3E0"
|
17631
|
-
},
|
17632
|
-
"&.color-success": {
|
17633
|
-
backgroundColor: "#E8F5E9"
|
17634
|
-
}
|
17635
|
-
}));
|
17636
|
-
const RippleIcon = styled$1(Stack$1)(({
|
17637
|
-
theme
|
17638
|
-
}) => ({
|
17639
|
-
padding: theme.spacing(1),
|
17640
|
-
gap: theme.spacing(1),
|
17641
|
-
height: 20,
|
17642
|
-
borderRadius: 50,
|
17643
|
-
"&.ripple-error": {
|
17644
|
-
backgroundColor: "#D143431F"
|
17645
|
-
},
|
17646
|
-
"&.ripple-info": {
|
17647
|
-
backgroundColor: "#2D9FC51F"
|
17648
|
-
},
|
17649
|
-
"&.ripple-warning": {
|
17650
|
-
backgroundColor: "#FB85001F"
|
17651
|
-
},
|
17652
|
-
"&.ripple-success": {
|
17653
|
-
backgroundColor: "#8FC93A1F"
|
17654
|
-
}
|
17655
|
-
}));
|
17656
|
-
const ToastIconContainer = styled$1(Stack$1)(({
|
17657
|
-
theme
|
17658
|
-
}) => ({
|
17659
|
-
"&.icon-color.color-info": {
|
17660
|
-
color: theme.palette.info.main
|
17661
|
-
},
|
17662
|
-
"&.icon-color.color-error": {
|
17663
|
-
color: theme.palette.error.main
|
17664
|
-
},
|
17665
|
-
"&.icon-color.color-warning": {
|
17666
|
-
color: theme.palette.warning.main
|
17667
|
-
},
|
17668
|
-
"&.icon-color.color-success": {
|
17669
|
-
color: theme.palette.success.main
|
17670
|
-
}
|
17671
|
-
}));
|
17723
|
+
function concatenateObjectValues(obj) {
|
17724
|
+
return Object.values(obj).join("");
|
17725
|
+
}
|
17672
17726
|
const ToastNotificationComponent = toast => {
|
17673
17727
|
const [stateOptions, setStateOptions] = useState(true);
|
17674
17728
|
const [stateToast, setStateToast] = useState(true);
|
@@ -17697,19 +17751,75 @@ const ToastNotificationComponent = toast => {
|
|
17697
17751
|
setStateOptions(prevShowOptions => !prevShowOptions);
|
17698
17752
|
};
|
17699
17753
|
useEffect(() => {
|
17700
|
-
|
17754
|
+
progressToast <= 0 && setStateToast(false);
|
17701
17755
|
}, [progressToast]);
|
17702
17756
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stateToast && /*#__PURE__*/React__default.createElement(Stack$1, {
|
17703
|
-
height: 105,
|
17704
17757
|
position: "absolute",
|
17705
17758
|
zIndex: 1400
|
17706
|
-
}, /*#__PURE__*/React__default.createElement(
|
17759
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17760
|
+
sx: {
|
17761
|
+
position: "fixed",
|
17762
|
+
zIndex: 1400,
|
17763
|
+
boxShadow: "0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)",
|
17764
|
+
right: 16,
|
17765
|
+
marginTop: 2
|
17766
|
+
},
|
17707
17767
|
position: "fixed"
|
17708
|
-
}, /*#__PURE__*/React__default.createElement(
|
17768
|
+
}, /*#__PURE__*/React__default.createElement(Box$2, {
|
17769
|
+
sx: {
|
17770
|
+
padding: SincoTheme.spacing(1.5),
|
17771
|
+
gap: SincoTheme.spacing(1.5),
|
17772
|
+
display: "flex",
|
17773
|
+
alignItems: "center",
|
17774
|
+
"&.color-error": {
|
17775
|
+
backgroundColor: "#FEEBEE"
|
17776
|
+
},
|
17777
|
+
"&.color-info": {
|
17778
|
+
backgroundColor: "#E1F5FE"
|
17779
|
+
},
|
17780
|
+
"&.color-warning": {
|
17781
|
+
backgroundColor: "#FFF3E0"
|
17782
|
+
},
|
17783
|
+
"&.color-success": {
|
17784
|
+
backgroundColor: "#E8F5E9"
|
17785
|
+
}
|
17786
|
+
},
|
17709
17787
|
className: `color-${toastColorConfig}`
|
17710
|
-
}, toast && /*#__PURE__*/React__default.createElement(
|
17788
|
+
}, toast && /*#__PURE__*/React__default.createElement(Stack$1, {
|
17789
|
+
sx: {
|
17790
|
+
padding: SincoTheme.spacing(1),
|
17791
|
+
gap: SincoTheme.spacing(1),
|
17792
|
+
height: 20,
|
17793
|
+
borderRadius: 50,
|
17794
|
+
"&.ripple-error": {
|
17795
|
+
backgroundColor: "#D143431F"
|
17796
|
+
},
|
17797
|
+
"&.ripple-info": {
|
17798
|
+
backgroundColor: "#2D9FC51F"
|
17799
|
+
},
|
17800
|
+
"&.ripple-warning": {
|
17801
|
+
backgroundColor: "#FB85001F"
|
17802
|
+
},
|
17803
|
+
"&.ripple-success": {
|
17804
|
+
backgroundColor: "#8FC93A1F"
|
17805
|
+
}
|
17806
|
+
},
|
17711
17807
|
className: `ripple-${toast.type || "info"}`
|
17712
|
-
}, /*#__PURE__*/React__default.createElement(
|
17808
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17809
|
+
sx: {
|
17810
|
+
"&.icon-color.color-info": {
|
17811
|
+
color: SincoTheme.palette.info.main
|
17812
|
+
},
|
17813
|
+
"&.icon-color.color-error": {
|
17814
|
+
color: SincoTheme.palette.error.main
|
17815
|
+
},
|
17816
|
+
"&.icon-color.color-warning": {
|
17817
|
+
color: SincoTheme.palette.warning.main
|
17818
|
+
},
|
17819
|
+
"&.icon-color.color-success": {
|
17820
|
+
color: SincoTheme.palette.success.main
|
17821
|
+
}
|
17822
|
+
},
|
17713
17823
|
className: `icon-color color-${toast.type || "info"}`
|
17714
17824
|
}, ToastIconConfig)), /*#__PURE__*/React__default.createElement(Divider$1, {
|
17715
17825
|
orientation: "vertical",
|
@@ -17740,21 +17850,14 @@ const ToastNotificationComponent = toast => {
|
|
17740
17850
|
fontSize: 11,
|
17741
17851
|
color: "#101840de"
|
17742
17852
|
}
|
17743
|
-
}, toast.dataOpt.map((element, i) => {
|
17744
|
-
|
17745
|
-
|
17746
|
-
|
17747
|
-
|
17748
|
-
|
17749
|
-
|
17750
|
-
|
17751
|
-
width: "fit-content"
|
17752
|
-
},
|
17753
|
-
key: i
|
17754
|
-
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17755
|
-
variant: "caption"
|
17756
|
-
}, options));
|
17757
|
-
}))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17853
|
+
}, toast.dataOpt.map((element, i) => /*#__PURE__*/React__default.createElement("li", {
|
17854
|
+
style: {
|
17855
|
+
width: "fit-content"
|
17856
|
+
},
|
17857
|
+
key: i
|
17858
|
+
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17859
|
+
variant: "caption"
|
17860
|
+
}, concatenateObjectValues(element)))))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17758
17861
|
justifyContent: "flex-end",
|
17759
17862
|
flexDirection: "row",
|
17760
17863
|
alignItems: "flex-end"
|
@@ -17778,13 +17881,6 @@ const ToastNotificationComponent = toast => {
|
|
17778
17881
|
}))));
|
17779
17882
|
};
|
17780
17883
|
|
17781
|
-
// app.tsx
|
17782
|
-
const App = () => {
|
17783
|
-
return /*#__PURE__*/React__default.createElement(React__default.StrictMode, null, /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
17784
|
-
theme: SincoTheme
|
17785
|
-
}, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ToastNotificationComponent, null))));
|
17786
|
-
};
|
17787
|
-
|
17788
17884
|
var global$6 = global$l;
|
17789
17885
|
var classof$2 = classofRaw$2;
|
17790
17886
|
|
@@ -17823,7 +17919,7 @@ var $TypeError$5 = TypeError;
|
|
17823
17919
|
|
17824
17920
|
var anInstance$1 = function (it, Prototype) {
|
17825
17921
|
if (isPrototypeOf$1(Prototype, it)) return it;
|
17826
|
-
throw $TypeError$5('Incorrect invocation');
|
17922
|
+
throw new $TypeError$5('Incorrect invocation');
|
17827
17923
|
};
|
17828
17924
|
|
17829
17925
|
var uncurryThis$2 = functionUncurryThis;
|
@@ -17838,7 +17934,7 @@ var empty = [];
|
|
17838
17934
|
var construct = getBuiltIn$2('Reflect', 'construct');
|
17839
17935
|
var constructorRegExp = /^\s*(?:class|function)\b/;
|
17840
17936
|
var exec = uncurryThis$2(constructorRegExp.exec);
|
17841
|
-
var INCORRECT_TO_STRING = !constructorRegExp.
|
17937
|
+
var INCORRECT_TO_STRING = !constructorRegExp.test(noop);
|
17842
17938
|
|
17843
17939
|
var isConstructorModern = function isConstructor(argument) {
|
17844
17940
|
if (!isCallable$4(argument)) return false;
|
@@ -17887,7 +17983,7 @@ var $TypeError$4 = TypeError;
|
|
17887
17983
|
// `Assert: IsConstructor(argument) is true`
|
17888
17984
|
var aConstructor$1 = function (argument) {
|
17889
17985
|
if (isConstructor(argument)) return argument;
|
17890
|
-
throw $TypeError$4(tryToString$2(argument) + ' is not a constructor');
|
17986
|
+
throw new $TypeError$4(tryToString$2(argument) + ' is not a constructor');
|
17891
17987
|
};
|
17892
17988
|
|
17893
17989
|
var anObject$4 = anObject$d;
|
@@ -17937,7 +18033,7 @@ var arraySlice$1 = uncurryThis([].slice);
|
|
17937
18033
|
var $TypeError$3 = TypeError;
|
17938
18034
|
|
17939
18035
|
var validateArgumentsLength$1 = function (passed, required) {
|
17940
|
-
if (passed < required) throw $TypeError$3('Not enough arguments');
|
18036
|
+
if (passed < required) throw new $TypeError$3('Not enough arguments');
|
17941
18037
|
return passed;
|
17942
18038
|
};
|
17943
18039
|
|
@@ -18260,7 +18356,7 @@ var $TypeError$2 = TypeError;
|
|
18260
18356
|
var PromiseCapability = function (C) {
|
18261
18357
|
var resolve, reject;
|
18262
18358
|
this.promise = new C(function ($$resolve, $$reject) {
|
18263
|
-
if (resolve !== undefined || reject !== undefined) throw $TypeError$2('Bad Promise constructor');
|
18359
|
+
if (resolve !== undefined || reject !== undefined) throw new $TypeError$2('Bad Promise constructor');
|
18264
18360
|
resolve = $$resolve;
|
18265
18361
|
reject = $$reject;
|
18266
18362
|
});
|
@@ -18353,7 +18449,7 @@ var callReaction = function (reaction, state) {
|
|
18353
18449
|
}
|
18354
18450
|
}
|
18355
18451
|
if (result === reaction.promise) {
|
18356
|
-
reject(TypeError$1('Promise-chain cycle'));
|
18452
|
+
reject(new TypeError$1('Promise-chain cycle'));
|
18357
18453
|
} else if (then = isThenable(result)) {
|
18358
18454
|
call$6(then, result, resolve, reject);
|
18359
18455
|
} else resolve(result);
|
@@ -18443,7 +18539,7 @@ var internalResolve = function (state, value, unwrap) {
|
|
18443
18539
|
state.done = true;
|
18444
18540
|
if (unwrap) state = unwrap;
|
18445
18541
|
try {
|
18446
|
-
if (state.facade === value) throw TypeError$1("Promise can't be resolved itself");
|
18542
|
+
if (state.facade === value) throw new TypeError$1("Promise can't be resolved itself");
|
18447
18543
|
var then = isThenable(value);
|
18448
18544
|
if (then) {
|
18449
18545
|
microtask(function () {
|
@@ -18597,7 +18693,7 @@ var $TypeError$1 = TypeError;
|
|
18597
18693
|
var getIterator$1 = function (argument, usingIterator) {
|
18598
18694
|
var iteratorMethod = arguments.length < 2 ? getIteratorMethod$1(argument) : usingIterator;
|
18599
18695
|
if (aCallable$2(iteratorMethod)) return anObject$3(call$5(iteratorMethod, argument));
|
18600
|
-
throw $TypeError$1(tryToString$1(argument) + ' is not iterable');
|
18696
|
+
throw new $TypeError$1(tryToString$1(argument) + ' is not iterable');
|
18601
18697
|
};
|
18602
18698
|
|
18603
18699
|
var call$4 = functionCall;
|
@@ -18671,7 +18767,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
|
|
18671
18767
|
iterator = iterable;
|
18672
18768
|
} else {
|
18673
18769
|
iterFn = getIteratorMethod(iterable);
|
18674
|
-
if (!iterFn) throw $TypeError(tryToString(iterable) + ' is not iterable');
|
18770
|
+
if (!iterFn) throw new $TypeError(tryToString(iterable) + ' is not iterable');
|
18675
18771
|
// optimisation for array iterators
|
18676
18772
|
if (isArrayIteratorMethod(iterFn)) {
|
18677
18773
|
for (index = 0, length = lengthOfArrayLike(iterable); length > index; index++) {
|
@@ -23242,4 +23338,4 @@ const useDynamicColor = url => {
|
|
23242
23338
|
};
|
23243
23339
|
};
|
23244
23340
|
|
23245
|
-
export {
|
23341
|
+
export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, PageHeaderComponent, PageHeaderContent, SincoTheme, ToastNotificationComponent, useDynamicColor };
|
package/package.json
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
export declare const main: () => JSX.Element;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import React from "react";
|
2
|
+
interface PageheaderProperties {
|
3
|
+
title?: string;
|
4
|
+
subtitle?: string;
|
5
|
+
actions?: React.ReactNode;
|
6
|
+
buttonBack?: React.ReactNode;
|
7
|
+
fixed?: boolean;
|
8
|
+
}
|
9
|
+
export declare const PageHeaderContent: import("@emotion/styled").StyledComponent<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
10
|
+
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
11
|
+
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
12
|
+
export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
|
13
|
+
export {};
|
@@ -1,12 +1,10 @@
|
|
1
1
|
import React from "react";
|
2
|
-
interface Option {
|
3
|
-
}
|
4
2
|
interface ToastNotificationProperties {
|
5
3
|
type?: string;
|
6
4
|
subtitle?: string;
|
7
5
|
time?: number | any;
|
8
6
|
title?: string;
|
9
|
-
dataOpt?:
|
7
|
+
dataOpt?: Array<object>;
|
10
8
|
actions?: React.ReactNode;
|
11
9
|
seeMore?: boolean;
|
12
10
|
}
|
@@ -1,12 +1,2 @@
|
|
1
1
|
import { Components } from '@mui/material';
|
2
|
-
declare module '@mui/material/Chip' {
|
3
|
-
interface ChipPropsSizeOverrides {
|
4
|
-
xsmall: true;
|
5
|
-
}
|
6
|
-
}
|
7
|
-
declare module "@mui/material/Checkbox" {
|
8
|
-
interface CheckboxPropsSizeOverrides {
|
9
|
-
xsmall: true;
|
10
|
-
}
|
11
|
-
}
|
12
2
|
export declare const components: Components;
|