dhre-ui-kit 0.0.188 → 0.0.190

package/lib/index.mjs

@@ -1995,8 +1995,8 @@ const styles$k = StyleSheet.create({
   messageText: {
     flex: 1,
     color: "#fff",
-    textAlign: "center",
-    marginLeft: horizontalScale(4)
+    textAlign: "left",
+    marginLeft: horizontalScale(8)
   },
   button: {
     marginLeft: 9
@@ -2309,6 +2309,17 @@ const SwipableList = (props) => {
     titleStyle
   } = props;
   const { theme } = useTheme();
+  const [currentOpenId, setCurrentOpenId] = useState(null);
+  const swipeableRefs = useRef({});
+  const closeSwipeable = (id) => {
+    swipeableRefs.current[id]?.close();
+  };
+  const handleSwipeStart = (id) => {
+    if (currentOpenId && currentOpenId !== id) {
+      closeSwipeable(currentOpenId);
+    }
+    setCurrentOpenId(id);
+  };
   const ActionButton = ({
     icon,
     title,
@@ -2337,7 +2348,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}`
     }
@@ -2346,7 +2360,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}`
     }
@@ -2356,7 +2373,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}`
     }
@@ -2364,6 +2384,7 @@ const SwipableList = (props) => {
   const renderItem = ({ item }) => /* @__PURE__ */ React.createElement(GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$h.container }, /* @__PURE__ */ React.createElement(
     Swipeable,
     {
+      ref: (ref) => swipeableRefs.current[item.id] = ref,
       renderLeftActions: () => leftActionHandle(
         item,
         item.isPinned ? leftPrimaryActionInActiveIcon : leftPrimaryActionActiveIcon,
@@ -2371,6 +2392,7 @@ const SwipableList = (props) => {
         item.isRead ? leftSecondaryActionInActiveIcon : leftSecondaryActionActiveIcon,
         item.isRead ? leftSecondaryActionInActiveTitle : leftSecondaryActionActiveTitle
       ),
+      onSwipeableWillOpen: () => handleSwipeStart(item.id),
       renderRightActions: () => rightActionHandle(item)
     },
     props?.renderItem(item)