@linktr.ee/messaging-react 1.23.0 → 1.24.0

package/package.json

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

package/src/components/ChannelList/index.tsx

@@ -8,6 +8,8 @@ import type { ChannelListProps } from '../../types'
 import { ChannelListProvider } from './ChannelListContext'
 import CustomChannelPreview from './CustomChannelPreview'
 
+const DEFAULT_SORT = { last_message_at: -1 } as const
+
 /**
  * Channel list component with customizable header and actions
  */
@@ -16,6 +18,7 @@ export const ChannelList = React.memo<ChannelListProps>(
     onChannelSelect,
     selectedChannel,
     filters,
+    sort = DEFAULT_SORT,
     className,
     customEmptyStateIndicator,
     renderMessagePreview,
@@ -56,9 +59,9 @@ export const ChannelList = React.memo<ChannelListProps>(
         <div className="flex-1 overflow-hidden min-w-0">
           <ChannelListProvider value={contextValue}>
             <StreamChannelList
-              key={JSON.stringify(filters)}
+              key={`${JSON.stringify(filters)}:${JSON.stringify(sort)}`}
               filters={filters}
-              sort={{ last_message_at: -1 }}
+              sort={sort}
               options={{ limit: 30 }}
               Preview={CustomChannelPreview}
               EmptyStateIndicator={customEmptyStateIndicator}

package/src/types.ts

@@ -5,6 +5,7 @@ import type {
 import type {
   Channel,
   ChannelFilters,
+  ChannelSort,
   LocalMessage,
   SendMessageAPIResponse,
 } from 'stream-chat'
@@ -67,6 +68,11 @@ export interface ChannelListProps {
   participantLabel?: string
   className?: string
   filters: ChannelFilters
+  /**
+   * Sort order for the channel list query.
+   * Defaults to `{ last_message_at: -1 }` (most recent first).
+   */
+  sort?: ChannelSort
   customEmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>
   renderMessagePreview?: (
     message: LocalMessage | undefined,