dhre-ui-kit 0.0.279 → 0.0.281

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.mjs CHANGED
@@ -1,12 +1,13 @@
1
1
  import React, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
2
2
  import { useSelector } from 'react-redux';
3
- import { Dimensions, StyleSheet, Text, Pressable, View, Modal, KeyboardAvoidingView, Platform, TextInput, ScrollView, Animated, FlatList, TouchableOpacity, Alert, Linking, PanResponder } from 'react-native';
4
- import { PanGestureHandler, GestureHandlerRootView, Swipeable } from 'react-native-gesture-handler';
3
+ import { Dimensions, StyleSheet, Text, Pressable, View, KeyboardAvoidingView, Platform, TextInput, ScrollView, Animated, FlatList, TouchableOpacity, Modal as Modal$1, Alert, Linking, PanResponder } from 'react-native';
5
4
  import { BlurView } from '@react-native-community/blur';
5
+ import Modal from 'react-native-modal';
6
6
  import LottieView from 'lottie-react-native';
7
7
  import Tooltip from 'react-native-walkthrough-tooltip';
8
8
  import Pdf from 'react-native-pdf';
9
9
  import * as Progress from 'react-native-progress';
10
+ import { GestureHandlerRootView, Swipeable } from 'react-native-gesture-handler';
10
11
  import DeviceInfo from 'react-native-device-info';
11
12
  import { Calendar } from 'react-native-calendars';
12
13
  import CountryPicker from 'react-native-country-picker-modal';
@@ -656,24 +657,18 @@ const BottomDrawer = ({
656
657
  titleStyle,
657
658
  titleVariant = "B2_REGULAR",
658
659
  showHeader = true,
659
- blurType = "light",
660
+ blurType,
660
661
  showSeparator = true
661
662
  }) => {
662
- const onSwipDown = (event) => {
663
- const { translationY } = event.nativeEvent;
664
- if (translationY > 50) {
665
- toggleModal();
666
- }
667
- };
668
663
  return /* @__PURE__ */ React.createElement(
669
664
  Modal,
670
665
  {
671
- animationType: "slide",
672
- transparent: true,
673
- visible: isModalVisible,
674
- onRequestClose: toggleModal
666
+ isVisible: isModalVisible,
667
+ swipeDirection: "down",
668
+ onSwipeComplete: toggleModal,
669
+ style: { margin: 0 }
675
670
  },
676
- /* @__PURE__ */ React.createElement(PanGestureHandler, { onGestureEvent: onSwipDown }, /* @__PURE__ */ React.createElement(
671
+ /* @__PURE__ */ React.createElement(
677
672
  KeyboardAvoidingView,
678
673
  {
679
674
  behavior: Platform.OS === "ios" ? "padding" : "height",
@@ -704,7 +699,7 @@ const BottomDrawer = ({
704
699
  style: styles$z.rightIconStyle,
705
700
  onPress: toggleModal
706
701
  }) : null)), children))
707
- ))
702
+ )
708
703
  );
709
704
  };
710
705
 
@@ -2724,7 +2719,7 @@ const ContactModal = ({
2724
2719
  }
2725
2720
  )));
2726
2721
  return /* @__PURE__ */ React.createElement(View, { style: styles$e.container }, /* @__PURE__ */ React.createElement(
2727
- Modal,
2722
+ Modal$1,
2728
2723
  {
2729
2724
  animationType: "slide",
2730
2725
  transparent: true,