@poolse/react-native 2.19.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;
     /**
@@ -234,7 +240,14 @@ interface MessageBubbleProps {
      */
     markdown?: boolean;
 }
-declare function MessageBubble({ message, currentUserId, readState, labelFor, onQuotedClick, groupPosition, maxBodyLength, showSenderName, actionsTrigger, showAttachments, markdown, }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
+/**
+ * One message bubble, structured as stacked sections rather than one
+ * padded box: media bleeds to a 3px frame, text carries its own
+ * padding, and the timestamp lives ON the last text line (reserved by
+ * 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, onLongPress, }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
 
 interface MessageRowProps {
     msg: Message;
@@ -522,8 +535,14 @@ interface AttachmentPreviewProps {
     onPress?: () => void;
     /** Render at this max width. Defaults to 280. */
     maxWidth?: number;
+    /**
+     * `'onBrand'` restyles the file card for a brand-colored self
+     * bubble — translucent white instead of surface grey, so the card
+     * reads as part of the bubble rather than a patch cut out of it.
+     */
+    tone?: 'default' | 'onBrand';
 }
-declare function AttachmentPreview({ attachment, onPress, maxWidth }: AttachmentPreviewProps): react_jsx_runtime.JSX.Element;
+declare function AttachmentPreview({ attachment, onPress, maxWidth, tone, }: AttachmentPreviewProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Horizontal scrolling preview row of pending / in-flight / ready
@@ -619,6 +638,21 @@ interface ImageMosaicProps {
      */
     maxWidth?: number;
     radius?: number;
+    /**
+     * Square off the bottom corners (a small 5px instead of `radius`).
+     * Pass when a caption or file cards follow the mosaic, so the media
+     * flows into the text block instead of leaving "ears" of bubble
+     * 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.
@@ -632,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 }: 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;
     /**
@@ -234,7 +240,14 @@ interface MessageBubbleProps {
      */
     markdown?: boolean;
 }
-declare function MessageBubble({ message, currentUserId, readState, labelFor, onQuotedClick, groupPosition, maxBodyLength, showSenderName, actionsTrigger, showAttachments, markdown, }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
+/**
+ * One message bubble, structured as stacked sections rather than one
+ * padded box: media bleeds to a 3px frame, text carries its own
+ * padding, and the timestamp lives ON the last text line (reserved by
+ * 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, onLongPress, }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
 
 interface MessageRowProps {
     msg: Message;
@@ -522,8 +535,14 @@ interface AttachmentPreviewProps {
     onPress?: () => void;
     /** Render at this max width. Defaults to 280. */
     maxWidth?: number;
+    /**
+     * `'onBrand'` restyles the file card for a brand-colored self
+     * bubble — translucent white instead of surface grey, so the card
+     * reads as part of the bubble rather than a patch cut out of it.
+     */
+    tone?: 'default' | 'onBrand';
 }
-declare function AttachmentPreview({ attachment, onPress, maxWidth }: AttachmentPreviewProps): react_jsx_runtime.JSX.Element;
+declare function AttachmentPreview({ attachment, onPress, maxWidth, tone, }: AttachmentPreviewProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Horizontal scrolling preview row of pending / in-flight / ready
@@ -619,6 +638,21 @@ interface ImageMosaicProps {
      */
     maxWidth?: number;
     radius?: number;
+    /**
+     * Square off the bottom corners (a small 5px instead of `radius`).
+     * Pass when a caption or file cards follow the mosaic, so the media
+     * flows into the text block instead of leaving "ears" of bubble
+     * 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.
@@ -632,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 }: 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: {