dhre-ui-kit 0.0.281 → 0.0.283

package/lib/index.mjs

@@ -1,8 +1,8 @@
 import React, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
 import { useSelector } from 'react-redux';
-import { Dimensions, StyleSheet, Text, Pressable, View, KeyboardAvoidingView, Platform, TextInput, ScrollView, Animated, FlatList, TouchableOpacity, Modal as Modal$1, Alert, Linking, PanResponder } from 'react-native';
-import { BlurView } from '@react-native-community/blur';
+import { Dimensions, StyleSheet, Text, Pressable, View, Platform, KeyboardAvoidingView, TextInput, ScrollView, Animated, FlatList, TouchableOpacity, Modal as Modal$1, Alert, Linking, PanResponder } from 'react-native';
 import Modal from 'react-native-modal';
+import Clipboard from '@react-native-clipboard/clipboard';
 import LottieView from 'lottie-react-native';
 import Tooltip from 'react-native-walkthrough-tooltip';
 import Pdf from 'react-native-pdf';
@@ -16,7 +16,6 @@ import { Dropdown } from 'react-native-element-dropdown';
 import DocumentPicker from 'react-native-document-picker';
 import RNFS from 'react-native-fs';
 import OTPVerify, { removeListener, startOtpListener } from 'react-native-otp-verify';
-import Clipboard from '@react-native-clipboard/clipboard';
 
 var ShapeType = /* @__PURE__ */ ((ShapeType2) => {
   ShapeType2["LINE"] = "line";
@@ -638,6 +637,11 @@ const styles$z = StyleSheet.create({
   rightIconStyle: { marginLeft: 8 }
 });
 
+const isIos = () => Platform.OS === "ios" /* ios */;
+const copyToClipboard = (textToCopy) => {
+  Clipboard.setString(textToCopy);
+};
+
 const BottomDrawer = ({
   isModalVisible,
   toggleModal,
@@ -646,9 +650,6 @@ const BottomDrawer = ({
   testID = "BOTTOM-DRAWER",
   style,
   modalContainerStyle,
-  blurAmount = 10,
-  blurViewStyle,
-  showBlurView = true,
   showLeftIcon = false,
   showRightIcon = true,
   leftIcon,
@@ -657,31 +658,27 @@ const BottomDrawer = ({
   titleStyle,
   titleVariant = "B2_REGULAR",
   showHeader = true,
-  blurType,
-  showSeparator = true
+  showSeparator = true,
+  showBlurView
 }) => {
+  const { theme } = useTheme();
   return /* @__PURE__ */ React.createElement(
     Modal,
     {
       isVisible: isModalVisible,
       swipeDirection: "down",
       onSwipeComplete: toggleModal,
+      backdropColor: theme.SURFACE_PRIMARY,
+      hasBackdrop: showBlurView,
       style: { margin: 0 }
     },
     /* @__PURE__ */ React.createElement(
       KeyboardAvoidingView,
       {
-        behavior: Platform.OS === "ios" ? "padding" : "height",
+        behavior: isIos() ? "padding" : "height",
         style: { flex: 1 }
       },
-      /* @__PURE__ */ React.createElement(View, { style: [styles$z.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React.createElement(
-        BlurView,
-        {
-          style: [styles$z.blurView, blurViewStyle],
-          blurType,
-          blurAmount
-        }
-      ) : null, /* @__PURE__ */ React.createElement(View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React.createElement(React.Fragment, null, showSeparator && /* @__PURE__ */ React.createElement(View, { style: styles$z.separator }), /* @__PURE__ */ React.createElement(View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React.cloneElement(leftIcon, {
+      /* @__PURE__ */ React.createElement(View, { style: [styles$z.mainContainer, style], testID }, /* @__PURE__ */ React.createElement(View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React.createElement(React.Fragment, null, showSeparator && /* @__PURE__ */ React.createElement(View, { style: styles$z.separator }), /* @__PURE__ */ React.createElement(View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React.cloneElement(leftIcon, {
         width: moderateScale(24),
         height: moderateScale(24),
         style: styles$z.leftIconStyle,
@@ -702,6 +699,7 @@ const BottomDrawer = ({
     )
   );
 };
+var BottomDrawer$1 = withThemeProvider(BottomDrawer);
 
 const createStyles$3 = (theme) => {
   return StyleSheet.create({
@@ -4539,10 +4537,6 @@ const CustomSlideButton = React.forwardRef(
 );
 var index$2 = withThemeProvider(CustomSlideButton);
 
-const copyToClipboard = (textToCopy) => {
-  Clipboard.setString(textToCopy);
-};
-
 const styles$2 = StyleSheet.create({
   accordionContainer: {
     gap: verticalScale(8),
@@ -4925,5 +4919,5 @@ const RadioButtonGroup = ({ data, onSelect, containerStyle, labelStyle, optionCo
   )));
 };
 
-export { Accordion$1 as Accordion, index$1 as AppointmentCard, Badge$1 as Badge, BottomDrawer, CustomButton$1 as Button, Cards, category as Category, Checkbox as CheckBox, ContactModel, CountryDropDown as CountryPicker, CustomDocumentPicker$1 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, CustomHeader$1 as CustomHeader, CustomIcon, CustomLoader$1 as CustomLoader, CustomProgressBar, CustomSearchBar, index$2 as CustomSlideButton, CustomSwitchBtn, CustomText$1 as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, DateRangePicker$1 as DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, feedback as FeedbackForm, FileUpload, FontStyle, Line, NotificationBandge, OTPInput, OurOffices as OurOfficesButton, PdfView, PopUp, index as PropertyDetails, RadioButtonGroup, ShapeType, TagSingleSelection as SingleSelectionTags, Star as StarRating, index$3 as Stepper, SwipableList$1 as SwipableList, Tabs$1 as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, Topic$1 as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };
+export { Accordion$1 as Accordion, index$1 as AppointmentCard, Badge$1 as Badge, BottomDrawer$1 as BottomDrawer, CustomButton$1 as Button, Cards, category as Category, Checkbox as CheckBox, ContactModel, CountryDropDown as CountryPicker, CustomDocumentPicker$1 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, CustomHeader$1 as CustomHeader, CustomIcon, CustomLoader$1 as CustomLoader, CustomProgressBar, CustomSearchBar, index$2 as CustomSlideButton, CustomSwitchBtn, CustomText$1 as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, DateRangePicker$1 as DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, feedback as FeedbackForm, FileUpload, FontStyle, Line, NotificationBandge, OTPInput, OurOffices as OurOfficesButton, PdfView, PopUp, index as PropertyDetails, RadioButtonGroup, ShapeType, TagSingleSelection as SingleSelectionTags, Star as StarRating, index$3 as Stepper, SwipableList$1 as SwipableList, Tabs$1 as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, Topic$1 as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };
 //# sourceMappingURL=index.mjs.map