@poolse/react-native 2.20.0 → 2.20.1

package/CHANGELOG.md

@@ -4,6 +4,16 @@ All notable changes to `@poolse/react-native` are documented here.
 Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/);
 versions follow [semver](https://semver.org).
 
+## [2.20.1] — 2026-10-13
+
+### Fixed
+
+- **Long-press on an image-only message never opened the actions
+  sheet.** The mosaic tiles are Pressables (tap opens the viewer) and
+  a nested Pressable wins the gesture, so the row's long-press never
+  fired when the image WAS the whole bubble. The long-press now
+  threads through `MessageBubble onLongPress` into every tile.
+
 ## [2.20.0] — 2026-10-13
 
 ### Changed

package/dist/index.cjs

@@ -2439,7 +2439,13 @@ var styles13 = reactNative.StyleSheet.create({
     fontSize: 11
   }
 });
-function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
+function ImageMosaic({
+  images,
+  maxWidth,
+  radius,
+  squareBottom = false,
+  onLongPress
+}) {
   const theme = usePoolseTheme();
   const r = radius ?? theme.radii.md;
   const rBottom = squareBottom ? 5 : r;
@@ -2472,6 +2478,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
           n === 1 ? /* @__PURE__ */ jsxRuntime.jsx(
             Tile,
             {
+              onLongPress,
               attachment: visible[0],
               style: styles14.tileFull,
               onPress: () => setViewerIndex(0),
@@ -2482,6 +2489,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
             /* @__PURE__ */ jsxRuntime.jsx(
               Tile,
               {
+                onLongPress,
                 attachment: visible[0],
                 style: styles14.tileHalfSquare,
                 onPress: () => setViewerIndex(0),
@@ -2491,6 +2499,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
             /* @__PURE__ */ jsxRuntime.jsx(
               Tile,
               {
+                onLongPress,
                 attachment: visible[1],
                 style: styles14.tileHalfSquare,
                 onPress: () => setViewerIndex(1),
@@ -2502,6 +2511,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
             /* @__PURE__ */ jsxRuntime.jsx(
               Tile,
               {
+                onLongPress,
                 attachment: visible[0],
                 style: styles14.tileHero,
                 onPress: () => setViewerIndex(0),
@@ -2512,6 +2522,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsxRuntime.jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[1],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(1),
@@ -2521,6 +2532,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsxRuntime.jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[2],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(2),
@@ -2534,6 +2546,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsxRuntime.jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[0],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(0),
@@ -2543,6 +2556,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsxRuntime.jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[1],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(1),
@@ -2554,6 +2568,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsxRuntime.jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[2],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(2),
@@ -2563,6 +2578,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsxRuntime.jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[3],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(3),
@@ -2596,11 +2612,12 @@ function Tile({
   attachment,
   style,
   overlay,
-  onPress
+  onPress,
+  onLongPress
 }) {
   const theme = usePoolseTheme();
   const { url } = react$1.useAttachmentUrl(attachment.id);
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Pressable, { onPress, style: [styles14.tileBase, style], children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Pressable, { onPress, onLongPress, style: [styles14.tileBase, style], children: [
     url ? /* @__PURE__ */ jsxRuntime.jsx(
       reactNative.Image,
       {
@@ -2782,7 +2799,8 @@ function MessageBubble({
   showSenderName = false,
   actionsTrigger,
   showAttachments = true,
-  markdown = true
+  markdown = true,
+  onLongPress
 }) {
   const theme = usePoolseTheme();
   const { width: screenWidth } = reactNative.useWindowDimensions();
@@ -2899,7 +2917,8 @@ function MessageBubble({
                   images,
                   maxWidth: mediaWidth,
                   radius: Math.max(bubbleRadius - 3, 8),
-                  squareBottom: !metaOverlay
+                  squareBottom: !metaOverlay,
+                  ...onLongPress ? { onLongPress } : {}
                 }
               ),
               metaOverlay ? metaRow("overlay") : null
@@ -3469,7 +3488,10 @@ function MessageRow({
                       maxBodyLength,
                       showSenderName,
                       showAttachments: attachments,
-                      markdown
+                      markdown,
+                      onLongPress: () => {
+                        if (actions) setActionsOpen(true);
+                      }
                     }
                   )
                 }