dhre-ui-kit 0.0.281 → 0.0.283

package/lib/index.d.ts

@@ -18,7 +18,7 @@ interface CustomTextProps extends TextProps {
     style?: StyleProp<TextStyle>;
     textColor?: string;
 }
-declare const _default$k: (props: CustomTextProps) => React$1.JSX.Element;
+declare const _default$l: (props: CustomTextProps) => React$1.JSX.Element;
 
 interface BadgeProps {
     text?: string;
@@ -28,30 +28,30 @@ interface BadgeProps {
     iconStyle?: ViewStyle;
     handleIconPress: () => void;
 }
-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;
+declare const _default$k: (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;
+    showBlurView?: boolean;
+    leftIcon?: React.ReactElement;
+    rightIcon?: React.ReactElement;
+    showLeftIcon?: boolean;
+    showRightIcon?: boolean;
+    onLeftIconPress?: () => void;
+    titleStyle?: TextStyle;
+    titleVariant?: string;
+    showHeader?: boolean;
+    showSeparator?: boolean;
+}
+
+declare const _default$j: (props: BottomDrawerProps) => React$1.JSX.Element;
 
 interface CustomButtonProps {
     title: string;
@@ -1126,4 +1126,4 @@ interface RadioButtonGroupProps {
 
 declare const RadioButtonGroup: React$1.FC<RadioButtonGroupProps>;
 
-export { _default$g as Accordion, _default$1 as AppointmentCard, _default$j as Badge, BottomDrawer, _default$i as Button, Cards, _default$7 as Category, Checkbox as CheckBox, _default$a as ContactModel, CountryDropDown as CountryPicker, _default$4 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, _default$f as CustomHeader, type CustomHeaderProps, CustomIcon, _default$d as CustomLoader, CustomProgressBar, CustomSearchBar, _default$2 as CustomSlideButton, CustomSwitchBtn, _default$k as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, _default$9 as DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, _default$6 as FeedbackForm, FileUpload, FontStyle, _default$c as Line, NotificationBandge, OTPInput, _default$8 as OurOfficesButton, PdfView, PopUp, _default as PropertyDetails, RadioButtonGroup, ShapeType, _default$5 as SingleSelectionTags, type SlideButtonHandle, Star as StarRating, _default$3 as Stepper, _default$e as SwipableList, _default$h as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, type ToastRef, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, _default$b as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };
+export { _default$g as Accordion, _default$1 as AppointmentCard, _default$k as Badge, _default$j as BottomDrawer, _default$i as Button, Cards, _default$7 as Category, Checkbox as CheckBox, _default$a as ContactModel, CountryDropDown as CountryPicker, _default$4 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, _default$f as CustomHeader, type CustomHeaderProps, CustomIcon, _default$d as CustomLoader, CustomProgressBar, CustomSearchBar, _default$2 as CustomSlideButton, CustomSwitchBtn, _default$l as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, _default$9 as DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, _default$6 as FeedbackForm, FileUpload, FontStyle, _default$c as Line, NotificationBandge, OTPInput, _default$8 as OurOfficesButton, PdfView, PopUp, _default as PropertyDetails, RadioButtonGroup, ShapeType, _default$5 as SingleSelectionTags, type SlideButtonHandle, Star as StarRating, _default$3 as Stepper, _default$e as SwipableList, _default$h as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, type ToastRef, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, _default$b as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };

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,
@@ -739,6 +736,7 @@ const BottomDrawer = ({
     )
   );
 };
+var BottomDrawer$1 = withThemeProvider(BottomDrawer);
 
 const createStyles$3 = (theme) => {
   return reactNative.StyleSheet.create({
@@ -4576,10 +4574,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),
@@ -4965,7 +4959,7 @@ const RadioButtonGroup = ({ data, onSelect, containerStyle, labelStyle, optionCo
 exports.Accordion = Accordion$1;
 exports.AppointmentCard = index$1;
 exports.Badge = Badge$1;
-exports.BottomDrawer = BottomDrawer;
+exports.BottomDrawer = BottomDrawer$1;
 exports.Button = CustomButton$1;
 exports.Cards = Cards;
 exports.Category = category;