@sendbird/uikit-react 3.0.0-beta → 3.0.0-beta.4

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.
Files changed (590) hide show
  1. package/CHANGELOG.md +65 -0
  2. package/README.md +27 -1
  3. package/dist/index.css +243 -135
  4. package/dist/index.css.map +1 -1
  5. package/package.json +30 -8
  6. package/App.js +0 -294
  7. package/App.js.map +0 -1
  8. package/Channel/components/ChannelHeader.js +0 -116
  9. package/Channel/components/ChannelHeader.js.map +0 -1
  10. package/Channel/components/ChannelUI.js +0 -172
  11. package/Channel/components/ChannelUI.js.map +0 -1
  12. package/Channel/components/FileViewer.js +0 -150
  13. package/Channel/components/FileViewer.js.map +0 -1
  14. package/Channel/components/FrozenNotification.js +0 -20
  15. package/Channel/components/FrozenNotification.js.map +0 -1
  16. package/Channel/components/Message.js +0 -232
  17. package/Channel/components/Message.js.map +0 -1
  18. package/Channel/components/MessageInput.js +0 -87
  19. package/Channel/components/MessageInput.js.map +0 -1
  20. package/Channel/components/MessageList.js +0 -227
  21. package/Channel/components/MessageList.js.map +0 -1
  22. package/Channel/components/RemoveMessageModal.js +0 -52
  23. package/Channel/components/RemoveMessageModal.js.map +0 -1
  24. package/Channel/components/TypingIndicator.js +0 -97
  25. package/Channel/components/TypingIndicator.js.map +0 -1
  26. package/Channel/components/UnreadCount.js +0 -41
  27. package/Channel/components/UnreadCount.js.map +0 -1
  28. package/Channel/context.js +0 -23
  29. package/Channel/context.js.map +0 -1
  30. package/Channel.js +0 -99
  31. package/Channel.js.map +0 -1
  32. package/ChannelList/components/AddChannel.js +0 -70
  33. package/ChannelList/components/AddChannel.js.map +0 -1
  34. package/ChannelList/components/ChannelListHeader.js +0 -62
  35. package/ChannelList/components/ChannelListHeader.js.map +0 -1
  36. package/ChannelList/components/ChannelListUI.js +0 -213
  37. package/ChannelList/components/ChannelListUI.js.map +0 -1
  38. package/ChannelList/components/ChannelPreview.js +0 -177
  39. package/ChannelList/components/ChannelPreview.js.map +0 -1
  40. package/ChannelList/components/ChannelPreviewAction.js +0 -131
  41. package/ChannelList/components/ChannelPreviewAction.js.map +0 -1
  42. package/ChannelList/context.js +0 -13
  43. package/ChannelList/context.js.map +0 -1
  44. package/ChannelList.js +0 -80
  45. package/ChannelList.js.map +0 -1
  46. package/ChannelListProvider-0b0c2c40.js +0 -861
  47. package/ChannelListProvider-0b0c2c40.js.map +0 -1
  48. package/ChannelProvider-459e463f.js +0 -2083
  49. package/ChannelProvider-459e463f.js.map +0 -1
  50. package/ChannelSettings/components/AdminPanel.js +0 -905
  51. package/ChannelSettings/components/AdminPanel.js.map +0 -1
  52. package/ChannelSettings/components/ChannelProfile.js +0 -102
  53. package/ChannelSettings/components/ChannelProfile.js.map +0 -1
  54. package/ChannelSettings/components/ChannelSettingsUI.js +0 -152
  55. package/ChannelSettings/components/ChannelSettingsUI.js.map +0 -1
  56. package/ChannelSettings/components/EditDetailsModal.js +0 -154
  57. package/ChannelSettings/components/EditDetailsModal.js.map +0 -1
  58. package/ChannelSettings/components/LeaveChannel.js +0 -53
  59. package/ChannelSettings/components/LeaveChannel.js.map +0 -1
  60. package/ChannelSettings/components/UserListItem.js +0 -105
  61. package/ChannelSettings/components/UserListItem.js.map +0 -1
  62. package/ChannelSettings/components/UserPanel.js +0 -79
  63. package/ChannelSettings/components/UserPanel.js.map +0 -1
  64. package/ChannelSettings/context.js +0 -93
  65. package/ChannelSettings/context.js.map +0 -1
  66. package/ChannelSettings.js +0 -71
  67. package/ChannelSettings.js.map +0 -1
  68. package/CreateChannel/components/CreateChannelUI.js +0 -53
  69. package/CreateChannel/components/CreateChannelUI.js.map +0 -1
  70. package/CreateChannel/components/InviteMembers.js +0 -184
  71. package/CreateChannel/components/InviteMembers.js.map +0 -1
  72. package/CreateChannel/components/SelectChannelType.js +0 -131
  73. package/CreateChannel/components/SelectChannelType.js.map +0 -1
  74. package/CreateChannel/context.js +0 -8
  75. package/CreateChannel/context.js.map +0 -1
  76. package/CreateChannel.js +0 -53
  77. package/CreateChannel.js.map +0 -1
  78. package/CreateChannelProvider-c617a1bb.js +0 -53
  79. package/CreateChannelProvider-c617a1bb.js.map +0 -1
  80. package/EditUserProfile/components/EditUserProfileUI.js +0 -26
  81. package/EditUserProfile/components/EditUserProfileUI.js.map +0 -1
  82. package/EditUserProfile/context.js +0 -27
  83. package/EditUserProfile/context.js.map +0 -1
  84. package/EditUserProfile.js +0 -39
  85. package/EditUserProfile.js.map +0 -1
  86. package/LocalizationContext-e4391013.js +0 -22
  87. package/LocalizationContext-e4391013.js.map +0 -1
  88. package/MemberList-6655cba0.js +0 -425
  89. package/MemberList-6655cba0.js.map +0 -1
  90. package/MessageSearch/components/MessageSearchUI.js +0 -151
  91. package/MessageSearch/components/MessageSearchUI.js.map +0 -1
  92. package/MessageSearch/context.js +0 -392
  93. package/MessageSearch/context.js.map +0 -1
  94. package/MessageSearch.js +0 -146
  95. package/MessageSearch.js.map +0 -1
  96. package/OpenChannel/components/FrozenChannelNotification.js +0 -20
  97. package/OpenChannel/components/FrozenChannelNotification.js.map +0 -1
  98. package/OpenChannel/components/OpenChannelHeader.js +0 -78
  99. package/OpenChannel/components/OpenChannelHeader.js.map +0 -1
  100. package/OpenChannel/components/OpenChannelInput.js +0 -52
  101. package/OpenChannel/components/OpenChannelInput.js.map +0 -1
  102. package/OpenChannel/components/OpenChannelMessage.js +0 -278
  103. package/OpenChannel/components/OpenChannelMessage.js.map +0 -1
  104. package/OpenChannel/components/OpenChannelMessageList.js +0 -153
  105. package/OpenChannel/components/OpenChannelMessageList.js.map +0 -1
  106. package/OpenChannel/components/OpenChannelUI.js +0 -105
  107. package/OpenChannel/components/OpenChannelUI.js.map +0 -1
  108. package/OpenChannel/context.js +0 -14
  109. package/OpenChannel/context.js.map +0 -1
  110. package/OpenChannel.js +0 -76
  111. package/OpenChannel.js.map +0 -1
  112. package/OpenChannelProvider-a7691eb4.js +0 -2011
  113. package/OpenChannelProvider-a7691eb4.js.map +0 -1
  114. package/OpenChannelSettings/components/EditDetailsModal.js +0 -149
  115. package/OpenChannelSettings/components/EditDetailsModal.js.map +0 -1
  116. package/OpenChannelSettings/components/OpenChannelProfile.js +0 -81
  117. package/OpenChannelSettings/components/OpenChannelProfile.js.map +0 -1
  118. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +0 -104
  119. package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +0 -1
  120. package/OpenChannelSettings/components/OperatorUI.js +0 -184
  121. package/OpenChannelSettings/components/OperatorUI.js.map +0 -1
  122. package/OpenChannelSettings/components/ParticipantUI.js +0 -172
  123. package/OpenChannelSettings/components/ParticipantUI.js.map +0 -1
  124. package/OpenChannelSettings/context.js +0 -64
  125. package/OpenChannelSettings/context.js.map +0 -1
  126. package/OpenChannelSettings.js +0 -64
  127. package/OpenChannelSettings.js.map +0 -1
  128. package/SendbirdProvider.js +0 -740
  129. package/SendbirdProvider.js.map +0 -1
  130. package/UserProfileContext-865db5e6.js +0 -38
  131. package/UserProfileContext-865db5e6.js.map +0 -1
  132. package/_rollupPluginBabelHelpers-20904f21.js +0 -233
  133. package/_rollupPluginBabelHelpers-20904f21.js.map +0 -1
  134. package/actionTypes-1e3a4074.js +0 -6
  135. package/actionTypes-1e3a4074.js.map +0 -1
  136. package/cjs/App.js +0 -301
  137. package/cjs/App.js.map +0 -1
  138. package/cjs/Channel/components/ChannelHeader.js +0 -122
  139. package/cjs/Channel/components/ChannelHeader.js.map +0 -1
  140. package/cjs/Channel/components/ChannelUI.js +0 -178
  141. package/cjs/Channel/components/ChannelUI.js.map +0 -1
  142. package/cjs/Channel/components/FileViewer.js +0 -159
  143. package/cjs/Channel/components/FileViewer.js.map +0 -1
  144. package/cjs/Channel/components/FrozenNotification.js +0 -26
  145. package/cjs/Channel/components/FrozenNotification.js.map +0 -1
  146. package/cjs/Channel/components/Message.js +0 -238
  147. package/cjs/Channel/components/Message.js.map +0 -1
  148. package/cjs/Channel/components/MessageInput.js +0 -93
  149. package/cjs/Channel/components/MessageInput.js.map +0 -1
  150. package/cjs/Channel/components/MessageList.js +0 -233
  151. package/cjs/Channel/components/MessageList.js.map +0 -1
  152. package/cjs/Channel/components/RemoveMessageModal.js +0 -58
  153. package/cjs/Channel/components/RemoveMessageModal.js.map +0 -1
  154. package/cjs/Channel/components/TypingIndicator.js +0 -103
  155. package/cjs/Channel/components/TypingIndicator.js.map +0 -1
  156. package/cjs/Channel/components/UnreadCount.js +0 -47
  157. package/cjs/Channel/components/UnreadCount.js.map +0 -1
  158. package/cjs/Channel/context.js +0 -32
  159. package/cjs/Channel/context.js.map +0 -1
  160. package/cjs/Channel.js +0 -105
  161. package/cjs/Channel.js.map +0 -1
  162. package/cjs/ChannelList/components/AddChannel.js +0 -79
  163. package/cjs/ChannelList/components/AddChannel.js.map +0 -1
  164. package/cjs/ChannelList/components/ChannelListHeader.js +0 -68
  165. package/cjs/ChannelList/components/ChannelListHeader.js.map +0 -1
  166. package/cjs/ChannelList/components/ChannelListUI.js +0 -219
  167. package/cjs/ChannelList/components/ChannelListUI.js.map +0 -1
  168. package/cjs/ChannelList/components/ChannelPreview.js +0 -183
  169. package/cjs/ChannelList/components/ChannelPreview.js.map +0 -1
  170. package/cjs/ChannelList/components/ChannelPreviewAction.js +0 -138
  171. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +0 -1
  172. package/cjs/ChannelList/context.js +0 -22
  173. package/cjs/ChannelList/context.js.map +0 -1
  174. package/cjs/ChannelList.js +0 -86
  175. package/cjs/ChannelList.js.map +0 -1
  176. package/cjs/ChannelListProvider-5a152618.js +0 -873
  177. package/cjs/ChannelListProvider-5a152618.js.map +0 -1
  178. package/cjs/ChannelProvider-f1fb0108.js +0 -2096
  179. package/cjs/ChannelProvider-f1fb0108.js.map +0 -1
  180. package/cjs/ChannelSettings/components/AdminPanel.js +0 -911
  181. package/cjs/ChannelSettings/components/AdminPanel.js.map +0 -1
  182. package/cjs/ChannelSettings/components/ChannelProfile.js +0 -108
  183. package/cjs/ChannelSettings/components/ChannelProfile.js.map +0 -1
  184. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +0 -158
  185. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +0 -1
  186. package/cjs/ChannelSettings/components/EditDetailsModal.js +0 -160
  187. package/cjs/ChannelSettings/components/EditDetailsModal.js.map +0 -1
  188. package/cjs/ChannelSettings/components/LeaveChannel.js +0 -59
  189. package/cjs/ChannelSettings/components/LeaveChannel.js.map +0 -1
  190. package/cjs/ChannelSettings/components/UserListItem.js +0 -111
  191. package/cjs/ChannelSettings/components/UserListItem.js.map +0 -1
  192. package/cjs/ChannelSettings/components/UserPanel.js +0 -85
  193. package/cjs/ChannelSettings/components/UserPanel.js.map +0 -1
  194. package/cjs/ChannelSettings/context.js +0 -102
  195. package/cjs/ChannelSettings/context.js.map +0 -1
  196. package/cjs/ChannelSettings.js +0 -77
  197. package/cjs/ChannelSettings.js.map +0 -1
  198. package/cjs/CreateChannel/components/CreateChannelUI.js +0 -59
  199. package/cjs/CreateChannel/components/CreateChannelUI.js.map +0 -1
  200. package/cjs/CreateChannel/components/InviteMembers.js +0 -190
  201. package/cjs/CreateChannel/components/InviteMembers.js.map +0 -1
  202. package/cjs/CreateChannel/components/SelectChannelType.js +0 -137
  203. package/cjs/CreateChannel/components/SelectChannelType.js.map +0 -1
  204. package/cjs/CreateChannel/context.js +0 -17
  205. package/cjs/CreateChannel/context.js.map +0 -1
  206. package/cjs/CreateChannel.js +0 -59
  207. package/cjs/CreateChannel.js.map +0 -1
  208. package/cjs/CreateChannelProvider-df42106f.js +0 -60
  209. package/cjs/CreateChannelProvider-df42106f.js.map +0 -1
  210. package/cjs/EditUserProfile/components/EditUserProfileUI.js +0 -32
  211. package/cjs/EditUserProfile/components/EditUserProfileUI.js.map +0 -1
  212. package/cjs/EditUserProfile/context.js +0 -36
  213. package/cjs/EditUserProfile/context.js.map +0 -1
  214. package/cjs/EditUserProfile.js +0 -45
  215. package/cjs/EditUserProfile.js.map +0 -1
  216. package/cjs/LocalizationContext-68e55e2a.js +0 -30
  217. package/cjs/LocalizationContext-68e55e2a.js.map +0 -1
  218. package/cjs/MemberList-dc84e303.js +0 -431
  219. package/cjs/MemberList-dc84e303.js.map +0 -1
  220. package/cjs/MessageSearch/components/MessageSearchUI.js +0 -160
  221. package/cjs/MessageSearch/components/MessageSearchUI.js.map +0 -1
  222. package/cjs/MessageSearch/context.js +0 -401
  223. package/cjs/MessageSearch/context.js.map +0 -1
  224. package/cjs/MessageSearch.js +0 -152
  225. package/cjs/MessageSearch.js.map +0 -1
  226. package/cjs/OpenChannel/components/FrozenChannelNotification.js +0 -26
  227. package/cjs/OpenChannel/components/FrozenChannelNotification.js.map +0 -1
  228. package/cjs/OpenChannel/components/OpenChannelHeader.js +0 -84
  229. package/cjs/OpenChannel/components/OpenChannelHeader.js.map +0 -1
  230. package/cjs/OpenChannel/components/OpenChannelInput.js +0 -58
  231. package/cjs/OpenChannel/components/OpenChannelInput.js.map +0 -1
  232. package/cjs/OpenChannel/components/OpenChannelMessage.js +0 -284
  233. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +0 -1
  234. package/cjs/OpenChannel/components/OpenChannelMessageList.js +0 -159
  235. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +0 -1
  236. package/cjs/OpenChannel/components/OpenChannelUI.js +0 -111
  237. package/cjs/OpenChannel/components/OpenChannelUI.js.map +0 -1
  238. package/cjs/OpenChannel/context.js +0 -23
  239. package/cjs/OpenChannel/context.js.map +0 -1
  240. package/cjs/OpenChannel.js +0 -82
  241. package/cjs/OpenChannel.js.map +0 -1
  242. package/cjs/OpenChannelProvider-7a1a996f.js +0 -2020
  243. package/cjs/OpenChannelProvider-7a1a996f.js.map +0 -1
  244. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +0 -155
  245. package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +0 -1
  246. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +0 -87
  247. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +0 -1
  248. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +0 -110
  249. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +0 -1
  250. package/cjs/OpenChannelSettings/components/OperatorUI.js +0 -194
  251. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +0 -1
  252. package/cjs/OpenChannelSettings/components/ParticipantUI.js +0 -178
  253. package/cjs/OpenChannelSettings/components/ParticipantUI.js.map +0 -1
  254. package/cjs/OpenChannelSettings/context.js +0 -73
  255. package/cjs/OpenChannelSettings/context.js.map +0 -1
  256. package/cjs/OpenChannelSettings.js +0 -70
  257. package/cjs/OpenChannelSettings.js.map +0 -1
  258. package/cjs/SendbirdProvider.js +0 -749
  259. package/cjs/SendbirdProvider.js.map +0 -1
  260. package/cjs/UserProfileContext-3533547d.js +0 -46
  261. package/cjs/UserProfileContext-3533547d.js.map +0 -1
  262. package/cjs/_rollupPluginBabelHelpers-fc14118c.js +0 -243
  263. package/cjs/_rollupPluginBabelHelpers-fc14118c.js.map +0 -1
  264. package/cjs/actionTypes-bc47f97a.js +0 -10
  265. package/cjs/actionTypes-bc47f97a.js.map +0 -1
  266. package/cjs/color-4afb15fb.js +0 -42
  267. package/cjs/color-4afb15fb.js.map +0 -1
  268. package/cjs/compareIds-01306377.js +0 -20
  269. package/cjs/compareIds-01306377.js.map +0 -1
  270. package/cjs/context-c1f9d650.js +0 -19
  271. package/cjs/context-c1f9d650.js.map +0 -1
  272. package/cjs/index-1044f1ed.js +0 -97
  273. package/cjs/index-1044f1ed.js.map +0 -1
  274. package/cjs/index-1468d245.js +0 -142
  275. package/cjs/index-1468d245.js.map +0 -1
  276. package/cjs/index-4987c8b2.js +0 -175
  277. package/cjs/index-4987c8b2.js.map +0 -1
  278. package/cjs/index-659c9ca5.js +0 -130
  279. package/cjs/index-659c9ca5.js.map +0 -1
  280. package/cjs/index-8becccd8.js +0 -284
  281. package/cjs/index-8becccd8.js.map +0 -1
  282. package/cjs/index-905331fa.js +0 -1880
  283. package/cjs/index-905331fa.js.map +0 -1
  284. package/cjs/index-9dc3863f.js +0 -67
  285. package/cjs/index-9dc3863f.js.map +0 -1
  286. package/cjs/index-aecc8d24.js +0 -9
  287. package/cjs/index-aecc8d24.js.map +0 -1
  288. package/cjs/index-d4880236.js +0 -641
  289. package/cjs/index-d4880236.js.map +0 -1
  290. package/cjs/index-e2bb862c.js +0 -514
  291. package/cjs/index-e2bb862c.js.map +0 -1
  292. package/cjs/index.css +0 -4355
  293. package/cjs/index.css.map +0 -1
  294. package/cjs/index.js +0 -155
  295. package/cjs/index.js.map +0 -1
  296. package/cjs/openChannelUtils-37919a36.js +0 -92
  297. package/cjs/openChannelUtils-37919a36.js.map +0 -1
  298. package/cjs/sendBirdSelectors.js +0 -741
  299. package/cjs/sendBirdSelectors.js.map +0 -1
  300. package/cjs/stringSet-aa544ce5.js +0 -116
  301. package/cjs/stringSet-aa544ce5.js.map +0 -1
  302. package/cjs/topics-8314d425.js +0 -18
  303. package/cjs/topics-8314d425.js.map +0 -1
  304. package/cjs/tslib.es6-4a281a05.js +0 -40
  305. package/cjs/tslib.es6-4a281a05.js.map +0 -1
  306. package/cjs/ui/Accordion.js +0 -74
  307. package/cjs/ui/Accordion.js.map +0 -1
  308. package/cjs/ui/AccordionGroup.js +0 -32
  309. package/cjs/ui/AccordionGroup.js.map +0 -1
  310. package/cjs/ui/AdminMessage.js +0 -44
  311. package/cjs/ui/AdminMessage.js.map +0 -1
  312. package/cjs/ui/Avatar.js +0 -226
  313. package/cjs/ui/Avatar.js.map +0 -1
  314. package/cjs/ui/Badge.js +0 -45
  315. package/cjs/ui/Badge.js.map +0 -1
  316. package/cjs/ui/Button.js +0 -17
  317. package/cjs/ui/Button.js.map +0 -1
  318. package/cjs/ui/ChannelAvatar.js +0 -59
  319. package/cjs/ui/ChannelAvatar.js.map +0 -1
  320. package/cjs/ui/ChannelPreview.js +0 -201
  321. package/cjs/ui/ChannelPreview.js.map +0 -1
  322. package/cjs/ui/ChatHeader.js +0 -145
  323. package/cjs/ui/ChatHeader.js.map +0 -1
  324. package/cjs/ui/Checkbox.js +0 -49
  325. package/cjs/ui/Checkbox.js.map +0 -1
  326. package/cjs/ui/ConnectionStatus.js +0 -34
  327. package/cjs/ui/ConnectionStatus.js.map +0 -1
  328. package/cjs/ui/ContextMenu.js +0 -431
  329. package/cjs/ui/ContextMenu.js.map +0 -1
  330. package/cjs/ui/DateSeparator.js +0 -44
  331. package/cjs/ui/DateSeparator.js.map +0 -1
  332. package/cjs/ui/Dropdown.js +0 -107
  333. package/cjs/ui/Dropdown.js.map +0 -1
  334. package/cjs/ui/EmojiReactions.js +0 -127
  335. package/cjs/ui/EmojiReactions.js.map +0 -1
  336. package/cjs/ui/FileMessageItemBody.js +0 -57
  337. package/cjs/ui/FileMessageItemBody.js.map +0 -1
  338. package/cjs/ui/FileViewer.js +0 -174
  339. package/cjs/ui/FileViewer.js.map +0 -1
  340. package/cjs/ui/Icon.js +0 -1462
  341. package/cjs/ui/Icon.js.map +0 -1
  342. package/cjs/ui/IconButton.js +0 -83
  343. package/cjs/ui/IconButton.js.map +0 -1
  344. package/cjs/ui/ImageRenderer.js +0 -138
  345. package/cjs/ui/ImageRenderer.js.map +0 -1
  346. package/cjs/ui/Input.js +0 -74
  347. package/cjs/ui/Input.js.map +0 -1
  348. package/cjs/ui/Label.js +0 -17
  349. package/cjs/ui/Label.js.map +0 -1
  350. package/cjs/ui/LinkLabel.js +0 -51
  351. package/cjs/ui/LinkLabel.js.map +0 -1
  352. package/cjs/ui/Loader.js +0 -44
  353. package/cjs/ui/Loader.js.map +0 -1
  354. package/cjs/ui/MessageContent.js +0 -328
  355. package/cjs/ui/MessageContent.js.map +0 -1
  356. package/cjs/ui/MessageInput.js +0 -232
  357. package/cjs/ui/MessageInput.js.map +0 -1
  358. package/cjs/ui/MessageItemMenu.js +0 -141
  359. package/cjs/ui/MessageItemMenu.js.map +0 -1
  360. package/cjs/ui/MessageItemReactionMenu.js +0 -112
  361. package/cjs/ui/MessageItemReactionMenu.js.map +0 -1
  362. package/cjs/ui/MessageSearchFileItem.js +0 -130
  363. package/cjs/ui/MessageSearchFileItem.js.map +0 -1
  364. package/cjs/ui/MessageSearchItem.js +0 -93
  365. package/cjs/ui/MessageSearchItem.js.map +0 -1
  366. package/cjs/ui/Modal.js +0 -140
  367. package/cjs/ui/Modal.js.map +0 -1
  368. package/cjs/ui/MutedAvatarOverlay.js +0 -40
  369. package/cjs/ui/MutedAvatarOverlay.js.map +0 -1
  370. package/cjs/ui/OGMessageItemBody.js +0 -97
  371. package/cjs/ui/OGMessageItemBody.js.map +0 -1
  372. package/cjs/ui/OpenChannelAdminMessage.js +0 -27
  373. package/cjs/ui/OpenChannelAdminMessage.js.map +0 -1
  374. package/cjs/ui/OpenChannelAvatar.js +0 -41
  375. package/cjs/ui/OpenChannelAvatar.js.map +0 -1
  376. package/cjs/ui/OpenChannelMessageContent.js +0 -14
  377. package/cjs/ui/OpenChannelMessageContent.js.map +0 -1
  378. package/cjs/ui/OpenchannelConversationHeader.js +0 -73
  379. package/cjs/ui/OpenchannelConversationHeader.js.map +0 -1
  380. package/cjs/ui/OpenchannelFileMessage.js +0 -230
  381. package/cjs/ui/OpenchannelFileMessage.js.map +0 -1
  382. package/cjs/ui/OpenchannelOGMessage.js +0 -345
  383. package/cjs/ui/OpenchannelOGMessage.js.map +0 -1
  384. package/cjs/ui/OpenchannelThumbnailMessage.js +0 -305
  385. package/cjs/ui/OpenchannelThumbnailMessage.js.map +0 -1
  386. package/cjs/ui/OpenchannelUserMessage.js +0 -264
  387. package/cjs/ui/OpenchannelUserMessage.js.map +0 -1
  388. package/cjs/ui/PlaceHolder.js +0 -20
  389. package/cjs/ui/PlaceHolder.js.map +0 -1
  390. package/cjs/ui/QuoteMessage.js +0 -131
  391. package/cjs/ui/QuoteMessage.js.map +0 -1
  392. package/cjs/ui/QuoteMessageInput.js +0 -99
  393. package/cjs/ui/QuoteMessageInput.js.map +0 -1
  394. package/cjs/ui/ReactionBadge.js +0 -68
  395. package/cjs/ui/ReactionBadge.js.map +0 -1
  396. package/cjs/ui/ReactionButton.js +0 -55
  397. package/cjs/ui/ReactionButton.js.map +0 -1
  398. package/cjs/ui/SortByRow.js +0 -57
  399. package/cjs/ui/SortByRow.js.map +0 -1
  400. package/cjs/ui/TextButton.js +0 -45
  401. package/cjs/ui/TextButton.js.map +0 -1
  402. package/cjs/ui/TextMessageItemBody.js +0 -40
  403. package/cjs/ui/TextMessageItemBody.js.map +0 -1
  404. package/cjs/ui/ThumbnailMessageItemBody.js +0 -82
  405. package/cjs/ui/ThumbnailMessageItemBody.js.map +0 -1
  406. package/cjs/ui/Tooltip.js +0 -35
  407. package/cjs/ui/Tooltip.js.map +0 -1
  408. package/cjs/ui/TooltipWrapper.js +0 -65
  409. package/cjs/ui/TooltipWrapper.js.map +0 -1
  410. package/cjs/ui/UnknownMessageItemBody.js +0 -41
  411. package/cjs/ui/UnknownMessageItemBody.js.map +0 -1
  412. package/cjs/ui/UserListItem.js +0 -158
  413. package/cjs/ui/UserListItem.js.map +0 -1
  414. package/cjs/ui/UserProfile.js +0 -87
  415. package/cjs/ui/UserProfile.js.map +0 -1
  416. package/cjs/useSendbirdStateContext.js +0 -22
  417. package/cjs/useSendbirdStateContext.js.map +0 -1
  418. package/cjs/utils-3b0815dc.js +0 -6
  419. package/cjs/utils-3b0815dc.js.map +0 -1
  420. package/cjs/utils-66b3f4ec.js +0 -38
  421. package/cjs/utils-66b3f4ec.js.map +0 -1
  422. package/cjs/utils-cbd3ed99.js +0 -32
  423. package/cjs/utils-cbd3ed99.js.map +0 -1
  424. package/cjs/uuid-1d5ec8b2.js +0 -19
  425. package/cjs/uuid-1d5ec8b2.js.map +0 -1
  426. package/cjs/withSendBird.js +0 -35
  427. package/cjs/withSendBird.js.map +0 -1
  428. package/color-ee3fc5ee.js +0 -39
  429. package/color-ee3fc5ee.js.map +0 -1
  430. package/compareIds-808956f2.js +0 -18
  431. package/compareIds-808956f2.js.map +0 -1
  432. package/context-98ce535c.js +0 -12
  433. package/context-98ce535c.js.map +0 -1
  434. package/index-1718324d.js +0 -280
  435. package/index-1718324d.js.map +0 -1
  436. package/index-5c2c81bc.js +0 -168
  437. package/index-5c2c81bc.js.map +0 -1
  438. package/index-6ebf7894.js +0 -512
  439. package/index-6ebf7894.js.map +0 -1
  440. package/index-770d7112.js +0 -1873
  441. package/index-770d7112.js.map +0 -1
  442. package/index-7a51bd16.js +0 -131
  443. package/index-7a51bd16.js.map +0 -1
  444. package/index-8c72a94a.js +0 -602
  445. package/index-8c72a94a.js.map +0 -1
  446. package/index-942c85a6.js +0 -7
  447. package/index-942c85a6.js.map +0 -1
  448. package/index-acebc2ff.js +0 -87
  449. package/index-acebc2ff.js.map +0 -1
  450. package/index-cd21929d.js +0 -64
  451. package/index-cd21929d.js.map +0 -1
  452. package/index-e818a8a3.js +0 -121
  453. package/index-e818a8a3.js.map +0 -1
  454. package/index.css +0 -4355
  455. package/index.css.map +0 -1
  456. package/index.d.ts +0 -1801
  457. package/index.js +0 -136
  458. package/index.js.map +0 -1
  459. package/openChannelUtils-56a372e7.js +0 -81
  460. package/openChannelUtils-56a372e7.js.map +0 -1
  461. package/sendBirdSelectors.js +0 -713
  462. package/sendBirdSelectors.js.map +0 -1
  463. package/stringSet-4f6eaa60.js +0 -114
  464. package/stringSet-4f6eaa60.js.map +0 -1
  465. package/topics-9442035c.js +0 -10
  466. package/topics-9442035c.js.map +0 -1
  467. package/tslib.es6-e3c44017.js +0 -38
  468. package/tslib.es6-e3c44017.js.map +0 -1
  469. package/ui/Accordion.js +0 -65
  470. package/ui/Accordion.js.map +0 -1
  471. package/ui/AccordionGroup.js +0 -26
  472. package/ui/AccordionGroup.js.map +0 -1
  473. package/ui/AdminMessage.js +0 -37
  474. package/ui/AdminMessage.js.map +0 -1
  475. package/ui/Avatar.js +0 -217
  476. package/ui/Avatar.js.map +0 -1
  477. package/ui/Badge.js +0 -38
  478. package/ui/Badge.js.map +0 -1
  479. package/ui/Button.js +0 -7
  480. package/ui/Button.js.map +0 -1
  481. package/ui/ChannelAvatar.js +0 -53
  482. package/ui/ChannelAvatar.js.map +0 -1
  483. package/ui/ChannelPreview.js +0 -194
  484. package/ui/ChannelPreview.js.map +0 -1
  485. package/ui/ChatHeader.js +0 -138
  486. package/ui/ChatHeader.js.map +0 -1
  487. package/ui/Checkbox.js +0 -42
  488. package/ui/Checkbox.js.map +0 -1
  489. package/ui/ConnectionStatus.js +0 -28
  490. package/ui/ConnectionStatus.js.map +0 -1
  491. package/ui/ContextMenu.js +0 -417
  492. package/ui/ContextMenu.js.map +0 -1
  493. package/ui/DateSeparator.js +0 -37
  494. package/ui/DateSeparator.js.map +0 -1
  495. package/ui/Dropdown.js +0 -97
  496. package/ui/Dropdown.js.map +0 -1
  497. package/ui/EmojiReactions.js +0 -121
  498. package/ui/EmojiReactions.js.map +0 -1
  499. package/ui/FileMessageItemBody.js +0 -51
  500. package/ui/FileMessageItemBody.js.map +0 -1
  501. package/ui/FileViewer.js +0 -164
  502. package/ui/FileViewer.js.map +0 -1
  503. package/ui/Icon.js +0 -1432
  504. package/ui/Icon.js.map +0 -1
  505. package/ui/IconButton.js +0 -76
  506. package/ui/IconButton.js.map +0 -1
  507. package/ui/ImageRenderer.js +0 -131
  508. package/ui/ImageRenderer.js.map +0 -1
  509. package/ui/Input.js +0 -64
  510. package/ui/Input.js.map +0 -1
  511. package/ui/Label.js +0 -6
  512. package/ui/Label.js.map +0 -1
  513. package/ui/LinkLabel.js +0 -40
  514. package/ui/LinkLabel.js.map +0 -1
  515. package/ui/Loader.js +0 -37
  516. package/ui/Loader.js.map +0 -1
  517. package/ui/MessageContent.js +0 -322
  518. package/ui/MessageContent.js.map +0 -1
  519. package/ui/MessageInput.js +0 -225
  520. package/ui/MessageInput.js.map +0 -1
  521. package/ui/MessageItemMenu.js +0 -135
  522. package/ui/MessageItemMenu.js.map +0 -1
  523. package/ui/MessageItemReactionMenu.js +0 -106
  524. package/ui/MessageItemReactionMenu.js.map +0 -1
  525. package/ui/MessageSearchFileItem.js +0 -124
  526. package/ui/MessageSearchFileItem.js.map +0 -1
  527. package/ui/MessageSearchItem.js +0 -87
  528. package/ui/MessageSearchItem.js.map +0 -1
  529. package/ui/Modal.js +0 -128
  530. package/ui/Modal.js.map +0 -1
  531. package/ui/MutedAvatarOverlay.js +0 -34
  532. package/ui/MutedAvatarOverlay.js.map +0 -1
  533. package/ui/OGMessageItemBody.js +0 -91
  534. package/ui/OGMessageItemBody.js.map +0 -1
  535. package/ui/OpenChannelAdminMessage.js +0 -21
  536. package/ui/OpenChannelAdminMessage.js.map +0 -1
  537. package/ui/OpenChannelAvatar.js +0 -35
  538. package/ui/OpenChannelAvatar.js.map +0 -1
  539. package/ui/OpenChannelMessageContent.js +0 -8
  540. package/ui/OpenChannelMessageContent.js.map +0 -1
  541. package/ui/OpenchannelConversationHeader.js +0 -67
  542. package/ui/OpenchannelConversationHeader.js.map +0 -1
  543. package/ui/OpenchannelFileMessage.js +0 -224
  544. package/ui/OpenchannelFileMessage.js.map +0 -1
  545. package/ui/OpenchannelOGMessage.js +0 -339
  546. package/ui/OpenchannelOGMessage.js.map +0 -1
  547. package/ui/OpenchannelThumbnailMessage.js +0 -299
  548. package/ui/OpenchannelThumbnailMessage.js.map +0 -1
  549. package/ui/OpenchannelUserMessage.js +0 -258
  550. package/ui/OpenchannelUserMessage.js.map +0 -1
  551. package/ui/PlaceHolder.js +0 -11
  552. package/ui/PlaceHolder.js.map +0 -1
  553. package/ui/QuoteMessage.js +0 -125
  554. package/ui/QuoteMessage.js.map +0 -1
  555. package/ui/QuoteMessageInput.js +0 -93
  556. package/ui/QuoteMessageInput.js.map +0 -1
  557. package/ui/ReactionBadge.js +0 -61
  558. package/ui/ReactionBadge.js.map +0 -1
  559. package/ui/ReactionButton.js +0 -48
  560. package/ui/ReactionButton.js.map +0 -1
  561. package/ui/SortByRow.js +0 -50
  562. package/ui/SortByRow.js.map +0 -1
  563. package/ui/TextButton.js +0 -38
  564. package/ui/TextButton.js.map +0 -1
  565. package/ui/TextMessageItemBody.js +0 -34
  566. package/ui/TextMessageItemBody.js.map +0 -1
  567. package/ui/ThumbnailMessageItemBody.js +0 -76
  568. package/ui/ThumbnailMessageItemBody.js.map +0 -1
  569. package/ui/Tooltip.js +0 -28
  570. package/ui/Tooltip.js.map +0 -1
  571. package/ui/TooltipWrapper.js +0 -58
  572. package/ui/TooltipWrapper.js.map +0 -1
  573. package/ui/UnknownMessageItemBody.js +0 -35
  574. package/ui/UnknownMessageItemBody.js.map +0 -1
  575. package/ui/UserListItem.js +0 -151
  576. package/ui/UserListItem.js.map +0 -1
  577. package/ui/UserProfile.js +0 -81
  578. package/ui/UserProfile.js.map +0 -1
  579. package/useSendbirdStateContext.js +0 -20
  580. package/useSendbirdStateContext.js.map +0 -1
  581. package/utils-08c4dbdc.js +0 -34
  582. package/utils-08c4dbdc.js.map +0 -1
  583. package/utils-af1b9829.js +0 -30
  584. package/utils-af1b9829.js.map +0 -1
  585. package/utils-c393e880.js +0 -4
  586. package/utils-c393e880.js.map +0 -1
  587. package/uuid-b0c93400.js +0 -17
  588. package/uuid-b0c93400.js.map +0 -1
  589. package/withSendBird.js +0 -26
  590. package/withSendBird.js.map +0 -1
