@poolse/react-native 2.20.0 → 2.20.1

package/dist/index.d.cts

@@ -224,6 +224,12 @@ interface MessageBubbleProps {
     showSenderName?: boolean;
     /** Slot for an actions trigger — typically a chevron rendered by `<MessageRow>`. */
     actionsTrigger?: ReactNode;
+    /**
+     * Long-press, forwarded into the image tiles. The tiles are
+     * Pressables of their own and win the gesture, so a wrapper's
+     * onLongPress never fires over an image-only message without this.
+     */
+    onLongPress?: () => void;
     /** Render in-bubble attachments (images, file cards). Defaults to true. */
     showAttachments?: boolean;
     /**
@@ -241,7 +247,7 @@ interface MessageBubbleProps {
  * an invisible twin) instead of a full-width row of its own — which
  * is what makes "ok" a one-line bubble instead of a squat rectangle.
  */
-declare function MessageBubble({ message, currentUserId, readState, labelFor, onQuotedClick, groupPosition, maxBodyLength, showSenderName, actionsTrigger, showAttachments, markdown, }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
+declare function MessageBubble({ message, currentUserId, readState, labelFor, onQuotedClick, groupPosition, maxBodyLength, showSenderName, actionsTrigger, showAttachments, markdown, onLongPress, }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
 
 interface MessageRowProps {
     msg: Message;
@@ -639,6 +645,14 @@ interface ImageMosaicProps {
      * color between the image and the caption.
      */
     squareBottom?: boolean;
+    /**
+     * Long-press on any tile. The tiles are Pressables (tap opens the
+     * viewer), and a nested Pressable wins the gesture — so without
+     * this, holding an image-only message never reached the row's
+     * actions sheet. MessageRow threads its long-press down through
+     * here.
+     */
+    onLongPress?: () => void;
 }
 /**
  * WhatsApp-style multi-image grid for inside the message bubble.
@@ -652,7 +666,7 @@ interface ImageMosaicProps {
  *   * n = 3 → 16:9 hero on top + row of 2 squares below.
  *   * n ≥ 4 → 2×2 grid with "+N more" overlay on the 4th tile.
  */
-declare function ImageMosaic({ images, maxWidth, radius, squareBottom }: ImageMosaicProps): react_jsx_runtime.JSX.Element | null;
+declare function ImageMosaic({ images, maxWidth, radius, squareBottom, onLongPress, }: ImageMosaicProps): react_jsx_runtime.JSX.Element | null;
 
 declare const ICONS: {
     readonly attachment: {

package/dist/index.d.ts

@@ -224,6 +224,12 @@ interface MessageBubbleProps {
     showSenderName?: boolean;
     /** Slot for an actions trigger — typically a chevron rendered by `<MessageRow>`. */
     actionsTrigger?: ReactNode;
+    /**
+     * Long-press, forwarded into the image tiles. The tiles are
+     * Pressables of their own and win the gesture, so a wrapper's
+     * onLongPress never fires over an image-only message without this.
+     */
+    onLongPress?: () => void;
     /** Render in-bubble attachments (images, file cards). Defaults to true. */
     showAttachments?: boolean;
     /**
@@ -241,7 +247,7 @@ interface MessageBubbleProps {
  * an invisible twin) instead of a full-width row of its own — which
  * is what makes "ok" a one-line bubble instead of a squat rectangle.
  */
-declare function MessageBubble({ message, currentUserId, readState, labelFor, onQuotedClick, groupPosition, maxBodyLength, showSenderName, actionsTrigger, showAttachments, markdown, }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
+declare function MessageBubble({ message, currentUserId, readState, labelFor, onQuotedClick, groupPosition, maxBodyLength, showSenderName, actionsTrigger, showAttachments, markdown, onLongPress, }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
 
 interface MessageRowProps {
     msg: Message;
@@ -639,6 +645,14 @@ interface ImageMosaicProps {
      * color between the image and the caption.
      */
     squareBottom?: boolean;
+    /**
+     * Long-press on any tile. The tiles are Pressables (tap opens the
+     * viewer), and a nested Pressable wins the gesture — so without
+     * this, holding an image-only message never reached the row's
+     * actions sheet. MessageRow threads its long-press down through
+     * here.
+     */
+    onLongPress?: () => void;
 }
 /**
  * WhatsApp-style multi-image grid for inside the message bubble.
@@ -652,7 +666,7 @@ interface ImageMosaicProps {
  *   * n = 3 → 16:9 hero on top + row of 2 squares below.
  *   * n ≥ 4 → 2×2 grid with "+N more" overlay on the 4th tile.
  */
-declare function ImageMosaic({ images, maxWidth, radius, squareBottom }: ImageMosaicProps): react_jsx_runtime.JSX.Element | null;
+declare function ImageMosaic({ images, maxWidth, radius, squareBottom, onLongPress, }: ImageMosaicProps): react_jsx_runtime.JSX.Element | null;
 
 declare const ICONS: {
     readonly attachment: {

package/dist/index.js

@@ -2412,7 +2412,13 @@ var styles13 = 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;
@@ -2445,6 +2451,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
           n === 1 ? /* @__PURE__ */ jsx(
             Tile,
             {
+              onLongPress,
               attachment: visible[0],
               style: styles14.tileFull,
               onPress: () => setViewerIndex(0),
@@ -2455,6 +2462,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
             /* @__PURE__ */ jsx(
               Tile,
               {
+                onLongPress,
                 attachment: visible[0],
                 style: styles14.tileHalfSquare,
                 onPress: () => setViewerIndex(0),
@@ -2464,6 +2472,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
             /* @__PURE__ */ jsx(
               Tile,
               {
+                onLongPress,
                 attachment: visible[1],
                 style: styles14.tileHalfSquare,
                 onPress: () => setViewerIndex(1),
@@ -2475,6 +2484,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
             /* @__PURE__ */ jsx(
               Tile,
               {
+                onLongPress,
                 attachment: visible[0],
                 style: styles14.tileHero,
                 onPress: () => setViewerIndex(0),
@@ -2485,6 +2495,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[1],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(1),
@@ -2494,6 +2505,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[2],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(2),
@@ -2507,6 +2519,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[0],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(0),
@@ -2516,6 +2529,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[1],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(1),
@@ -2527,6 +2541,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[2],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(2),
@@ -2536,6 +2551,7 @@ function ImageMosaic({ images, maxWidth, radius, squareBottom = false }) {
               /* @__PURE__ */ jsx(
                 Tile,
                 {
+                  onLongPress,
                   attachment: visible[3],
                   style: styles14.tileHalfSquare,
                   onPress: () => setViewerIndex(3),
@@ -2569,11 +2585,12 @@ function Tile({
   attachment,
   style,
   overlay,
-  onPress
+  onPress,
+  onLongPress
 }) {
   const theme = usePoolseTheme();
   const { url } = useAttachmentUrl(attachment.id);
-  return /* @__PURE__ */ jsxs(Pressable, { onPress, style: [styles14.tileBase, style], children: [
+  return /* @__PURE__ */ jsxs(Pressable, { onPress, onLongPress, style: [styles14.tileBase, style], children: [
     url ? /* @__PURE__ */ jsx(
       Image,
       {
@@ -2755,7 +2772,8 @@ function MessageBubble({
   showSenderName = false,
   actionsTrigger,
   showAttachments = true,
-  markdown = true
+  markdown = true,
+  onLongPress
 }) {
   const theme = usePoolseTheme();
   const { width: screenWidth } = useWindowDimensions();
@@ -2872,7 +2890,8 @@ function MessageBubble({
                   images,
                   maxWidth: mediaWidth,
                   radius: Math.max(bubbleRadius - 3, 8),
-                  squareBottom: !metaOverlay
+                  squareBottom: !metaOverlay,
+                  ...onLongPress ? { onLongPress } : {}
                 }
               ),
               metaOverlay ? metaRow("overlay") : null
@@ -3442,7 +3461,10 @@ function MessageRow({
                       maxBodyLength,
                       showSenderName,
                       showAttachments: attachments,
-                      markdown
+                      markdown,
+                      onLongPress: () => {
+                        if (actions) setActionsOpen(true);
+                      }
                     }
                   )
                 }