dhre-ui-kit 0.0.344 → 0.0.345
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +8 -8
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +8 -8
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -743,13 +743,11 @@ const createStyles$3 = (theme) => {
|
|
|
743
743
|
backdrop: {
|
|
744
744
|
flex: 1,
|
|
745
745
|
justifyContent: "center",
|
|
746
|
-
alignItems: "center"
|
|
747
|
-
backgroundColor: "rgba(0, 0, 0, 0.3)"
|
|
746
|
+
alignItems: "center"
|
|
748
747
|
},
|
|
749
748
|
box: {
|
|
750
749
|
width: 148,
|
|
751
750
|
height: 187,
|
|
752
|
-
backgroundColor: theme.SURFACE_PRIMARY,
|
|
753
751
|
borderRadius: 16,
|
|
754
752
|
justifyContent: "center",
|
|
755
753
|
alignItems: "center",
|
|
@@ -763,8 +761,7 @@ const createStyles$3 = (theme) => {
|
|
|
763
761
|
width: 80,
|
|
764
762
|
height: 80,
|
|
765
763
|
justifyContent: "center",
|
|
766
|
-
alignItems: "center"
|
|
767
|
-
backgroundColor: "red"
|
|
764
|
+
alignItems: "center"
|
|
768
765
|
},
|
|
769
766
|
text: {
|
|
770
767
|
marginTop: 16,
|
|
@@ -1980,12 +1977,15 @@ const LOADER_LIGHT = {
|
|
|
1980
1977
|
markers: []
|
|
1981
1978
|
};
|
|
1982
1979
|
|
|
1983
|
-
const CustomLoader = ({
|
|
1980
|
+
const CustomLoader = ({
|
|
1981
|
+
loading,
|
|
1982
|
+
loadingText = "Loading..."
|
|
1983
|
+
}) => {
|
|
1984
1984
|
const { theme, mode } = useTheme();
|
|
1985
1985
|
const styles = createStyles$3(theme);
|
|
1986
1986
|
if (!loading) return null;
|
|
1987
1987
|
else {
|
|
1988
|
-
return /* @__PURE__ */ React.createElement(
|
|
1988
|
+
return /* @__PURE__ */ React.createElement(View, { style: styles.container }, /* @__PURE__ */ React.createElement(View, { style: styles.backdrop }, /* @__PURE__ */ React.createElement(View, { style: styles.box }, /* @__PURE__ */ React.createElement(View, { style: styles.loader }, /* @__PURE__ */ React.createElement(
|
|
1989
1989
|
LottieView,
|
|
1990
1990
|
{
|
|
1991
1991
|
style: styles.loader,
|
|
@@ -1993,7 +1993,7 @@ const CustomLoader = ({ loading }) => {
|
|
|
1993
1993
|
autoPlay: true,
|
|
1994
1994
|
loop: true
|
|
1995
1995
|
}
|
|
1996
|
-
);
|
|
1996
|
+
)))));
|
|
1997
1997
|
}
|
|
1998
1998
|
};
|
|
1999
1999
|
var CustomLoader$1 = withThemeProvider(CustomLoader);
|