dhre-ui-kit 0.0.272 → 0.0.274
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 +1 -0
- package/lib/index.js +22 -10
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +22 -10
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -659,10 +659,13 @@ const BottomDrawer = ({
|
|
|
659
659
|
blurType = "light",
|
|
660
660
|
showSeparator = true
|
|
661
661
|
}) => {
|
|
662
|
+
const [isSwiping, setIsSwiping] = useState(false);
|
|
662
663
|
const onSwipDown = (event) => {
|
|
663
664
|
const { translationY } = event.nativeEvent;
|
|
664
|
-
if (translationY > 50) {
|
|
665
|
+
if (translationY > 50 && !isSwiping) {
|
|
666
|
+
setIsSwiping(true);
|
|
665
667
|
toggleModal();
|
|
668
|
+
setIsSwiping(false);
|
|
666
669
|
}
|
|
667
670
|
};
|
|
668
671
|
return /* @__PURE__ */ React.createElement(
|
|
@@ -3027,7 +3030,8 @@ const ScrollableList = ({
|
|
|
3027
3030
|
selectedItemTextColor = "CONTENT_PRIMARY",
|
|
3028
3031
|
defaultItemTextColor = "CONTENT_SECONDRY",
|
|
3029
3032
|
activeTab,
|
|
3030
|
-
errorStyle
|
|
3033
|
+
errorStyle,
|
|
3034
|
+
activeTextStyle
|
|
3031
3035
|
}) => {
|
|
3032
3036
|
const [selectedItem, setSelectedItem] = useState(
|
|
3033
3037
|
data && data.length > 0 ? data[0].name : null
|
|
@@ -3066,7 +3070,8 @@ const ScrollableList = ({
|
|
|
3066
3070
|
{
|
|
3067
3071
|
text: item.name,
|
|
3068
3072
|
variant: "L1_REGULAR",
|
|
3069
|
-
textColor: (activeTab ?? selectedItem) === item.name ? selectedItemTextColor : defaultItemTextColor
|
|
3073
|
+
textColor: (activeTab ?? selectedItem) === item.name ? selectedItemTextColor : defaultItemTextColor,
|
|
3074
|
+
style: (activeTab ?? selectedItem) === item.name ? activeTextStyle ? activeTextStyle : {} : {}
|
|
3070
3075
|
}
|
|
3071
3076
|
),
|
|
3072
3077
|
item?.isError ? /* @__PURE__ */ React.createElement(View, { style: [styles.errorViewStyle, errorStyle] }, item?.errorText ? /* @__PURE__ */ React.createElement(
|
|
@@ -3757,12 +3762,18 @@ const TagsComponent = ({
|
|
|
3757
3762
|
CustomText$1,
|
|
3758
3763
|
{
|
|
3759
3764
|
textColor: selectedTag === item?.name ? Theme.CONTENT_INVERTED : Theme.CONTENT_SECONDRY,
|
|
3760
|
-
|
|
3761
|
-
|
|
3762
|
-
}
|
|
3763
|
-
item?.name
|
|
3765
|
+
variant: FontStyle.L2_REGULAR,
|
|
3766
|
+
text: item?.name
|
|
3767
|
+
}
|
|
3764
3768
|
)),
|
|
3765
|
-
/* @__PURE__ */ React.createElement(View, { style: styles.circleViewAlignment }, selectedTag === item?.name && /* @__PURE__ */ React.createElement(
|
|
3769
|
+
/* @__PURE__ */ React.createElement(View, { style: styles.circleViewAlignment }, selectedTag === item?.name && /* @__PURE__ */ React.createElement(
|
|
3770
|
+
CustomText$1,
|
|
3771
|
+
{
|
|
3772
|
+
text: "x",
|
|
3773
|
+
variant: FontStyle.L2_REGULAR,
|
|
3774
|
+
style: styles.closeButton
|
|
3775
|
+
}
|
|
3776
|
+
))
|
|
3766
3777
|
);
|
|
3767
3778
|
return /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
|
|
3768
3779
|
FlatList,
|
|
@@ -3802,8 +3813,9 @@ const createStyles = (theme) => {
|
|
|
3802
3813
|
},
|
|
3803
3814
|
closeButton: {
|
|
3804
3815
|
marginLeft: 10,
|
|
3805
|
-
fontSize:
|
|
3806
|
-
color: theme.BORDER_SECONDRY
|
|
3816
|
+
// fontSize: 18,
|
|
3817
|
+
color: theme.BORDER_SECONDRY,
|
|
3818
|
+
alignSelf: "center"
|
|
3807
3819
|
},
|
|
3808
3820
|
circleViewAlignment: {
|
|
3809
3821
|
justifyContent: "center",
|