dhre-ui-kit 0.0.281 → 0.0.282

package/lib/index.d.ts

@@ -30,28 +30,28 @@ interface BadgeProps {
 }
 declare const _default$j: (props: BadgeProps) => React$1.JSX.Element;
 
-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 BottomDrawerProps {
+    isModalVisible: boolean;
+    toggleModal: () => void;
+    isFullScreen?: boolean;
+    children: React.ReactNode;
+    title: string;
+    testID?: string;
+    style?: ViewStyle;
+    modalContainerStyle?: ViewStyle;
+    showBlurView?: boolean;
+    leftIcon?: React.ReactElement;
+    rightIcon?: React.ReactElement;
+    showLeftIcon?: boolean;
+    showRightIcon?: boolean;
+    onLeftIconPress?: () => void;
+    titleStyle?: TextStyle;
+    titleVariant?: string;
+    showHeader?: boolean;
+    showSeparator?: boolean;
+}
+
+declare const BottomDrawer: React$1.FC<BottomDrawerProps>;
 
 interface CustomButtonProps {
     title: string;

package/lib/index.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactRedux = require('react-redux');
 var reactNative = require('react-native');
-var blur = require('@react-native-community/blur');
 var Modal = require('react-native-modal');
+var Clipboard = require('@react-native-clipboard/clipboard');
 var LottieView = require('lottie-react-native');
 var Tooltip = require('react-native-walkthrough-tooltip');
 var Pdf = require('react-native-pdf');
@@ -20,7 +20,6 @@ var reactNativeElementDropdown = require('react-native-element-dropdown');
 var DocumentPicker = require('react-native-document-picker');
 var RNFS = require('react-native-fs');
 var OTPVerify = require('react-native-otp-verify');
-var Clipboard = require('@react-native-clipboard/clipboard');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -44,6 +43,7 @@ function _interopNamespace(e) {
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
+var Clipboard__default = /*#__PURE__*/_interopDefaultLegacy(Clipboard);
 var LottieView__default = /*#__PURE__*/_interopDefaultLegacy(LottieView);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Pdf__default = /*#__PURE__*/_interopDefaultLegacy(Pdf);
@@ -53,7 +53,6 @@ var CountryPicker__default = /*#__PURE__*/_interopDefaultLegacy(CountryPicker);
 var DocumentPicker__default = /*#__PURE__*/_interopDefaultLegacy(DocumentPicker);
 var RNFS__default = /*#__PURE__*/_interopDefaultLegacy(RNFS);
 var OTPVerify__default = /*#__PURE__*/_interopDefaultLegacy(OTPVerify);
-var Clipboard__default = /*#__PURE__*/_interopDefaultLegacy(Clipboard);
 
 var ShapeType = /* @__PURE__ */ ((ShapeType2) => {
   ShapeType2["LINE"] = "line";
@@ -675,6 +674,11 @@ const styles$z = reactNative.StyleSheet.create({
   rightIconStyle: { marginLeft: 8 }
 });
 
+const isIos = () => reactNative.Platform.OS === "ios" /* ios */;
+const copyToClipboard = (textToCopy) => {
+  Clipboard__default["default"].setString(textToCopy);
+};
+
 const BottomDrawer = ({
   isModalVisible,
   toggleModal,
@@ -683,9 +687,6 @@ const BottomDrawer = ({
   testID = "BOTTOM-DRAWER",
   style,
   modalContainerStyle,
-  blurAmount = 10,
-  blurViewStyle,
-  showBlurView = true,
   showLeftIcon = false,
   showRightIcon = true,
   leftIcon,
@@ -694,31 +695,27 @@ const BottomDrawer = ({
   titleStyle,
   titleVariant = "B2_REGULAR",
   showHeader = true,
-  blurType,
-  showSeparator = true
+  showSeparator = true,
+  showBlurView
 }) => {
+  const { theme } = useTheme();
   return /* @__PURE__ */ React__default["default"].createElement(
     Modal__default["default"],
     {
       isVisible: isModalVisible,
       swipeDirection: "down",
       onSwipeComplete: toggleModal,
+      backdropColor: theme.SURFACE_PRIMARY,
+      hasBackdrop: showBlurView,
       style: { margin: 0 }
     },
     /* @__PURE__ */ React__default["default"].createElement(
       reactNative.KeyboardAvoidingView,
       {
-        behavior: reactNative.Platform.OS === "ios" ? "padding" : "height",
+        behavior: isIos() ? "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, {
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.mainContainer, style], testID }, /* @__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,
@@ -4576,10 +4573,6 @@ const CustomSlideButton = React__default["default"].forwardRef(
 );
 var index$2 = withThemeProvider(CustomSlideButton);
 
-const copyToClipboard = (textToCopy) => {
-  Clipboard__default["default"].setString(textToCopy);
-};
-
 const styles$2 = reactNative.StyleSheet.create({
   accordionContainer: {
     gap: verticalScale(8),