@@ -1,68 +0,0 @@
1
- 'use strict';
2
-
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
4
- var React = require('react');
5
- var PropTypes = require('prop-types');
6
- var ui_Label = require('../index-1468d245.js');
7
- require('../stringSet-aa544ce5.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
13
-
14
- var ReactionBadge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
15
- var className = props.className,
16
- children = props.children,
17
- count = props.count,
18
- selected = props.selected,
19
- isAdd = props.isAdd,
20
- onClick = props.onClick;
21
-
22
- var getClassNameTail = function getClassNameTail() {
23
- if (selected && !isAdd) {
24
- return '--selected';
25
- }
26
-
27
- if (isAdd) {
28
- return '--is-add';
29
- }
30
-
31
- return '';
32
- };
33
-
34
- return /*#__PURE__*/React__default["default"].createElement("div", {
35
- className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), ["sendbird-reaction-badge".concat(getClassNameTail())]).join(' '),
36
- role: "button",
37
- ref: ref,
38
- onClick: onClick,
39
- onKeyDown: onClick,
40
- tabIndex: 0
41
- }, /*#__PURE__*/React__default["default"].createElement("div", {
42
- className: "sendbird-reaction-badge__inner"
43
- }, /*#__PURE__*/React__default["default"].createElement("div", {
44
- className: "sendbird-reaction-badge__inner__icon"
45
- }, children), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
46
- className: children && count && 'sendbird-reaction-badge__inner__count',
47
- type: ui_Label.LabelTypography.CAPTION_3,
48
- color: ui_Label.LabelColors.ONBACKGROUND_1
49
- }, count)));
50
- });
51
- ReactionBadge.propTypes = {
52
- className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
53
- children: PropTypes__default["default"].element.isRequired,
54
- count: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
55
- selected: PropTypes__default["default"].bool,
56
- isAdd: PropTypes__default["default"].bool,
57
- onClick: PropTypes__default["default"].func
58
- };
59
- ReactionBadge.defaultProps = {
60
- className: '',
61
- count: '',
62
- selected: false,
63
- isAdd: false,
64
- onClick: function onClick() {}
65
- };
66
-
67
- module.exports = ReactionBadge;
68
- //# sourceMappingURL=ReactionBadge.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ReactionBadge.js","sources":["../../../src/ui/ReactionBadge/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nimport './index.scss';\n\nconst ReactionBadge = React.forwardRef((props, ref) => {\n const {\n className,\n children,\n count,\n selected,\n isAdd,\n onClick,\n } = props;\n\n const getClassNameTail = () => {\n if (selected && !isAdd) {\n return '--selected';\n }\n if (isAdd) {\n return '--is-add';\n }\n return '';\n };\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n `sendbird-reaction-badge${getClassNameTail()}`,\n ].join(' ')}\n role=\"button\"\n ref={ref}\n onClick={onClick}\n onKeyDown={onClick}\n tabIndex={0}\n >\n <div className=\"sendbird-reaction-badge__inner\">\n <div className=\"sendbird-reaction-badge__inner__icon\">\n {children}\n </div>\n <Label\n className={(children && count) && 'sendbird-reaction-badge__inner__count'}\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_1}\n >\n {count}\n </Label>\n </div>\n </div>\n );\n});\n\nReactionBadge.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n children: PropTypes.element.isRequired,\n count: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n selected: PropTypes.bool,\n isAdd: PropTypes.bool,\n onClick: PropTypes.func,\n};\n\nReactionBadge.defaultProps = {\n className: '',\n count: '',\n selected: false,\n isAdd: false,\n onClick: () => { },\n};\n\nexport default ReactionBadge;\n"],"names":["ReactionBadge","React","forwardRef","props","ref","className","children","count","selected","isAdd","onClick","getClassNameTail","Array","isArray","join","Label","LabelTypography","CAPTION_3","LabelColors","ONBACKGROUND_1","propTypes","PropTypes","oneOfType","string","arrayOf","element","isRequired","number","bool","func","defaultProps"],"mappings":";;;;;;;;;;;;;IAMMA,aAAa,gBAAGC,yBAAK,CAACC,UAAN,CAAiB,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACrD,MACEC,SADF,GAOIF,KAPJ,CACEE,SADF;AAAA,MAEEC,QAFF,GAOIH,KAPJ,CAEEG,QAFF;AAAA,MAGEC,KAHF,GAOIJ,KAPJ,CAGEI,KAHF;AAAA,MAIEC,QAJF,GAOIL,KAPJ,CAIEK,QAJF;AAAA,MAKEC,KALF,GAOIN,KAPJ,CAKEM,KALF;AAAA,MAMEC,OANF,GAOIP,KAPJ,CAMEO,OANF;;AASA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7B,QAAIH,QAAQ,IAAI,CAACC,KAAjB,EAAwB;AACtB,aAAO,YAAP;AACD;;AACD,QAAIA,KAAJ,EAAW;AACT,aAAO,UAAP;AACD;;AACD,WAAO,EAAP;AACD,GARD;;AAUA,sBACER;AACE,IAAA,SAAS,EAAE,uDACLW,KAAK,CAACC,OAAN,CAAcR,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,qCAEiBM,gBAAgB,EAFjC,IAGTG,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,GAAG,EAAEV,GANP;AAOE,IAAA,OAAO,EAAEM,OAPX;AAQE,IAAA,SAAS,EAAEA,OARb;AASE,IAAA,QAAQ,EAAE;AATZ,kBAWET;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,KACGK,QADH,CADF,eAIEL,wCAACc,cAAD;AACE,IAAA,SAAS,EAAGT,QAAQ,IAAIC,KAAb,IAAuB,uCADpC;AAEE,IAAA,IAAI,EAAES,wBAAe,CAACC,SAFxB;AAGE,IAAA,KAAK,EAAEC,oBAAW,CAACC;AAHrB,KAKGZ,KALH,CAJF,CAXF,CADF;AA0BD,CA9CqB;AAgDtBP,aAAa,CAACoB,SAAd,GAA0B;AACxBf,EAAAA,SAAS,EAAEgB,6BAAS,CAACC,SAAV,CAAoB,CAC7BD,6BAAS,CAACE,MADmB,EAE7BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAF6B,CAApB,CADa;AAKxBjB,EAAAA,QAAQ,EAAEe,6BAAS,CAACI,OAAV,CAAkBC,UALJ;AAMxBnB,EAAAA,KAAK,EAAEc,6BAAS,CAACC,SAAV,CAAoB,CACzBD,6BAAS,CAACM,MADe,EAEzBN,6BAAS,CAACE,MAFe,CAApB,CANiB;AAUxBf,EAAAA,QAAQ,EAAEa,6BAAS,CAACO,IAVI;AAWxBnB,EAAAA,KAAK,EAAEY,6BAAS,CAACO,IAXO;AAYxBlB,EAAAA,OAAO,EAAEW,6BAAS,CAACQ;AAZK,CAA1B;AAeA7B,aAAa,CAAC8B,YAAd,GAA6B;AAC3BzB,EAAAA,SAAS,EAAE,EADgB;AAE3BE,EAAAA,KAAK,EAAE,EAFoB;AAG3BC,EAAAA,QAAQ,EAAE,KAHiB;AAI3BC,EAAAA,KAAK,EAAE,KAJoB;AAK3BC,EAAAA,OAAO,EAAE,mBAAM;AALY,CAA7B;;;;"}
@@ -1,55 +0,0 @@
1
- 'use strict';
2
-
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
4
- var React = require('react');
5
- var PropTypes = require('prop-types');
6
-
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
11
-
12
- var ReactionButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
13
- var className = props.className,
14
- width = props.width,
15
- height = props.height,
16
- selected = props.selected,
17
- _onClick = props.onClick,
18
- children = props.children;
19
- return /*#__PURE__*/React__default["default"].createElement("div", {
20
- className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), ["sendbird-reaction-button".concat(selected ? '--selected' : '')]).join(' '),
21
- ref: ref,
22
- role: "button",
23
- style: {
24
- width: typeof width === 'string' ? "".concat(width.slice(0, -2) - 2, "px") : "".concat(width - 2, "px"),
25
- height: typeof height === 'string' ? "".concat(height.slice(0, -2) - 2, "px") : "".concat(height - 2, "px")
26
- },
27
- onClick: function onClick(e) {
28
- return _onClick(e);
29
- },
30
- onKeyDown: function onKeyDown(e) {
31
- return _onClick(e);
32
- },
33
- tabIndex: 0
34
- }, /*#__PURE__*/React__default["default"].createElement("div", {
35
- className: "sendbird-reaction-button__inner"
36
- }, children));
37
- });
38
- ReactionButton.propTypes = {
39
- className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
40
- width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
41
- height: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
42
- selected: PropTypes__default["default"].bool,
43
- onClick: PropTypes__default["default"].func,
44
- children: PropTypes__default["default"].element.isRequired
45
- };
46
- ReactionButton.defaultProps = {
47
- className: '',
48
- width: '36px',
49
- height: '36px',
50
- selected: false,
51
- onClick: function onClick() {}
52
- };
53
-
54
- module.exports = ReactionButton;
55
- //# sourceMappingURL=ReactionButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ReactionButton.js","sources":["../../../src/ui/ReactionButton/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\n\nconst ReactionButton = React.forwardRef((props, ref) => {\n const {\n className,\n width,\n height,\n selected,\n onClick,\n children,\n } = props;\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n `sendbird-reaction-button${selected ? '--selected' : ''}`,\n ].join(' ')}\n ref={ref}\n role=\"button\"\n style={{\n width: typeof width === 'string' ? `${width.slice(0, -2) - 2}px` : `${width - 2}px`,\n height: typeof height === 'string' ? `${height.slice(0, -2) - 2}px` : `${height - 2}px`,\n }}\n onClick={(e) => onClick(e)}\n onKeyDown={(e) => onClick(e)}\n tabIndex={0}\n >\n <div className=\"sendbird-reaction-button__inner\">\n {children}\n </div>\n </div>\n );\n});\n\nReactionButton.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n width: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n height: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n selected: PropTypes.bool,\n onClick: PropTypes.func,\n children: PropTypes.element.isRequired,\n};\n\nReactionButton.defaultProps = {\n className: '',\n width: '36px',\n height: '36px',\n selected: false,\n onClick: () => { },\n};\n\nexport default ReactionButton;\n"],"names":["ReactionButton","React","forwardRef","props","ref","className","width","height","selected","onClick","children","Array","isArray","join","slice","e","propTypes","PropTypes","oneOfType","string","arrayOf","number","bool","func","element","isRequired","defaultProps"],"mappings":";;;;;;;;;;;IAKMA,cAAc,gBAAGC,yBAAK,CAACC,UAAN,CAAiB,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACtD,MACEC,SADF,GAOIF,KAPJ,CACEE,SADF;AAAA,MAEEC,KAFF,GAOIH,KAPJ,CAEEG,KAFF;AAAA,MAGEC,MAHF,GAOIJ,KAPJ,CAGEI,MAHF;AAAA,MAIEC,QAJF,GAOIL,KAPJ,CAIEK,QAJF;AAAA,MAKEC,QALF,GAOIN,KAPJ,CAKEM,OALF;AAAA,MAMEC,QANF,GAOIP,KAPJ,CAMEO,QANF;AASA,sBACET;AACE,IAAA,SAAS,EAAE,uDACLU,KAAK,CAACC,OAAN,CAAcP,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,sCAEkBG,QAAQ,GAAG,YAAH,GAAkB,EAF5C,IAGTK,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,GAAG,EAAET,GALP;AAME,IAAA,IAAI,EAAC,QANP;AAOE,IAAA,KAAK,EAAE;AACLE,MAAAA,KAAK,EAAE,OAAOA,KAAP,KAAiB,QAAjB,aAA+BA,KAAK,CAACQ,KAAN,CAAY,CAAZ,EAAe,CAAC,CAAhB,IAAqB,CAApD,oBAA+DR,KAAK,GAAG,CAAvE,OADF;AAELC,MAAAA,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,aAAgCA,MAAM,CAACO,KAAP,CAAa,CAAb,EAAgB,CAAC,CAAjB,IAAsB,CAAtD,oBAAiEP,MAAM,GAAG,CAA1E;AAFH,KAPT;AAWE,IAAA,OAAO,EAAE,iBAACQ,CAAD;AAAA,aAAON,QAAO,CAACM,CAAD,CAAd;AAAA,KAXX;AAYE,IAAA,SAAS,EAAE,mBAACA,CAAD;AAAA,aAAON,QAAO,CAACM,CAAD,CAAd;AAAA,KAZb;AAaE,IAAA,QAAQ,EAAE;AAbZ,kBAeEd;AAAK,IAAA,SAAS,EAAC;AAAf,KACGS,QADH,CAfF,CADF;AAqBD,CA/BsB;AAiCvBV,cAAc,CAACgB,SAAf,GAA2B;AACzBX,EAAAA,SAAS,EAAEY,6BAAS,CAACC,SAAV,CAAoB,CAC7BD,6BAAS,CAACE,MADmB,EAE7BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAF6B,CAApB,CADc;AAKzBb,EAAAA,KAAK,EAAEW,6BAAS,CAACC,SAAV,CAAoB,CACzBD,6BAAS,CAACI,MADe,EAEzBJ,6BAAS,CAACE,MAFe,CAApB,CALkB;AASzBZ,EAAAA,MAAM,EAAEU,6BAAS,CAACC,SAAV,CAAoB,CAC1BD,6BAAS,CAACI,MADgB,EAE1BJ,6BAAS,CAACE,MAFgB,CAApB,CATiB;AAazBX,EAAAA,QAAQ,EAAES,6BAAS,CAACK,IAbK;AAczBb,EAAAA,OAAO,EAAEQ,6BAAS,CAACM,IAdM;AAezBb,EAAAA,QAAQ,EAAEO,6BAAS,CAACO,OAAV,CAAkBC;AAfH,CAA3B;AAkBAzB,cAAc,CAAC0B,YAAf,GAA8B;AAC5BrB,EAAAA,SAAS,EAAE,EADiB;AAE5BC,EAAAA,KAAK,EAAE,MAFqB;AAG5BC,EAAAA,MAAM,EAAE,MAHoB;AAI5BC,EAAAA,QAAQ,EAAE,KAJkB;AAK5BC,EAAAA,OAAO,EAAE,mBAAM;AALa,CAA9B;;;;"}
@@ -1,57 +0,0 @@
1
- 'use strict';
2
-
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
4
- var React = require('react');
5
- var PropTypes = require('prop-types');
6
-
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
11
-
12
- var componentClassName = 'sendbird-sort-by-row';
13
- function SortByRow(_ref) {
14
- var className = _ref.className,
15
- maxItemCount = _ref.maxItemCount,
16
- itemWidth = _ref.itemWidth,
17
- itemHeight = _ref.itemHeight,
18
- children = _ref.children;
19
-
20
- if (children.length > maxItemCount) {
21
- var result = [];
22
-
23
- for (var i = 0; i < children.length; i += maxItemCount) {
24
- result.push( /*#__PURE__*/React__default["default"].createElement("div", {
25
- className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), [componentClassName]).join(' '),
26
- key: className + i,
27
- style: {
28
- width: itemWidth * maxItemCount,
29
- height: itemHeight
30
- }
31
- }, children.slice(i, i + maxItemCount)));
32
- }
33
-
34
- return result;
35
- }
36
-
37
- return /*#__PURE__*/React__default["default"].createElement("div", {
38
- className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), [componentClassName]).join(' '),
39
- style: {
40
- width: itemWidth * children.length,
41
- height: itemHeight
42
- }
43
- }, children);
44
- }
45
- SortByRow.propTypes = {
46
- className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
47
- maxItemCount: PropTypes__default["default"].number.isRequired,
48
- itemWidth: PropTypes__default["default"].number.isRequired,
49
- itemHeight: PropTypes__default["default"].number.isRequired,
50
- children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element, PropTypes__default["default"].arrayOf(PropTypes__default["default"].element), PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]).isRequired
51
- };
52
- SortByRow.defaultProps = {
53
- className: ''
54
- };
55
-
56
- module.exports = SortByRow;
57
- //# sourceMappingURL=SortByRow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SortByRow.js","sources":["../../../src/ui/SortByRow/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\n\nconst componentClassName = 'sendbird-sort-by-row';\nexport default function SortByRow({\n className,\n maxItemCount,\n itemWidth,\n itemHeight,\n children,\n}) {\n if (children.length > maxItemCount) {\n const result = [];\n\n for (let i = 0; i < children.length; i += maxItemCount) {\n result.push(\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n componentClassName,\n ].join(' ')}\n key={className + i}\n style={{\n width: itemWidth * maxItemCount,\n height: itemHeight,\n }}\n >\n {\n children.slice(i, i + maxItemCount)\n }\n </div>,\n );\n }\n return result;\n }\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n componentClassName,\n ].join(' ')}\n style={{\n width: itemWidth * children.length,\n height: itemHeight,\n }}\n >\n {children}\n </div>\n );\n}\n\nSortByRow.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n maxItemCount: PropTypes.number.isRequired,\n itemWidth: PropTypes.number.isRequired,\n itemHeight: PropTypes.number.isRequired,\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.arrayOf(PropTypes.element),\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]).isRequired,\n};\n\nSortByRow.defaultProps = {\n className: '',\n};\n"],"names":["componentClassName","SortByRow","className","maxItemCount","itemWidth","itemHeight","children","length","result","i","push","React","Array","isArray","join","width","height","slice","propTypes","PropTypes","oneOfType","string","arrayOf","number","isRequired","element","defaultProps"],"mappings":";;;;;;;;;;;AAKA,IAAMA,kBAAkB,GAAG,sBAA3B;AACe,SAASC,SAAT,OAMZ;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHDC,SAGC,QAHDA,SAGC;AAAA,MAFDC,UAEC,QAFDA,UAEC;AAAA,MADDC,QACC,QADDA,QACC;;AACD,MAAIA,QAAQ,CAACC,MAAT,GAAkBJ,YAAtB,EAAoC;AAClC,QAAMK,MAAM,GAAG,EAAf;;AAEA,SAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGH,QAAQ,CAACC,MAA7B,EAAqCE,CAAC,IAAIN,YAA1C,EAAwD;AACtDK,MAAAA,MAAM,CAACE,IAAP,eACEC;AACE,QAAA,SAAS,EAAE,uDACLC,KAAK,CAACC,OAAN,CAAcX,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAETF,kBAFS,GAGTc,IAHS,CAGJ,GAHI,CADb;AAKE,QAAA,GAAG,EAAEZ,SAAS,GAAGO,CALnB;AAME,QAAA,KAAK,EAAE;AACLM,UAAAA,KAAK,EAAEX,SAAS,GAAGD,YADd;AAELa,UAAAA,MAAM,EAAEX;AAFH;AANT,SAYIC,QAAQ,CAACW,KAAT,CAAeR,CAAf,EAAkBA,CAAC,GAAGN,YAAtB,CAZJ,CADF;AAiBD;;AACD,WAAOK,MAAP;AACD;;AAED,sBACEG;AACE,IAAA,SAAS,EAAE,uDACLC,KAAK,CAACC,OAAN,CAAcX,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAETF,kBAFS,GAGTc,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEX,SAAS,GAAGE,QAAQ,CAACC,MADvB;AAELS,MAAAA,MAAM,EAAEX;AAFH;AALT,KAUGC,QAVH,CADF;AAcD;AAEDL,SAAS,CAACiB,SAAV,GAAsB;AACpBhB,EAAAA,SAAS,EAAEiB,6BAAS,CAACC,SAAV,CAAoB,CAC7BD,6BAAS,CAACE,MADmB,EAE7BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAF6B,CAApB,CADS;AAKpBlB,EAAAA,YAAY,EAAEgB,6BAAS,CAACI,MAAV,CAAiBC,UALX;AAMpBpB,EAAAA,SAAS,EAAEe,6BAAS,CAACI,MAAV,CAAiBC,UANR;AAOpBnB,EAAAA,UAAU,EAAEc,6BAAS,CAACI,MAAV,CAAiBC,UAPT;AAQpBlB,EAAAA,QAAQ,EAAEa,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACM,OADkB,EAE5BN,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACM,OAA5B,CAF4B,EAG5BN,6BAAS,CAACE,MAHkB,EAI5BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAJ4B,CAApB,EAKPG;AAbiB,CAAtB;AAgBAvB,SAAS,CAACyB,YAAV,GAAyB;AACvBxB,EAAAA,SAAS,EAAE;AADY,CAAzB;;;;"}
@@ -1,45 +0,0 @@
1
- 'use strict';
2
-
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
4
- var React = require('react');
5
- var PropTypes = require('prop-types');
6
- var color = require('../color-4afb15fb.js');
7
-
8
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
-
10
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
12
-
13
- function TextButton(_ref) {
14
- var className = _ref.className,
15
- color$1 = _ref.color,
16
- disabled = _ref.disabled,
17
- notUnderline = _ref.notUnderline,
18
- onClick = _ref.onClick,
19
- children = _ref.children;
20
- return /*#__PURE__*/React__default["default"].createElement("div", {
21
- className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), [color.changeColorToClassName(color$1), notUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton', disabled ? 'sendbird-textbutton--disabled' : '']).join(' '),
22
- role: "button",
23
- tabIndex: 0,
24
- onClick: onClick,
25
- onKeyPress: onClick
26
- }, children);
27
- }
28
- TextButton.propTypes = {
29
- className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
30
- color: PropTypes__default["default"].string,
31
- disabled: PropTypes__default["default"].bool,
32
- notUnderline: PropTypes__default["default"].bool,
33
- onClick: PropTypes__default["default"].func,
34
- children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].element]).isRequired
35
- };
36
- TextButton.defaultProps = {
37
- className: '',
38
- color: color.Colors.ONBACKGROUND_1,
39
- disabled: false,
40
- notUnderline: false,
41
- onClick: function onClick() {}
42
- };
43
-
44
- module.exports = TextButton;
45
- //# sourceMappingURL=TextButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextButton.js","sources":["../../../src/ui/TextButton/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { changeColorToClassName, Colors } from '../../utils/color';\n\nexport default function TextButton({\n className,\n color,\n disabled,\n notUnderline,\n onClick,\n children,\n}) {\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n changeColorToClassName(color),\n notUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',\n disabled ? 'sendbird-textbutton--disabled' : '',\n ].join(' ')}\n role=\"button\"\n tabIndex={0}\n onClick={onClick}\n onKeyPress={onClick}\n >\n {children}\n </div>\n );\n}\n\nTextButton.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n color: PropTypes.string,\n disabled: PropTypes.bool,\n notUnderline: PropTypes.bool,\n onClick: PropTypes.func,\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.element,\n ]).isRequired,\n};\n\nTextButton.defaultProps = {\n className: '',\n color: Colors.ONBACKGROUND_1,\n disabled: false,\n notUnderline: false,\n onClick: () => { },\n};\n"],"names":["TextButton","className","color","disabled","notUnderline","onClick","children","React","Array","isArray","changeColorToClassName","join","propTypes","PropTypes","oneOfType","string","arrayOf","bool","func","element","isRequired","defaultProps","Colors","ONBACKGROUND_1"],"mappings":";;;;;;;;;;;;AAMe,SAASA,UAAT,OAOZ;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,OAKC,QALDA,KAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHDC,YAGC,QAHDA,YAGC;AAAA,MAFDC,OAEC,QAFDA,OAEC;AAAA,MADDC,QACC,QADDA,QACC;AACD,sBACEC;AACE,IAAA,SAAS,EAAE,uDACLC,KAAK,CAACC,OAAN,CAAcR,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAETS,4BAAsB,CAACR,OAAD,CAFb,EAGTE,YAAY,GAAG,oCAAH,GAA0C,qBAH7C,EAITD,QAAQ,GAAG,+BAAH,GAAqC,EAJpC,GAKTQ,IALS,CAKJ,GALI,CADb;AAOE,IAAA,IAAI,EAAC,QAPP;AAQE,IAAA,QAAQ,EAAE,CARZ;AASE,IAAA,OAAO,EAAEN,OATX;AAUE,IAAA,UAAU,EAAEA;AAVd,KAYGC,QAZH,CADF;AAgBD;AAEDN,UAAU,CAACY,SAAX,GAAuB;AACrBX,EAAAA,SAAS,EAAEY,6BAAS,CAACC,SAAV,CAAoB,CAC7BD,6BAAS,CAACE,MADmB,EAE7BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAF6B,CAApB,CADU;AAKrBb,EAAAA,KAAK,EAAEW,6BAAS,CAACE,MALI;AAMrBZ,EAAAA,QAAQ,EAAEU,6BAAS,CAACI,IANC;AAOrBb,EAAAA,YAAY,EAAES,6BAAS,CAACI,IAPH;AAQrBZ,EAAAA,OAAO,EAAEQ,6BAAS,CAACK,IARE;AASrBZ,EAAAA,QAAQ,EAAEO,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACE,MADkB,EAE5BF,6BAAS,CAACM,OAFkB,CAApB,EAGPC;AAZkB,CAAvB;AAeApB,UAAU,CAACqB,YAAX,GAA0B;AACxBpB,EAAAA,SAAS,EAAE,EADa;AAExBC,EAAAA,KAAK,EAAEoB,YAAM,CAACC,cAFU;AAGxBpB,EAAAA,QAAQ,EAAE,KAHc;AAIxBC,EAAAA,YAAY,EAAE,KAJU;AAKxBC,EAAAA,OAAO,EAAE,mBAAM;AALS,CAA1B;;;;"}
@@ -1,40 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var ui_Label = require('../index-1468d245.js');
5
- var index = require('../index-d4880236.js');
6
- var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
7
- require('../_rollupPluginBabelHelpers-fc14118c.js');
8
- require('prop-types');
9
- require('../stringSet-aa544ce5.js');
10
- require('../tslib.es6-4a281a05.js');
11
- require('../index-e2bb862c.js');
12
-
13
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
-
15
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
-
17
- function TextMessageItemBody(_a) {
18
- var _b;
19
-
20
- var className = _a.className,
21
- message = _a.message,
22
- _c = _a.isByMe,
23
- isByMe = _c === void 0 ? false : _c,
24
- _d = _a.mouseHover,
25
- mouseHover = _d === void 0 ? false : _d;
26
- var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
27
- return /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
28
- type: ui_Label.LabelTypography.BODY_1,
29
- color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
30
- }, /*#__PURE__*/React__default["default"].createElement("p", {
31
- className: index.getClassName([className, 'sendbird-text-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
32
- }, message === null || message === void 0 ? void 0 : message.message, index.isEditedMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
33
- className: "sendbird-text-message-item-body__message edited",
34
- type: ui_Label.LabelTypography.BODY_1,
35
- color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2
36
- }, " " + stringSet.MESSAGE_EDITED + " ")));
37
- }
38
-
39
- module.exports = TextMessageItemBody;
40
- //# sourceMappingURL=TextMessageItemBody.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextMessageItemBody.js","sources":["../../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { UserMessage } from 'sendbird';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport {\n getClassName,\n isEditedMessage,\n} from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n className?: string | Array<string>;\n message: UserMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n}\n\nexport default function TextMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <Label\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n <p className={getClassName([\n className,\n 'sendbird-text-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n message?.reactions?.length > 0 ? 'reactions' : '',\n ])}>\n {message?.message}\n {\n isEditedMessage(message) && (\n <Label\n className=\"sendbird-text-message-item-body__message edited\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n >\n {` ${stringSet.MESSAGE_EDITED} `}\n </Label>\n )\n }\n </p>\n </Label>\n );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","stringSet","useContext","LocalizationContext","React","Label","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","reactions","length","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":";;;;;;;;;;;;;;;;SAkBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;AAEL,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AACR,sBACEC,wCAACC,cAAD;AACE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MADxB;AAEE,IAAA,KAAK,EAAET,MAAM,GAAGU,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAFxD,kBAIEN;AAAG,IAAA,SAAS,EAAEO,kBAAY,CAAC,CACzBhB,SADyB,EAEzB,iCAFyB,EAGzBG,MAAM,GAAG,UAAH,GAAgB,UAHG,EAIzBE,UAAU,GAAG,aAAH,GAAmB,EAJJ,EAKzB,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEgB,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALtB,CAAD;AAA1B,KAOGjB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OAPZ,EASIkB,qBAAe,CAAClB,OAAD,CAAf,iBACEQ,wCAACC,cAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAET,MAAM,GAAGU,oBAAW,CAACO,WAAf,GAA6BP,oBAAW,CAACQ;AAHxD,KAKG,MAAIf,SAAS,CAACgB,cAAd,MALH,CAVN,CAJF,CADF;AA2BD;;;;"}
@@ -1,82 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var ui_Icon = require('./Icon.js');
5
- var ui_ImageRenderer = require('./ImageRenderer.js');
6
- var index = require('../index-d4880236.js');
7
- require('../_rollupPluginBabelHelpers-fc14118c.js');
8
- require('prop-types');
9
- require('../tslib.es6-4a281a05.js');
10
-
11
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
-
13
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
-
15
- function ThumbnailMessageItemBody(_a) {
16
- var _b, _c;
17
-
18
- var className = _a.className,
19
- message = _a.message,
20
- _d = _a.isByMe,
21
- isByMe = _d === void 0 ? false : _d,
22
- _e = _a.mouseHover,
23
- mouseHover = _e === void 0 ? false : _e,
24
- showFileViewer = _a.showFileViewer;
25
- var _f = message.thumbnails,
26
- thumbnails = _f === void 0 ? [] : _f;
27
- var thumbnailUrl = thumbnails.length > 0 ? (_b = thumbnails[0]) === null || _b === void 0 ? void 0 : _b.url : '';
28
-
29
- var _g = React.useState(false),
30
- imageRendered = _g[0],
31
- setImageRendered = _g[1];
32
-
33
- return /*#__PURE__*/React__default["default"].createElement("div", {
34
- className: index.getClassName([className, 'sendbird-thumbnail-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_c = message === null || message === void 0 ? void 0 : message.reactions) === null || _c === void 0 ? void 0 : _c.length) > 0 ? 'reactions' : '']),
35
- onClick: function onClick() {
36
- if (index.isSentMessage(message)) {
37
- showFileViewer(true);
38
- }
39
- }
40
- }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
41
- className: "sendbird-thumbnail-message-item-body__thumbnail",
42
- url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url),
43
- alt: message === null || message === void 0 ? void 0 : message.type,
44
- width: "360px",
45
- height: "270px",
46
- onLoad: function onLoad() {
47
- setImageRendered(true);
48
- },
49
- placeHolder: function placeHolder(style) {
50
- return /*#__PURE__*/React__default["default"].createElement("div", {
51
- className: "sendbird-thumbnail-message-item-body__placeholder",
52
- style: style
53
- }, /*#__PURE__*/React__default["default"].createElement("div", {
54
- className: "sendbird-thumbnail-message-item-body__placeholder__icon"
55
- }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
56
- type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO,
57
- fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
58
- width: "34px",
59
- height: "34px"
60
- })));
61
- }
62
- }), index.isVideoMessage(message) && !thumbnailUrl && !imageRendered && /*#__PURE__*/React__default["default"].createElement("video", {
63
- className: "sendbird-thumbnail-message-item-body__video"
64
- }, /*#__PURE__*/React__default["default"].createElement("source", {
65
- src: message === null || message === void 0 ? void 0 : message.url,
66
- type: message === null || message === void 0 ? void 0 : message.type
67
- })), /*#__PURE__*/React__default["default"].createElement("div", {
68
- className: "sendbird-thumbnail-message-item-body__image-cover"
69
- }), (index.isVideoMessage(message) || index.isGifMessage(message)) && /*#__PURE__*/React__default["default"].createElement("div", {
70
- className: "sendbird-thumbnail-message-item-body__icon-wrapper"
71
- }, /*#__PURE__*/React__default["default"].createElement("div", {
72
- className: "sendbird-thumbnail-message-item-body__icon-wrapper__icon"
73
- }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
74
- type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.GIF,
75
- fillColor: ui_Icon.IconColors.GRAY,
76
- width: "34px",
77
- height: "34px"
78
- }))));
79
- }
80
-
81
- module.exports = ThumbnailMessageItemBody;
82
- //# sourceMappingURL=ThumbnailMessageItemBody.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useState } from 'react';\nimport { FileMessage } from 'sendbird';\nimport './index.scss';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\n\ninterface Props {\n className?: string | Array<string>;\n message: FileMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n showFileViewer?: (bool: boolean) => void;\n}\n\nexport default function ThumbnailMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n showFileViewer,\n}: Props): ReactElement {\n const { thumbnails = [] } = message;\n const thumbnailUrl: string = thumbnails.length > 0 ? thumbnails[0]?.url : '';\n const [imageRendered, setImageRendered] = useState(false);\n\n return (\n <div\n className={getClassName([\n className,\n 'sendbird-thumbnail-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n message?.reactions?.length > 0 ? 'reactions' : '',\n ])}\n onClick={() => {\n if (isSentMessage(message)) {\n showFileViewer(true);\n }\n }}\n >\n <ImageRenderer\n className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n url={thumbnailUrl || message?.url}\n alt={message?.type}\n width=\"360px\"\n height=\"270px\"\n onLoad={() => { setImageRendered(true) }}\n placeHolder={(style) => (\n <div\n className=\"sendbird-thumbnail-message-item-body__placeholder\"\n style={style}\n >\n <div className=\"sendbird-thumbnail-message-item-body__placeholder__icon\">\n <Icon\n type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"34px\"\n height=\"34px\"\n />\n </div>\n </div>\n )}\n />\n {\n (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n <video className=\"sendbird-thumbnail-message-item-body__video\">\n <source src={message?.url} type={message?.type} />\n </video>\n )\n }\n <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n {\n (isVideoMessage(message) || isGifMessage(message)) && (\n <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n <Icon\n type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n fillColor={IconColors.GRAY}\n width=\"34px\"\n height=\"34px\"\n />\n </div>\n </div>\n )\n }\n </div>\n );\n}\n"],"names":["ThumbnailMessageItemBody","_a","className","message","_d","isByMe","_e","mouseHover","showFileViewer","_f","thumbnails","thumbnailUrl","length","url","_g","useState","imageRendered","setImageRendered","React","getClassName","reactions","isSentMessage","ImageRenderer","type","style","Icon","isVideoMessage","IconTypes","PLAY","PHOTO","IconColors","ON_BACKGROUND_2","isGifMessage","GIF","GRAY"],"mappings":";;;;;;;;;;;;;;SAgBwBA,yBAAyBC;;;MAC/CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC,cAAc;AAEN,MAAAC,KAAoBN,OAAO,WAA3B;AAAA,MAAAO,UAAU,mBAAG,OAAb;AACR,MAAMC,YAAY,GAAWD,UAAU,CAACE,MAAX,GAAoB,CAApB,GAAwB,MAAAF,UAAU,CAAC,CAAD,CAAV,UAAA,iBAAA,SAAA,MAAeG,GAAvC,GAA6C,EAA1E;;AACM,MAAAC,KAAoCC,cAAQ,CAAC,KAAD,CAA5C;AAAA,MAACC,aAAa,QAAd;AAAA,MAAgBC,gBAAgB,QAAhC;;AAEN,sBACEC;AACE,IAAA,SAAS,EAAEC,kBAAY,CAAC,CACtBjB,SADsB,EAEtB,sCAFsB,EAGtBG,MAAM,GAAG,UAAH,GAAgB,UAHA,EAItBE,UAAU,GAAG,aAAH,GAAmB,EAJP,EAKtB,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEiB,SAAT,UAAA,iBAAA,SAAA,MAAoBR,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALzB,CAAD,CADzB;AAQE,IAAA,OAAO,EAAE;AACP,UAAIS,mBAAa,CAAClB,OAAD,CAAjB,EAA4B;AAC1BK,QAAAA,cAAc,CAAC,IAAD,CAAd;AACD;AACF;AAZH,kBAcEU,wCAACI,gBAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,GAAG,EAAEX,YAAY,KAAIR,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEU,GAAb,CAFnB;AAGE,IAAA,GAAG,EAAEV,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEoB,IAHhB;AAIE,IAAA,KAAK,EAAC,OAJR;AAKE,IAAA,MAAM,EAAC,OALT;AAME,IAAA,MAAM,EAAE;AAAQN,MAAAA,gBAAgB,CAAC,IAAD,CAAhB;AAAwB,KAN1C;AAOE,IAAA,WAAW,EAAE,qBAACO,KAAD;AAAW,0BACtBN;AACE,QAAA,SAAS,EAAC,mDADZ;AAEE,QAAA,KAAK,EAAEM;AAFT,sBAIEN;AAAK,QAAA,SAAS,EAAC;AAAf,sBACEA,wCAACO,kBAAD;AACE,QAAA,IAAI,EAAEC,oBAAc,CAACvB,OAAD,CAAd,GAA0BwB,iBAAS,CAACC,IAApC,GAA2CD,iBAAS,CAACE,KAD7D;AAEE,QAAA,SAAS,EAAEC,kBAAU,CAACC,eAFxB;AAGE,QAAA,KAAK,EAAC,MAHR;AAIE,QAAA,MAAM,EAAC;AAJT,QADF,CAJF,CADsB;AAcvB;AArBH,IAdF,EAsCKL,oBAAc,CAACvB,OAAD,CAAd,IAA2B,CAACQ,YAA7B,IAA8C,CAACK,aAA/C,iBACEE;AAAO,IAAA,SAAS,EAAC;AAAjB,kBACEA;AAAQ,IAAA,GAAG,EAAEf,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEU,GAAtB;AAA2B,IAAA,IAAI,EAAEV,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEoB;AAA1C,IADF,CAvCN,eA4CEL;AAAK,IAAA,SAAS,EAAC;AAAf,IA5CF,EA8CI,CAACQ,oBAAc,CAACvB,OAAD,CAAd,IAA2B6B,kBAAY,CAAC7B,OAAD,CAAxC,kBACEe;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACO,kBAAD;AACE,IAAA,IAAI,EAAEC,oBAAc,CAACvB,OAAD,CAAd,GAA0BwB,iBAAS,CAACC,IAApC,GAA2CD,iBAAS,CAACM,GAD7D;AAEE,IAAA,SAAS,EAAEH,kBAAU,CAACI,IAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC;AAJT,IADF,CADF,CA/CN,CADF;AA8DD;;;;"}
package/cjs/ui/Tooltip.js DELETED
@@ -1,35 +0,0 @@
1
- 'use strict';
2
-
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
4
- var React = require('react');
5
- var PropTypes = require('prop-types');
6
- var ui_Label = require('../index-1468d245.js');
7
- require('../stringSet-aa544ce5.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
13
-
14
- function Tooltip(_ref) {
15
- var className = _ref.className,
16
- children = _ref.children;
17
- return /*#__PURE__*/React__default["default"].createElement("div", {
18
- className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), ['sendbird-tooltip']).join(' ')
19
- }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
20
- className: "sendbird-tooltip__text",
21
- type: ui_Label.LabelTypography.CAPTION_2,
22
- color: ui_Label.LabelColors.ONCONTENT_1
23
- }, children));
24
- }
25
- Tooltip.propTypes = {
26
- className: PropTypes__default["default"].string,
27
- children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string), PropTypes__default["default"].string])
28
- };
29
- Tooltip.defaultProps = {
30
- className: '',
31
- children: ''
32
- };
33
-
34
- module.exports = Tooltip;
35
- //# sourceMappingURL=Tooltip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.js","sources":["../../../src/ui/Tooltip/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\nexport default function Tooltip({\n className,\n children,\n}) {\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-tooltip',\n ].join(' ')}\n >\n <Label\n className=\"sendbird-tooltip__text\"\n type={LabelTypography.CAPTION_2}\n color={LabelColors.ONCONTENT_1}\n >\n {children}\n </Label>\n </div>\n );\n}\n\nTooltip.propTypes = {\n className: PropTypes.string,\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.string,\n ]),\n};\n\nTooltip.defaultProps = {\n className: '',\n children: '',\n};\n"],"names":["Tooltip","className","children","React","Array","isArray","join","Label","LabelTypography","CAPTION_2","LabelColors","ONCONTENT_1","propTypes","PropTypes","string","oneOfType","element","arrayOf","defaultProps"],"mappings":";;;;;;;;;;;;;AAOe,SAASA,OAAT,OAGZ;AAAA,MAFDC,SAEC,QAFDA,SAEC;AAAA,MADDC,QACC,QADDA,QACC;AACD,sBACEC;AACE,IAAA,SAAS,EAAE,uDACLC,KAAK,CAACC,OAAN,CAAcJ,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAET,kBAFS,GAGTK,IAHS,CAGJ,GAHI;AADb,kBAMEH,wCAACI,cAAD;AACE,IAAA,SAAS,EAAC,wBADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,SAFxB;AAGE,IAAA,KAAK,EAAEC,oBAAW,CAACC;AAHrB,KAKGT,QALH,CANF,CADF;AAgBD;AAEDF,OAAO,CAACY,SAAR,GAAoB;AAClBX,EAAAA,SAAS,EAAEY,6BAAS,CAACC,MADH;AAElBZ,EAAAA,QAAQ,EAAEW,6BAAS,CAACE,SAAV,CAAoB,CAC5BF,6BAAS,CAACG,OADkB,EAE5BH,6BAAS,CAACI,OAAV,CAAkBJ,6BAAS,CAACC,MAA5B,CAF4B,EAG5BD,6BAAS,CAACC,MAHkB,CAApB;AAFQ,CAApB;AASAd,OAAO,CAACkB,YAAR,GAAuB;AACrBjB,EAAAA,SAAS,EAAE,EADU;AAErBC,EAAAA,QAAQ,EAAE;AAFW,CAAvB;;;;"}
@@ -1,65 +0,0 @@
1
- 'use strict';
2
-
3
- var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-fc14118c.js');
4
- var React = require('react');
5
- var PropTypes = require('prop-types');
6
-
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
11
-
12
- var SPACE_FROM_TRIGGER = 8;
13
- function TooltipWrapper(_ref) {
14
- var className = _ref.className,
15
- children = _ref.children,
16
- hoverTooltip = _ref.hoverTooltip;
17
-
18
- var _useState = React.useState(false),
19
- _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
20
- showHoverTooltip = _useState2[0],
21
- setShowHoverTooltip = _useState2[1];
22
-
23
- var childrenRef = React.useRef(null);
24
- return /*#__PURE__*/React__default["default"].createElement("div", {
25
- className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), ['sendbird-tooltip-wrapper']).join(' '),
26
- onMouseOver: function onMouseOver() {
27
- setShowHoverTooltip(true);
28
- },
29
- onFocus: function onFocus() {
30
- setShowHoverTooltip(true);
31
- },
32
- onMouseOut: function onMouseOut() {
33
- setShowHoverTooltip(false);
34
- },
35
- onBlur: function onBlur() {
36
- setShowHoverTooltip(false);
37
- }
38
- }, /*#__PURE__*/React__default["default"].createElement("div", {
39
- className: "sendbird-tooltip-wrapper__children",
40
- ref: childrenRef
41
- }, children), showHoverTooltip && /*#__PURE__*/React__default["default"].createElement("div", {
42
- className: "sendbird-tooltip-wrapper__hover-tooltip",
43
- style: {
44
- bottom: "calc(100% + ".concat(SPACE_FROM_TRIGGER, "px)")
45
- }
46
- }, /*#__PURE__*/React__default["default"].createElement("div", {
47
- className: "sendbird-tooltip-wrapper__hover-tooltip__inner"
48
- }, /*#__PURE__*/React__default["default"].createElement("div", {
49
- className: "sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container",
50
- style: {
51
- left: childrenRef.current && "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)")
52
- }
53
- }, hoverTooltip))));
54
- }
55
- TooltipWrapper.propTypes = {
56
- className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
57
- children: PropTypes__default["default"].element.isRequired,
58
- hoverTooltip: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element, PropTypes__default["default"].func]).isRequired
59
- };
60
- TooltipWrapper.defaultProps = {
61
- className: ''
62
- };
63
-
64
- module.exports = TooltipWrapper;
65
- //# sourceMappingURL=TooltipWrapper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TooltipWrapper.js","sources":["../../../src/ui/TooltipWrapper/index.jsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\n\nconst SPACE_FROM_TRIGGER = 8;\n\nexport default function TooltipWrapper({\n className,\n children,\n hoverTooltip,\n // clickTooltip can be added later\n}) {\n const [showHoverTooltip, setShowHoverTooltip] = useState(false);\n const childrenRef = useRef(null);\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-tooltip-wrapper',\n ].join(' ')}\n onMouseOver={() => { setShowHoverTooltip(true); }}\n onFocus={() => { setShowHoverTooltip(true); }}\n onMouseOut={() => { setShowHoverTooltip(false); }}\n onBlur={() => { setShowHoverTooltip(false); }}\n >\n <div\n className=\"sendbird-tooltip-wrapper__children\"\n ref={childrenRef}\n >\n {children}\n </div>\n {\n showHoverTooltip && (\n <div\n className=\"sendbird-tooltip-wrapper__hover-tooltip\"\n style={{ bottom: `calc(100% + ${SPACE_FROM_TRIGGER}px)` }}\n >\n <div className=\"sendbird-tooltip-wrapper__hover-tooltip__inner\">\n <div\n className=\"sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container\"\n style={{ left: childrenRef.current && `calc(${childrenRef.current.offsetWidth / 2}px - 50%)` }}\n >\n {hoverTooltip}\n </div>\n </div>\n </div>\n )\n }\n </div>\n );\n}\n\nTooltipWrapper.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n children: PropTypes.element.isRequired,\n hoverTooltip: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.func,\n ]).isRequired,\n};\nTooltipWrapper.defaultProps = {\n className: '',\n};\n"],"names":["SPACE_FROM_TRIGGER","TooltipWrapper","className","children","hoverTooltip","useState","showHoverTooltip","setShowHoverTooltip","childrenRef","useRef","React","Array","isArray","join","bottom","left","current","offsetWidth","propTypes","PropTypes","oneOfType","string","arrayOf","element","isRequired","func","defaultProps"],"mappings":";;;;;;;;;;;AAKA,IAAMA,kBAAkB,GAAG,CAA3B;AAEe,SAASC,cAAT,OAKZ;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHDC,QAGC,QAHDA,QAGC;AAAA,MAFDC,YAEC,QAFDA,YAEC;;AACD,kBAAgDC,cAAQ,CAAC,KAAD,CAAxD;AAAA;AAAA,MAAOC,gBAAP;AAAA,MAAyBC,mBAAzB;;AACA,MAAMC,WAAW,GAAGC,YAAM,CAAC,IAAD,CAA1B;AAEA,sBACEC;AACE,IAAA,SAAS,EAAE,uDACLC,KAAK,CAACC,OAAN,CAAcV,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAET,0BAFS,GAGTW,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,WAAW,EAAE,uBAAM;AAAEN,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AAA4B,KALnD;AAME,IAAA,OAAO,EAAE,mBAAM;AAAEA,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AAA4B,KAN/C;AAOE,IAAA,UAAU,EAAE,sBAAM;AAAEA,MAAAA,mBAAmB,CAAC,KAAD,CAAnB;AAA6B,KAPnD;AAQE,IAAA,MAAM,EAAE,kBAAM;AAAEA,MAAAA,mBAAmB,CAAC,KAAD,CAAnB;AAA6B;AAR/C,kBAUEG;AACE,IAAA,SAAS,EAAC,oCADZ;AAEE,IAAA,GAAG,EAAEF;AAFP,KAIGL,QAJH,CAVF,EAiBIG,gBAAgB,iBACdI;AACE,IAAA,SAAS,EAAC,yCADZ;AAEE,IAAA,KAAK,EAAE;AAAEI,MAAAA,MAAM,wBAAiBd,kBAAjB;AAAR;AAFT,kBAIEU;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,KAAK,EAAE;AAAEK,MAAAA,IAAI,EAAEP,WAAW,CAACQ,OAAZ,mBAA+BR,WAAW,CAACQ,OAAZ,CAAoBC,WAApB,GAAkC,CAAjE;AAAR;AAFT,KAIGb,YAJH,CADF,CAJF,CAlBN,CADF;AAoCD;AAEDH,cAAc,CAACiB,SAAf,GAA2B;AACzBhB,EAAAA,SAAS,EAAEiB,6BAAS,CAACC,SAAV,CAAoB,CAC7BD,6BAAS,CAACE,MADmB,EAE7BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAF6B,CAApB,CADc;AAKzBlB,EAAAA,QAAQ,EAAEgB,6BAAS,CAACI,OAAV,CAAkBC,UALH;AAMzBpB,EAAAA,YAAY,EAAEe,6BAAS,CAACC,SAAV,CAAoB,CAChCD,6BAAS,CAACI,OADsB,EAEhCJ,6BAAS,CAACM,IAFsB,CAApB,EAGXD;AATsB,CAA3B;AAWAvB,cAAc,CAACyB,YAAf,GAA8B;AAC5BxB,EAAAA,SAAS,EAAE;AADiB,CAA9B;;;;"}
@@ -1,41 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var ui_Label = require('../index-1468d245.js');
5
- var index = require('../index-d4880236.js');
6
- var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
7
- require('../_rollupPluginBabelHelpers-fc14118c.js');
8
- require('prop-types');
9
- require('../stringSet-aa544ce5.js');
10
- require('../tslib.es6-4a281a05.js');
11
- require('../index-e2bb862c.js');
12
-
13
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
-
15
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
-
17
- function UnknownMessageItemBody(_a) {
18
- var _b;
19
-
20
- var className = _a.className,
21
- message = _a.message,
22
- _c = _a.isByMe,
23
- isByMe = _c === void 0 ? false : _c,
24
- _d = _a.mouseHover,
25
- mouseHover = _d === void 0 ? false : _d;
26
- var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
27
- return /*#__PURE__*/React__default["default"].createElement("div", {
28
- className: index.getClassName([className, 'sendbird-unknown-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
29
- }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
30
- className: "sendbird-unknown-message-item-body__header",
31
- type: ui_Label.LabelTypography.BODY_1,
32
- color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
33
- }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
34
- className: "sendbird-unknown-message-item-body__description",
35
- type: ui_Label.LabelTypography.BODY_1,
36
- color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2
37
- }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE));
38
- }
39
-
40
- module.exports = UnknownMessageItemBody;
41
- //# sourceMappingURL=UnknownMessageItemBody.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"UnknownMessageItemBody.js","sources":["../../../src/ui/UnknownMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { CoreMessageType, getClassName } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n className?: string | Array<string>;\n isByMe?: boolean;\n message: CoreMessageType;\n mouseHover?: boolean;\n}\n\nexport default function UnknownMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className={getClassName([\n className,\n 'sendbird-unknown-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n message?.reactions?.length > 0 ? 'reactions' : '',\n ])}>\n <Label\n className=\"sendbird-unknown-message-item-body__header\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n </Label>\n <Label\n className=\"sendbird-unknown-message-item-body__description\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n >\n {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n </Label>\n </div>\n );\n}\n"],"names":["UnknownMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","stringSet","useContext","LocalizationContext","React","getClassName","reactions","length","Label","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","UNKNOWN__UNKNOWN_MESSAGE_TYPE","ONCONTENT_2","ONBACKGROUND_2","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":";;;;;;;;;;;;;;;;SAcwBA,uBAAuBC;;;MAC7CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;AAEL,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AACR,sBACEC;AAAK,IAAA,SAAS,EAAEC,kBAAY,CAAC,CAC3BV,SAD2B,EAE3B,oCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK3B,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEU,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALpB,CAAD;AAA5B,kBAOEH,wCAACI,cAAD;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEZ,MAAM,GAAGa,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAHxD,KAKGZ,SAAS,CAACa,6BALb,CAPF,eAcEV,wCAACI,cAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEZ,MAAM,GAAGa,oBAAW,CAACI,WAAf,GAA6BJ,oBAAW,CAACK;AAHxD,KAKGf,SAAS,CAACgB,4BALb,CAdF,CADF;AAwBD;;;;"}