|
57 | 57 | export default CustomChannelSettings; |
58 | 58 | ``` |
59 | 59 |
|
60 | | -- **DX Improvements: ChannelSetting UserListItem** |
61 | | - - `UserListItemMenu` has been newly component |
| 60 | +- DX Improvements: ChannelSetting UserListItem |
| 61 | + - `UserListItemMenu` has been newly created |
62 | 62 | - Provided it as a module which also contains `UserListItemMenuProvider` and `useUserListItemMenuContext` |
63 | | - - **Example usage:** |
64 | 63 | ```tsx |
65 | 64 | import { UserListItemMenu, UserListItemMenuProvider, useUserListItemMenuContext } from '@sendbird/uikit-react/ui/UserListItemMenu'; |
66 | 65 | ``` |
67 | | - How to use? |
| 66 | + - Added new `renderUserListItem` props to the list components of `ChannelSettings`: |
| 67 | + * `OperatorList`, `MemberList`, `MutedMemberList`, `BannedUserList` |
| 68 | + - Exported the following modules: |
| 69 | + * `OperatorList`, `MemberList`, `MutedMemberList`, `BannedUserList` |
| 70 | + ```tsx |
| 71 | + import { OperatorList, MemberList, MutedMemberList, BannedUserList } from '@sendbird/uikit-react/ChannelSettings/components/ChannelSettingsUI'; |
| 72 | + ``` |
| 73 | + - Merged `ui/UserListItem` and `ChannelSettings/components/UserListItem`: |
| 74 | + * Use `ui/UserListItem` from now on |
| 75 | + * Added `size` prop to `UserListItem`, which now accepts two values: 'normal' and 'small' ('small' replaces the previous `ChannelSettings/components/UserListItem`) |
| 76 | + * `normal`: Used primarily in Modals |
| 77 | + * `small`: Used primarily in Lists |
| 78 | + - **Example usage:** |
68 | 79 | ```tsx |
69 | | - <SomeUserListComponent |
70 | | - renderUserListItem={(props) => ( // TODO: will be added |
| 80 | + <ChannelSettings |
| 81 | + renderUserListItem={(props) => ( |
71 | 82 | <UserListItem {...props} |
72 | 83 | renderListItemMenu={(props) => ( |
73 | 84 | <UserListItemMenu |
|
93 | 104 | ### Fixes |
94 | 105 | - Fixed image file viewer header style |
95 | 106 | - Disabled `isSuperGroupReactionsEnabled` setter |
| 107 | +- Use `APP_LAYOUT_ROOT` to get the area info of the UIKit |
| 108 | + ```tsx |
| 109 | + export const APP_LAYOUT_ROOT = 'sendbird-app__layout'; |
| 110 | + ``` |
| 111 | + * To ensure the menu positions are calculated correctly, wrap the entire area using `SendbirdProvider` with a tag that has the specified ID. |
96 | 112 |
|
97 | 113 | ### Chore |
98 | 114 | - Updated `@sendbird/chat` version to 4.13.0 |
|
0 commit comments