dhre-ui-kit 0.0.279 → 0.0.280

package/lib/index.d.ts

@@ -30,31 +30,28 @@ interface BadgeProps {
 }
 declare const _default$j: (props: BadgeProps) => React$1.JSX.Element;
 
-interface BottomDrawerProps {
-    isModalVisible: boolean;
-    toggleModal: () => void;
-    isFullScreen?: boolean;
-    children: React.ReactNode;
-    title: string;
-    testID?: string;
-    style?: ViewStyle;
-    modalContainerStyle?: ViewStyle;
-    blurAmount?: number;
-    blurViewStyle?: ViewStyle;
-    showBlurView?: boolean;
-    leftIcon?: React.ReactElement;
-    rightIcon?: React.ReactElement;
-    showLeftIcon?: boolean;
-    showRightIcon?: boolean;
-    onLeftIconPress?: () => void;
-    titleStyle?: TextStyle;
-    titleVariant?: string;
-    showHeader?: boolean;
-    blurType?: 'dark' | 'light' | 'xlight';
-    showSeparator?: boolean;
-}
-
-declare const BottomDrawer: React$1.FC<BottomDrawerProps>;
+declare const BottomDrawer: ({ isModalVisible, toggleModal, children, title, testID, style, modalContainerStyle, blurAmount, blurViewStyle, showBlurView, showLeftIcon, showRightIcon, leftIcon, rightIcon, onLeftIconPress, titleStyle, titleVariant, showHeader, blurType, showSeparator, }: {
+    isModalVisible: any;
+    toggleModal: any;
+    children: any;
+    title: any;
+    testID?: string | undefined;
+    style: any;
+    modalContainerStyle: any;
+    blurAmount?: number | undefined;
+    blurViewStyle: any;
+    showBlurView?: boolean | undefined;
+    showLeftIcon?: boolean | undefined;
+    showRightIcon?: boolean | undefined;
+    leftIcon: any;
+    rightIcon: any;
+    onLeftIconPress: any;
+    titleStyle: any;
+    titleVariant?: string | undefined;
+    showHeader?: boolean | undefined;
+    blurType: any;
+    showSeparator?: boolean | undefined;
+}) => React$1.JSX.Element;
 
 interface CustomButtonProps {
     title: string;

package/lib/index.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactRedux = require('react-redux');
 var reactNative = require('react-native');
-var reactNativeGestureHandler = require('react-native-gesture-handler');
 var blur = require('@react-native-community/blur');
+var Modal = require('react-native-modal');
+var stylehelper = require('src/utils/stylehelper');
 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');
@@ -42,6 +44,7 @@ function _interopNamespace(e) {
 }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
 var LottieView__default = /*#__PURE__*/_interopDefaultLegacy(LottieView);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Pdf__default = /*#__PURE__*/_interopDefaultLegacy(Pdf);
@@ -692,24 +695,18 @@ const BottomDrawer = ({
   titleStyle,
   titleVariant = "B2_REGULAR",
   showHeader = true,
-  blurType = "light",
+  blurType,
   showSeparator = true
 }) => {
-  const onSwipDown = (event) => {
-    const { translationY } = event.nativeEvent;
-    if (translationY > 50) {
-      toggleModal();
-    }
-  };
   return /* @__PURE__ */ React__default["default"].createElement(
-    reactNative.Modal,
+    Modal__default["default"],
     {
-      animationType: "slide",
-      transparent: true,
-      visible: isModalVisible,
-      onRequestClose: toggleModal
+      isVisible: isModalVisible,
+      swipeDirection: "down",
+      onSwipeComplete: toggleModal,
+      style: { margin: 0 }
     },
-    /* @__PURE__ */ React__default["default"].createElement(reactNativeGestureHandler.PanGestureHandler, { onGestureEvent: onSwipDown }, /* @__PURE__ */ React__default["default"].createElement(
+    /* @__PURE__ */ React__default["default"].createElement(
       reactNative.KeyboardAvoidingView,
       {
         behavior: reactNative.Platform.OS === "ios" ? "padding" : "height",
@@ -723,8 +720,8 @@ const BottomDrawer = ({
           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),
+        width: stylehelper.moderateScale(24),
+        height: stylehelper.moderateScale(24),
         style: styles$z.leftIconStyle,
         onPress: onLeftIconPress
       }) : null, /* @__PURE__ */ React__default["default"].createElement(
@@ -735,12 +732,12 @@ const BottomDrawer = ({
           style: { ...styles$z.title, ...titleStyle }
         }
       ), showRightIcon && rightIcon ? React__default["default"].cloneElement(rightIcon, {
-        width: moderateScale(24),
-        height: moderateScale(24),
+        width: stylehelper.moderateScale(24),
+        height: stylehelper.moderateScale(24),
         style: styles$z.rightIconStyle,
         onPress: toggleModal
       }) : null)), children))
-    ))
+    )
   );
 };