@sinco/react 1.0.14-rc.5 → 1.0.14-rc.6
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +62 -75
- package/package.json +1 -1
package/index.js
CHANGED
@@ -17606,69 +17606,6 @@ const useProgress = timeProgress => {
|
|
17606
17606
|
};
|
17607
17607
|
};
|
17608
17608
|
|
17609
|
-
const ToastContainer = styled$1(Stack$1)(() => ({
|
17610
|
-
position: "fixed",
|
17611
|
-
zIndex: 1400,
|
17612
|
-
boxShadow: "0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)",
|
17613
|
-
right: 16,
|
17614
|
-
marginTop: 16
|
17615
|
-
}));
|
17616
|
-
const ToastContent = styled$1(Box$2)(({
|
17617
|
-
theme
|
17618
|
-
}) => ({
|
17619
|
-
padding: theme.spacing(1.5),
|
17620
|
-
gap: theme.spacing(1.5),
|
17621
|
-
display: "flex",
|
17622
|
-
alignItems: "center",
|
17623
|
-
"&.color-error": {
|
17624
|
-
backgroundColor: "#FEEBEE"
|
17625
|
-
},
|
17626
|
-
"&.color-info": {
|
17627
|
-
backgroundColor: "#E1F5FE"
|
17628
|
-
},
|
17629
|
-
"&.color-warning": {
|
17630
|
-
backgroundColor: "#FFF3E0"
|
17631
|
-
},
|
17632
|
-
"&.color-success": {
|
17633
|
-
backgroundColor: "#E8F5E9"
|
17634
|
-
}
|
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
|
-
}));
|
17672
17609
|
const ToastNotificationComponent = toast => {
|
17673
17610
|
const [stateOptions, setStateOptions] = useState(true);
|
17674
17611
|
const [stateToast, setStateToast] = useState(true);
|
@@ -17703,13 +17640,70 @@ const ToastNotificationComponent = toast => {
|
|
17703
17640
|
height: 105,
|
17704
17641
|
position: "absolute",
|
17705
17642
|
zIndex: 1400
|
17706
|
-
}, /*#__PURE__*/React__default.createElement(
|
17643
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17644
|
+
sx: {
|
17645
|
+
position: "fixed",
|
17646
|
+
zIndex: 1400,
|
17647
|
+
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)",
|
17648
|
+
right: 16,
|
17649
|
+
marginTop: 16
|
17650
|
+
},
|
17707
17651
|
position: "fixed"
|
17708
|
-
}, /*#__PURE__*/React__default.createElement(
|
17652
|
+
}, /*#__PURE__*/React__default.createElement(Box$2, {
|
17653
|
+
sx: {
|
17654
|
+
padding: SincoTheme.spacing(1.5),
|
17655
|
+
gap: SincoTheme.spacing(1.5),
|
17656
|
+
display: "flex",
|
17657
|
+
alignItems: "center",
|
17658
|
+
"&.color-error": {
|
17659
|
+
backgroundColor: "#FEEBEE"
|
17660
|
+
},
|
17661
|
+
"&.color-info": {
|
17662
|
+
backgroundColor: "#E1F5FE"
|
17663
|
+
},
|
17664
|
+
"&.color-warning": {
|
17665
|
+
backgroundColor: "#FFF3E0"
|
17666
|
+
},
|
17667
|
+
"&.color-success": {
|
17668
|
+
backgroundColor: "#E8F5E9"
|
17669
|
+
}
|
17670
|
+
},
|
17709
17671
|
className: `color-${toastColorConfig}`
|
17710
|
-
}, toast && /*#__PURE__*/React__default.createElement(
|
17672
|
+
}, toast && /*#__PURE__*/React__default.createElement(Stack$1, {
|
17673
|
+
sx: {
|
17674
|
+
padding: SincoTheme.spacing(1),
|
17675
|
+
gap: SincoTheme.spacing(1),
|
17676
|
+
height: 20,
|
17677
|
+
borderRadius: 50,
|
17678
|
+
"&.ripple-error": {
|
17679
|
+
backgroundColor: "#D143431F"
|
17680
|
+
},
|
17681
|
+
"&.ripple-info": {
|
17682
|
+
backgroundColor: "#2D9FC51F"
|
17683
|
+
},
|
17684
|
+
"&.ripple-warning": {
|
17685
|
+
backgroundColor: "#FB85001F"
|
17686
|
+
},
|
17687
|
+
"&.ripple-success": {
|
17688
|
+
backgroundColor: "#8FC93A1F"
|
17689
|
+
}
|
17690
|
+
},
|
17711
17691
|
className: `ripple-${toast.type || "info"}`
|
17712
|
-
}, /*#__PURE__*/React__default.createElement(
|
17692
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17693
|
+
sx: {
|
17694
|
+
"&.icon-color.color-info": {
|
17695
|
+
color: SincoTheme.palette.info.main
|
17696
|
+
},
|
17697
|
+
"&.icon-color.color-error": {
|
17698
|
+
color: SincoTheme.palette.error.main
|
17699
|
+
},
|
17700
|
+
"&.icon-color.color-warning": {
|
17701
|
+
color: SincoTheme.palette.warning.main
|
17702
|
+
},
|
17703
|
+
"&.icon-color.color-success": {
|
17704
|
+
color: SincoTheme.palette.success.main
|
17705
|
+
}
|
17706
|
+
},
|
17713
17707
|
className: `icon-color color-${toast.type || "info"}`
|
17714
17708
|
}, ToastIconConfig)), /*#__PURE__*/React__default.createElement(Divider$1, {
|
17715
17709
|
orientation: "vertical",
|
@@ -17781,14 +17775,7 @@ const ToastNotificationComponent = toast => {
|
|
17781
17775
|
const App = () => {
|
17782
17776
|
return /*#__PURE__*/React__default.createElement(React__default.StrictMode, null, /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
17783
17777
|
theme: SincoTheme
|
17784
|
-
}, /*#__PURE__*/React__default.createElement(
|
17785
|
-
type: '',
|
17786
|
-
title: '',
|
17787
|
-
seeMore: true,
|
17788
|
-
dataOpt: [{
|
17789
|
-
hola: "hajaja"
|
17790
|
-
}]
|
17791
|
-
}))));
|
17778
|
+
}, /*#__PURE__*/React__default.createElement(ToastNotificationComponent, null)));
|
17792
17779
|
};
|
17793
17780
|
|
17794
17781
|
var global$6 = global$l;
|