dhre-ui-kit 0.0.337 → 0.0.339
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.d.ts +1 -0
- package/lib/index.js +19 -6
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +18 -5
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -4,6 +4,7 @@ import { Dimensions, StyleSheet, Text, Pressable, View, Platform, KeyboardAvoidi
|
|
|
4
4
|
import Modal from 'react-native-modal';
|
|
5
5
|
import Clipboard from '@react-native-clipboard/clipboard';
|
|
6
6
|
import LottieView from 'lottie-react-native';
|
|
7
|
+
import { LOADER_JSON } from 'src/assets/images/loading';
|
|
7
8
|
import Tooltip from 'react-native-walkthrough-tooltip';
|
|
8
9
|
import Pdf from 'react-native-pdf';
|
|
9
10
|
import * as Progress from 'react-native-progress';
|
|
@@ -686,6 +687,7 @@ const BottomDrawer = ({
|
|
|
686
687
|
showBlurView = true,
|
|
687
688
|
backdropColor,
|
|
688
689
|
backdropOpacity = 0.9,
|
|
690
|
+
footer,
|
|
689
691
|
propagateSwipe = true,
|
|
690
692
|
swipeDirection = "down"
|
|
691
693
|
}) => {
|
|
@@ -725,7 +727,8 @@ const BottomDrawer = ({
|
|
|
725
727
|
style: styles$z.rightIconStyle,
|
|
726
728
|
onPress: toggleModal
|
|
727
729
|
}) : null)), children))
|
|
728
|
-
)
|
|
730
|
+
),
|
|
731
|
+
footer ? /* @__PURE__ */ React.createElement(React.Fragment, null, footer) : null
|
|
729
732
|
);
|
|
730
733
|
};
|
|
731
734
|
|
|
@@ -773,13 +776,23 @@ const createStyles$3 = (theme) => {
|
|
|
773
776
|
});
|
|
774
777
|
};
|
|
775
778
|
|
|
776
|
-
const
|
|
777
|
-
|
|
779
|
+
const CustomLoader = ({
|
|
780
|
+
loading,
|
|
781
|
+
loadingText = "Loading..."
|
|
782
|
+
}) => {
|
|
778
783
|
const { theme, mode } = useTheme();
|
|
779
784
|
const styles = createStyles$3(theme);
|
|
780
785
|
if (!loading) return null;
|
|
781
786
|
else {
|
|
782
|
-
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(
|
|
787
|
+
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(
|
|
788
|
+
LottieView,
|
|
789
|
+
{
|
|
790
|
+
style: styles.loader,
|
|
791
|
+
source: LOADER_JSON,
|
|
792
|
+
autoPlay: true,
|
|
793
|
+
loop: true
|
|
794
|
+
}
|
|
795
|
+
)), /* @__PURE__ */ React.createElement(
|
|
783
796
|
CustomText$1,
|
|
784
797
|
{
|
|
785
798
|
text: loadingText,
|
|
@@ -2956,7 +2969,7 @@ const DateRangePicker = (props) => {
|
|
|
2956
2969
|
textDisabledColor: theme.CONTENT_DISABLE
|
|
2957
2970
|
},
|
|
2958
2971
|
style: {
|
|
2959
|
-
backgroundColor: theme.
|
|
2972
|
+
backgroundColor: theme.SURFACE_TERTIARY,
|
|
2960
2973
|
color: theme.CONTENT_SECONDRY,
|
|
2961
2974
|
borderRadius: 24
|
|
2962
2975
|
},
|