dhre-ui-kit 0.0.276 → 0.0.279

package/lib/index.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactRedux = require('react-redux');
 var reactNative = require('react-native');
-var BottomSheet = require('@gorhom/bottom-sheet');
+var reactNativeGestureHandler = require('react-native-gesture-handler');
 var blur = require('@react-native-community/blur');
 var LottieView = require('lottie-react-native');
 var Tooltip = require('react-native-walkthrough-tooltip');
 var Pdf = require('react-native-pdf');
 var Progress = require('react-native-progress');
-var reactNativeGestureHandler = require('react-native-gesture-handler');
 var DeviceInfo = require('react-native-device-info');
 var reactNativeCalendars = require('react-native-calendars');
 var CountryPicker = require('react-native-country-picker-modal');
@@ -43,7 +42,6 @@ function _interopNamespace(e) {
 }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var BottomSheet__default = /*#__PURE__*/_interopDefaultLegacy(BottomSheet);
 var LottieView__default = /*#__PURE__*/_interopDefaultLegacy(LottieView);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Pdf__default = /*#__PURE__*/_interopDefaultLegacy(Pdf);
@@ -697,50 +695,52 @@ const BottomDrawer = ({
   blurType = "light",
   showSeparator = true
 }) => {
-  const bottomSheetRef = React.useRef(null);
-  const handleSheetChanges = React.useCallback(
-    (index) => {
-      if (index === -1) {
-        toggleModal();
-      }
-    },
-    [toggleModal]
-  );
+  const onSwipDown = (event) => {
+    const { translationY } = event.nativeEvent;
+    if (translationY > 50) {
+      toggleModal();
+    }
+  };
   return /* @__PURE__ */ React__default["default"].createElement(
-    BottomSheet__default["default"],
+    reactNative.Modal,
     {
-      ref: bottomSheetRef,
-      index: isModalVisible ? 0 : -1,
-      snapPoints: ["50%", "100%"],
-      onChange: handleSheetChanges,
-      enablePanDownToClose: true,
-      style: [styles$z.mainContainer, style]
+      animationType: "slide",
+      transparent: true,
+      visible: isModalVisible,
+      onRequestClose: toggleModal
     },
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React__default["default"].createElement(
-      blur.BlurView,
-      {
-        style: [styles$z.blurView, blurViewStyle],
-        blurType,
-        blurAmount
-      }
-    ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, showSeparator && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
-      width: moderateScale(24),
-      height: moderateScale(24),
-      style: styles$z.leftIconStyle,
-      onPress: onLeftIconPress
-    }) : null, /* @__PURE__ */ React__default["default"].createElement(
-      CustomTypography,
+    /* @__PURE__ */ React__default["default"].createElement(reactNativeGestureHandler.PanGestureHandler, { onGestureEvent: onSwipDown }, /* @__PURE__ */ React__default["default"].createElement(
+      reactNative.KeyboardAvoidingView,
       {
-        variant: titleVariant,
-        text: title,
-        style: { ...styles$z.title, ...titleStyle }
-      }
-    ), showRightIcon && rightIcon ? React__default["default"].cloneElement(rightIcon, {
-      width: moderateScale(24),
-      height: moderateScale(24),
-      style: styles$z.rightIconStyle,
-      onPress: toggleModal
-    }) : null)), children))
+        behavior: reactNative.Platform.OS === "ios" ? "padding" : "height",
+        style: { flex: 1 }
+      },
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React__default["default"].createElement(
+        blur.BlurView,
+        {
+          style: [styles$z.blurView, blurViewStyle],
+          blurType,
+          blurAmount
+        }
+      ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, showSeparator && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
+        width: moderateScale(24),
+        height: moderateScale(24),
+        style: styles$z.leftIconStyle,
+        onPress: onLeftIconPress
+      }) : null, /* @__PURE__ */ React__default["default"].createElement(
+        CustomTypography,
+        {
+          variant: titleVariant,
+          text: title,
+          style: { ...styles$z.title, ...titleStyle }
+        }
+      ), showRightIcon && rightIcon ? React__default["default"].cloneElement(rightIcon, {
+        width: moderateScale(24),
+        height: moderateScale(24),
+        style: styles$z.rightIconStyle,
+        onPress: toggleModal
+      }) : null)), children))
+    ))
   );
 };