@linktr.ee/messaging-react 3.5.1 → 3.5.2

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-9Go_hBkB.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Suw7bhfA.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
 import { EmptyStateIndicatorProps } from 'stream-chat-react';
 import { FC } from 'react';
+import { InfiniteScrollProps } from 'stream-chat-react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LocalMessage } from 'stream-chat';
 import { MessagingUser } from '@linktr.ee/messaging-core';
@@ -133,6 +134,13 @@ export declare interface ChannelListProps {
      */
     sort?: ChannelSort;
     customEmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>;
+    /**
+     * Custom paginator for the channel list. The default is Stream's
+     * `InfiniteScroll`; hosts that render multiple ChannelLists in one stacked
+     * layout can provide a paginator that listens to the host-owned scroll
+     * container or renders an explicit load-more control.
+     */
+    channelListPaginator?: ComponentType<InfiniteScrollProps>;
     /**
      * Custom component rendered for each channel row in the conversation list.
      * Receives Stream's channel preview props plus this package's selection

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as e, b as t, C as i, c as o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as d, m as p, n as v, o as C, p as A, q as k, s as F, t as P, u as b, v as f, w as x, x as y, y as S, z as q, B as z, D as B, E as D, G as E } from "./index-BD4riB9V.js";
+import { a as e, b as t, C as i, c as o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as d, m as p, n as v, o as C, p as A, q as k, s as F, t as P, u as b, v as f, w as x, x as y, y as S, z as q, B as z, D as B, E as D, G as E } from "./index-DxuG__WG.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.5.1",
+  "version": "3.5.2",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",

package/src/components/ChannelList/index.test.tsx

@@ -68,6 +68,22 @@ describe('ChannelList', () => {
     })
   })
 
+  it('uses a custom channel list paginator when provided', () => {
+    const ChannelListPaginator = () => null
+
+    renderWithProviders(
+      <ChannelList
+        {...defaultProps}
+        channelListPaginator={ChannelListPaginator}
+      />
+    )
+
+    expect(streamChannelListMock).toHaveBeenCalledOnce()
+    expect(streamChannelListMock.mock.calls[0][0]).toMatchObject({
+      Paginator: ChannelListPaginator,
+    })
+  })
+
   it('uses the built-in channel preview by default', () => {
     renderWithProviders(<ChannelList {...defaultProps} />)
 

package/src/components/ChannelList/index.tsx

@@ -28,6 +28,7 @@ export const ChannelList = React.memo<ChannelListProps>(
     sort = DEFAULT_SORT,
     className,
     customEmptyStateIndicator,
+    channelListPaginator: Paginator = InfiniteScroll,
     channelPreview,
     renderMessagePreview,
     viewerLanguage,
@@ -99,7 +100,7 @@ export const ChannelList = React.memo<ChannelListProps>(
                 allowNewMessagesFromUnfilteredChannels
               }
               channelRenderFilterFn={wrappedChannelRenderFilterFn}
-              Paginator={InfiniteScroll}
+              Paginator={Paginator}
               Preview={CustomChannelPreview}
               EmptyStateIndicator={customEmptyStateIndicator}
             />

package/src/types.ts

@@ -14,6 +14,7 @@ import type {
 import type {
   ChannelPreviewUIComponentProps,
   EmptyStateIndicatorProps,
+  InfiniteScrollProps,
 } from 'stream-chat-react'
 
 import type { MessageMetadata } from './stream-custom-data'
@@ -98,6 +99,13 @@ export interface ChannelListProps {
    */
   sort?: ChannelSort
   customEmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>
+  /**
+   * Custom paginator for the channel list. The default is Stream's
+   * `InfiniteScroll`; hosts that render multiple ChannelLists in one stacked
+   * layout can provide a paginator that listens to the host-owned scroll
+   * container or renders an explicit load-more control.
+   */
+  channelListPaginator?: ComponentType<InfiniteScrollProps>
   /**
    * Custom component rendered for each channel row in the conversation list.
    * Receives Stream's channel preview props plus this package's selection