Skip to content

fix: rename ChannelListMessenger to ChannelListUI#3036

Open
arnautov-anton wants to merge 5 commits intomasterfrom
fix/rename-channel-list-messenger
Open

fix: rename ChannelListMessenger to ChannelListUI#3036
arnautov-anton wants to merge 5 commits intomasterfrom
fix/rename-channel-list-messenger

Conversation

@arnautov-anton
Copy link
Contributor

Renamed Components

Old Name New Name Notes
ChannelListMessenger ChannelListUI File renamed ChannelListMessenger.tsxChannelListUI.tsx; export renamed in ChannelList/index.ts

Renamed Types / Interfaces

Old Name New Name Notes
ChannelListMessengerProps ChannelListUIProps Props type for the renamed component

Renamed CSS Classes

Old Name New Name
str-chat__channel-list-messenger str-chat__channel-list-inner
str-chat__channel-list-messenger__main str-chat__channel-list-inner__main

Removed Props

ChannelListProps (on <ChannelList>)

Removed Prop Type Migration
Avatar React.ComponentType<ChannelAvatarProps> Use Avatar slot slot in ComponentContext instead
List React.ComponentType<ChannelListMessengerProps> Use ChannelListUI slot in ComponentContext instead
LoadingErrorIndicator React.ComponentType<LoadingErrorIndicatorProps> Use LoadingErrorIndicator slot in ComponentContext instead
LoadingIndicator React.ComponentType Use LoadingIndicator slot in ComponentContext instead
Preview React.ComponentType<ChannelListItemUIProps> Use ChannelListItemUI slot in ComponentContext instead

ChannelListItemProps (on <ChannelListItem>)

Removed Prop Type Migration
Avatar React.ComponentType<ChannelAvatarProps> Now sourced from ComponentContext inside ChannelListItemUI

ChannelListUIProps (previously ChannelListMessengerProps)

Removed Prop Type Migration
LoadingErrorIndicator React.ComponentType<LoadingErrorIndicatorProps> Now sourced from ComponentContext inside ChannelListUI
LoadingIndicator React.ComponentType Now sourced from ComponentContext inside ChannelListUI

New ComponentContext Slots

Slot Type Description
ChannelListUI React.ComponentType<ChannelListUIProps> Custom UI component for the channel list container (replaces List prop on <ChannelList>)

Other Breaking Changes

  • Removed CSS class suffix: The root <ChannelList> element no longer applies the str-chat__channel-list-react class. Previously the default was str-chat__channel-list str-chat__channel-list-react, now it is just str-chat__channel-list.

BREAKING CHANGE: The ChannelListMessenger component has been renamed to ChannelListUI (props type ChannelListMessengerProps -> ChannelListUIProps). The corresponding CSS classes str-chat__channel-list-messenger and str-chat__channel-list-messenger__main have been renamed to str-chat__channel-list-inner and str-chat__channel-list-inner__main respectively. The Avatar, List, LoadingErrorIndicator, LoadingIndicator, and Preview props have been removed from the ChannelList component. The Avatar prop has also been removed from ChannelListItem, and the LoadingErrorIndicator and LoadingIndicator props have been removed from ChannelListUI. All of these component overrides should now be provided through ComponentContext instead of being passed as props directly. A new ChannelListUI slot has been added to ComponentContext, replacing the former List prop on ChannelList. Additionally, the str-chat__channel-list-react CSS class is no longer applied to the root ChannelList element.

@github-actions
Copy link

github-actions bot commented Mar 20, 2026

Size Change: -70 B (-0.02%)

Total Size: 441 kB

Filename Size Change
./dist/cjs/index.js 236 kB -55 B (-0.02%)
./dist/css/index.css 46.5 kB -15 B (-0.03%)
ℹ️ View Unchanged
Filename Size
./dist/audioProcessing-BbOs2wMd.js 1.32 kB
./dist/cjs/emojis.js 2.96 kB
./dist/cjs/mp3-encoder.js 1.27 kB
./dist/css/v2/emoji-mart.css 1.84 kB
./dist/css/v2/emoji-replacement.css 300 B
./dist/css/v2/index.css 39.4 kB
./dist/css/v2/index.layout.css 22.8 kB
./dist/WithAudioPlayback-CnG9hoEn.js 88.3 kB

compressed-size-action

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants