feat: allow only one swiped room item at a time

[diegolmello]

Proposed changes

Only one room item can be swiped open at a time. With a row open, pressing or tapping another row closes the open row with a smooth spring animation, and that tap does not navigate or open the long-press action sheet; the next tap navigates normally. Tapping the open row itself closes it without navigating. Swiping another row closes the open one while the new row follows the drag. A long swipe (auto-toggle-read/hide) and a long press (action sheet) behave as before.

Swipe actions follow a WhatsApp-style layout:

• The left action (mark read or unread) opens to the same width as each right action (favorite, hide).
• A light haptic fires when a swipe crosses the full-swipe threshold, on both sides, only while the finger is down. Release and spring animations never fire it.
• Releasing from closed opens a side only past half of one action width; otherwise the row springs back closed. An open row stays open unless it is swiped fully closed. The release decision lives in getSwipeRelease, covered by unit tests.

The swipe springs share one critically damped spring config (mass 1, stiffness 150, damping 24.5), so the auto-close animation matches the manual swipe feel, and the close animation starts on the UI thread.

The "currently open row" is tracked in a module-level Reanimated value (makeMutable), so pressing another row closes the open one directly on the UI thread.

The row now refreshes when its room record changes. React Compiler cached the row's read state, title, avatar and invite state on the record object, which WatermelonDB updates in place, so the row kept stale values and the swipe kept sending "mark read" instead of toggling. These values now come from a useSyncExternalStore subscription to the record, and the custom memo comparator is removed. Rooms with only unread thread replies count as unread, matching the unread badge.

The focused-row highlight only shows in master-detail layout, where the selected room is visible next to the list; on phones a row no longer stays highlighted after returning from its room.

Issue(s)

https://rocketchat.atlassian.net/browse/NATIVE-1676

How to test or reproduce

1. Swipe row A open; it stays open.
2. Press down on row B, or start swiping it; row A closes with a smooth spring animation, and that press/tap does not navigate or open the action sheet.
3. Tap row A while it is open; it closes without navigating.
4. Tap a row with nothing open; it navigates as usual.
5. Swipe row B while row A is open; row A closes while row B follows the drag.
6. Swipe a row right open; the mark read action is as wide as each of the favorite and hide actions.
7. Swipe a closed row a little and release; it springs back closed. Swipe past half an action and release; it opens.
8. With a row open, swipe it partly toward closed and release; it springs back open. Swipe it all the way closed; it closes.
9. Long swipe past the threshold to auto-trigger toggle-read/hide; one haptic fires as the threshold is crossed, none on release.
10. Full left swipe a room repeatedly; it toggles between read and unread each time.
11. Mark a room read or unread from another client; its row updates without scrolling it away.
12. Long press a row to open the action sheet; unaffected by this change.

Verified on the iOS simulator. On the Android emulator, synthetic pan gestures did not open rows, so Android still needs manual verification.

Scrolling that starts on the open row does not close it. A touch that starts on another row (including a scroll) closes it.

Screenshots

Types of changes

• Bugfix (non-breaking change which fixes an issue)
• Improvement (non-breaking change which improves a current function)

Checklist

• I have read the CONTRIBUTING doc
• I have signed the CLA
• Lint and unit tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works (if applicable)
• I have added necessary documentation (if applicable)
• Any dependent changes have been merged and published in downstream modules

Further comments

iOS demo (video): tap on another row closes the open row without navigating, then a normal tap navigates.

ios-tap-closes-final.mp4

iOS demo (video): swipe release rules on both sides, full swipes and threshold crossing.

room-swipe-release-rules-short.mp4

Summary by CodeRabbit

• New Features
  • Swipe action widths now adapt to the room row, with actions revealing progressively as you swipe.
  • Haptic feedback is triggered when crossing swipe action thresholds during an active swipe.
  • Swipe animations respect the device’s reduced-motion setting.
• Bug Fixes
  • Opening one room’s swipe actions now closes any other room’s open actions.
  • Taps or long presses used to close swipe actions no longer trigger the room’s normal actions.
  • Swipe release behavior more reliably opens, closes, or completes an action based on swipe distance.
  • Closing animations use a consistent spring effect, including when another room’s actions close.

[github-actions]

Android Build Available

Rocket.Chat 4.77.0.109808

Internal App Sharing: https://play.google.com/apps/test/RQQ8k09hlnQ/ahAO29uNRq_jyY-4-OblYTJn5vVKsyPFBS27NFc-FHwek_W1l9G6N1v49onfCJWvaBGuu0tnihrXmzI-qC-i_qDh2_

[github-actions]

iOS Build Available

Rocket.Chat 4.77.0.109809

[github-actions]

Android Build Available

Rocket.Chat 4.77.0.109812

Internal App Sharing: https://play.google.com/apps/test/RQQ8k09hlnQ/ahAO29uNRrzXcidkdWnybWYsmcmfszKhxD4vqJHyosakifYH3n7pyrKwKDLc8DcWOSAIRU2edn6i8ekRgrqPdVDtYV

[github-actions]

iOS Build Available

Rocket.Chat 4.77.0.109814

[OtavioStasiak]

LGTM