dhre-ui-kit 0.0.291 → 0.0.293

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.d.ts CHANGED
@@ -52,6 +52,7 @@ interface BottomDrawerProps {
52
52
  backdropColor?: string;
53
53
  backdropOpacity?: number;
54
54
  propagateSwipe?: boolean;
55
+ swipeDirection?: string;
55
56
  }
56
57
 
57
58
  declare const BottomDrawer: React$1.FC<BottomDrawerProps>;
package/lib/index.js CHANGED
@@ -714,18 +714,19 @@ const BottomDrawer = ({
714
714
  showBlurView = true,
715
715
  backdropColor,
716
716
  backdropOpacity = 0.9,
717
- propagateSwipe = true
717
+ propagateSwipe = true,
718
+ swipeDirection = "down"
718
719
  }) => {
719
720
  return /* @__PURE__ */ React__default["default"].createElement(
720
721
  Modal__default["default"],
721
722
  {
722
723
  isVisible: isModalVisible,
723
- swipeDirection: "down",
724
+ swipeDirection,
724
725
  onSwipeComplete: toggleModal,
725
726
  backdropColor: backdropColor ?? theme.SURFACE_PRIMARY.light,
726
727
  hasBackdrop: showBlurView,
727
728
  backdropOpacity,
728
- propagateSwipe,
729
+ propagateSwipe: true,
729
730
  style: { margin: 0 }
730
731
  },
731
732
  /* @__PURE__ */ React__default["default"].createElement(
@@ -734,7 +735,7 @@ const BottomDrawer = ({
734
735
  behavior: isIos() ? "padding" : "height",
735
736
  style: { flex: 1 }
736
737
  },
737
- /* @__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, {
738
+ /* @__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, {
738
739
  width: moderateScale(24),
739
740
  height: moderateScale(24),
740
741
  style: styles$z.leftIconStyle,
@@ -3040,14 +3041,14 @@ const styles$b = reactNative.StyleSheet.create({
3040
3041
  },
3041
3042
  badge: {
3042
3043
  position: "absolute",
3043
- top: -5,
3044
3044
  right: -5,
3045
3045
  minWidth: 20,
3046
3046
  height: 20,
3047
3047
  borderRadius: 10,
3048
3048
  justifyContent: "center",
3049
3049
  alignItems: "center",
3050
- backgroundColor: "#F5524A"
3050
+ backgroundColor: "#F5524A",
3051
+ top: -4
3051
3052
  },
3052
3053
  badgeText: {
3053
3054
  ...FONT_STYLES.L3_BOLD,