5.3.0 2021-04-29
- Added support for
user.deleted
anduser.updated
event handling- Requires
stream-chat >= 3.8.0
- In case of
user.deleted
event, messages from corresponding user will be marked as deleted - In case of
user.updated
event, user property on messages from corresponding user will be updated.
- Requires
5.2.0 2021-04-26
- Add Spanish and Portuguese auto translation support #874
- Adjust processed messages conditional logic for
VirtualizedMessageList
#875
5.1.8 2021-04-21
- Update message group styling defaults in message UI components #860
- Refine pin message permission checking #866
5.1.7 2021-04-13
- Remove channel creator's ability to edit/delete other users' messages #853
- Generalize event types to allow for greater action handler flexibility #850
5.1.6 2021-04-10
- Adjust message memoization for custom UI components #849
- Fix CSS display issue for messages with reactions #849
5.1.5 2021-04-09
- Adjust submit handler types #847
- Remove old CSS leading to Gatsby error #846
5.1.4 2021-04-07
- Filter falsey emoji search results #843
- Adjust submit handler types #844
5.1.3 2021-04-06
- Optimize message list components by limiting excess
loadMore
calls #841
- Fix
AutoCompleteTextarea
trigger highlighting bug #839
5.1.2 2021-04-05
- Provide option to hide
DateSeparator
component for new messages with thehideNewMessageSeparator
prop onMessageList
andVirtualizedMessageList
components #837
- Fix bad conditional in
useMentionsHandlers
custom hook #836
5.1.1 2021-04-02
- Show formatted date separator for new messages #818
- Provide option to display flag emojis as images on Windows via
useImageFlagEmojisOnWindows
prop #821 - Hide reaction icon when a message has reactions #826
- Escape characters that break emoji regex #823
- Fix autocomplete textarea text replace algorithm #827
- Force close suggestions list on submit #828
5.1.0 2021-03-30
- Add type support for Moment.js date objects #809
- Add i18n translation support for
ChannelPreview
#810 - Allow
addNotification
function to be called anywhere withinChannel
#811 - Hide
MessageActions
if no actions exist #816
- Refactor failed message UI component #811
- Remove extra
watchers
query #817 - Prevent
queryUsers
from searching a null value #817
5.0.3 2021-03-24
- Add customization options for
renderText
function #807
5.0.2 2021-03-23
- Fix optimistic UI for mentions #800
5.0.1 2021-03-23
- Upgrade
react-file-utils
to v1.0.2
5.0.0 2021-03-22
- The entire component library has been converted to TypeScript
- Despite the major tag, this release is non-breaking
- Read our TypeScript Support wiki for guidance on instantiating a
StreamChat
client with your custom types via generics
- Conversion to TypeScript #797
4.1.3 2021-03-12
- Add missing ChannelPreview helpers to exports #775
4.1.2 2021-03-09
- Export
ChannelPreview
utility functions #750 - Memoize
ChannelList
filters
to prevent extra channel queries #752
- Update Customizing Styles section of README #756
- Change
emoji-mart
imports to support server-side rendering #764
4.1.1 2021-02-26
- Upgrade
stream-chat
dependency to fix reaction caching issue #742
- Fix markdown link rendering issues #742
4.1.0 2021-02-25
- Upgrade
react-virtuoso
dependency #694- Improved support for loading unevenly sized messages when scrolling back
- Support smooth scrolling to bottom when new messages are posted (controlled through
stickToBottomScrollBehavior
property) - Adding reactions no longer cancels the automatic scrolling when new messages appear
- Generate minified CSS output #707
- Upgrade
stream-chat
dependency #727 - Upgrade
mml-react
dependency #728 - Upgrade
emoji-mart
dependency #731
- Add
tabIndex
to emoji picker #710 - Add
dispatch
function fromchannelReducer
toChannelContext
#717 - Improve mobile support for display of the
MessageOptions
component #723 - Add key down a11y support for emoji picker #726
- Add
scrolledUpThreshold
prop toMessageList
#734
- Fix reaction list click propagation issue #722
- Fix reaction list non-breaking space issue #725
- Fix URL markdown in code blocks #733
4.0.1 2021-02-11
- Add
usePinHandler
example to docs #705 - Remove legacy APIs in mock data used for generating the docs #704
4.0.0 2021-02-10
-
Removed the
seamless-immutable
dependency and its corresponding methods and types #687- We also removed this dependency at the
stream-chat
JS client level, therefore immutable methods, such assetIn
, no longer need to be run on the returned data #602 - Responses from the Stream API will now return standard JS data structures, without the immutable wrapping
- When you upgrade to v4.0.0 of
stream-chat-react
, make sure you also upgrade to v3.0.0 ofstream-chat
- We also removed this dependency at the
- Performance optimize and allow customization of the
emoji-mart
dependency #530 - Add custom
image
prop toChannelHeader
component #697
- Removed the SonarJS linting rules #693
3.6.0 2021-02-02
-
Added support for pinned messages #682
- Save
pinnedMessages
to ChannelContext - Create
usePinHandler
custom hook for returningcanPin
value andhandlePin
function - Add Pin/Unpin as optional actions in
MessageActions
- Add
PinIndicator
UI component toMessageLivestream
andMessageTeam
- Add optional
"pinned-message"
CSS class to message UI components - Add
getPinMessageErrorNotification
andpinPermissions
asMessageList
props
- Save
-
Hide
DateSeparator
component when all messages for a day are deleted #689
- Refactor example apps to use
getInstance
andconnectUser
#688
- Display auto-translated message text when it exists #683
- Add missing export for
VirtualizedMessageList
type #691
3.5.3 2021-01-26
ChannelList
accepts an optional prop to filter/sort channels prior to render #678
3.5.2 2021-01-21
3.5.1 2021-01-19
- Upload PSD attachments as file #673
- Bump MML-React #674
3.5.0 2021-01-15
- Support typing indicator in Thread component #662
- Add parent ID to typing events #665
- Allow MessageInput emoji and file upload icon customization #666
- Add optional
disableMentions
prop to MessageInput and update mentions UI #669
- Fix maxLength paste text bug #670
3.4.6 2021-01-08
- Add SuggestionList as MessageInput prop to override default List and Item component to display trigger suggestions #655
- Add allowNewMessagesFromUnfilteredChannels prop to ChannelList #663
- Fix type for mentions handler #660
- Convert Thread to functional component #650
- Convert messaging sample app to functional component #661
3.4.5 2021-01-07
- Message components accept custom EditMessageInput component #656
- Message actions default options doc #654
- MessageList unread TypeError #654
- ChannelHeader button css padding #648
3.4.4 2020-12-23
- Export the UploadsPreview component. #647
3.4.3 2020-12-16
- Browser bundle undefined variable
3.4.2 2020-12-16
- Changes default smiley face icon for reaction selector. #645
3.4.1 2020-12-15
- Adds custom UI component prop
ThreadHeader
toThread
to override the default header. #642
3.4.0 2020-12-14
-
MML is supported by default in all Message components except
MessageLiveStream
. #562For more detail about how to use MML please refer to mml-react docs.
3.3.2 2020-12-11
- Add error handling for
loadMoreThread
API request #627
3.3.1 2020-12-9
- Add additional user role check for
isModerator
boolean #625
3.3.0 2020-12-3
- Allow all instances of Avatar to be overridden with a custom component via props #610
3.2.4 2020-11-19
- Prevent firing LoadMore requests when browser is offline #614
- Support muted channels in ChannelPreview #608
ChannelContext.sendMessage
type accepts missing text #613
3.2.3 2020-11-13
3.2.2 2020-11-05
VirtualizedMessageList
breaking the list for falsy messages #602FixedHeightMessage
action box not opening in React@17 #602- Missing custom hooks type #601
3.2.1 2020-11-04
VirtualizedMessageList
stick to bottom #597
3.2.0 2020-11-04
- Support React v17 #588
3.1.7 2020-10-29
- Improved errorHandling on failed uploads. #596
- Escape special characters in mentioned_users names #591
- Improve handling max files(10) in MessageInput #593
3.1.6 2020-10-21
displayActions
prop is respected inMessageOptions
component #587
stream-chat-js
required version bumped to2.7.x
#582
3.1.5 2020-10-19
- Disable upload dropzone and input button in Input components based on channel config #585
- Disable the upload dropzone and input button when the maximum number of allowed attachments is reached #577
3.1.4 2020-10-19
- Fixed a bug with ChannelList pagination with low limits or high thresholds #583
- Disable reactions based on channel config #581
- Disable Thread based on channel config #580
- Disable TypingIndicator based on channel config #579
3.1.3 2020-10-15
- Better handling of offsets during loadMore #578
3.1.2 2020-10-14
Event handler for message.new
by default moves the channel to top of the list. But it didn't handle the case where channel was not already present in list. useMessageNewHandler
has been updated to handle this case. c563252
3.1.1 2020-10-14
3.1.0 2020-10-14
- VirtualizedMessageList supports message grouping #571
<VirtualizedMessageList shouldGroupByUser />
- VirtualizedMessageList TypingIndicator is disabled by default #571
3.0.3 2020-10-13
3.0.2 2020-10-12
- Bump stream-chat to v2.6.0 #568
3.0.1 2020-10-05
- Bumped dependencies #558
- Export EmojiPicker #560
3.0.0 2020-09-30
- Image component renamed to ImageComponent #554
2.6.2 2020-09-29
- Fixed several type issues #552
2.6.1 2020-09-29
- Fixed an issue with MessageLivestream where mutes and flags were not happening #551
2.6.0 2020-09-29
- New messages date indicator in MessageList and VritualizedMessageList #548
- Reply/Reactions are available in messageActions #547
- Fix opacity on emoji in EditMessageForm #540
- Sanitize URL image sources in Image component #543
- Add first letter of display name to avatar #545
2.5.0 2020-09-24
- TypingIndicator component is added by default to both MessageList and VirtualizedMessageList components. This component can also be used by its own. #535
2.4.0 2020-09-17
- VirtualizedMessageList is a new component that can handle thousands of messages in a channel. It uses a virtualized list under the hood. #487
- Typescript generics of stream chat js are ABC adjusted #521
2.3.3 2020-09-15
- Refactored Attachment component to now also accept a Gallery prop that will handle when the attachments array contains multiple images.
- Upgraded react-file-utils which fixes image previews not displaying on the EditMessageForm
- Fix PropType errors
- Fix an issue with the infinite scroll on the MessageList when the client is offline
2.3.2 2020-09-10
- Upgrading stream-chat to 2.2.2
2.3.1 2020-09-10
- Upgrading stream-chat to 2.2.1
2.3.0 2020-09-10
-
Upgraded
stream-chat
package tov2.2.0
stream-chat
package has been migrated to complete typescript in 2.x.x. There were no breaking change with underlying javascript api and also typescript except for Event type. We recommend you to check the changelog for stream-chat-js repository as well for more details if you are planning to upgrade from[email protected]
to[email protected]
- This PR which contains typescript related changes in stream-chat-react for given upgrade - https://github.com/GetStream/stream-chat-react/pull/499/files
2.2.2 2020-08-21
- Separated ConnectionStatus component from MessageList 82c8927
- Bug fix: When Channel component is standalone used (without ChannelList), mentions feature wouldn't work 4f64abc
2.2.1 2020-07-31
- Added listener for channel.hidden event and prop to override the default behaviour onChannelHidden 643af50
- Added listener for channel.visible event and prop to override the default behaviour onChannelVisible 56e1208
2.2.0 2020-07-31
- Added doMarkReadRequest prop to Channel component, to override markRead api calls 49a058b8
2.1.3 2020-07-27
- Fix empty reaction showing bubble #473
2.1.2 2020-07-27
- Add formatDate to docs #469
- Allow reaction override in Message components #470
- Fix runtime require in browser bundle #472
2.1.1 2020-07-22
- Bumped
react-file-utils
to0.3.15
which includes an upgraded version ofblueimp-load-image
which makes it easier to use this library in SSR apps.
2.1.0 2020-07-22
- Rename exported component
File
toFileAttachment
to avoid overridingwindow.File
in bundled release
2.0.4 2020-07-21
- Fixed type issues
- Fixed an issue with the mobile navigation
- Added the ability to customize the datetime stamp on Message components using the
formatDate
prop
2.0.3 2020-07-20
- All components using mutes get them using the useContext hook.
- Performance updates
- Fix for document.title when read_events are disabled
- Added docs on using included hooks
2.0.2 2020-07-16
- Fixed some issues with editing messages
- Fixed some issues with muting/unmuting messages
2.0.1 2020-07-15
We’re bumping stream-chat-react
to version 2.0.1 because over the past three months we’ve been doing a major refactor of our codebase. The foundational work includes:
- Major refactor and code cleanup
- Components have been rewritten to use React Hooks
- Added tests for all components
- Performance improvements on MessageList
- Upgraded dependencies
- Drop node 11, 13
- Deprecating context HOC’s
Since we moved our library to rely on React Hooks moved the following HOC’s to use
useContext
:withChannelContext
withChatContext
withTranslationContext
This means we now directly use the context values from the context and they’re not passed down from the props anymore.
- The
updateMessage
on the channel context does not support extraState anymore. - There no longer is a ref inside a ref in ReactionsList. Instead, the ref of the container div is directly forwarded by the component.
- Triggers on MessageInput can now be overwritten using the autocompleteTriggers prop on
MessageInput
- Fixed styling on autocomplete suggestions
- Fixed YouTube video rendering in messages
- Fixed an issue that allowed you to send empty messages
- Bugfix in groupStyles calculations
1.2.5 2020-06-30
- Added
LoadingIndicator
prop to MessageList - Fixed some minor styling issues with SafeAnchor
1.2.4 2020-06-30
- Refactor and improvements to the Gallery Modal component
1.2.3 2020-06-30
- Fixing types
1.2.2 2020-06-22
- Fixing types
1.2.1 2020-06-17
- Fixed an issue with our type definitions introduced in
1.2.0
1.2.0 2020-06-16
- @mentions now use the queryMembers endpoint enabling mentions in channels of more that 100 members
- Fix for .mov videos
- Refactors and a lot of new tests
- Some small bug fixes
1.1.2 2020-06-11
- Fixes issue with File uploads on MessageInputLarge
- Make sure to only render videos if the browser supports it
1.1.1 2020-06-09
- Fixes links when written as markdown
- Allows app:// protocol in markdown links
1.1.0 2020-06-08
Breaking Change
-
Migrated ChannelList component to functional component.
ChannelList
component comes with some default handlers for following events.- notification.message_new
- notification.added_to_channel
- notification.removed_from_channel
- channel.updated
- channel.deleted
- channel.truncated
But these default event handlers can be overriden by providing corresponding prop functions for handling the event. For example, to override
notification.message_new
event, you can provide prop function -onMessageNew
, to ChannelList component.Until now, ChannelList component was class based, so function prop (e.g.,
onMessageNew
) used to accept following 2 parameters:- thisArg -
this
reference of component. You could use this to update the state of the component as well. e.g.,thisArg.setState({ ... })
- event - Event object
In this release, we have migrated ChannelList component to functional component and thus
thisArg
is no longer accessible. Instead we provide the setter (fromuseState
hook) for channels. So updated params to these custom event handlers (prop functions) is as follow:- setChannels {function} Setter for channels.
- event {object} Event object
And same applies to all the rest of the custom event handlers:
- onMessageNew
- onAddedToChannel
- onRemovedFromChannel
- onChannelUpdated
- onChannelTruncated
- onChannelDeleted
Fixes:
- Correctly set attachment type based on mime type
- Fixes to audio component
- Mentions: filter out no-longer-mentioned users on submit
Other:
- Type fixes
- Tests
- Refactors
1.0.0 2020-05-15
We've already been on a v1 release for a while but never updated our versioning. Right now we're in the process of rewriting our components to be more future proof and we started using hooks, hence the v1.0.0 today.
Breaking change: stream-chat-react
now relies on hooks and will need at least v16.8.x
of react
to work.
- Fixed some issues with mutes
- Fixed issues with attachments
- Added tests
0.12.1 2020-05-12
- Render video uploads as videos, not files
- Added tooltip to emoji and attachment buttons
- Fix file/image upload preview layout
- Added tests
0.12.0 2020-05-08
- Refactor
- First message in thread doesn't have a fixed position anymore
- Upon if the active channel get's deleted, we now set the active channel to be empty
- Removed some unused css
- Fix for read indicators
0.11.18 2020-05-06
- Better fallback avatar in ReactionSelector
- Better scrolling after assets finish loading
- Disabled truncation of email links
- New props
onUserClick
andonUserHover
onMessage
components
0.11.17 2020-05-04
- Added prop MessageDeleted on Message components to override the default component displayed for deleted messages.
0.11.16 2020-05-01
- Fixed an where read state indicators dissapeared
0.11.15 2020-04-30
- Fixed an issue where the read by tooltip said: "x, x, and 0 more"
- Fixed an issue where app might crash due to faulty read state
- Fixed an issue where file attachments didn't get uploaded when also uploading images
0.11.14 2020-04-29
- Adding direct messaging support for channel preview b394079
- Fixed typescript for ChannelList component 576f5c8
- Fixed french translation file 308fcab
- Adding extra check for channel connection to avoid failing markRead call 317fb1f
0.11.13 2020-04-20
- Add check to fix optional activeChannel in ChannelPreview.
0.11.12 2020-04-17
- Fixing typescript issue with
MessageInput
component prop -additionalTextAreaProps
92f2ae2
0.11.11 2020-04-15
- Adding missing translation key
{{ imageCount }} more
in Gallery component 5cea938
0.11.10 2020-04-09
- Fix crashing app when there's no active channel
0.11.9 2020-04-09
- Fix issue with DateSeparator
- added type definition for setActiveChannelOnMount
0.11.8 2020-04-08
- Fix bug in ChannelHeader caused in version
0.11.4
0.11.6 2020-04-04
NOTE Please make sure to use stream-chat@^1.7.0
- Fixing moderator, owner, admin checks for message actions 71b3309
0.11.5 2020-04-03
- Open url attachments in new tab e6436fe
0.11.4 2020-04-02
- Reworked the mobile nav behaviour to be more flexible
0.11.3 2020-04-02
- Have the mute action respect channel settings
- Add supported markdown to docs
0.11.1 2020-03-27
-
Reverting optimistic reaction UI related changes
Reverted commits:
Reason: Please check the changelog for v1.6.1 stream-chat-js
0.11.0 2020-03-27
- Improvements to reaction UX: Updating UI optimistically instead of waiting for reaction api call to succeed
- Fix for a bug: Flagging a message results in "
t is not a function
" error in console - Adding support for
additionalTextareaProps
prop in MessageInput component - Filter out buggy emojis and updating emoji-mart 333ed77
- Displaying DateSeperator before deleted messages. So far we didn't show it 8ed3ca5
- Updating
stream-chat
version to 1.6.0 d4b7c14
0.10.2 2020-03-26
- Bug fix - making sure translators are ready before rendering Chat component 1b0c07a65b88075d14b038977d42138ec7fdaa21 Fixes #181
- Fixing small styling issues with MessageInput
0.10.1 2020-03-25
- Added missing i18next dependency to dependency list c7cf11f
0.10.0 2020-03-24
- i18n support for library. Documentatio - https://getstream.github.io/stream-chat-react/#section-streami18n
0.9.0 2020-03-21
- 20% bundle size reduction (use day.js instead of moment.js)
0.8.8 2020-03-20
- Changing mute success notification to show name of user instead of id - e5bab26
- Bug fix: Cancel button on giphy command in thread failed to remove message - e592a4e
- Fixing typing indicator to now show up when current user is typing - c24dc7a
- Fixing moderator role check function in Message.js - 311fab9
0.8.7 2020-03-19
- Fixed a bug where attachments got duplicated upon submitting an edited message cb93b92
0.8.6 2020-03-17
- Allow
~~test~~
double tilde for strikethrough in messages - 6870194 - Fix issue where attachments got duplicated when editing messages - eea7f61
0.8.4 2020-02-11
- Fixing
EmptyStateIndicator
prop for ChannelList component - 20d1672
0.8.3 2020-02-11
- Fixing
LoadingIndicator
prop for InfiniteScrollPaginator component - fb81d68
0.8.2 2020-02-10
- Fixing
LoadingIndicator
prop for ChannelList component - e6e2e9f - Adding
LoadingErrorIndicator
prop for ChannelList component - e6e2e9f
0.8.1 2020-02-07
- Fixing broken typescript file cc86f6f
0.8.0 2020-02-07
0.7.20 2020-01-14
- When you change the filters prop on the ChannelList component this now we will refresh the channels with the new query
0.7.17 2020-01-02
- Added
maxRows
props to MessageInput component
0.7.16 2020-01-02
- Removed inline styles from multiple locations
- Exporting new component
ChatAutoComplete
(Advanced usage only)
0.7.15 2019-12-30
- Added the following props on the
Thread
component so the underlying MessageList, MessageInput and Message components can be customized using props:additionalParentMessageProps
additionalMessageListProps
additionalMessageInputProps
- Added the following props to the
Channel
component:doUpdateMessageRequest
to override the update(edit) message request (Advanced usage only)doSendMessageRequest
to override the send message request (Advanced usage only)
0.7.13 2019-12-03
- Handling and updating channel list on
channel.truncated
andchannel.deleted
event.
0.7.12 2019-11-22
- Adding prop
MessageSystem
to customize system messages
0.7.11 2019-11-05
- Fixed z-index issue on MessageInputLarge component https://github.com/GetStream/stream-chat-react/commit/f78b0bf6566fe587da62a8162ab5f1b3d799a10e
0.7.10 2019-10-16
- Added
customActiveChannel
prop onChannelList
to specify a custom channel to be moved to the top and set to active upon mounting.
0.7.9 2019-10-16
- Changing prop name for MessageSimple from openThread to handleOpenThread.
- Fixing scroll issue on messagelist. Related to issue #67
0.7.8 2019-10-11
- Bug fix with dateseperator in messagelist
0.7.7 2019-10-11
- Adding intro message to messagelist
0.7.6 2019-10-08
- Fixed unbinding of visibility listener
0.7.5 2019-10-07
- Updated js-client with fix for failing fileuploads
0.7.4 2019-10-07
- Fixed styling issues for SendButton
0.7.3 2019-10-02
- Added SendButton prop to MessageInput. This only shows on mobile to make sure you're able to submit the form without having a return button.
0.7.2 2019-09-30
- Updating js-client version
0.7.1 2019-09-30
- Fix - Adding typescript declaration files in production build
0.7.0 2019-09-27
- Adding typescript declaration file
0.6.27 2019-09-20
- Added
EmptyStateIndicator
prop to ChannelList and MessageList - Added
watchers
prop to ChannelList to specify watchers pagination query onsetActiveChannel
, including this makes one extra query on selecting a channel from the ChannelList - Updated react-images to version
1.0.0
0.6.26 2019-09-10
- Add IE 11 support for MessageInput
- Fixing pagination issue when oldest message is not received yet
- Fixing issue that didn't display unread count correctly on initial load
0.6.25 2019-09-05
- The built in MessageInput components now use native emoji to create consistent rendering between the picker and the message
0.6.22 2019-08-15
- Adding support for loading error indicator
- Adding fallback as thumb_url for image attachments
0.6.21 2019-08-05
- Syncing and improvements in styleguide
0.6.19 2019-07-31
- Fix issue raised in 0.6.17
0.6.18 2019-07-31
- Improve message options UX in messaging theme
0.6.17 2019-07-30
- Export LoadingChannels component
- Fix connectivity issue with threads
- Better check for user roles
0.6.16 2019-07-29
- Adding visual response (notification) for flag message and mute user functionality
- Fixing broken mute user functionality
0.6.15 2019-07-23
- Fixing Message actions for livestream and team chat.
- Fixing flag/mute functionality. Earlier only admins were allowed to flag or mute the message. This was wrong. Every user should be able to flag or mute any message (other than his own message)
0.6.14 2019-07-20
- Adding prop
messageActions
to MessageList
0.6.13 2019-07-18
- Adding prop function
onChannelUpdated
as callback for eventchannel.updated
- Bug fix - Channel list component doesn't update when custom data on channel is updated.
0.6.0 2019-05-13
- Added Pagination to ChannelList
- Standard pagination with Load More button (
LoadMorePaginator
) - Also includes a infinte scroll paginator (
InfiniteScrollPaginator
) - Important Because of this change we moved the channelquery logic to
ChannelList
this means you need to pass yourfilters
,sort
, andoptions
.
- Standard pagination with Load More button (
0.3.11 - 2019-04-23
MessageInput
andChannel
now accept the following propsmultipleUploads={false}
acceptedFiles={['image/*']}
maxNumberOfFiles={1}
0.3.10 - 2019-04-19
- Support for @mentions for @mention interactions
Channel
now accepts the following propsonMentionsHover={(event, user) => console.log(event, user)}
onMentionsClick={(event, user) => console.log(event, user)}