@linktr.ee/messaging-react 3.3.8 → 3.3.9

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-TLVquOE0.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.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;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-CR0b7198.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.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

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

package/package.json

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

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

@@ -7,12 +7,16 @@ import { renderWithProviders } from '../../test/utils'
 import { ChannelList } from '.'
 
 const streamChannelListMock = vi.fn()
+const { InfiniteScrollMock } = vi.hoisted(() => ({
+  InfiniteScrollMock: () => null,
+}))
 
 vi.mock('stream-chat-react', () => ({
   ChannelList: (props: unknown) => {
     streamChannelListMock(props)
     return <div data-testid="stream-channel-list" />
   },
+  InfiniteScroll: InfiniteScrollMock,
 }))
 
 vi.mock('../../providers/MessagingProvider', () => ({
@@ -42,6 +46,15 @@ describe('ChannelList', () => {
     })
   })
 
+  it('uses InfiniteScroll as the channel list paginator', () => {
+    renderWithProviders(<ChannelList {...defaultProps} />)
+
+    expect(streamChannelListMock).toHaveBeenCalledOnce()
+    expect(streamChannelListMock.mock.calls[0][0]).toMatchObject({
+      Paginator: InfiniteScrollMock,
+    })
+  })
+
   it('passes allowNewMessagesFromUnfilteredChannels through to Stream ChannelList', () => {
     const props: React.ComponentProps<typeof ChannelList> = {
       ...defaultProps,
@@ -77,7 +90,10 @@ describe('ChannelList', () => {
 
     // When the wrapper is called, it should delegate to the consumer's filter
     const mockChannels = [
-      { cid: 'ch-1', state: { pending_messages: [], addMessageSorted: vi.fn() } },
+      {
+        cid: 'ch-1',
+        state: { pending_messages: [], addMessageSorted: vi.fn() },
+      },
     ]
     streamProps.channelRenderFilterFn!(mockChannels)
     expect(filterFn).toHaveBeenCalledWith(mockChannels)

package/src/components/ChannelList/index.tsx

@@ -1,7 +1,10 @@
 import classNames from 'classnames'
 import React from 'react'
 import type { Channel } from 'stream-chat'
-import { ChannelList as StreamChannelList } from 'stream-chat-react'
+import {
+  ChannelList as StreamChannelList,
+  InfiniteScroll,
+} from 'stream-chat-react'
 
 import { restorePendingMessages } from '../../hooks/useRestorePendingMessages'
 import { useMessagingContext } from '../../providers/MessagingProvider'
@@ -93,6 +96,7 @@ export const ChannelList = React.memo<ChannelListProps>(
                 allowNewMessagesFromUnfilteredChannels
               }
               channelRenderFilterFn={wrappedChannelRenderFilterFn}
+              Paginator={InfiniteScroll}
               Preview={CustomChannelPreview}
               EmptyStateIndicator={customEmptyStateIndicator}
             />