@sendbird/uikit-react - npm Package Versions

[v3.2.4] (Nov 1 2022)

Features:

• For Channel component, added separate prop isLoading?.boolean Usage: <Channel channelUrl {currentChannelUrl} isLoading={!currentChannelUrl} />
• For flicker in ChannelList, no extra props

Fixes:

• React UIKit placeholder rendering issue
• Fix scroll issue in ChannelList where user cannot load more channels
• Modify TS interface getLeaveChannel to getLeaveGroupChannel in selectors

[v3.2.3] (Oct 14 2022)

Feature:

• Add a prop disableMarkAsRead into the <Channel /> This prop disables calling markAsRead in the Channel component

[v3.2.2] (Oct 13 2022)

Feature:

• Export a type OutgoingMessageStates
  • Type: enum OutgoingMessageStates { NONE, PENDING, SENT, FAILED, DELIVERED, READ }
• Export a util function getOutgoingMessageState
  • Importing path: "@sendbird/uikit-react/utils/message/getOutgoingMessageState"
  • Interface: function getOutgoingMessageState(channel, message): OutgoingMessageStates
• Add a prop disableMarkAsDelivered into the <App /> and <SendbirdProvider /> Some of our customers do not use the markAsDelivery feature, but we always have called the markAsDelivered on the ChannelList with every channel It caused a rate-limit issue, so we add a new prop to disable the markAdDelivered call for that case

[v3.2.1] (Oct 02 2022)

Fixes:

• Do not bundle chat SDK with uikit compiled code

Compiled UIKit code that is distributed through npm shouldn't have Chat SDK minified code included in it Chat SDK should be a dependency of UIKit Advantages:

• Chat SDK bug fixes will be added for free
• Eliminate the need for handlers What caused the issue: If you are using rollup for bundling in config.external you have to be specific ie> This works:

external: [
  '@sendbird/chat',
  '@sendbird/chat/groupChannel',
  '@sendbird/chat/openChannel',
  '@sendbird/chat/message',
]

This doesn't:

external: [ '@sendbird/chat', ]

• Only react and react-dom should be peerDependencies

For npm >= v7, npm autoinstall peerDependency packages According to https://docs.npmjs.com/cli/v8/configuring-npm/package-json#peerdependencies You want to express the compatibility of your package with a host tool or library while not necessarily doing a require of this host Even though react is required, its better to show that react is the host tool

[v3.2.0] (Sep 27 2022)

Features:

• OpenChannelList component
  • Create new smart components (modules)
    • CreateOpenChannel
    • OpenChannelList
  • Add a renderHeader props into the ui/Modal component
  • Add stringSet for OpenChannelLisit and CreateOpenChannel components
    • OPEN_CHANNEL_LIST__TITLE: 'Channels',
    • CREATE_OPEN_CHANNEL_LIST__TITLE: 'New channel profile',
    • CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION: 'Channel image',
    • CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD: 'Upload',
    • CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION: 'Channel name',
    • CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER: 'Enter channel name',
    • CREATE_OPEN_CHANNEL_LIST__SUBMIT: 'Create',
• Add prop?.value to MessageWrappers
  • @sendbird/uikit-react/Channel/components/MessageInput
  • @sendbird/uikit-react/OpenChannel/components/OpenChannelInput
  • @sendbird/uikit-react/ui/MessageInput
  • Value is reset when channelURL changes

Fixes:

• Fix issue where ConnectionHandler overwrite SessionHandler
• Use queries from @sendbird/chat
  • Use imported versions of GroupChannelListQueryParams and ApplicationUserListQueryParams
• Fix openChannel casing in type defn
• Add some missing localization variables
• Deprecate ChatHeader and ChannelPreview in @sendbird/uikit-react/ui
• Replace the ButtonTypes and ButtonSizes into the Button/index
• Apply scroll to input and dark theme color to UserProfile
• Disable the create channel button when no user invite
• Use ref from MessageInputWrapper props if present
• Some CSS level polishing fixes~

Dev. Env:

• Remove enzyme and react-test-renderer
• Upgrade the react version to v18
• Upgrade the storybook version to v6.5.10
• Upgrade the jest and babel-jest to v29
• Upgrade the jsdom to v20
• Install jest-environment-jsdom
• Install global-jsdom
• Install testing-library (@testing-library/react and @testing-library/jest-dom)
• Migrate every tests with testing-library instead of the enzyme and `react-test-renderer
• Replace node-sass with sass(Dart Sass)
• Reduce bundle size by treating react-dom/server as external