dhre-ui-kit 0.0.367 → 0.0.369
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 +3 -0
- package/lib/index.js +16 -5
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +16 -5
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -658,7 +658,8 @@ const styles$z = StyleSheet.create({
|
|
|
658
658
|
},
|
|
659
659
|
title: { flex: 1, color: "#fff", textAlign: "left" },
|
|
660
660
|
leftIconStyle: { marginRight: 8 },
|
|
661
|
-
rightIconStyle: { marginLeft: 8 }
|
|
661
|
+
rightIconStyle: { marginLeft: 8 },
|
|
662
|
+
rightTitle: { flex: 1, color: "#fff", textAlign: "right", marginRight: verticalScale(16) }
|
|
662
663
|
});
|
|
663
664
|
|
|
664
665
|
const isIos = () => Platform.OS === "ios" /* ios */;
|
|
@@ -688,7 +689,10 @@ const BottomDrawer = ({
|
|
|
688
689
|
backdropOpacity = 0.9,
|
|
689
690
|
footer,
|
|
690
691
|
propagateSwipe = true,
|
|
691
|
-
swipeDirection = "down"
|
|
692
|
+
swipeDirection = "down",
|
|
693
|
+
rightTitleVariant = "B2_REGULAR",
|
|
694
|
+
rightTitle,
|
|
695
|
+
rightTitleStyle
|
|
692
696
|
}) => {
|
|
693
697
|
return /* @__PURE__ */ React.createElement(
|
|
694
698
|
Modal,
|
|
@@ -708,7 +712,7 @@ const BottomDrawer = ({
|
|
|
708
712
|
behavior: isIos() ? "padding" : "height",
|
|
709
713
|
style: { flex: 1 }
|
|
710
714
|
},
|
|
711
|
-
/* @__PURE__ */ React.createElement(View, { style: [styles$z.mainContainer, style], testID }, /* @__PURE__ */ React.createElement(View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React.createElement(Pressable, { onPress: () => swipeDirection === "" && toggleModal() }, showSeparator && /* @__PURE__ */ React.createElement(View, { style: styles$z.separator }), /* @__PURE__ */ React.createElement(View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React.cloneElement(leftIcon, {
|
|
715
|
+
/* @__PURE__ */ React.createElement(View, { style: [styles$z.mainContainer, style], testID }, /* @__PURE__ */ React.createElement(View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React.createElement(Pressable, { onPress: () => swipeDirection === "" && toggleModal() }, showSeparator && /* @__PURE__ */ React.createElement(View, { style: styles$z.separator }), /* @__PURE__ */ React.createElement(View, { style: styles$z.headerContainer }, /* @__PURE__ */ React.createElement(View, null, showLeftIcon && leftIcon ? React.cloneElement(leftIcon, {
|
|
712
716
|
width: moderateScale(24),
|
|
713
717
|
height: moderateScale(24),
|
|
714
718
|
style: styles$z.leftIconStyle,
|
|
@@ -720,12 +724,19 @@ const BottomDrawer = ({
|
|
|
720
724
|
text: title,
|
|
721
725
|
style: { ...styles$z.title, ...titleStyle }
|
|
722
726
|
}
|
|
723
|
-
),
|
|
727
|
+
)), /* @__PURE__ */ React.createElement(View, null, rightTitle ? /* @__PURE__ */ React.createElement(
|
|
728
|
+
CustomTypography,
|
|
729
|
+
{
|
|
730
|
+
variant: rightTitleVariant,
|
|
731
|
+
text: rightTitle,
|
|
732
|
+
style: { ...styles$z.rightTitle, ...rightTitleStyle }
|
|
733
|
+
}
|
|
734
|
+
) : null, showRightIcon && rightIcon ? React.cloneElement(rightIcon, {
|
|
724
735
|
width: moderateScale(24),
|
|
725
736
|
height: moderateScale(24),
|
|
726
737
|
style: styles$z.rightIconStyle,
|
|
727
738
|
onPress: toggleModal
|
|
728
|
-
}) : null)), children))
|
|
739
|
+
}) : null))), children))
|
|
729
740
|
),
|
|
730
741
|
footer ? /* @__PURE__ */ React.createElement(React.Fragment, null, footer) : null
|
|
731
742
|
);
|