dhre-ui-kit 0.0.188 → 0.0.190

package/lib/index.js

@@ -2028,8 +2028,8 @@ const styles$k = reactNative.StyleSheet.create({
   messageText: {
     flex: 1,
     color: "#fff",
-    textAlign: "center",
-    marginLeft: horizontalScale(4)
+    textAlign: "left",
+    marginLeft: horizontalScale(8)
   },
   button: {
     marginLeft: 9
@@ -2342,6 +2342,17 @@ const SwipableList = (props) => {
     titleStyle
   } = props;
   const { theme } = useTheme();
+  const [currentOpenId, setCurrentOpenId] = React.useState(null);
+  const swipeableRefs = React.useRef({});
+  const closeSwipeable = (id) => {
+    swipeableRefs.current[id]?.close();
+  };
+  const handleSwipeStart = (id) => {
+    if (currentOpenId && currentOpenId !== id) {
+      closeSwipeable(currentOpenId);
+    }
+    setCurrentOpenId(id);
+  };
   const ActionButton = ({
     icon,
     title,
@@ -2370,7 +2381,10 @@ const SwipableList = (props) => {
     {
       icon: leftPrimaryActionIcon,
       title: leftPrimaryActionTitle,
-      onPress: () => leftPrimaryActionHandler?.(item),
+      onPress: () => {
+        leftPrimaryActionHandler?.(item);
+        closeSwipeable(item.id);
+      },
       style: leftPrimaryActionStyle,
       testID: `${testId}-LEFT-PRIMARY-${item.id}`
     }
@@ -2379,7 +2393,10 @@ const SwipableList = (props) => {
     {
       icon: leftSecondaryActionIcon,
       title: leftSecondaryActionTitle,
-      onPress: () => leftSecondaryActionHandler?.(item),
+      onPress: () => {
+        leftSecondaryActionHandler?.(item);
+        closeSwipeable(item.id);
+      },
       style: leftSecondaryActionStyle,
       testID: `${testId}-LEFT-SECONDARY-${item.id}`
     }
@@ -2389,7 +2406,10 @@ const SwipableList = (props) => {
     {
       icon: rightPrimaryActionIcon,
       title: rightPrimaryActionTitle || "",
-      onPress: () => rightPrimaryActionHandler?.(item),
+      onPress: () => {
+        rightPrimaryActionHandler?.(item);
+        closeSwipeable(item.id);
+      },
       style: rightPrimaryActionStyle,
       testID: `${testId}-RIGHT-PRIMARY-${item.id}`
     }
@@ -2397,6 +2417,7 @@ const SwipableList = (props) => {
   const renderItem = ({ item }) => /* @__PURE__ */ React__default["default"].createElement(reactNativeGestureHandler.GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$h.container }, /* @__PURE__ */ React__default["default"].createElement(
     reactNativeGestureHandler.Swipeable,
     {
+      ref: (ref) => swipeableRefs.current[item.id] = ref,
       renderLeftActions: () => leftActionHandle(
         item,
         item.isPinned ? leftPrimaryActionInActiveIcon : leftPrimaryActionActiveIcon,
@@ -2404,6 +2425,7 @@ const SwipableList = (props) => {
         item.isRead ? leftSecondaryActionInActiveIcon : leftSecondaryActionActiveIcon,
         item.isRead ? leftSecondaryActionInActiveTitle : leftSecondaryActionActiveTitle
       ),
+      onSwipeableWillOpen: () => handleSwipeStart(item.id),
       renderRightActions: () => rightActionHandle(item)
     },
     props?.renderItem(item)