@sendbird/uikit-react 3.4.6 → 3.4.7-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/App.js +177 -172
- package/App.js.map +1 -1
- package/Channel/components/ChannelHeader.js +44 -39
- package/Channel/components/ChannelHeader.js.map +1 -1
- package/Channel/components/ChannelUI.js +63 -61
- package/Channel/components/ChannelUI.js.map +1 -1
- package/Channel/components/FileViewer.js +52 -46
- package/Channel/components/FileViewer.js.map +1 -1
- package/Channel/components/FrozenNotification.js +12 -9
- package/Channel/components/FrozenNotification.js.map +1 -1
- package/Channel/components/Message.js +165 -183
- package/Channel/components/Message.js.map +1 -1
- package/Channel/components/MessageInput.js +106 -113
- package/Channel/components/MessageInput.js.map +1 -1
- package/Channel/components/MessageList.js +128 -130
- package/Channel/components/MessageList.js.map +1 -1
- package/Channel/components/RemoveMessageModal.js +32 -28
- package/Channel/components/RemoveMessageModal.js.map +1 -1
- package/Channel/components/SuggestedMentionList.js +134 -153
- package/Channel/components/SuggestedMentionList.js.map +1 -1
- package/Channel/components/TypingIndicator.js +43 -42
- package/Channel/components/TypingIndicator.js.map +1 -1
- package/Channel/components/UnreadCount.js +18 -16
- package/Channel/components/UnreadCount.js.map +1 -1
- package/Channel/context.js +13 -14
- package/Channel/context.js.map +1 -1
- package/Channel.js +39 -40
- package/Channel.js.map +1 -1
- package/ChannelList/components/AddChannel.js +27 -29
- package/ChannelList/components/AddChannel.js.map +1 -1
- package/ChannelList/components/ChannelListHeader.js +30 -21
- package/ChannelList/components/ChannelListHeader.js.map +1 -1
- package/ChannelList/components/ChannelListUI.js +91 -98
- package/ChannelList/components/ChannelListUI.js.map +1 -1
- package/ChannelList/components/ChannelPreview.js +70 -73
- package/ChannelList/components/ChannelPreview.js.map +1 -1
- package/ChannelList/components/ChannelPreviewAction.js +30 -30
- package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
- package/ChannelList/context.js +7 -8
- package/ChannelList/context.js.map +1 -1
- package/ChannelList.js +30 -31
- package/ChannelList.js.map +1 -1
- package/{ChannelListProvider-a2f2ee4a.js → ChannelListProvider-c1d2f942.js} +160 -156
- package/ChannelListProvider-c1d2f942.js.map +1 -0
- package/{ChannelProvider-bb459e82.js → ChannelProvider-4ab3a851.js} +429 -412
- package/ChannelProvider-4ab3a851.js.map +1 -0
- package/ChannelSettings/components/ChannelProfile.js +33 -37
- package/ChannelSettings/components/ChannelProfile.js.map +1 -1
- package/ChannelSettings/components/ChannelSettingsUI.js +45 -40
- package/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
- package/ChannelSettings/components/EditDetailsModal.js +47 -48
- package/ChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/ChannelSettings/components/LeaveChannel.js +38 -35
- package/ChannelSettings/components/LeaveChannel.js.map +1 -1
- package/ChannelSettings/components/ModerationPanel.js +511 -556
- package/ChannelSettings/components/ModerationPanel.js.map +1 -1
- package/ChannelSettings/components/UserListItem.js +69 -69
- package/ChannelSettings/components/UserListItem.js.map +1 -1
- package/ChannelSettings/components/UserPanel.js +25 -27
- package/ChannelSettings/components/UserPanel.js.map +1 -1
- package/ChannelSettings/context.js +53 -49
- package/ChannelSettings/context.js.map +1 -1
- package/ChannelSettings.js +19 -18
- package/ChannelSettings.js.map +1 -1
- package/CreateChannel/components/CreateChannelUI.js +24 -21
- package/CreateChannel/components/CreateChannelUI.js.map +1 -1
- package/CreateChannel/components/InviteUsers.js +92 -93
- package/CreateChannel/components/InviteUsers.js.map +1 -1
- package/CreateChannel/components/SelectChannelType.js +41 -35
- package/CreateChannel/components/SelectChannelType.js.map +1 -1
- package/CreateChannel/context.js +4 -4
- package/CreateChannel.js +22 -20
- package/CreateChannel.js.map +1 -1
- package/CreateChannelProvider-d2188082.js +44 -0
- package/CreateChannelProvider-d2188082.js.map +1 -0
- package/CreateOpenChannel/components/CreateOpenChannelUI.js +33 -34
- package/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
- package/CreateOpenChannel/context.js +33 -28
- package/CreateOpenChannel/context.js.map +1 -1
- package/CreateOpenChannel.js +18 -16
- package/CreateOpenChannel.js.map +1 -1
- package/EditUserProfile/components/EditUserProfileUI.js +12 -12
- package/EditUserProfile/context.js.map +1 -1
- package/EditUserProfile.js +18 -16
- package/EditUserProfile.js.map +1 -1
- package/LocalizationContext-9c54e783.js +20 -0
- package/{LocalizationContext-3d8c0b24.js.map → LocalizationContext-9c54e783.js.map} +1 -1
- package/MediaQueryContext-1988a4bc.js +82 -0
- package/MediaQueryContext-1988a4bc.js.map +1 -0
- package/MemberList-80ea8604.js +395 -0
- package/MemberList-80ea8604.js.map +1 -0
- package/Message/context.js +11 -10
- package/Message/context.js.map +1 -1
- package/MessageSearch/components/MessageSearchUI.js +59 -54
- package/MessageSearch/components/MessageSearchUI.js.map +1 -1
- package/MessageSearch/context.js +176 -165
- package/MessageSearch/context.js.map +1 -1
- package/MessageSearch.js +45 -47
- package/MessageSearch.js.map +1 -1
- package/OpenChannel/components/FrozenChannelNotification.js +8 -6
- package/OpenChannel/components/FrozenChannelNotification.js.map +1 -1
- package/OpenChannel/components/OpenChannelHeader.js +27 -22
- package/OpenChannel/components/OpenChannelHeader.js.map +1 -1
- package/OpenChannel/components/OpenChannelInput.js +32 -28
- package/OpenChannel/components/OpenChannelInput.js.map +1 -1
- package/OpenChannel/components/OpenChannelMessage.js +171 -172
- package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
- package/OpenChannel/components/OpenChannelMessageList.js +60 -65
- package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
- package/OpenChannel/components/OpenChannelUI.js +50 -48
- package/OpenChannel/components/OpenChannelUI.js.map +1 -1
- package/OpenChannel/context.js +8 -8
- package/OpenChannel.js +32 -33
- package/OpenChannel.js.map +1 -1
- package/OpenChannelList/components/OpenChannelListUI.js +58 -59
- package/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
- package/OpenChannelList/components/OpenChannelPreview.js +21 -22
- package/OpenChannelList/components/OpenChannelPreview.js.map +1 -1
- package/OpenChannelList/context.js +3 -3
- package/OpenChannelList.js +24 -23
- package/OpenChannelList.js.map +1 -1
- package/{OpenChannelListProvider-f9ec8658.js → OpenChannelListProvider-c76663eb.js} +177 -155
- package/OpenChannelListProvider-c76663eb.js.map +1 -0
- package/OpenChannelProvider-fe3326aa.js +1883 -0
- package/{cjs/OpenChannelProvider-850b9cd0.js.map → OpenChannelProvider-fe3326aa.js.map} +1 -1
- package/OpenChannelSettings/components/EditDetailsModal.js +46 -46
- package/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/OpenChannelSettings/components/OpenChannelProfile.js +26 -26
- package/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
- package/OpenChannelSettings/components/OpenChannelSettingsUI.js +45 -36
- package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
- package/OpenChannelSettings/components/OperatorUI.js +508 -533
- package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
- package/OpenChannelSettings/components/ParticipantUI.js +15 -15
- package/OpenChannelSettings/context.js +54 -56
- package/OpenChannelSettings/context.js.map +1 -1
- package/OpenChannelSettings.js +19 -19
- package/OpenChannelSettings.js.map +1 -1
- package/RemoveMessageModal-99b5bab4.js +36 -0
- package/RemoveMessageModal-99b5bab4.js.map +1 -0
- package/SendbirdProvider.js +546 -405
- package/SendbirdProvider.js.map +1 -1
- package/Thread/components/ParentMessageInfo.js +157 -170
- package/Thread/components/ParentMessageInfo.js.map +1 -1
- package/Thread/components/ParentMessageInfoItem.js +68 -62
- package/Thread/components/ParentMessageInfoItem.js.map +1 -1
- package/Thread/components/ThreadHeader.js +22 -22
- package/Thread/components/ThreadHeader.js.map +1 -1
- package/Thread/components/ThreadList.js +82 -77
- package/Thread/components/ThreadList.js.map +1 -1
- package/Thread/components/ThreadListItem.js +208 -219
- package/Thread/components/ThreadListItem.js.map +1 -1
- package/Thread/components/ThreadMessageInput.js +103 -105
- package/Thread/components/ThreadMessageInput.js.map +1 -1
- package/Thread/components/ThreadUI.js +130 -116
- package/Thread/components/ThreadUI.js.map +1 -1
- package/Thread/context/types.js +9 -9
- package/Thread/context/types.js.map +1 -1
- package/Thread/context.js +8 -8
- package/Thread.js +55 -55
- package/Thread.js.map +1 -1
- package/ThreadProvider-0a3c5f37.js +1692 -0
- package/ThreadProvider-0a3c5f37.js.map +1 -0
- package/{UserProfileContext-41938ddc.js → UserProfileContext-a8aa4c0f.js} +1 -1
- package/{UserProfileContext-41938ddc.js.map → UserProfileContext-a8aa4c0f.js.map} +1 -1
- package/{VoiceMessageInputWrapper-0cd90994.js → VoiceMessageInputWrapper-ff160b51.js} +60 -59
- package/VoiceMessageInputWrapper-ff160b51.js.map +1 -0
- package/VoicePlayer/context.js +3 -3
- package/VoicePlayer/useVoicePlayer.js +38 -43
- package/VoicePlayer/useVoicePlayer.js.map +1 -1
- package/VoiceRecorder/context.js +46 -45
- package/VoiceRecorder/context.js.map +1 -1
- package/VoiceRecorder/useVoiceRecorder.js +43 -40
- package/VoiceRecorder/useVoiceRecorder.js.map +1 -1
- package/{WebAudioUtils-682aa6c0.js → WebAudioUtils-5f08f354.js} +37 -37
- package/{WebAudioUtils-682aa6c0.js.map → WebAudioUtils-5f08f354.js.map} +1 -1
- package/{_rollupPluginBabelHelpers-79f64283.js → _rollupPluginBabelHelpers-b2d9bfc5.js} +2 -2
- package/_rollupPluginBabelHelpers-b2d9bfc5.js.map +1 -0
- package/{actionTypes-52102db0.js → actionTypes-e436fe6c.js} +2 -2
- package/{actionTypes-52102db0.js.map → actionTypes-e436fe6c.js.map} +1 -1
- package/cjs/App.js +177 -172
- package/cjs/App.js.map +1 -1
- package/cjs/Channel/components/ChannelHeader.js +44 -39
- package/cjs/Channel/components/ChannelHeader.js.map +1 -1
- package/cjs/Channel/components/ChannelUI.js +63 -61
- package/cjs/Channel/components/ChannelUI.js.map +1 -1
- package/cjs/Channel/components/FileViewer.js +52 -46
- package/cjs/Channel/components/FileViewer.js.map +1 -1
- package/cjs/Channel/components/FrozenNotification.js +12 -9
- package/cjs/Channel/components/FrozenNotification.js.map +1 -1
- package/cjs/Channel/components/Message.js +165 -183
- package/cjs/Channel/components/Message.js.map +1 -1
- package/cjs/Channel/components/MessageInput.js +106 -113
- package/cjs/Channel/components/MessageInput.js.map +1 -1
- package/cjs/Channel/components/MessageList.js +128 -130
- package/cjs/Channel/components/MessageList.js.map +1 -1
- package/cjs/Channel/components/RemoveMessageModal.js +32 -28
- package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
- package/cjs/Channel/components/SuggestedMentionList.js +134 -153
- package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
- package/cjs/Channel/components/TypingIndicator.js +43 -42
- package/cjs/Channel/components/TypingIndicator.js.map +1 -1
- package/cjs/Channel/components/UnreadCount.js +18 -16
- package/cjs/Channel/components/UnreadCount.js.map +1 -1
- package/cjs/Channel/context.js +14 -18
- package/cjs/Channel/context.js.map +1 -1
- package/cjs/Channel.js +39 -40
- package/cjs/Channel.js.map +1 -1
- package/cjs/ChannelList/components/AddChannel.js +27 -29
- package/cjs/ChannelList/components/AddChannel.js.map +1 -1
- package/cjs/ChannelList/components/ChannelListHeader.js +30 -21
- package/cjs/ChannelList/components/ChannelListHeader.js.map +1 -1
- package/cjs/ChannelList/components/ChannelListUI.js +91 -98
- package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
- package/cjs/ChannelList/components/ChannelPreview.js +70 -73
- package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
- package/cjs/ChannelList/components/ChannelPreviewAction.js +30 -30
- package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
- package/cjs/ChannelList/context.js +7 -8
- package/cjs/ChannelList/context.js.map +1 -1
- package/cjs/ChannelList.js +30 -31
- package/cjs/ChannelList.js.map +1 -1
- package/cjs/{ChannelListProvider-b0a363e0.js → ChannelListProvider-61d644da.js} +160 -156
- package/cjs/ChannelListProvider-61d644da.js.map +1 -0
- package/cjs/{ChannelProvider-cf5867c2.js → ChannelProvider-620bb354.js} +430 -412
- package/cjs/ChannelProvider-620bb354.js.map +1 -0
- package/cjs/ChannelSettings/components/ChannelProfile.js +33 -37
- package/cjs/ChannelSettings/components/ChannelProfile.js.map +1 -1
- package/cjs/ChannelSettings/components/ChannelSettingsUI.js +45 -40
- package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
- package/cjs/ChannelSettings/components/EditDetailsModal.js +47 -48
- package/cjs/ChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/cjs/ChannelSettings/components/LeaveChannel.js +38 -35
- package/cjs/ChannelSettings/components/LeaveChannel.js.map +1 -1
- package/cjs/ChannelSettings/components/ModerationPanel.js +511 -556
- package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
- package/cjs/ChannelSettings/components/UserListItem.js +69 -69
- package/cjs/ChannelSettings/components/UserListItem.js.map +1 -1
- package/cjs/ChannelSettings/components/UserPanel.js +25 -27
- package/cjs/ChannelSettings/components/UserPanel.js.map +1 -1
- package/cjs/ChannelSettings/context.js +53 -49
- package/cjs/ChannelSettings/context.js.map +1 -1
- package/cjs/ChannelSettings.js +19 -18
- package/cjs/ChannelSettings.js.map +1 -1
- package/cjs/CreateChannel/components/CreateChannelUI.js +24 -21
- package/cjs/CreateChannel/components/CreateChannelUI.js.map +1 -1
- package/cjs/CreateChannel/components/InviteUsers.js +92 -93
- package/cjs/CreateChannel/components/InviteUsers.js.map +1 -1
- package/cjs/CreateChannel/components/SelectChannelType.js +41 -35
- package/cjs/CreateChannel/components/SelectChannelType.js.map +1 -1
- package/cjs/CreateChannel/context.js +4 -4
- package/cjs/CreateChannel.js +22 -20
- package/cjs/CreateChannel.js.map +1 -1
- package/cjs/CreateChannelProvider-88b316a6.js +52 -0
- package/cjs/CreateChannelProvider-88b316a6.js.map +1 -0
- package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +33 -34
- package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
- package/cjs/CreateOpenChannel/context.js +33 -28
- package/cjs/CreateOpenChannel/context.js.map +1 -1
- package/cjs/CreateOpenChannel.js +18 -16
- package/cjs/CreateOpenChannel.js.map +1 -1
- package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
- package/cjs/EditUserProfile/context.js.map +1 -1
- package/cjs/EditUserProfile.js +18 -16
- package/cjs/EditUserProfile.js.map +1 -1
- package/cjs/{LocalizationContext-498cb747.js → LocalizationContext-af96cf5f.js} +9 -9
- package/cjs/{LocalizationContext-498cb747.js.map → LocalizationContext-af96cf5f.js.map} +1 -1
- package/cjs/MediaQueryContext-8ec3f647.js +89 -0
- package/cjs/MediaQueryContext-8ec3f647.js.map +1 -0
- package/cjs/MemberList-7513f386.js +401 -0
- package/cjs/MemberList-7513f386.js.map +1 -0
- package/cjs/Message/context.js +11 -10
- package/cjs/Message/context.js.map +1 -1
- package/cjs/MessageSearch/components/MessageSearchUI.js +59 -54
- package/cjs/MessageSearch/components/MessageSearchUI.js.map +1 -1
- package/cjs/MessageSearch/context.js +176 -165
- package/cjs/MessageSearch/context.js.map +1 -1
- package/cjs/MessageSearch.js +45 -47
- package/cjs/MessageSearch.js.map +1 -1
- package/cjs/OpenChannel/components/FrozenChannelNotification.js +8 -6
- package/cjs/OpenChannel/components/FrozenChannelNotification.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelHeader.js +27 -22
- package/cjs/OpenChannel/components/OpenChannelHeader.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelInput.js +32 -28
- package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelMessage.js +171 -172
- package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelMessageList.js +60 -65
- package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelUI.js +50 -48
- package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
- package/cjs/OpenChannel/context.js +8 -8
- package/cjs/OpenChannel.js +32 -33
- package/cjs/OpenChannel.js.map +1 -1
- package/cjs/OpenChannelList/components/OpenChannelListUI.js +58 -59
- package/cjs/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
- package/cjs/OpenChannelList/components/OpenChannelPreview.js +21 -22
- package/cjs/OpenChannelList/components/OpenChannelPreview.js.map +1 -1
- package/cjs/OpenChannelList/context.js +3 -3
- package/cjs/OpenChannelList.js +24 -23
- package/cjs/OpenChannelList.js.map +1 -1
- package/cjs/OpenChannelListProvider-e78bf867.js +439 -0
- package/cjs/OpenChannelListProvider-e78bf867.js.map +1 -0
- package/cjs/OpenChannelProvider-ea1d7b37.js +1892 -0
- package/cjs/OpenChannelProvider-ea1d7b37.js.map +1 -0
- package/cjs/OpenChannelSettings/components/EditDetailsModal.js +46 -46
- package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +26 -26
- package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
- package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +45 -36
- package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
- package/cjs/OpenChannelSettings/components/OperatorUI.js +508 -533
- package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
- package/cjs/OpenChannelSettings/components/ParticipantUI.js +15 -15
- package/cjs/OpenChannelSettings/context.js +54 -56
- package/cjs/OpenChannelSettings/context.js.map +1 -1
- package/cjs/OpenChannelSettings.js +19 -19
- package/cjs/OpenChannelSettings.js.map +1 -1
- package/cjs/{RemoveMessageModal-457b1535.js → RemoveMessageModal-15d1dcbd.js} +19 -13
- package/cjs/RemoveMessageModal-15d1dcbd.js.map +1 -0
- package/cjs/SendbirdProvider.js +546 -405
- package/cjs/SendbirdProvider.js.map +1 -1
- package/cjs/Thread/components/ParentMessageInfo.js +157 -170
- package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
- package/cjs/Thread/components/ParentMessageInfoItem.js +68 -62
- package/cjs/Thread/components/ParentMessageInfoItem.js.map +1 -1
- package/cjs/Thread/components/ThreadHeader.js +22 -22
- package/cjs/Thread/components/ThreadHeader.js.map +1 -1
- package/cjs/Thread/components/ThreadList.js +82 -77
- package/cjs/Thread/components/ThreadList.js.map +1 -1
- package/cjs/Thread/components/ThreadListItem.js +208 -219
- package/cjs/Thread/components/ThreadListItem.js.map +1 -1
- package/cjs/Thread/components/ThreadMessageInput.js +103 -105
- package/cjs/Thread/components/ThreadMessageInput.js.map +1 -1
- package/cjs/Thread/components/ThreadUI.js +130 -116
- package/cjs/Thread/components/ThreadUI.js.map +1 -1
- package/cjs/Thread/context/types.js +13 -9
- package/cjs/Thread/context/types.js.map +1 -1
- package/cjs/Thread/context.js +8 -8
- package/cjs/Thread.js +55 -55
- package/cjs/Thread.js.map +1 -1
- package/cjs/ThreadProvider-572574d7.js +1701 -0
- package/cjs/ThreadProvider-572574d7.js.map +1 -0
- package/cjs/{UserProfileContext-617420c9.js → UserProfileContext-f068b0ba.js} +1 -1
- package/cjs/{UserProfileContext-617420c9.js.map → UserProfileContext-f068b0ba.js.map} +1 -1
- package/cjs/{VoiceMessageInputWrapper-43c29f38.js → VoiceMessageInputWrapper-db7f2b72.js} +60 -59
- package/cjs/VoiceMessageInputWrapper-db7f2b72.js.map +1 -0
- package/cjs/VoicePlayer/context.js +3 -3
- package/cjs/VoicePlayer/useVoicePlayer.js +38 -43
- package/cjs/VoicePlayer/useVoicePlayer.js.map +1 -1
- package/cjs/VoiceRecorder/context.js +46 -45
- package/cjs/VoiceRecorder/context.js.map +1 -1
- package/cjs/VoiceRecorder/useVoiceRecorder.js +43 -40
- package/cjs/VoiceRecorder/useVoiceRecorder.js.map +1 -1
- package/cjs/{WebAudioUtils-2b845cd2.js → WebAudioUtils-043bdeca.js} +37 -37
- package/cjs/{WebAudioUtils-2b845cd2.js.map → WebAudioUtils-043bdeca.js.map} +1 -1
- package/cjs/{_rollupPluginBabelHelpers-c2313dcd.js → _rollupPluginBabelHelpers-c5955c81.js} +2 -1
- package/cjs/_rollupPluginBabelHelpers-c5955c81.js.map +1 -0
- package/cjs/{actionTypes-0e0d2d59.js → actionTypes-f2efbb7c.js} +2 -2
- package/cjs/{actionTypes-0e0d2d59.js.map → actionTypes-f2efbb7c.js.map} +1 -1
- package/cjs/{color-7f7508e6.js → color-afeb8dc2.js} +13 -12
- package/cjs/color-afeb8dc2.js.map +1 -0
- package/cjs/{compareIds-27f7912f.js → compareIds-18b3b1d6.js} +1 -1
- package/cjs/{compareIds-27f7912f.js.map → compareIds-18b3b1d6.js.map} +1 -1
- package/cjs/const-6691e574.js +20 -0
- package/cjs/const-6691e574.js.map +1 -0
- package/cjs/{const-61fc7be6.js → const-ab0f6056.js} +4 -4
- package/cjs/{const-61fc7be6.js.map → const-ab0f6056.js.map} +1 -1
- package/cjs/consts-6ec77e9a.js +6 -0
- package/cjs/consts-6ec77e9a.js.map +1 -0
- package/cjs/consts-a422c2f9.js +6 -0
- package/cjs/{consts-46fa3a3a.js.map → consts-a422c2f9.js.map} +1 -1
- package/cjs/{consts-8605e767.js → consts-a5382bc1.js} +18 -14
- package/cjs/{consts-8605e767.js.map → consts-a5382bc1.js.map} +1 -1
- package/cjs/consts-bc27beff.js +6 -0
- package/cjs/{consts-ad849467.js.map → consts-bc27beff.js.map} +1 -1
- package/cjs/{context-a4af6955.js → context-60c4d3b7.js} +6 -5
- package/cjs/{context-a4af6955.js.map → context-60c4d3b7.js.map} +1 -1
- package/cjs/dist/index.css +197 -93
- package/cjs/dist/index.css.map +1 -1
- package/cjs/handlers/OpenChannelHandler.js.map +1 -1
- package/cjs/handlers/SessionHandler.js.map +1 -1
- package/cjs/index-0b344bd7.js +57 -0
- package/cjs/index-0b344bd7.js.map +1 -0
- package/cjs/{index-ac1b0ab9.js → index-4ee95667.js} +2 -4
- package/cjs/index-4ee95667.js.map +1 -0
- package/cjs/{index-67f813a3.js → index-68c57136.js} +1 -1
- package/cjs/{index-67f813a3.js.map → index-68c57136.js.map} +1 -1
- package/cjs/{index-a4887600.js → index-6cb4a530.js} +3 -12
- package/cjs/index-6cb4a530.js.map +1 -0
- package/cjs/{index-b8a20afd.js → index-73643285.js} +2 -2
- package/cjs/{index-b8a20afd.js.map → index-73643285.js.map} +1 -1
- package/cjs/index-76afc309.js +197 -0
- package/cjs/index-76afc309.js.map +1 -0
- package/cjs/{index-3626dfeb.js → index-8049c2a3.js} +22 -15
- package/cjs/index-8049c2a3.js.map +1 -0
- package/cjs/{index-8b6bb1ee.js → index-83d1d15e.js} +10 -30
- package/cjs/index-83d1d15e.js.map +1 -0
- package/cjs/{index-0dff9958.js → index-900dd19f.js} +37 -27
- package/cjs/index-900dd19f.js.map +1 -0
- package/cjs/index-9d518988.js +292 -0
- package/cjs/{index-cd680348.js.map → index-9d518988.js.map} +1 -1
- package/cjs/{index-8b5a13fe.js → index-a50b2339.js} +50 -50
- package/cjs/index-a50b2339.js.map +1 -0
- package/cjs/{index-ead97d9a.js → index-c1de8d8f.js} +37 -39
- package/cjs/{index-ead97d9a.js.map → index-c1de8d8f.js.map} +1 -1
- package/cjs/index-ec8b6978.js +361 -0
- package/cjs/index-ec8b6978.js.map +1 -0
- package/cjs/index-f2146bae.js +563 -0
- package/cjs/index-f2146bae.js.map +1 -0
- package/cjs/{index-71173fef.js → index-f65677b1.js} +56 -193
- package/cjs/index-f65677b1.js.map +1 -0
- package/cjs/{index-983f9d7a.js → index-ff8ea47f.js} +17 -17
- package/cjs/{index-983f9d7a.js.map → index-ff8ea47f.js.map} +1 -1
- package/cjs/index.js +51 -51
- package/cjs/{index.module-cf39e3b9.js → index.module-9f5edc7b.js} +1 -1
- package/cjs/{index.module-cf39e3b9.js.map → index.module-9f5edc7b.js.map} +1 -1
- package/cjs/lame.all.js.map +1 -1
- package/cjs/sendbirdSelectors.js +319 -371
- package/cjs/sendbirdSelectors.js.map +1 -1
- package/cjs/{stringSet-061fe0c1.js → stringSet-68748705.js} +2 -2
- package/cjs/stringSet-68748705.js.map +1 -0
- package/cjs/tokenize-d86ab0c7.js +140 -0
- package/cjs/tokenize-d86ab0c7.js.map +1 -0
- package/cjs/{topics-c8adbede.js → topics-825e5d42.js} +2 -2
- package/cjs/{topics-c8adbede.js.map → topics-825e5d42.js.map} +1 -1
- package/cjs/types-24accb8d.js +17 -0
- package/cjs/{types-beecfca4.js.map → types-24accb8d.js.map} +1 -1
- package/cjs/ui/Accordion.js +19 -18
- package/cjs/ui/Accordion.js.map +1 -1
- package/cjs/ui/AccordionGroup.js +10 -11
- package/cjs/ui/AccordionGroup.js.map +1 -1
- package/cjs/ui/AdminMessage.js +10 -10
- package/cjs/ui/AdminMessage.js.map +1 -1
- package/cjs/ui/Avatar.js +55 -59
- package/cjs/ui/Avatar.js.map +1 -1
- package/cjs/ui/Badge.js +16 -15
- package/cjs/ui/Badge.js.map +1 -1
- package/cjs/ui/BottomSheet.js +14 -10
- package/cjs/ui/BottomSheet.js.map +1 -1
- package/cjs/ui/Button.js +20 -24
- package/cjs/ui/Button.js.map +1 -1
- package/cjs/ui/ChannelAvatar.js +38 -41
- package/cjs/ui/ChannelAvatar.js.map +1 -1
- package/cjs/ui/Checkbox.js +9 -10
- package/cjs/ui/Checkbox.js.map +1 -1
- package/cjs/ui/ConnectionStatus.js +7 -5
- package/cjs/ui/ConnectionStatus.js.map +1 -1
- package/cjs/ui/ContextMenu.js +139 -135
- package/cjs/ui/ContextMenu.js.map +1 -1
- package/cjs/ui/DateSeparator.js +12 -14
- package/cjs/ui/DateSeparator.js.map +1 -1
- package/cjs/ui/EmojiReactions.js +78 -86
- package/cjs/ui/EmojiReactions.js.map +1 -1
- package/cjs/ui/FileMessageItemBody.js +22 -22
- package/cjs/ui/FileMessageItemBody.js.map +1 -1
- package/cjs/ui/FileViewer.js +36 -35
- package/cjs/ui/FileViewer.js.map +1 -1
- package/cjs/ui/Icon.js +16 -16
- package/cjs/ui/Icon.js.map +1 -1
- package/cjs/ui/IconButton.js +20 -28
- package/cjs/ui/IconButton.js.map +1 -1
- package/cjs/ui/ImageRenderer.js +33 -39
- package/cjs/ui/ImageRenderer.js.map +1 -1
- package/cjs/ui/Input.js +16 -14
- package/cjs/ui/Input.js.map +1 -1
- package/cjs/ui/Label.js +2 -2
- package/cjs/ui/LinkLabel.js +2 -2
- package/cjs/ui/LinkLabel.js.map +1 -1
- package/cjs/ui/Loader.js +10 -12
- package/cjs/ui/Loader.js.map +1 -1
- package/cjs/ui/MentionLabel.js +58 -61
- package/cjs/ui/MentionLabel.js.map +1 -1
- package/cjs/ui/MentionUserLabel.js +10 -10
- package/cjs/ui/MentionUserLabel.js.map +1 -1
- package/cjs/ui/MessageContent.js +273 -270
- package/cjs/ui/MessageContent.js.map +1 -1
- package/cjs/ui/MessageInput.js +87 -79
- package/cjs/ui/MessageInput.js.map +1 -1
- package/cjs/ui/MessageItemMenu.js +70 -72
- package/cjs/ui/MessageItemMenu.js.map +1 -1
- package/cjs/ui/MessageItemReactionMenu.js +50 -57
- package/cjs/ui/MessageItemReactionMenu.js.map +1 -1
- package/cjs/ui/MessageSearchFileItem.js +49 -38
- package/cjs/ui/MessageSearchFileItem.js.map +1 -1
- package/cjs/ui/MessageSearchItem.js +40 -32
- package/cjs/ui/MessageSearchItem.js.map +1 -1
- package/cjs/ui/MessageStatus.js +10 -10
- package/cjs/ui/Modal.js +52 -45
- package/cjs/ui/Modal.js.map +1 -1
- package/cjs/ui/MutedAvatarOverlay.js +10 -10
- package/cjs/ui/MutedAvatarOverlay.js.map +1 -1
- package/cjs/ui/OGMessageItemBody.js +48 -44
- package/cjs/ui/OGMessageItemBody.js.map +1 -1
- package/cjs/ui/OpenChannelAdminMessage.js +8 -7
- package/cjs/ui/OpenChannelAdminMessage.js.map +1 -1
- package/cjs/ui/OpenChannelAvatar.js +18 -17
- package/cjs/ui/OpenChannelAvatar.js.map +1 -1
- package/cjs/ui/OpenchannelConversationHeader.js +17 -13
- package/cjs/ui/OpenchannelConversationHeader.js.map +1 -1
- package/cjs/ui/OpenchannelFileMessage.js +134 -140
- package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
- package/cjs/ui/OpenchannelOGMessage.js +177 -176
- package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
- package/cjs/ui/OpenchannelThumbnailMessage.js +209 -214
- package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
- package/cjs/ui/OpenchannelUserMessage.js +159 -164
- package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
- package/cjs/ui/PlaceHolder.js +5 -6
- package/cjs/ui/PlaceHolder.js.map +1 -1
- package/cjs/ui/PlaybackTime.js +15 -16
- package/cjs/ui/PlaybackTime.js.map +1 -1
- package/cjs/ui/ProgressBar.js +13 -15
- package/cjs/ui/ProgressBar.js.map +1 -1
- package/cjs/ui/QuoteMessage.js +42 -38
- package/cjs/ui/QuoteMessage.js.map +1 -1
- package/cjs/ui/QuoteMessageInput.js +27 -23
- package/cjs/ui/QuoteMessageInput.js.map +1 -1
- package/cjs/ui/ReactionBadge.js +13 -17
- package/cjs/ui/ReactionBadge.js.map +1 -1
- package/cjs/ui/ReactionButton.js +15 -18
- package/cjs/ui/ReactionButton.js.map +1 -1
- package/cjs/ui/SortByRow.js +14 -14
- package/cjs/ui/SortByRow.js.map +1 -1
- package/cjs/ui/TextButton.js +13 -21
- package/cjs/ui/TextButton.js.map +1 -1
- package/cjs/ui/TextMessageItemBody.js +31 -31
- package/cjs/ui/TextMessageItemBody.js.map +1 -1
- package/cjs/ui/ThreadReplies.js +25 -21
- package/cjs/ui/ThreadReplies.js.map +1 -1
- package/cjs/ui/ThumbnailMessageItemBody.js +32 -37
- package/cjs/ui/ThumbnailMessageItemBody.js.map +1 -1
- package/cjs/ui/Toggle.js +202 -0
- package/cjs/ui/Toggle.js.map +1 -0
- package/cjs/ui/Tooltip.js +8 -9
- package/cjs/ui/Tooltip.js.map +1 -1
- package/cjs/ui/TooltipWrapper.js +17 -18
- package/cjs/ui/TooltipWrapper.js.map +1 -1
- package/cjs/ui/UnknownMessageItemBody.js +19 -18
- package/cjs/ui/UnknownMessageItemBody.js.map +1 -1
- package/cjs/ui/UserListItem.js +72 -73
- package/cjs/ui/UserListItem.js.map +1 -1
- package/cjs/ui/UserProfile.js +30 -25
- package/cjs/ui/UserProfile.js.map +1 -1
- package/cjs/ui/VoiceMessageItemBody.js +37 -42
- package/cjs/ui/VoiceMessageItemBody.js.map +1 -1
- package/cjs/ui/VoiceMessgeInput.js +7 -8
- package/cjs/ui/VoiceMessgeInput.js.map +1 -1
- package/cjs/ui/Word.js +26 -27
- package/cjs/ui/Word.js.map +1 -1
- package/cjs/useLongPress-d9deb354.js +83 -0
- package/cjs/{useLongPress-f3ee01a0.js.map → useLongPress-d9deb354.js.map} +1 -1
- package/cjs/useSendbirdStateContext.js +2 -2
- package/cjs/useSendbirdStateContext.js.map +1 -1
- package/cjs/utils/message/getOutgoingMessageState.js +16 -14
- package/cjs/utils/message/getOutgoingMessageState.js.map +1 -1
- package/cjs/utils/message/isVoiceMessage.js +3 -3
- package/cjs/utils/message/isVoiceMessage.js.map +1 -1
- package/cjs/{utils-98ac09d1.js → utils-21326993.js} +3 -3
- package/cjs/{utils-98ac09d1.js.map → utils-21326993.js.map} +1 -1
- package/cjs/utils-4b74ea64.js +31 -0
- package/cjs/utils-4b74ea64.js.map +1 -0
- package/cjs/utils-7f75ad97.js +35 -0
- package/cjs/utils-7f75ad97.js.map +1 -0
- package/cjs/{utils-1038446c.js → utils-d5176360.js} +1 -1
- package/cjs/{utils-1038446c.js.map → utils-d5176360.js.map} +1 -1
- package/cjs/uuid-0b4ed44c.js +15 -0
- package/cjs/{uuid-1ffa3b79.js.map → uuid-0b4ed44c.js.map} +1 -1
- package/cjs/withSendbird.js +15 -16
- package/cjs/withSendbird.js.map +1 -1
- package/{color-73049158.js → color-3bac434a.js} +5 -5
- package/{color-73049158.js.map → color-3bac434a.js.map} +1 -1
- package/{compareIds-88bffa50.js → compareIds-1e0e668f.js} +1 -1
- package/{compareIds-88bffa50.js.map → compareIds-1e0e668f.js.map} +1 -1
- package/const-5f722b91.js +13 -0
- package/const-5f722b91.js.map +1 -0
- package/{const-2919bc87.js → const-6a07b718.js} +4 -4
- package/{const-2919bc87.js.map → const-6a07b718.js.map} +1 -1
- package/consts-790ae3a9.js +4 -0
- package/{consts-0ea80430.js.map → consts-790ae3a9.js.map} +1 -1
- package/consts-aadaccca.js +4 -0
- package/consts-aadaccca.js.map +1 -0
- package/consts-c9746f2b.js +27 -0
- package/{consts-966c9540.js.map → consts-c9746f2b.js.map} +1 -1
- package/consts-d4c78cc0.js +4 -0
- package/consts-d4c78cc0.js.map +1 -0
- package/context-fcbabe23.js +13 -0
- package/{context-9baa8d25.js.map → context-fcbabe23.js.map} +1 -1
- package/dist/index.css +197 -93
- package/dist/index.css.map +1 -1
- package/handlers/OpenChannelHandler.js.map +1 -1
- package/handlers/SessionHandler.js.map +1 -1
- package/{index-d37f34a3.js → index-1a3c0d72.js} +2 -4
- package/index-1a3c0d72.js.map +1 -0
- package/{index-ad125f51.js → index-2a938266.js} +1 -1
- package/{index-ad125f51.js.map → index-2a938266.js.map} +1 -1
- package/{index-ac5ad4f9.js → index-3062a861.js} +3 -12
- package/index-3062a861.js.map +1 -0
- package/index-38a78d99.js +283 -0
- package/{index-fd4fc9f0.js.map → index-38a78d99.js.map} +1 -1
- package/{index-cce0e324.js → index-4111594a.js} +2 -2
- package/{index-cce0e324.js.map → index-4111594a.js.map} +1 -1
- package/{index-61a102d7.js → index-51bd074f.js} +37 -27
- package/index-51bd074f.js.map +1 -0
- package/{index-fa96d1c0.js → index-59bd3da1.js} +50 -50
- package/index-59bd3da1.js.map +1 -0
- package/{index-91355132.js → index-77f3d9b0.js} +17 -17
- package/{index-91355132.js.map → index-77f3d9b0.js.map} +1 -1
- package/{index-a9183365.js → index-83600696.js} +37 -39
- package/{index-a9183365.js.map → index-83600696.js.map} +1 -1
- package/index-8df6bff0.js +51 -0
- package/index-8df6bff0.js.map +1 -0
- package/{index-aaa9b9f8.js → index-a9ddd0f5.js} +10 -30
- package/index-a9ddd0f5.js.map +1 -0
- package/index-c7cc73db.js +182 -0
- package/index-c7cc73db.js.map +1 -0
- package/{index-9cead71b.js → index-cfd0e4c4.js} +22 -15
- package/index-cfd0e4c4.js.map +1 -0
- package/index-dbe0e004.js +520 -0
- package/index-dbe0e004.js.map +1 -0
- package/index-ef0bd198.js +354 -0
- package/index-ef0bd198.js.map +1 -0
- package/{index-95b46112.js → index-f48cfdf7.js} +56 -193
- package/index-f48cfdf7.js.map +1 -0
- package/index.d.ts +38 -8
- package/index.js +51 -51
- package/{index.module-e6530c0d.js → index.module-ab8289c1.js} +1 -1
- package/{index.module-e6530c0d.js.map → index.module-ab8289c1.js.map} +1 -1
- package/lame.all.js.map +1 -1
- package/package.json +21 -3
- package/sendbirdSelectors.js +319 -371
- package/sendbirdSelectors.js.map +1 -1
- package/{stringSet-9d579825.js → stringSet-1f18348a.js} +2 -2
- package/stringSet-1f18348a.js.map +1 -0
- package/tokenize-63d895d3.js +135 -0
- package/tokenize-63d895d3.js.map +1 -0
- package/{topics-f9301447.js → topics-d8d10f83.js} +2 -2
- package/{topics-f9301447.js.map → topics-d8d10f83.js.map} +1 -1
- package/types-a85de720.js +15 -0
- package/{types-d0a9adf8.js.map → types-a85de720.js.map} +1 -1
- package/ui/Accordion.js +19 -18
- package/ui/Accordion.js.map +1 -1
- package/ui/AccordionGroup.js +10 -11
- package/ui/AccordionGroup.js.map +1 -1
- package/ui/AdminMessage.js +10 -10
- package/ui/AdminMessage.js.map +1 -1
- package/ui/Avatar.js +55 -59
- package/ui/Avatar.js.map +1 -1
- package/ui/Badge.js +16 -15
- package/ui/Badge.js.map +1 -1
- package/ui/BottomSheet.js +14 -10
- package/ui/BottomSheet.js.map +1 -1
- package/ui/Button.js +20 -24
- package/ui/Button.js.map +1 -1
- package/ui/ChannelAvatar.js +38 -41
- package/ui/ChannelAvatar.js.map +1 -1
- package/ui/Checkbox.js +9 -10
- package/ui/Checkbox.js.map +1 -1
- package/ui/ConnectionStatus.js +7 -5
- package/ui/ConnectionStatus.js.map +1 -1
- package/ui/ContextMenu.js +139 -135
- package/ui/ContextMenu.js.map +1 -1
- package/ui/DateSeparator.js +12 -14
- package/ui/DateSeparator.js.map +1 -1
- package/ui/EmojiReactions.js +78 -86
- package/ui/EmojiReactions.js.map +1 -1
- package/ui/FileMessageItemBody.js +22 -22
- package/ui/FileMessageItemBody.js.map +1 -1
- package/ui/FileViewer.js +36 -35
- package/ui/FileViewer.js.map +1 -1
- package/ui/Icon.js +2 -2
- package/ui/Icon.js.map +1 -1
- package/ui/IconButton.js +20 -28
- package/ui/IconButton.js.map +1 -1
- package/ui/ImageRenderer.js +33 -39
- package/ui/ImageRenderer.js.map +1 -1
- package/ui/Input.js +16 -14
- package/ui/Input.js.map +1 -1
- package/ui/Label.js +2 -2
- package/ui/LinkLabel.js +2 -2
- package/ui/LinkLabel.js.map +1 -1
- package/ui/Loader.js +10 -12
- package/ui/Loader.js.map +1 -1
- package/ui/MentionLabel.js +58 -61
- package/ui/MentionLabel.js.map +1 -1
- package/ui/MentionUserLabel.js +10 -10
- package/ui/MentionUserLabel.js.map +1 -1
- package/ui/MessageContent.js +273 -270
- package/ui/MessageContent.js.map +1 -1
- package/ui/MessageInput.js +87 -79
- package/ui/MessageInput.js.map +1 -1
- package/ui/MessageItemMenu.js +70 -72
- package/ui/MessageItemMenu.js.map +1 -1
- package/ui/MessageItemReactionMenu.js +50 -57
- package/ui/MessageItemReactionMenu.js.map +1 -1
- package/ui/MessageSearchFileItem.js +49 -38
- package/ui/MessageSearchFileItem.js.map +1 -1
- package/ui/MessageSearchItem.js +40 -32
- package/ui/MessageSearchItem.js.map +1 -1
- package/ui/MessageStatus.js +10 -10
- package/ui/Modal.js +52 -45
- package/ui/Modal.js.map +1 -1
- package/ui/MutedAvatarOverlay.js +10 -10
- package/ui/MutedAvatarOverlay.js.map +1 -1
- package/ui/OGMessageItemBody.js +48 -44
- package/ui/OGMessageItemBody.js.map +1 -1
- package/ui/OpenChannelAdminMessage.js +8 -7
- package/ui/OpenChannelAdminMessage.js.map +1 -1
- package/ui/OpenChannelAvatar.js +18 -17
- package/ui/OpenChannelAvatar.js.map +1 -1
- package/ui/OpenchannelConversationHeader.js +17 -13
- package/ui/OpenchannelConversationHeader.js.map +1 -1
- package/ui/OpenchannelFileMessage.js +134 -140
- package/ui/OpenchannelFileMessage.js.map +1 -1
- package/ui/OpenchannelOGMessage.js +177 -176
- package/ui/OpenchannelOGMessage.js.map +1 -1
- package/ui/OpenchannelThumbnailMessage.js +209 -214
- package/ui/OpenchannelThumbnailMessage.js.map +1 -1
- package/ui/OpenchannelUserMessage.js +159 -164
- package/ui/OpenchannelUserMessage.js.map +1 -1
- package/ui/PlaceHolder.js +5 -6
- package/ui/PlaceHolder.js.map +1 -1
- package/ui/PlaybackTime.js +15 -16
- package/ui/PlaybackTime.js.map +1 -1
- package/ui/ProgressBar.js +13 -15
- package/ui/ProgressBar.js.map +1 -1
- package/ui/QuoteMessage.js +42 -38
- package/ui/QuoteMessage.js.map +1 -1
- package/ui/QuoteMessageInput.js +27 -23
- package/ui/QuoteMessageInput.js.map +1 -1
- package/ui/ReactionBadge.js +13 -17
- package/ui/ReactionBadge.js.map +1 -1
- package/ui/ReactionButton.js +15 -18
- package/ui/ReactionButton.js.map +1 -1
- package/ui/SortByRow.js +14 -14
- package/ui/SortByRow.js.map +1 -1
- package/ui/TextButton.js +13 -21
- package/ui/TextButton.js.map +1 -1
- package/ui/TextMessageItemBody.js +31 -31
- package/ui/TextMessageItemBody.js.map +1 -1
- package/ui/ThreadReplies.js +25 -21
- package/ui/ThreadReplies.js.map +1 -1
- package/ui/ThumbnailMessageItemBody.js +32 -37
- package/ui/ThumbnailMessageItemBody.js.map +1 -1
- package/ui/Toggle.js +191 -0
- package/ui/Toggle.js.map +1 -0
- package/ui/Tooltip.js +8 -9
- package/ui/Tooltip.js.map +1 -1
- package/ui/TooltipWrapper.js +17 -18
- package/ui/TooltipWrapper.js.map +1 -1
- package/ui/UnknownMessageItemBody.js +19 -18
- package/ui/UnknownMessageItemBody.js.map +1 -1
- package/ui/UserListItem.js +72 -73
- package/ui/UserListItem.js.map +1 -1
- package/ui/UserProfile.js +30 -25
- package/ui/UserProfile.js.map +1 -1
- package/ui/VoiceMessageItemBody.js +37 -42
- package/ui/VoiceMessageItemBody.js.map +1 -1
- package/ui/VoiceMessgeInput.js +7 -8
- package/ui/VoiceMessgeInput.js.map +1 -1
- package/ui/Word.js +26 -27
- package/ui/Word.js.map +1 -1
- package/useLongPress-8acf717c.js +81 -0
- package/{useLongPress-f119ff35.js.map → useLongPress-8acf717c.js.map} +1 -1
- package/useSendbirdStateContext.js +2 -2
- package/useSendbirdStateContext.js.map +1 -1
- package/utils/message/getOutgoingMessageState.js +9 -8
- package/utils/message/getOutgoingMessageState.js.map +1 -1
- package/utils/message/isVoiceMessage.js +3 -3
- package/utils/message/isVoiceMessage.js.map +1 -1
- package/{utils-86d65b96.js → utils-0c09801e.js} +1 -1
- package/{utils-86d65b96.js.map → utils-0c09801e.js.map} +1 -1
- package/utils-447a922e.js +31 -0
- package/utils-447a922e.js.map +1 -0
- package/{utils-e53018f1.js → utils-83bbfb63.js} +3 -3
- package/{utils-e53018f1.js.map → utils-83bbfb63.js.map} +1 -1
- package/utils-b57bff14.js +29 -0
- package/utils-b57bff14.js.map +1 -0
- package/uuid-48baadaf.js +13 -0
- package/{uuid-86cb48e0.js.map → uuid-48baadaf.js.map} +1 -1
- package/withSendbird.js +15 -16
- package/withSendbird.js.map +1 -1
- package/ChannelListProvider-a2f2ee4a.js.map +0 -1
- package/ChannelProvider-bb459e82.js.map +0 -1
- package/CreateChannelProvider-a935d833.js +0 -48
- package/CreateChannelProvider-a935d833.js.map +0 -1
- package/LocalizationContext-3d8c0b24.js +0 -20
- package/MediaQueryContext-1348e37b.js +0 -80
- package/MediaQueryContext-1348e37b.js.map +0 -1
- package/MemberList-d8124d7e.js +0 -412
- package/MemberList-d8124d7e.js.map +0 -1
- package/OpenChannelListProvider-f9ec8658.js.map +0 -1
- package/OpenChannelProvider-36d0dd05.js +0 -1844
- package/OpenChannelProvider-36d0dd05.js.map +0 -1
- package/RemoveMessageModal-7852c71d.js +0 -30
- package/RemoveMessageModal-7852c71d.js.map +0 -1
- package/ThreadProvider-43c384e9.js +0 -1623
- package/ThreadProvider-43c384e9.js.map +0 -1
- package/VoiceMessageInputWrapper-0cd90994.js.map +0 -1
- package/_rollupPluginBabelHelpers-79f64283.js.map +0 -1
- package/cjs/ChannelListProvider-b0a363e0.js.map +0 -1
- package/cjs/ChannelProvider-cf5867c2.js.map +0 -1
- package/cjs/CreateChannelProvider-f82d812f.js +0 -55
- package/cjs/CreateChannelProvider-f82d812f.js.map +0 -1
- package/cjs/MediaQueryContext-b9c2ec1f.js +0 -87
- package/cjs/MediaQueryContext-b9c2ec1f.js.map +0 -1
- package/cjs/MemberList-13ba769f.js +0 -418
- package/cjs/MemberList-13ba769f.js.map +0 -1
- package/cjs/OpenChannelListProvider-02d6d44b.js +0 -416
- package/cjs/OpenChannelListProvider-02d6d44b.js.map +0 -1
- package/cjs/OpenChannelProvider-850b9cd0.js +0 -1853
- package/cjs/RemoveMessageModal-457b1535.js.map +0 -1
- package/cjs/ThreadProvider-37f2f0a3.js +0 -1632
- package/cjs/ThreadProvider-37f2f0a3.js.map +0 -1
- package/cjs/VoiceMessageInputWrapper-43c29f38.js.map +0 -1
- package/cjs/_rollupPluginBabelHelpers-c2313dcd.js.map +0 -1
- package/cjs/color-7f7508e6.js.map +0 -1
- package/cjs/const-e22c9d25.js +0 -19
- package/cjs/const-e22c9d25.js.map +0 -1
- package/cjs/consts-3764bd68.js +0 -6
- package/cjs/consts-3764bd68.js.map +0 -1
- package/cjs/consts-46fa3a3a.js +0 -6
- package/cjs/consts-ad849467.js +0 -6
- package/cjs/index-0b9ad941.js +0 -346
- package/cjs/index-0b9ad941.js.map +0 -1
- package/cjs/index-0dff9958.js.map +0 -1
- package/cjs/index-2ac1f908.js +0 -649
- package/cjs/index-2ac1f908.js.map +0 -1
- package/cjs/index-3626dfeb.js.map +0 -1
- package/cjs/index-71173fef.js.map +0 -1
- package/cjs/index-8b5a13fe.js.map +0 -1
- package/cjs/index-8b6bb1ee.js.map +0 -1
- package/cjs/index-a415176f.js +0 -192
- package/cjs/index-a415176f.js.map +0 -1
- package/cjs/index-a4887600.js.map +0 -1
- package/cjs/index-ac1b0ab9.js.map +0 -1
- package/cjs/index-cd680348.js +0 -271
- package/cjs/index-ddcf90b1.js +0 -59
- package/cjs/index-ddcf90b1.js.map +0 -1
- package/cjs/stringSet-061fe0c1.js.map +0 -1
- package/cjs/tokenize-7e34a56e.js +0 -141
- package/cjs/tokenize-7e34a56e.js.map +0 -1
- package/cjs/tslib.es6-8f4b0cfe.js +0 -97
- package/cjs/tslib.es6-8f4b0cfe.js.map +0 -1
- package/cjs/types-beecfca4.js +0 -11
- package/cjs/useLongPress-f3ee01a0.js +0 -100
- package/cjs/utils-3f3c2287.js +0 -27
- package/cjs/utils-3f3c2287.js.map +0 -1
- package/cjs/utils-6a97ff3a.js +0 -35
- package/cjs/utils-6a97ff3a.js.map +0 -1
- package/cjs/uuid-1ffa3b79.js +0 -17
- package/const-df1daff9.js +0 -13
- package/const-df1daff9.js.map +0 -1
- package/consts-0ea80430.js +0 -4
- package/consts-1861f891.js +0 -4
- package/consts-1861f891.js.map +0 -1
- package/consts-966c9540.js +0 -23
- package/consts-f4362414.js +0 -4
- package/consts-f4362414.js.map +0 -1
- package/context-9baa8d25.js +0 -12
- package/index-179bed8d.js +0 -177
- package/index-179bed8d.js.map +0 -1
- package/index-61a102d7.js.map +0 -1
- package/index-95b46112.js.map +0 -1
- package/index-9cead71b.js.map +0 -1
- package/index-aaa9b9f8.js.map +0 -1
- package/index-ac5ad4f9.js.map +0 -1
- package/index-c70af435.js +0 -53
- package/index-c70af435.js.map +0 -1
- package/index-d37f34a3.js.map +0 -1
- package/index-e378ca4e.js +0 -607
- package/index-e378ca4e.js.map +0 -1
- package/index-f0f9692b.js +0 -339
- package/index-f0f9692b.js.map +0 -1
- package/index-fa96d1c0.js.map +0 -1
- package/index-fd4fc9f0.js +0 -262
- package/stringSet-9d579825.js.map +0 -1
- package/tokenize-bd8e35b2.js +0 -136
- package/tokenize-bd8e35b2.js.map +0 -1
- package/tslib.es6-d6e50ec3.js +0 -92
- package/tslib.es6-d6e50ec3.js.map +0 -1
- package/types-d0a9adf8.js +0 -9
- package/useLongPress-f119ff35.js +0 -98
- package/utils-0c8334fa.js +0 -25
- package/utils-0c8334fa.js.map +0 -1
- package/utils-e659e765.js +0 -31
- package/utils-e659e765.js.map +0 -1
- package/uuid-86cb48e0.js +0 -15
package/ui/FileViewer.js
CHANGED
|
@@ -1,32 +1,34 @@
|
|
|
1
1
|
import React__default, { useContext } from 'react';
|
|
2
2
|
import { createPortal } from 'react-dom';
|
|
3
|
-
import { a as LocalizationContext } from '../LocalizationContext-
|
|
4
|
-
import { M as MODAL_ROOT } from '../index-
|
|
5
|
-
import { D as isSupportedFileView, E as isVideo, F as isImage } from '../index-
|
|
3
|
+
import { a as LocalizationContext } from '../LocalizationContext-9c54e783.js';
|
|
4
|
+
import { M as MODAL_ROOT } from '../index-2a938266.js';
|
|
5
|
+
import { D as isSupportedFileView, E as isVideo, F as isImage } from '../index-dbe0e004.js';
|
|
6
6
|
import Avatar from './Avatar.js';
|
|
7
|
-
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-
|
|
7
|
+
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4111594a.js';
|
|
8
8
|
import Icon, { IconTypes, IconColors } from './Icon.js';
|
|
9
|
-
import '../stringSet-
|
|
10
|
-
import '../index-
|
|
11
|
-
import '../
|
|
9
|
+
import '../stringSet-1f18348a.js';
|
|
10
|
+
import '../index-a9ddd0f5.js';
|
|
11
|
+
import '../_rollupPluginBabelHelpers-b2d9bfc5.js';
|
|
12
12
|
import '../utils/message/getOutgoingMessageState.js';
|
|
13
13
|
import './ImageRenderer.js';
|
|
14
|
-
import '../uuid-
|
|
14
|
+
import '../uuid-48baadaf.js';
|
|
15
15
|
import 'prop-types';
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
isByMe =
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
17
|
+
const FileViewerComponent = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
profileUrl,
|
|
20
|
+
nickname,
|
|
21
|
+
name,
|
|
22
|
+
type,
|
|
23
|
+
url,
|
|
24
|
+
isByMe = true,
|
|
25
|
+
disableDelete = false,
|
|
26
|
+
onClose,
|
|
27
|
+
onDelete
|
|
28
|
+
} = _ref;
|
|
29
|
+
const {
|
|
30
|
+
stringSet
|
|
31
|
+
} = useContext(LocalizationContext);
|
|
30
32
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
31
33
|
className: "sendbird-fileviewer"
|
|
32
34
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -69,7 +71,7 @@ var FileViewerComponent = function (_a) {
|
|
|
69
71
|
fillColor: disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1,
|
|
70
72
|
height: "24px",
|
|
71
73
|
width: "24px",
|
|
72
|
-
onClick:
|
|
74
|
+
onClick: e => {
|
|
73
75
|
if (!disableDelete) {
|
|
74
76
|
onDelete === null || onDelete === void 0 ? void 0 : onDelete(e);
|
|
75
77
|
}
|
|
@@ -81,9 +83,7 @@ var FileViewerComponent = function (_a) {
|
|
|
81
83
|
fillColor: IconColors.ON_BACKGROUND_1,
|
|
82
84
|
height: "24px",
|
|
83
85
|
width: "24px",
|
|
84
|
-
onClick:
|
|
85
|
-
return onClose === null || onClose === void 0 ? void 0 : onClose(e);
|
|
86
|
-
}
|
|
86
|
+
onClick: e => onClose === null || onClose === void 0 ? void 0 : onClose(e)
|
|
87
87
|
})))), /*#__PURE__*/React__default.createElement("div", {
|
|
88
88
|
className: "sendbird-fileviewer__content"
|
|
89
89
|
}, isVideo(type) && /*#__PURE__*/React__default.createElement("video", {
|
|
@@ -103,21 +103,22 @@ var FileViewerComponent = function (_a) {
|
|
|
103
103
|
color: LabelColors.ONBACKGROUND_1
|
|
104
104
|
}, (stringSet === null || stringSet === void 0 ? void 0 : stringSet.UI__FILE_VIEWER__UNSUPPORT) || 'Unsupported message'))));
|
|
105
105
|
};
|
|
106
|
-
function FileViewer(
|
|
107
|
-
var
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
isByMe =
|
|
111
|
-
onClose
|
|
112
|
-
onDelete
|
|
106
|
+
function FileViewer(_ref2) {
|
|
107
|
+
var _message$sender, _message$sender2, _message$threadInfo;
|
|
108
|
+
let {
|
|
109
|
+
message,
|
|
110
|
+
isByMe = false,
|
|
111
|
+
onClose,
|
|
112
|
+
onDelete
|
|
113
|
+
} = _ref2;
|
|
113
114
|
return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement(FileViewerComponent, {
|
|
114
|
-
profileUrl:
|
|
115
|
-
nickname:
|
|
115
|
+
profileUrl: message === null || message === void 0 ? void 0 : (_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.profileUrl,
|
|
116
|
+
nickname: message === null || message === void 0 ? void 0 : (_message$sender2 = message.sender) === null || _message$sender2 === void 0 ? void 0 : _message$sender2.nickname,
|
|
116
117
|
name: message === null || message === void 0 ? void 0 : message.name,
|
|
117
118
|
type: message === null || message === void 0 ? void 0 : message.type,
|
|
118
119
|
url: message === null || message === void 0 ? void 0 : message.url,
|
|
119
120
|
isByMe: isByMe,
|
|
120
|
-
disableDelete: (
|
|
121
|
+
disableDelete: (message === null || message === void 0 ? void 0 : (_message$threadInfo = message.threadInfo) === null || _message$threadInfo === void 0 ? void 0 : _message$threadInfo.replyCount) > 0,
|
|
121
122
|
onClose: onClose,
|
|
122
123
|
onDelete: onDelete
|
|
123
124
|
}), document.getElementById(MODAL_ROOT));
|
package/ui/FileViewer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileViewer.js","sources":["../../src/ui/FileViewer/index.tsx"],"sourcesContent":["import React, { MouseEvent, ReactElement, useContext } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { isImage, isVideo, isSupportedFileView } from '../../utils';\n\nimport Avatar from '../Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\ninterface SenderInfo {\n profileUrl: string;\n nickname: string;\n}\ninterface FileInfo {\n name: string;\n type: string;\n url: string;\n}\nexport interface FileViewerComponentProps extends SenderInfo, FileInfo {\n isByMe?: boolean;\n disableDelete?: boolean;\n onClose: (e: MouseEvent<HTMLDivElement>) => void;\n onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport const FileViewerComponent = ({\n profileUrl,\n nickname,\n name,\n type,\n url,\n isByMe = true,\n disableDelete = false,\n onClose,\n onDelete,\n}: FileViewerComponentProps): ReactElement => {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className=\"sendbird-fileviewer\">\n <div className=\"sendbird-fileviewer__header\">\n <div className=\"sendbird-fileviewer__header__left\">\n <div className=\"sendbird-fileviewer__header__left__avatar\">\n <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n </div>\n <Label\n className=\"sendbird-fileviewer__header__left__filename\"\n type={LabelTypography.H_2}\n color={LabelColors.ONBACKGROUND_1}\n >\n {name}\n </Label>\n <Label\n className=\"sendbird-fileviewer__header__left__sender-name\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {nickname}\n </Label>\n </div>\n <div\n className=\"sendbird-fileviewer__header__right\"\n >\n {\n isSupportedFileView(type) && (\n <div className=\"sendbird-fileviewer__header__right__actions\" >\n <a\n className=\"sendbird-fileviewer__header__right__actions__download\"\n rel=\"noopener noreferrer\"\n href={url}\n target=\"_blank\"\n >\n <Icon\n type={IconTypes.DOWNLOAD}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n />\n </a>\n {\n onDelete && isByMe && (\n <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n <Icon\n className={disableDelete ? 'disabled' : ''}\n type={IconTypes.DELETE}\n fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={(e) => { if (!disableDelete) { onDelete?.(e); } }}\n />\n </div>\n )\n }\n </div>\n )\n }\n <div className=\"sendbird-fileviewer__header__right__actions__close\">\n <Icon\n type={IconTypes.CLOSE}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={(e) => onClose?.(e)}\n />\n </div>\n </div>\n </div>\n <div className=\"sendbird-fileviewer__content\">\n {isVideo(type) && (\n <video\n controls\n className=\"sendbird-fileviewer__content__video\"\n >\n <source src={url} type={type} />\n </video>\n )}\n {\n isImage(type) && (\n <img\n src={url}\n alt={name}\n className=\"sendbird-fileviewer__content__img\"\n />\n )\n }\n {\n !isSupportedFileView(type) && (\n <div\n className=\"sendbird-fileviewer__content__unsupported\"\n >\n <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n {stringSet?.UI__FILE_VIEWER__UNSUPPORT || 'Unsupported message'}\n </Label>\n </div>\n )\n }\n </div>\n </div>\n );\n};\n\nexport interface FileViewerProps {\n message: FileMessage;\n isByMe?: boolean;\n onClose: (e: MouseEvent<HTMLDivElement>) => void;\n onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport default function FileViewer({\n message,\n isByMe = false,\n onClose,\n onDelete,\n}: FileViewerProps): ReactElement {\n return createPortal(\n (\n <FileViewerComponent\n profileUrl={message?.sender?.profileUrl}\n nickname={message?.sender?.nickname}\n name={message?.name}\n type={message?.type}\n url={message?.url}\n isByMe={isByMe}\n disableDelete={message?.threadInfo?.replyCount > 0}\n onClose={onClose}\n onDelete={onDelete}\n />\n ),\n document.getElementById(MODAL_ROOT),\n );\n}\n"],"names":["FileViewerComponent","_a","profileUrl","nickname","name","type","url","_b","isByMe","_c","disableDelete","onClose","onDelete","stringSet","useContext","LocalizationContext","React","createElement","className","Avatar","height","width","src","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","rel","href","target","Icon","IconTypes","DOWNLOAD","fillColor","IconColors","ON_BACKGROUND_1","DELETE","GRAY","onClick","e","CLOSE","isVideo","controls","isImage","alt","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","message","_e","createPortal","sender","_d","threadInfo","replyCount","document","getElementById","MODAL_ROOT"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FileViewer.js","sources":["../../src/ui/FileViewer/index.tsx"],"sourcesContent":["import React, { MouseEvent, ReactElement, useContext } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { isImage, isVideo, isSupportedFileView } from '../../utils';\n\nimport Avatar from '../Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\ninterface SenderInfo {\n profileUrl: string;\n nickname: string;\n}\ninterface FileInfo {\n name: string;\n type: string;\n url: string;\n}\nexport interface FileViewerComponentProps extends SenderInfo, FileInfo {\n isByMe?: boolean;\n disableDelete?: boolean;\n onClose: (e: MouseEvent<HTMLDivElement>) => void;\n onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport const FileViewerComponent = ({\n profileUrl,\n nickname,\n name,\n type,\n url,\n isByMe = true,\n disableDelete = false,\n onClose,\n onDelete,\n}: FileViewerComponentProps): ReactElement => {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className=\"sendbird-fileviewer\">\n <div className=\"sendbird-fileviewer__header\">\n <div className=\"sendbird-fileviewer__header__left\">\n <div className=\"sendbird-fileviewer__header__left__avatar\">\n <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n </div>\n <Label\n className=\"sendbird-fileviewer__header__left__filename\"\n type={LabelTypography.H_2}\n color={LabelColors.ONBACKGROUND_1}\n >\n {name}\n </Label>\n <Label\n className=\"sendbird-fileviewer__header__left__sender-name\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {nickname}\n </Label>\n </div>\n <div\n className=\"sendbird-fileviewer__header__right\"\n >\n {\n isSupportedFileView(type) && (\n <div className=\"sendbird-fileviewer__header__right__actions\" >\n <a\n className=\"sendbird-fileviewer__header__right__actions__download\"\n rel=\"noopener noreferrer\"\n href={url}\n target=\"_blank\"\n >\n <Icon\n type={IconTypes.DOWNLOAD}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n />\n </a>\n {\n onDelete && isByMe && (\n <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n <Icon\n className={disableDelete ? 'disabled' : ''}\n type={IconTypes.DELETE}\n fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={(e) => { if (!disableDelete) { onDelete?.(e); } }}\n />\n </div>\n )\n }\n </div>\n )\n }\n <div className=\"sendbird-fileviewer__header__right__actions__close\">\n <Icon\n type={IconTypes.CLOSE}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={(e) => onClose?.(e)}\n />\n </div>\n </div>\n </div>\n <div className=\"sendbird-fileviewer__content\">\n {isVideo(type) && (\n <video\n controls\n className=\"sendbird-fileviewer__content__video\"\n >\n <source src={url} type={type} />\n </video>\n )}\n {\n isImage(type) && (\n <img\n src={url}\n alt={name}\n className=\"sendbird-fileviewer__content__img\"\n />\n )\n }\n {\n !isSupportedFileView(type) && (\n <div\n className=\"sendbird-fileviewer__content__unsupported\"\n >\n <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n {stringSet?.UI__FILE_VIEWER__UNSUPPORT || 'Unsupported message'}\n </Label>\n </div>\n )\n }\n </div>\n </div>\n );\n};\n\nexport interface FileViewerProps {\n message: FileMessage;\n isByMe?: boolean;\n onClose: (e: MouseEvent<HTMLDivElement>) => void;\n onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport default function FileViewer({\n message,\n isByMe = false,\n onClose,\n onDelete,\n}: FileViewerProps): ReactElement {\n return createPortal(\n (\n <FileViewerComponent\n profileUrl={message?.sender?.profileUrl}\n nickname={message?.sender?.nickname}\n name={message?.name}\n type={message?.type}\n url={message?.url}\n isByMe={isByMe}\n disableDelete={message?.threadInfo?.replyCount > 0}\n onClose={onClose}\n onDelete={onDelete}\n />\n ),\n document.getElementById(MODAL_ROOT),\n );\n}\n"],"names":["FileViewerComponent","_ref","profileUrl","nickname","name","type","url","isByMe","disableDelete","onClose","onDelete","stringSet","useContext","LocalizationContext","React","createElement","className","Avatar","height","width","src","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","rel","href","target","Icon","IconTypes","DOWNLOAD","fillColor","IconColors","ON_BACKGROUND_1","DELETE","GRAY","onClick","e","CLOSE","isVideo","controls","isImage","alt","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","_ref2","_message$sender","_message$sender2","_message$threadInfo","message","createPortal","sender","threadInfo","replyCount","document","getElementById","MODAL_ROOT"],"mappings":"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"}
|
package/ui/Icon.js
CHANGED
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
const Types = {
|
|
6
6
|
ADD: 'ADD',
|
|
7
7
|
ARROW_LEFT: 'ARROW_LEFT',
|
|
8
8
|
ATTACH: 'ATTACH',
|
|
@@ -61,7 +61,7 @@ var Types = {
|
|
|
61
61
|
USER: 'USER'
|
|
62
62
|
};
|
|
63
63
|
|
|
64
|
-
|
|
64
|
+
const Colors = {
|
|
65
65
|
DEFAULT: 'DEFAULT',
|
|
66
66
|
PRIMARY: 'PRIMARY',
|
|
67
67
|
PRIMARY_2: 'PRIMARY_2',
|
package/ui/Icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sources":["../../src/ui/Icon/type.ts","../../src/ui/Icon/colors.ts","../../src/ui/Icon/utils.ts","../../src/ui/Icon/index.jsx"],"sourcesContent":["export const Types = {\n ADD: 'ADD',\n ARROW_LEFT: 'ARROW_LEFT',\n ATTACH: 'ATTACH',\n AUDIO_ON_LINED: 'AUDIO_ON_LINED',\n BAN: 'BAN',\n BROADCAST: 'BROADCAST',\n CAMERA: 'CAMERA',\n CHANNELS: 'CHANNELS',\n CHAT: 'CHAT',\n CHAT_FILLED: 'CHAT_FILLED',\n CHEVRON_DOWN: 'CHEVRON_DOWN',\n CHEVRON_RIGHT: 'CHEVRON_RIGHT',\n CLOSE: 'CLOSE',\n COLLAPSE: 'COLLAPSE',\n COPY: 'COPY',\n CREATE: 'CREATE',\n DELETE: 'DELETE',\n DISCONNECTED: 'DISCONNECTED',\n DOCUMENT: 'DOCUMENT',\n DONE: 'DONE',\n DONE_ALL: 'DONE_ALL',\n DOWNLOAD: 'DOWNLOAD',\n EDIT: 'EDIT',\n EMOJI_MORE: 'EMOJI_MORE',\n ERROR: 'ERROR',\n EXPAND: 'EXPAND',\n FILE_AUDIO: 'FILE_AUDIO',\n FILE_DOCUMENT: 'FILE_DOCUMENT',\n FREEZE: 'FREEZE',\n GIF: 'GIF',\n INFO: 'INFO',\n LEAVE: 'LEAVE',\n MEMBERS: 'MEMBERS',\n MESSAGE: 'MESSAGE',\n MODERATIONS: 'MODERATIONS',\n MORE: 'MORE',\n MUTE: 'MUTE',\n NOTIFICATIONS: 'NOTIFICATIONS',\n NOTIFICATIONS_OFF_FILLED: 'NOTIFICATIONS_OFF_FILLED',\n OPERATOR: 'OPERATOR',\n PHOTO: 'PHOTO',\n PLAY: 'PLAY',\n PLUS: 'PLUS',\n QUESTION: 'QUESTION',\n REFRESH: 'REFRESH',\n REPLY: 'REPLY',\n REMOVE: 'REMOVE',\n SEARCH: 'SEARCH',\n SEND: 'SEND',\n SETTINGS_FILLED: 'SETTINGS_FILLED',\n SPINNER: 'SPINNER',\n SUPERGROUP: 'SUPERGROUP',\n THUMBNAIL_NONE: 'THUMBNAIL_NONE',\n TOGGLE_OFF: 'TOGGLE_OFF',\n TOGGLE_ON: 'TOGGLE_ON',\n USER: 'USER',\n} as const;\nexport type Types = typeof Types[keyof typeof Types];\n","export const Colors = {\n DEFAULT: 'DEFAULT',\n PRIMARY: 'PRIMARY',\n PRIMARY_2: 'PRIMARY_2',\n SECONDARY: 'SECONDARY',\n CONTENT: 'CONTENT',\n CONTENT_INVERSE: 'CONTENT_INVERSE',\n WHITE: 'WHITE',\n GRAY: 'GRAY',\n SENT: 'SENT',\n READ: 'READ',\n ON_BACKGROUND_1: 'ON_BACKGROUND_1',\n ON_BACKGROUND_2: 'ON_BACKGROUND_2',\n ON_BACKGROUND_3: 'ON_BACKGROUND_3',\n ON_BACKGROUND_4: 'ON_BACKGROUND_4',\n BACKGROUND_3: 'BACKGROUND_3',\n ERROR: 'ERROR',\n} as const;\nexport type Colors = typeof Colors[keyof typeof Colors];\n\nexport default { Colors };\n","import { Types } from './type';\nimport { Colors } from './colors';\n\nexport function changeColorToClassName(color: Colors): string {\n switch (color) {\n case Colors.PRIMARY: return 'sendbird-icon-color--primary';\n case Colors.PRIMARY_2: return 'sendbird-icon-color--primary-2';\n case Colors.SECONDARY: return 'sendbird-icon-color--secondary';\n case Colors.CONTENT: return 'sendbird-icon-color--content';\n case Colors.CONTENT_INVERSE: return 'sendbird-icon-color--content-inverse';\n case Colors.WHITE: return 'sendbird-icon-color--white';\n case Colors.GRAY: return 'sendbird-icon-color--gray';\n case Colors.SENT: return 'sendbird-icon-color--sent';\n case Colors.READ: return 'sendbird-icon-color--read';\n case Colors.ON_BACKGROUND_1: return 'sendbird-icon-color--on-background-1';\n case Colors.ON_BACKGROUND_2: return 'sendbird-icon-color--on-background-2';\n case Colors.ON_BACKGROUND_3: return 'sendbird-icon-color--on-background-3';\n case Colors.ON_BACKGROUND_4: return 'sendbird-icon-color--on-background-4';\n case Colors.BACKGROUND_3: return 'sendbird-icon-color--background-3';\n case Colors.ERROR: return 'sendbird-icon-color--error';\n default: return '';\n }\n}\n\nexport function changeTypeToIconClassName(type: Types): string {\n switch (type) {\n case Types.ADD: return 'sendbird-icon-add';\n case Types.ARROW_LEFT: return 'sendbird-icon-arrow-left';\n case Types.ATTACH: return 'sendbird-icon-attach';\n case Types.AUDIO_ON_LINED: return 'sendbird-icon-audio-on-lined';\n case Types.BAN: return 'sendbird-icon-ban';\n case Types.BROADCAST: return 'sendbird-icon-broadcast';\n case Types.CAMERA: return 'sendbird-icon-camera';\n case Types.CHANNELS: return 'sendbird-icon-channels';\n case Types.CHAT: return 'sendbird-icon-chat';\n case Types.CHAT_FILLED: return 'sendbird-icon-chat-filled';\n case Types.CHEVRON_DOWN: return 'sendbird-icon-chevron-down';\n case Types.CHEVRON_RIGHT: return 'sendbird-icon-chevron-right';\n case Types.CLOSE: return 'sendbird-icon-close';\n case Types.COLLAPSE: return 'sendbird-icon-collapse';\n case Types.COPY: return 'sendbird-icon-copy';\n case Types.CREATE: return 'sendbird-icon-create';\n case Types.DELETE: return 'sendbird-icon-delete';\n case Types.DISCONNECTED: return 'sendbird-icon-disconnected';\n case Types.DOCUMENT: return 'sendbird-icon-document';\n case Types.DONE: return 'sendbird-icon-done';\n case Types.DONE_ALL: return 'sendbird-icon-done-all';\n case Types.DOWNLOAD: return 'sendbird-icon-down-load';\n case Types.EDIT: return 'sendbird-icon-edit';\n case Types.EMOJI_MORE: return 'sendbird-icon-emoji-more';\n case Types.ERROR: return 'sendbird-icon-error';\n case Types.EXPAND: return 'sendbird-icon-expand';\n case Types.FILE_AUDIO: return 'sendbird-icon-file-audio';\n case Types.FILE_DOCUMENT: return 'sendbird-icon-file-document';\n case Types.FREEZE: return 'sendbird-icon-freeze';\n case Types.GIF: return 'sendbird-icon-gif';\n case Types.INFO: return 'sendbird-icon-info';\n case Types.LEAVE: return 'sendbird-icon-leave';\n case Types.MEMBERS: return 'sendbird-icon-members';\n case Types.MESSAGE: return 'sendbird-icon-message';\n case Types.MODERATIONS: return 'sendbird-icon-moderations';\n case Types.MORE: return 'sendbird-icon-more';\n case Types.MUTE: return 'sendbird-icon-mute';\n case Types.NOTIFICATIONS: return 'sendbird-icon-notifications';\n case Types.NOTIFICATIONS_OFF_FILLED: return 'sendbird-icon-notifications-off-filled';\n case Types.OPERATOR: return 'sendbird-icon-operator';\n case Types.PHOTO: return 'sendbird-icon-photo';\n case Types.PLAY: return 'sendbird-icon-play';\n case Types.PLUS: return 'sendbird-iconn-plus';\n case Types.QUESTION: return 'sendbird-icon-question';\n case Types.REFRESH: return 'sendbird-icon-refresh';\n case Types.REMOVE: return 'sendbird-icon-remove';\n case Types.REPLY: return 'sendbird-icon-reply';\n case Types.SEARCH: return 'sendbird-icon-search';\n case Types.SEND: return 'sendbird-icon-send';\n case Types.SETTINGS_FILLED: return 'sendbird-icon-settings-filled';\n case Types.SPINNER: return 'sendbird-icon-spinner';\n case Types.SUPERGROUP: return 'sendbird-icon-supergroup';\n case Types.THUMBNAIL_NONE: return 'sendbird-icon-thumbnail-none';\n case Types.TOGGLE_OFF: return 'sendbird-icon-toggle-off';\n case Types.TOGGLE_ON: return 'sendbird-icon-toggle-on';\n case Types.USER: return 'sendbird-icon-user';\n default: return 'sendbird-icon-unknown'; // If you see this text 'icon' replace icon for it\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Types } from './type';\nimport { Colors } from './colors';\nimport {\n changeColorToClassName,\n changeTypeToIconClassName,\n} from './utils';\n\nimport IconAdd from '../../svgs/icon-add.svg';\nimport IconArrowLeft from '../../svgs/icon-arrow-left.svg';\nimport IconAttach from '../../svgs/icon-attach.svg';\nimport IconAudioOnLined from '../../svgs/icon-audio-on-lined.svg';\nimport IconBan from '../../svgs/icon-ban.svg';\nimport IconBroadcast from '../../svgs/icon-broadcast.svg';\nimport IconCamera from '../../svgs/icon-camera.svg';\nimport IconChannels from '../../svgs/icon-channels.svg';\nimport IconChat from '../../svgs/icon-chat.svg';\nimport IconChatFilled from '../../svgs/icon-chat-filled.svg';\nimport IconChevronDown from '../../svgs/icon-chevron-down.svg';\nimport IconChevronRight from '../../svgs/icon-chevron-right.svg';\nimport IconClose from '../../svgs/icon-close.svg';\nimport IconCollapse from '../../svgs/icon-collapse.svg';\nimport IconCopy from '../../svgs/icon-copy.svg';\nimport IconCreate from '../../svgs/icon-create.svg';\nimport IconDelete from '../../svgs/icon-delete.svg';\nimport IconDisconnected from '../../svgs/icon-disconnected.svg';\nimport IconDocument from '../../svgs/icon-document.svg';\nimport IconDone from '../../svgs/icon-done.svg';\nimport IconDoneAll from '../../svgs/icon-done-all.svg';\nimport IconDownload from '../../svgs/icon-download.svg';\nimport IconEdit from '../../svgs/icon-edit.svg';\nimport IconEmojiMore from '../../svgs/icon-emoji-more.svg';\nimport IconError from '../../svgs/icon-error.svg';\nimport IconExpand from '../../svgs/icon-expand.svg';\nimport IconFileAudio from '../../svgs/icon-file-audio.svg';\nimport IconFileDocument from '../../svgs/icon-file-document.svg';\nimport IconFreeze from '../../svgs/icon-freeze.svg';\nimport IconGif from '../../svgs/icon-gif.svg';\nimport IconInfo from '../../svgs/icon-info.svg';\nimport IconLeave from '../../svgs/icon-leave.svg';\nimport IconMembers from '../../svgs/icon-members.svg';\nimport IconMessage from '../../svgs/icon-message.svg';\nimport IconModerations from '../../svgs/icon-moderations.svg';\nimport IconMore from '../../svgs/icon-more.svg';\nimport IconMute from '../../svgs/icon-mute.svg';\nimport IconNotifications from '../../svgs/icon-notifications.svg';\nimport IconNotificationsOffFilled from '../../svgs/icon-notifications-off-filled.svg';\nimport IconOperator from '../../svgs/icon-operator.svg';\nimport IconPhoto from '../../svgs/icon-photo.svg';\nimport IconPlay from '../../svgs/icon-play.svg';\nimport IconPlus from '../../svgs/icon-plus.svg';\nimport IconQuestion from '../../svgs/icon-question.svg';\nimport IconRefresh from '../../svgs/icon-refresh.svg';\nimport IconRemove from '../../svgs/icon-remove.svg';\nimport IconReply from '../../svgs/icon-reply-filled.svg';\nimport IconSearch from '../../svgs/icon-search.svg';\nimport IconSend from '../../svgs/icon-send.svg';\nimport IconSettingsFilled from '../../svgs/icon-settings-filled.svg';\nimport IconSpinner from '../../svgs/icon-spinner.svg';\nimport IconSupergroup from '../../svgs/icon-supergroup.svg';\nimport IconThumbnailNone from '../../svgs/icon-thumbnail-none.svg';\nimport IconToggleOff from '../../svgs/icon-toggleoff.svg';\nimport IconToggleOn from '../../svgs/icon-toggleon.svg';\nimport IconUser from '../../svgs/icon-user.svg';\n\nfunction changeTypeToIconComponent(type) {\n switch (type) {\n case Types.ADD: return <IconAdd />;\n case Types.ARROW_LEFT: return <IconArrowLeft />;\n case Types.ATTACH: return <IconAttach />;\n case Types.AUDIO_ON_LINED: return <IconAudioOnLined />;\n case Types.BAN: return <IconBan />;\n case Types.BROADCAST: return <IconBroadcast />;\n case Types.CAMERA: return <IconCamera />;\n case Types.CHANNELS: return <IconChannels />;\n case Types.CHAT: return <IconChat />;\n case Types.CHAT_FILLED: return <IconChatFilled />;\n case Types.CHEVRON_DOWN: return <IconChevronDown />;\n case Types.CHEVRON_RIGHT: return <IconChevronRight />;\n case Types.CLOSE: return <IconClose />;\n case Types.COLLAPSE: return <IconCollapse />;\n case Types.COPY: return <IconCopy />;\n case Types.CREATE: return <IconCreate />;\n case Types.DELETE: return <IconDelete />;\n case Types.DISCONNECTED: return <IconDisconnected />;\n case Types.DOCUMENT: return <IconDocument />;\n case Types.DONE: return <IconDone />;\n case Types.DONE_ALL: return <IconDoneAll />;\n case Types.DOWNLOAD: return <IconDownload />;\n case Types.EDIT: return <IconEdit />;\n case Types.EMOJI_MORE: return <IconEmojiMore />;\n case Types.ERROR: return <IconError />;\n case Types.EXPAND: return <IconExpand />;\n case Types.FILE_AUDIO: return <IconFileAudio />;\n case Types.FILE_DOCUMENT: return <IconFileDocument />;\n case Types.FREEZE: return <IconFreeze />;\n case Types.GIF: return <IconGif />;\n case Types.INFO: return <IconInfo />;\n case Types.LEAVE: return <IconLeave />;\n case Types.MEMBERS: return <IconMembers />;\n case Types.MESSAGE: return <IconMessage />;\n case Types.MODERATIONS: return <IconModerations />;\n case Types.MORE: return <IconMore />;\n case Types.MUTE: return <IconMute />;\n case Types.NOTIFICATIONS: return <IconNotifications />;\n case Types.NOTIFICATIONS_OFF_FILLED: return <IconNotificationsOffFilled />;\n case Types.OPERATOR: return <IconOperator />;\n case Types.PHOTO: return <IconPhoto />;\n case Types.PLAY: return <IconPlay />;\n case Types.PLUS: return <IconPlus />;\n case Types.QUESTION: return <IconQuestion />;\n case Types.REFRESH: return <IconRefresh />;\n case Types.REMOVE: return <IconRemove />;\n case Types.REPLY: return <IconReply />;\n case Types.SEARCH: return <IconSearch />;\n case Types.SEND: return <IconSend />;\n case Types.SETTINGS_FILLED: return <IconSettingsFilled />;\n case Types.SPINNER: return <IconSpinner />;\n case Types.SUPERGROUP: return <IconSupergroup />;\n case Types.THUMBNAIL_NONE: return <IconThumbnailNone />;\n case Types.TOGGLE_OFF: return <IconToggleOff />;\n case Types.TOGGLE_ON: return <IconToggleOn />;\n case Types.USER: return <IconUser />;\n default: return 'icon'; // If you see this text 'icon' replace icon for it\n }\n}\n\nexport default function Icon({\n className,\n type,\n fillColor,\n width,\n height,\n onClick,\n children,\n}) {\n const iconStyle = {\n width: typeof width === 'string' ? width : `${width}px`,\n minWidth: typeof width === 'string' ? width : `${width}px`,\n height: typeof height === 'string' ? height : `${height}px`,\n minHeight: typeof height === 'string' ? height : `${height}px`,\n };\n return (\n <div\n className={[\n ...Array.isArray(className) ? className : [className],\n 'sendbird-icon',\n changeTypeToIconClassName(type),\n changeColorToClassName(fillColor),\n ].join(' ')}\n role=\"button\"\n onClick={onClick}\n onKeyDown={onClick}\n tabIndex=\"0\"\n style={iconStyle}\n >\n {children || changeTypeToIconComponent(type)}\n </div>\n );\n}\n\nIcon.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n /** Type: Use strings from below list */\n type: PropTypes.oneOfType([\n PropTypes.oneOf(Object.keys(Types)),\n PropTypes.string,\n ]).isRequired,\n /** Type: Use Colors from below list */\n fillColor: PropTypes.oneOf(Object.keys(Colors)),\n width: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n height: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n onClick: PropTypes.func,\n children: PropTypes.element,\n};\n\nIcon.defaultProps = {\n className: '',\n fillColor: Colors.DEFAULT,\n width: 26,\n height: 26,\n onClick: () => { },\n children: null,\n};\n\nexport const IconTypes = Types;\nexport const IconColors = Colors;\n"],"names":["Types","ADD","ARROW_LEFT","ATTACH","AUDIO_ON_LINED","BAN","BROADCAST","CAMERA","CHANNELS","CHAT","CHAT_FILLED","CHEVRON_DOWN","CHEVRON_RIGHT","CLOSE","COLLAPSE","COPY","CREATE","DELETE","DISCONNECTED","DOCUMENT","DONE","DONE_ALL","DOWNLOAD","EDIT","EMOJI_MORE","ERROR","EXPAND","FILE_AUDIO","FILE_DOCUMENT","FREEZE","GIF","INFO","LEAVE","MEMBERS","MESSAGE","MODERATIONS","MORE","MUTE","NOTIFICATIONS","NOTIFICATIONS_OFF_FILLED","OPERATOR","PHOTO","PLAY","PLUS","QUESTION","REFRESH","REPLY","REMOVE","SEARCH","SEND","SETTINGS_FILLED","SPINNER","SUPERGROUP","THUMBNAIL_NONE","TOGGLE_OFF","TOGGLE_ON","USER","Colors","DEFAULT","PRIMARY","PRIMARY_2","SECONDARY","CONTENT","CONTENT_INVERSE","WHITE","GRAY","SENT","READ","ON_BACKGROUND_1","ON_BACKGROUND_2","ON_BACKGROUND_3","ON_BACKGROUND_4","BACKGROUND_3","changeColorToClassName","color","changeTypeToIconClassName","type","changeTypeToIconComponent","React","createElement","IconAdd","IconArrowLeft","IconAttach","IconAudioOnLined","IconBan","IconBroadcast","IconCamera","IconChannels","IconChat","IconChatFilled","IconChevronDown","IconChevronRight","IconClose","IconCollapse","IconCopy","IconCreate","IconDelete","IconDisconnected","IconDocument","IconDone","IconDoneAll","IconDownload","IconEdit","IconEmojiMore","IconError","IconExpand","IconFileAudio","IconFileDocument","IconFreeze","IconGif","IconInfo","IconLeave","IconMembers","IconMessage","IconModerations","IconMore","IconMute","IconNotifications","IconNotificationsOffFilled","IconOperator","IconPhoto","IconPlay","IconPlus","IconQuestion","IconRefresh","IconRemove","IconReply","IconSearch","IconSend","IconSettingsFilled","IconSpinner","IconSupergroup","IconThumbnailNone","IconToggleOff","IconToggleOn","IconUser","Icon","_ref","className","fillColor","width","height","onClick","children","iconStyle","minWidth","minHeight","Array","isArray","join","role","onKeyDown","tabIndex","style","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","number","func","element","defaultProps","IconTypes","IconColors"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":["../../src/ui/Icon/type.ts","../../src/ui/Icon/colors.ts","../../src/ui/Icon/utils.ts","../../src/ui/Icon/index.jsx"],"sourcesContent":["export const Types = {\n ADD: 'ADD',\n ARROW_LEFT: 'ARROW_LEFT',\n ATTACH: 'ATTACH',\n AUDIO_ON_LINED: 'AUDIO_ON_LINED',\n BAN: 'BAN',\n BROADCAST: 'BROADCAST',\n CAMERA: 'CAMERA',\n CHANNELS: 'CHANNELS',\n CHAT: 'CHAT',\n CHAT_FILLED: 'CHAT_FILLED',\n CHEVRON_DOWN: 'CHEVRON_DOWN',\n CHEVRON_RIGHT: 'CHEVRON_RIGHT',\n CLOSE: 'CLOSE',\n COLLAPSE: 'COLLAPSE',\n COPY: 'COPY',\n CREATE: 'CREATE',\n DELETE: 'DELETE',\n DISCONNECTED: 'DISCONNECTED',\n DOCUMENT: 'DOCUMENT',\n DONE: 'DONE',\n DONE_ALL: 'DONE_ALL',\n DOWNLOAD: 'DOWNLOAD',\n EDIT: 'EDIT',\n EMOJI_MORE: 'EMOJI_MORE',\n ERROR: 'ERROR',\n EXPAND: 'EXPAND',\n FILE_AUDIO: 'FILE_AUDIO',\n FILE_DOCUMENT: 'FILE_DOCUMENT',\n FREEZE: 'FREEZE',\n GIF: 'GIF',\n INFO: 'INFO',\n LEAVE: 'LEAVE',\n MEMBERS: 'MEMBERS',\n MESSAGE: 'MESSAGE',\n MODERATIONS: 'MODERATIONS',\n MORE: 'MORE',\n MUTE: 'MUTE',\n NOTIFICATIONS: 'NOTIFICATIONS',\n NOTIFICATIONS_OFF_FILLED: 'NOTIFICATIONS_OFF_FILLED',\n OPERATOR: 'OPERATOR',\n PHOTO: 'PHOTO',\n PLAY: 'PLAY',\n PLUS: 'PLUS',\n QUESTION: 'QUESTION',\n REFRESH: 'REFRESH',\n REPLY: 'REPLY',\n REMOVE: 'REMOVE',\n SEARCH: 'SEARCH',\n SEND: 'SEND',\n SETTINGS_FILLED: 'SETTINGS_FILLED',\n SPINNER: 'SPINNER',\n SUPERGROUP: 'SUPERGROUP',\n THUMBNAIL_NONE: 'THUMBNAIL_NONE',\n TOGGLE_OFF: 'TOGGLE_OFF',\n TOGGLE_ON: 'TOGGLE_ON',\n USER: 'USER',\n} as const;\nexport type Types = typeof Types[keyof typeof Types];\n","export const Colors = {\n DEFAULT: 'DEFAULT',\n PRIMARY: 'PRIMARY',\n PRIMARY_2: 'PRIMARY_2',\n SECONDARY: 'SECONDARY',\n CONTENT: 'CONTENT',\n CONTENT_INVERSE: 'CONTENT_INVERSE',\n WHITE: 'WHITE',\n GRAY: 'GRAY',\n SENT: 'SENT',\n READ: 'READ',\n ON_BACKGROUND_1: 'ON_BACKGROUND_1',\n ON_BACKGROUND_2: 'ON_BACKGROUND_2',\n ON_BACKGROUND_3: 'ON_BACKGROUND_3',\n ON_BACKGROUND_4: 'ON_BACKGROUND_4',\n BACKGROUND_3: 'BACKGROUND_3',\n ERROR: 'ERROR',\n} as const;\nexport type Colors = typeof Colors[keyof typeof Colors];\n\nexport default { Colors };\n","import { Types } from './type';\nimport { Colors } from './colors';\n\nexport function changeColorToClassName(color: Colors): string {\n switch (color) {\n case Colors.PRIMARY: return 'sendbird-icon-color--primary';\n case Colors.PRIMARY_2: return 'sendbird-icon-color--primary-2';\n case Colors.SECONDARY: return 'sendbird-icon-color--secondary';\n case Colors.CONTENT: return 'sendbird-icon-color--content';\n case Colors.CONTENT_INVERSE: return 'sendbird-icon-color--content-inverse';\n case Colors.WHITE: return 'sendbird-icon-color--white';\n case Colors.GRAY: return 'sendbird-icon-color--gray';\n case Colors.SENT: return 'sendbird-icon-color--sent';\n case Colors.READ: return 'sendbird-icon-color--read';\n case Colors.ON_BACKGROUND_1: return 'sendbird-icon-color--on-background-1';\n case Colors.ON_BACKGROUND_2: return 'sendbird-icon-color--on-background-2';\n case Colors.ON_BACKGROUND_3: return 'sendbird-icon-color--on-background-3';\n case Colors.ON_BACKGROUND_4: return 'sendbird-icon-color--on-background-4';\n case Colors.BACKGROUND_3: return 'sendbird-icon-color--background-3';\n case Colors.ERROR: return 'sendbird-icon-color--error';\n default: return '';\n }\n}\n\nexport function changeTypeToIconClassName(type: Types): string {\n switch (type) {\n case Types.ADD: return 'sendbird-icon-add';\n case Types.ARROW_LEFT: return 'sendbird-icon-arrow-left';\n case Types.ATTACH: return 'sendbird-icon-attach';\n case Types.AUDIO_ON_LINED: return 'sendbird-icon-audio-on-lined';\n case Types.BAN: return 'sendbird-icon-ban';\n case Types.BROADCAST: return 'sendbird-icon-broadcast';\n case Types.CAMERA: return 'sendbird-icon-camera';\n case Types.CHANNELS: return 'sendbird-icon-channels';\n case Types.CHAT: return 'sendbird-icon-chat';\n case Types.CHAT_FILLED: return 'sendbird-icon-chat-filled';\n case Types.CHEVRON_DOWN: return 'sendbird-icon-chevron-down';\n case Types.CHEVRON_RIGHT: return 'sendbird-icon-chevron-right';\n case Types.CLOSE: return 'sendbird-icon-close';\n case Types.COLLAPSE: return 'sendbird-icon-collapse';\n case Types.COPY: return 'sendbird-icon-copy';\n case Types.CREATE: return 'sendbird-icon-create';\n case Types.DELETE: return 'sendbird-icon-delete';\n case Types.DISCONNECTED: return 'sendbird-icon-disconnected';\n case Types.DOCUMENT: return 'sendbird-icon-document';\n case Types.DONE: return 'sendbird-icon-done';\n case Types.DONE_ALL: return 'sendbird-icon-done-all';\n case Types.DOWNLOAD: return 'sendbird-icon-down-load';\n case Types.EDIT: return 'sendbird-icon-edit';\n case Types.EMOJI_MORE: return 'sendbird-icon-emoji-more';\n case Types.ERROR: return 'sendbird-icon-error';\n case Types.EXPAND: return 'sendbird-icon-expand';\n case Types.FILE_AUDIO: return 'sendbird-icon-file-audio';\n case Types.FILE_DOCUMENT: return 'sendbird-icon-file-document';\n case Types.FREEZE: return 'sendbird-icon-freeze';\n case Types.GIF: return 'sendbird-icon-gif';\n case Types.INFO: return 'sendbird-icon-info';\n case Types.LEAVE: return 'sendbird-icon-leave';\n case Types.MEMBERS: return 'sendbird-icon-members';\n case Types.MESSAGE: return 'sendbird-icon-message';\n case Types.MODERATIONS: return 'sendbird-icon-moderations';\n case Types.MORE: return 'sendbird-icon-more';\n case Types.MUTE: return 'sendbird-icon-mute';\n case Types.NOTIFICATIONS: return 'sendbird-icon-notifications';\n case Types.NOTIFICATIONS_OFF_FILLED: return 'sendbird-icon-notifications-off-filled';\n case Types.OPERATOR: return 'sendbird-icon-operator';\n case Types.PHOTO: return 'sendbird-icon-photo';\n case Types.PLAY: return 'sendbird-icon-play';\n case Types.PLUS: return 'sendbird-iconn-plus';\n case Types.QUESTION: return 'sendbird-icon-question';\n case Types.REFRESH: return 'sendbird-icon-refresh';\n case Types.REMOVE: return 'sendbird-icon-remove';\n case Types.REPLY: return 'sendbird-icon-reply';\n case Types.SEARCH: return 'sendbird-icon-search';\n case Types.SEND: return 'sendbird-icon-send';\n case Types.SETTINGS_FILLED: return 'sendbird-icon-settings-filled';\n case Types.SPINNER: return 'sendbird-icon-spinner';\n case Types.SUPERGROUP: return 'sendbird-icon-supergroup';\n case Types.THUMBNAIL_NONE: return 'sendbird-icon-thumbnail-none';\n case Types.TOGGLE_OFF: return 'sendbird-icon-toggle-off';\n case Types.TOGGLE_ON: return 'sendbird-icon-toggle-on';\n case Types.USER: return 'sendbird-icon-user';\n default: return 'sendbird-icon-unknown'; // If you see this text 'icon' replace icon for it\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Types } from './type';\nimport { Colors } from './colors';\nimport {\n changeColorToClassName,\n changeTypeToIconClassName,\n} from './utils';\n\nimport IconAdd from '../../svgs/icon-add.svg';\nimport IconArrowLeft from '../../svgs/icon-arrow-left.svg';\nimport IconAttach from '../../svgs/icon-attach.svg';\nimport IconAudioOnLined from '../../svgs/icon-audio-on-lined.svg';\nimport IconBan from '../../svgs/icon-ban.svg';\nimport IconBroadcast from '../../svgs/icon-broadcast.svg';\nimport IconCamera from '../../svgs/icon-camera.svg';\nimport IconChannels from '../../svgs/icon-channels.svg';\nimport IconChat from '../../svgs/icon-chat.svg';\nimport IconChatFilled from '../../svgs/icon-chat-filled.svg';\nimport IconChevronDown from '../../svgs/icon-chevron-down.svg';\nimport IconChevronRight from '../../svgs/icon-chevron-right.svg';\nimport IconClose from '../../svgs/icon-close.svg';\nimport IconCollapse from '../../svgs/icon-collapse.svg';\nimport IconCopy from '../../svgs/icon-copy.svg';\nimport IconCreate from '../../svgs/icon-create.svg';\nimport IconDelete from '../../svgs/icon-delete.svg';\nimport IconDisconnected from '../../svgs/icon-disconnected.svg';\nimport IconDocument from '../../svgs/icon-document.svg';\nimport IconDone from '../../svgs/icon-done.svg';\nimport IconDoneAll from '../../svgs/icon-done-all.svg';\nimport IconDownload from '../../svgs/icon-download.svg';\nimport IconEdit from '../../svgs/icon-edit.svg';\nimport IconEmojiMore from '../../svgs/icon-emoji-more.svg';\nimport IconError from '../../svgs/icon-error.svg';\nimport IconExpand from '../../svgs/icon-expand.svg';\nimport IconFileAudio from '../../svgs/icon-file-audio.svg';\nimport IconFileDocument from '../../svgs/icon-file-document.svg';\nimport IconFreeze from '../../svgs/icon-freeze.svg';\nimport IconGif from '../../svgs/icon-gif.svg';\nimport IconInfo from '../../svgs/icon-info.svg';\nimport IconLeave from '../../svgs/icon-leave.svg';\nimport IconMembers from '../../svgs/icon-members.svg';\nimport IconMessage from '../../svgs/icon-message.svg';\nimport IconModerations from '../../svgs/icon-moderations.svg';\nimport IconMore from '../../svgs/icon-more.svg';\nimport IconMute from '../../svgs/icon-mute.svg';\nimport IconNotifications from '../../svgs/icon-notifications.svg';\nimport IconNotificationsOffFilled from '../../svgs/icon-notifications-off-filled.svg';\nimport IconOperator from '../../svgs/icon-operator.svg';\nimport IconPhoto from '../../svgs/icon-photo.svg';\nimport IconPlay from '../../svgs/icon-play.svg';\nimport IconPlus from '../../svgs/icon-plus.svg';\nimport IconQuestion from '../../svgs/icon-question.svg';\nimport IconRefresh from '../../svgs/icon-refresh.svg';\nimport IconRemove from '../../svgs/icon-remove.svg';\nimport IconReply from '../../svgs/icon-reply-filled.svg';\nimport IconSearch from '../../svgs/icon-search.svg';\nimport IconSend from '../../svgs/icon-send.svg';\nimport IconSettingsFilled from '../../svgs/icon-settings-filled.svg';\nimport IconSpinner from '../../svgs/icon-spinner.svg';\nimport IconSupergroup from '../../svgs/icon-supergroup.svg';\nimport IconThumbnailNone from '../../svgs/icon-thumbnail-none.svg';\nimport IconToggleOff from '../../svgs/icon-toggleoff.svg';\nimport IconToggleOn from '../../svgs/icon-toggleon.svg';\nimport IconUser from '../../svgs/icon-user.svg';\n\nfunction changeTypeToIconComponent(type) {\n switch (type) {\n case Types.ADD: return <IconAdd />;\n case Types.ARROW_LEFT: return <IconArrowLeft />;\n case Types.ATTACH: return <IconAttach />;\n case Types.AUDIO_ON_LINED: return <IconAudioOnLined />;\n case Types.BAN: return <IconBan />;\n case Types.BROADCAST: return <IconBroadcast />;\n case Types.CAMERA: return <IconCamera />;\n case Types.CHANNELS: return <IconChannels />;\n case Types.CHAT: return <IconChat />;\n case Types.CHAT_FILLED: return <IconChatFilled />;\n case Types.CHEVRON_DOWN: return <IconChevronDown />;\n case Types.CHEVRON_RIGHT: return <IconChevronRight />;\n case Types.CLOSE: return <IconClose />;\n case Types.COLLAPSE: return <IconCollapse />;\n case Types.COPY: return <IconCopy />;\n case Types.CREATE: return <IconCreate />;\n case Types.DELETE: return <IconDelete />;\n case Types.DISCONNECTED: return <IconDisconnected />;\n case Types.DOCUMENT: return <IconDocument />;\n case Types.DONE: return <IconDone />;\n case Types.DONE_ALL: return <IconDoneAll />;\n case Types.DOWNLOAD: return <IconDownload />;\n case Types.EDIT: return <IconEdit />;\n case Types.EMOJI_MORE: return <IconEmojiMore />;\n case Types.ERROR: return <IconError />;\n case Types.EXPAND: return <IconExpand />;\n case Types.FILE_AUDIO: return <IconFileAudio />;\n case Types.FILE_DOCUMENT: return <IconFileDocument />;\n case Types.FREEZE: return <IconFreeze />;\n case Types.GIF: return <IconGif />;\n case Types.INFO: return <IconInfo />;\n case Types.LEAVE: return <IconLeave />;\n case Types.MEMBERS: return <IconMembers />;\n case Types.MESSAGE: return <IconMessage />;\n case Types.MODERATIONS: return <IconModerations />;\n case Types.MORE: return <IconMore />;\n case Types.MUTE: return <IconMute />;\n case Types.NOTIFICATIONS: return <IconNotifications />;\n case Types.NOTIFICATIONS_OFF_FILLED: return <IconNotificationsOffFilled />;\n case Types.OPERATOR: return <IconOperator />;\n case Types.PHOTO: return <IconPhoto />;\n case Types.PLAY: return <IconPlay />;\n case Types.PLUS: return <IconPlus />;\n case Types.QUESTION: return <IconQuestion />;\n case Types.REFRESH: return <IconRefresh />;\n case Types.REMOVE: return <IconRemove />;\n case Types.REPLY: return <IconReply />;\n case Types.SEARCH: return <IconSearch />;\n case Types.SEND: return <IconSend />;\n case Types.SETTINGS_FILLED: return <IconSettingsFilled />;\n case Types.SPINNER: return <IconSpinner />;\n case Types.SUPERGROUP: return <IconSupergroup />;\n case Types.THUMBNAIL_NONE: return <IconThumbnailNone />;\n case Types.TOGGLE_OFF: return <IconToggleOff />;\n case Types.TOGGLE_ON: return <IconToggleOn />;\n case Types.USER: return <IconUser />;\n default: return 'icon'; // If you see this text 'icon' replace icon for it\n }\n}\n\nexport default function Icon({\n className,\n type,\n fillColor,\n width,\n height,\n onClick,\n children,\n}) {\n const iconStyle = {\n width: typeof width === 'string' ? width : `${width}px`,\n minWidth: typeof width === 'string' ? width : `${width}px`,\n height: typeof height === 'string' ? height : `${height}px`,\n minHeight: typeof height === 'string' ? height : `${height}px`,\n };\n return (\n <div\n className={[\n ...Array.isArray(className) ? className : [className],\n 'sendbird-icon',\n changeTypeToIconClassName(type),\n changeColorToClassName(fillColor),\n ].join(' ')}\n role=\"button\"\n onClick={onClick}\n onKeyDown={onClick}\n tabIndex=\"0\"\n style={iconStyle}\n >\n {children || changeTypeToIconComponent(type)}\n </div>\n );\n}\n\nIcon.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n /** Type: Use strings from below list */\n type: PropTypes.oneOfType([\n PropTypes.oneOf(Object.keys(Types)),\n PropTypes.string,\n ]).isRequired,\n /** Type: Use Colors from below list */\n fillColor: PropTypes.oneOf(Object.keys(Colors)),\n width: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n height: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n onClick: PropTypes.func,\n children: PropTypes.element,\n};\n\nIcon.defaultProps = {\n className: '',\n fillColor: Colors.DEFAULT,\n width: 26,\n height: 26,\n onClick: () => { },\n children: null,\n};\n\nexport const IconTypes = Types;\nexport const IconColors = Colors;\n"],"names":["Types","ADD","ARROW_LEFT","ATTACH","AUDIO_ON_LINED","BAN","BROADCAST","CAMERA","CHANNELS","CHAT","CHAT_FILLED","CHEVRON_DOWN","CHEVRON_RIGHT","CLOSE","COLLAPSE","COPY","CREATE","DELETE","DISCONNECTED","DOCUMENT","DONE","DONE_ALL","DOWNLOAD","EDIT","EMOJI_MORE","ERROR","EXPAND","FILE_AUDIO","FILE_DOCUMENT","FREEZE","GIF","INFO","LEAVE","MEMBERS","MESSAGE","MODERATIONS","MORE","MUTE","NOTIFICATIONS","NOTIFICATIONS_OFF_FILLED","OPERATOR","PHOTO","PLAY","PLUS","QUESTION","REFRESH","REPLY","REMOVE","SEARCH","SEND","SETTINGS_FILLED","SPINNER","SUPERGROUP","THUMBNAIL_NONE","TOGGLE_OFF","TOGGLE_ON","USER","Colors","DEFAULT","PRIMARY","PRIMARY_2","SECONDARY","CONTENT","CONTENT_INVERSE","WHITE","GRAY","SENT","READ","ON_BACKGROUND_1","ON_BACKGROUND_2","ON_BACKGROUND_3","ON_BACKGROUND_4","BACKGROUND_3","changeColorToClassName","color","changeTypeToIconClassName","type","changeTypeToIconComponent","React","createElement","IconAdd","IconArrowLeft","IconAttach","IconAudioOnLined","IconBan","IconBroadcast","IconCamera","IconChannels","IconChat","IconChatFilled","IconChevronDown","IconChevronRight","IconClose","IconCollapse","IconCopy","IconCreate","IconDelete","IconDisconnected","IconDocument","IconDone","IconDoneAll","IconDownload","IconEdit","IconEmojiMore","IconError","IconExpand","IconFileAudio","IconFileDocument","IconFreeze","IconGif","IconInfo","IconLeave","IconMembers","IconMessage","IconModerations","IconMore","IconMute","IconNotifications","IconNotificationsOffFilled","IconOperator","IconPhoto","IconPlay","IconPlus","IconQuestion","IconRefresh","IconRemove","IconReply","IconSearch","IconSend","IconSettingsFilled","IconSpinner","IconSupergroup","IconThumbnailNone","IconToggleOff","IconToggleOn","IconUser","Icon","_ref","className","fillColor","width","height","onClick","children","iconStyle","minWidth","minHeight","Array","isArray","join","role","onKeyDown","tabIndex","style","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","number","func","element","defaultProps","IconTypes","IconColors"],"mappings":"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"}
|
package/ui/IconButton.js
CHANGED
|
@@ -1,44 +1,36 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-b2d9bfc5.js';
|
|
2
2
|
import React__default, { useState } from 'react';
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
className =
|
|
7
|
-
children
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
style = _f === void 0 ? {} : _f,
|
|
18
|
-
_g = props.onBlur,
|
|
19
|
-
onBlur = _g === void 0 ? function () {} : _g,
|
|
20
|
-
_h = props.onClick,
|
|
21
|
-
onClick = _h === void 0 ? function () {} : _h;
|
|
22
|
-
var _j = useState(false),
|
|
23
|
-
isPressed = _j[0],
|
|
24
|
-
setIsPressed = _j[1];
|
|
4
|
+
const IconButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
5
|
+
const {
|
|
6
|
+
className = '',
|
|
7
|
+
children,
|
|
8
|
+
disabled = false,
|
|
9
|
+
width = '56px',
|
|
10
|
+
height = '56px',
|
|
11
|
+
type = 'button',
|
|
12
|
+
style = {},
|
|
13
|
+
onBlur = () => {/* noop */},
|
|
14
|
+
onClick = () => {/* noop */}
|
|
15
|
+
} = props;
|
|
16
|
+
const [isPressed, setIsPressed] = useState(false);
|
|
25
17
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
26
|
-
className:
|
|
18
|
+
className: [...(Array.isArray(className) ? className : [className]), 'sendbird-iconbutton', isPressed ? 'sendbird-iconbutton--pressed' : ''].join(' '),
|
|
27
19
|
disabled: disabled,
|
|
28
20
|
ref: ref,
|
|
29
21
|
type: type,
|
|
30
|
-
style:
|
|
31
|
-
height
|
|
32
|
-
width
|
|
22
|
+
style: _objectSpread2(_objectSpread2({}, style), {}, {
|
|
23
|
+
height,
|
|
24
|
+
width
|
|
33
25
|
}),
|
|
34
|
-
onClick:
|
|
26
|
+
onClick: e => {
|
|
35
27
|
if (disabled) {
|
|
36
28
|
return;
|
|
37
29
|
}
|
|
38
30
|
setIsPressed(true);
|
|
39
31
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
40
32
|
},
|
|
41
|
-
onBlur:
|
|
33
|
+
onBlur: e => {
|
|
42
34
|
setIsPressed(false);
|
|
43
35
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
44
36
|
}
|
package/ui/IconButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sources":["../../src/ui/IconButton/index.tsx"],"sourcesContent":["import React, {\n FocusEvent,\n MouseEvent,\n ReactElement,\n RefObject,\n useState,\n} from 'react';\n\nimport './index.scss';\n\nexport interface IconButtonProps {\n className?: string | Array<string>;\n children: ReactElement;\n disabled?: boolean;\n width?: string;\n height?: string;\n type?: 'button' | 'submit' | 'reset';\n style?: { [key: string]: string };\n onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;\n onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst IconButton = React.forwardRef((\n props: IconButtonProps,\n ref: RefObject<HTMLButtonElement>,\n): ReactElement => {\n const {\n className = '',\n children,\n disabled = false,\n width = '56px',\n height = '56px',\n type = 'button',\n style = {},\n onBlur = () => { /* noop */ },\n onClick = () => { /* noop */ },\n } = props;\n const [isPressed, setIsPressed] = useState(false);\n return (\n <button\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-iconbutton',\n isPressed ? 'sendbird-iconbutton--pressed' : '',\n ].join(' ')}\n disabled={disabled}\n ref={ref}\n type={type}\n style={{\n ...style,\n height,\n width,\n }}\n onClick={(e) => {\n if (disabled) { return; }\n setIsPressed(true);\n onClick?.(e);\n }}\n onBlur={(e) => {\n setIsPressed(false);\n onBlur?.(e);\n }}\n >\n <span className=\"sendbird-iconbutton__inner\">\n {children}\n </span>\n </button>\n );\n});\n\nexport default IconButton;\n"],"names":["IconButton","React","forwardRef","props","ref","
|
|
1
|
+
{"version":3,"file":"IconButton.js","sources":["../../src/ui/IconButton/index.tsx"],"sourcesContent":["import React, {\n FocusEvent,\n MouseEvent,\n ReactElement,\n RefObject,\n useState,\n} from 'react';\n\nimport './index.scss';\n\nexport interface IconButtonProps {\n className?: string | Array<string>;\n children: ReactElement;\n disabled?: boolean;\n width?: string;\n height?: string;\n type?: 'button' | 'submit' | 'reset';\n style?: { [key: string]: string };\n onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;\n onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst IconButton = React.forwardRef((\n props: IconButtonProps,\n ref: RefObject<HTMLButtonElement>,\n): ReactElement => {\n const {\n className = '',\n children,\n disabled = false,\n width = '56px',\n height = '56px',\n type = 'button',\n style = {},\n onBlur = () => { /* noop */ },\n onClick = () => { /* noop */ },\n } = props;\n const [isPressed, setIsPressed] = useState(false);\n return (\n <button\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-iconbutton',\n isPressed ? 'sendbird-iconbutton--pressed' : '',\n ].join(' ')}\n disabled={disabled}\n ref={ref}\n type={type}\n style={{\n ...style,\n height,\n width,\n }}\n onClick={(e) => {\n if (disabled) { return; }\n setIsPressed(true);\n onClick?.(e);\n }}\n onBlur={(e) => {\n setIsPressed(false);\n onBlur?.(e);\n }}\n >\n <span className=\"sendbird-iconbutton__inner\">\n {children}\n </span>\n </button>\n );\n});\n\nexport default IconButton;\n"],"names":["IconButton","React","forwardRef","props","ref","className","children","disabled","width","height","type","style","onBlur","onClick","isPressed","setIsPressed","useState","createElement","Array","isArray","join","_objectSpread","e"],"mappings":";;;AAsBMA,MAAAA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAClCC,KAAsB,EACtBC,GAAiC,KAChB;EACjB,MAAM;AACJC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,KAAK,GAAG,MAAM;AACdC,IAAAA,MAAM,GAAG,MAAM;AACfC,IAAAA,IAAI,GAAG,QAAQ;IACfC,KAAK,GAAG,EAAE;AACVC,IAAAA,MAAM,GAAGA,MAAM,YAAc;IAC7BC,OAAO,GAAGA,MAAM,YAAE;AACpB,GAAC,GAAGV,KAAK,CAAA;EACT,MAAM,CAACW,SAAS,EAAEC,YAAY,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACjD,oBACEf,cAAA,CAAAgB,aAAA,CAAA,QAAA,EAAA;AACEZ,IAAAA,SAAS,EAAE,CACT,IAAIa,KAAK,CAACC,OAAO,CAACd,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,qBAAqB,EACrBS,SAAS,GAAG,8BAA8B,GAAG,EAAE,CAChD,CAACM,IAAI,CAAC,GAAG,CAAE;AACZb,IAAAA,QAAQ,EAAEA,QAAS;AACnBH,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAAU,cAAA,CAAAA,cAAA,KACAV,KAAK,CAAA,EAAA,EAAA,EAAA;MACRF,MAAM;AACND,MAAAA,KAAAA;KACA,CAAA;IACFK,OAAO,EAAGS,CAAC,IAAK;AACd,MAAA,IAAIf,QAAQ,EAAE;AAAE,QAAA,OAAA;AAAQ,OAAA;MACxBQ,YAAY,CAAC,IAAI,CAAC,CAAA;AAClBF,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGS,CAAC,CAAC,CAAA;KACZ;IACFV,MAAM,EAAGU,CAAC,IAAK;MACbP,YAAY,CAAC,KAAK,CAAC,CAAA;AACnBH,MAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAGU,CAAC,CAAC,CAAA;AACb,KAAA;GAEArB,eAAAA,cAAA,CAAAgB,aAAA,CAAA,MAAA,EAAA;AAAMZ,IAAAA,SAAS,EAAC,4BAAA;GACbC,EAAAA,QACG,CACA,CAAC,CAAA;AAEb,CAAC;;;;"}
|
package/ui/ImageRenderer.js
CHANGED
|
@@ -1,44 +1,38 @@
|
|
|
1
|
-
import { a as __spreadArray } from '../tslib.es6-d6e50ec3.js';
|
|
2
1
|
import React__default, { useState, useMemo } from 'react';
|
|
3
2
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
defaultComponent =
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
setShowDefaultComponent = _m[1];
|
|
29
|
-
var _o = useState(true),
|
|
30
|
-
showPlaceHolder = _o[0],
|
|
31
|
-
setShowPlaceHolder = _o[1];
|
|
32
|
-
var DefaultComponent = useMemo(function () {
|
|
3
|
+
/*
|
|
4
|
+
ImageRenderer displays image with url or source
|
|
5
|
+
it checks if the source exist with img tag first
|
|
6
|
+
if it exists onLoad is called, if not onError is called
|
|
7
|
+
and those properties switch img tag to real purposing element
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
const ImageRenderer = _ref => {
|
|
11
|
+
let {
|
|
12
|
+
className = '',
|
|
13
|
+
url,
|
|
14
|
+
alt = '',
|
|
15
|
+
width = null,
|
|
16
|
+
height = null,
|
|
17
|
+
circle = false,
|
|
18
|
+
fixedSize = false,
|
|
19
|
+
placeHolder = null,
|
|
20
|
+
defaultComponent = null,
|
|
21
|
+
onLoad = () => {/* noop */},
|
|
22
|
+
onError = () => {/* noop */}
|
|
23
|
+
} = _ref;
|
|
24
|
+
const [showDefaultComponent, setShowDefaultComponent] = useState(false);
|
|
25
|
+
const [showPlaceHolder, setShowPlaceHolder] = useState(true);
|
|
26
|
+
const DefaultComponent = useMemo(() => {
|
|
33
27
|
return typeof defaultComponent === 'function' ? defaultComponent() : defaultComponent;
|
|
34
28
|
}, [defaultComponent]);
|
|
35
|
-
|
|
29
|
+
const PlaceHolder = useMemo(() => {
|
|
36
30
|
return placeHolder && typeof placeHolder === 'function' ? placeHolder({
|
|
37
31
|
style: {
|
|
38
32
|
width: '100%',
|
|
39
33
|
minWidth: width,
|
|
40
34
|
maxWidth: fixedSize ? width : '400px',
|
|
41
|
-
height
|
|
35
|
+
height,
|
|
42
36
|
position: 'absolute',
|
|
43
37
|
display: 'flex',
|
|
44
38
|
justifyContent: 'center',
|
|
@@ -46,30 +40,30 @@ var ImageRenderer = function (_a) {
|
|
|
46
40
|
}
|
|
47
41
|
}) : null;
|
|
48
42
|
}, [placeHolder]);
|
|
49
|
-
|
|
43
|
+
const HiddenImageLoader = useMemo(() => {
|
|
50
44
|
setShowDefaultComponent(false);
|
|
51
45
|
// reset the state when url is changed
|
|
52
46
|
return /*#__PURE__*/React__default.createElement("img", {
|
|
53
47
|
className: "sendbird-image-renderer__hidden-image-loader",
|
|
54
48
|
src: url,
|
|
55
49
|
alt: alt,
|
|
56
|
-
onLoad:
|
|
50
|
+
onLoad: () => {
|
|
57
51
|
setShowPlaceHolder(false);
|
|
58
52
|
onLoad();
|
|
59
53
|
},
|
|
60
|
-
onError:
|
|
54
|
+
onError: () => {
|
|
61
55
|
setShowDefaultComponent(true);
|
|
62
56
|
onError();
|
|
63
57
|
}
|
|
64
58
|
});
|
|
65
59
|
}, [url]);
|
|
66
60
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
67
|
-
className:
|
|
61
|
+
className: [...(Array.isArray(className) ? className : [className]), 'sendbird-image-renderer'].join(' '),
|
|
68
62
|
style: {
|
|
69
63
|
width: '100%',
|
|
70
64
|
minWidth: width,
|
|
71
65
|
maxWidth: fixedSize ? width : '400px',
|
|
72
|
-
height
|
|
66
|
+
height
|
|
73
67
|
}
|
|
74
68
|
}, showPlaceHolder && PlaceHolder, showDefaultComponent ? DefaultComponent : /*#__PURE__*/React__default.createElement("div", {
|
|
75
69
|
className: "sendbird-image-renderer__image",
|
|
@@ -77,12 +71,12 @@ var ImageRenderer = function (_a) {
|
|
|
77
71
|
width: '100%',
|
|
78
72
|
minWidth: width,
|
|
79
73
|
maxWidth: fixedSize ? width : '400px',
|
|
80
|
-
height
|
|
74
|
+
height,
|
|
81
75
|
position: 'absolute',
|
|
82
76
|
backgroundRepeat: 'no-repeat',
|
|
83
77
|
backgroundPosition: 'center',
|
|
84
78
|
backgroundSize: 'cover',
|
|
85
|
-
backgroundImage:
|
|
79
|
+
backgroundImage: `url(${url})`,
|
|
86
80
|
borderRadius: circle ? '50%' : null
|
|
87
81
|
}
|
|
88
82
|
}), HiddenImageLoader);
|