dhre-ui-kit 0.0.368 → 0.0.370

package/lib/index.d.ts

@@ -55,6 +55,9 @@ interface BottomDrawerProps {
     propagateSwipe?: boolean;
     swipeDirection?: string;
     footer?: React.ReactNode;
+    rightTitleVariant?: string;
+    rightTitle?: string;
+    rightTitleStyle?: TextStyle;
 }
 
 declare const BottomDrawer: React$1.FC<BottomDrawerProps>;

package/lib/index.js

@@ -694,7 +694,18 @@ const styles$z = reactNative.StyleSheet.create({
   },
   title: { flex: 1, color: "#fff", textAlign: "left" },
   leftIconStyle: { marginRight: 8 },
-  rightIconStyle: { marginLeft: 8 }
+  rightTitle: {
+    color: "#fff",
+    textAlign: "right",
+    marginRight: moderateScale(16)
+  },
+  rightIconStyle: {
+    marginLeft: 0
+  },
+  rightSideStyle: {
+    flexDirection: "row",
+    alignItems: "center"
+  }
 });
 
 const isIos = () => reactNative.Platform.OS === "ios" /* ios */;
@@ -724,7 +735,10 @@ const BottomDrawer = ({
   backdropOpacity = 0.9,
   footer,
   propagateSwipe = true,
-  swipeDirection = "down"
+  swipeDirection = "down",
+  rightTitleVariant = "B2_REGULAR",
+  rightTitle,
+  rightTitleStyle
 }) => {
   return /* @__PURE__ */ React__default["default"].createElement(
     Modal__default["default"],
@@ -744,7 +758,7 @@ const BottomDrawer = ({
         behavior: isIos() ? "padding" : "height",
         style: { flex: 1 }
       },
-      /* @__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(reactNative.Pressable, { onPress: () => swipeDirection === "" && toggleModal() }, 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(reactNative.Pressable, { onPress: () => swipeDirection === "" && toggleModal() }, showSeparator && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.headerContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
         width: moderateScale(24),
         height: moderateScale(24),
         style: styles$z.leftIconStyle,
@@ -756,12 +770,19 @@ const BottomDrawer = ({
           text: title,
           style: { ...styles$z.title, ...titleStyle }
         }
-      ), showRightIcon && rightIcon ? React__default["default"].cloneElement(rightIcon, {
+      )), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: rightTitle?.length ? styles$z.rightSideStyle : {} }, rightTitle?.length ? /* @__PURE__ */ React__default["default"].createElement(
+        CustomTypography,
+        {
+          variant: rightTitleVariant,
+          text: rightTitle,
+          style: { ...styles$z.rightTitle, ...rightTitleStyle }
+        }
+      ) : null, showRightIcon && rightIcon ? React__default["default"].cloneElement(rightIcon, {
         width: moderateScale(24),
         height: moderateScale(24),
         style: styles$z.rightIconStyle,
         onPress: toggleModal
-      }) : null)), children))
+      }) : null))), children))
     ),
     footer ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, footer) : null
   );
@@ -783,8 +804,6 @@ const createStyles$3 = (theme) => {
       backgroundColor: "rgba(0, 0, 0, 0.3)"
     },
     box: {
-      width: horizontalScale(100),
-      paddingVertical: 12,
       backgroundColor: theme.SURFACE_PRIMARY,
       borderRadius: 16,
       justifyContent: "center",
@@ -2374,25 +2393,40 @@ const CustomLoader = ({
 }) => {
   const { theme, mode } = useTheme();
   const styles = createStyles$3(theme);
+  const isDP = brandName === "DP";
   if (!loading) return null;
   else {
-    return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles.container, customeContainer] }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles.backdrop, customeBackDrop] }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles.box, customeBox] }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles.loader }, /* @__PURE__ */ React__default["default"].createElement(
-      LottieView__default["default"],
-      {
-        style: styles.loader,
-        source: brandName === "DP" ? DEFAULT_LOADER : mode === "dark" ? LOADER_LIGHT : LOADER_DARK,
-        autoPlay: true,
-        loop: true
-      }
-    )), loadingText && /* @__PURE__ */ React__default["default"].createElement(
-      CustomText$1,
+    return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles.container, customeContainer] }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles.backdrop, customeBackDrop] }, /* @__PURE__ */ React__default["default"].createElement(
+      reactNative.View,
       {
-        text: loadingText,
-        style: styles.text,
-        variant: FontStyle.B4_REGULAR,
-        textColor: "#000000"
-      }
-    ))));
+        style: [
+          styles.box,
+          {
+            width: horizontalScale(isDP ? 100 : 148),
+            paddingVertical: isDP ? 12 : 24
+          },
+          customeBox
+        ]
+      },
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles.loader }, /* @__PURE__ */ React__default["default"].createElement(
+        LottieView__default["default"],
+        {
+          style: styles.loader,
+          source: isDP ? DEFAULT_LOADER : mode === "dark" ? LOADER_LIGHT : LOADER_DARK,
+          autoPlay: true,
+          loop: true
+        }
+      )),
+      loadingText && /* @__PURE__ */ React__default["default"].createElement(
+        CustomText$1,
+        {
+          text: loadingText,
+          style: styles.text,
+          variant: FontStyle.B4_REGULAR,
+          textColor: "#000000"
+        }
+      )
+    )));
   }
 };
 var CustomLoader$1 = withThemeProvider(CustomLoader);