stream-chat-react 8.1.0 → 8.1.3-beta.1

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 (203) hide show
  1. package/dist/browser.full-bundle.js +50256 -51289
  2. package/dist/browser.full-bundle.js.map +1 -1
  3. package/dist/browser.full-bundle.min.js +6 -5
  4. package/dist/browser.full-bundle.min.js.map +1 -1
  5. package/dist/components/Attachment/Card.d.ts +2 -2
  6. package/dist/components/Attachment/Card.d.ts.map +1 -1
  7. package/dist/components/Attachment/utils.d.ts.map +1 -1
  8. package/dist/components/Attachment/utils.js +2 -1
  9. package/dist/components/AutoCompleteTextarea/Header.d.ts +1 -2
  10. package/dist/components/AutoCompleteTextarea/Header.d.ts.map +1 -1
  11. package/dist/components/AutoCompleteTextarea/Item.d.ts.map +1 -1
  12. package/dist/components/AutoCompleteTextarea/List.d.ts.map +1 -1
  13. package/dist/components/AutoCompleteTextarea/List.js +3 -5
  14. package/dist/components/AutoCompleteTextarea/Textarea.d.ts +1 -3
  15. package/dist/components/AutoCompleteTextarea/Textarea.d.ts.map +1 -1
  16. package/dist/components/AutoCompleteTextarea/Textarea.js +9 -37
  17. package/dist/components/AutoCompleteTextarea/index.d.ts +0 -1
  18. package/dist/components/AutoCompleteTextarea/index.d.ts.map +1 -1
  19. package/dist/components/AutoCompleteTextarea/index.js +0 -1
  20. package/dist/components/Channel/Channel.d.ts.map +1 -1
  21. package/dist/components/Channel/Channel.js +6 -13
  22. package/dist/components/Channel/hooks/useIsMounted.js +7 -4
  23. package/dist/components/ChannelHeader/ChannelHeader.d.ts.map +1 -1
  24. package/dist/components/ChannelHeader/ChannelHeader.js +1 -1
  25. package/dist/components/ChannelSearch/SearchResults.d.ts.map +1 -1
  26. package/dist/components/Chat/hooks/useChat.d.ts.map +1 -1
  27. package/dist/components/Chat/hooks/useChat.js +2 -3
  28. package/dist/components/ChatDown/ChatDown.d.ts +5 -5
  29. package/dist/components/ChatDown/ChatDown.d.ts.map +1 -1
  30. package/dist/components/ChatDown/ChatDown.js +4 -4
  31. package/dist/components/ChatDown/icons.d.ts +2 -0
  32. package/dist/components/ChatDown/icons.d.ts.map +1 -0
  33. package/dist/components/ChatDown/icons.js +7 -0
  34. package/dist/components/CommandItem/CommandItem.d.ts +2 -2
  35. package/dist/components/CommandItem/CommandItem.d.ts.map +1 -1
  36. package/dist/components/DateSeparator/DateSeparator.d.ts +1 -1
  37. package/dist/components/DateSeparator/DateSeparator.d.ts.map +1 -1
  38. package/dist/components/DateSeparator/DateSeparator.js +9 -10
  39. package/dist/components/EmoticonItem/EmoticonItem.d.ts +1 -2
  40. package/dist/components/EmoticonItem/EmoticonItem.d.ts.map +1 -1
  41. package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts +1 -2
  42. package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts.map +1 -1
  43. package/dist/components/EventComponent/EventComponent.d.ts.map +1 -1
  44. package/dist/components/EventComponent/EventComponent.js +17 -9
  45. package/dist/components/Gallery/Gallery.d.ts.map +1 -1
  46. package/dist/components/Gallery/Gallery.js +11 -8
  47. package/dist/components/Gallery/Image.d.ts +1 -2
  48. package/dist/components/Gallery/Image.d.ts.map +1 -1
  49. package/dist/components/Gallery/ModalWrapper.d.ts +1 -1
  50. package/dist/components/Gallery/ModalWrapper.d.ts.map +1 -1
  51. package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts +2 -2
  52. package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts.map +1 -1
  53. package/dist/components/LoadMore/LoadMoreButton.d.ts +2 -2
  54. package/dist/components/LoadMore/LoadMoreButton.d.ts.map +1 -1
  55. package/dist/components/LoadMore/LoadMorePaginator.d.ts +3 -3
  56. package/dist/components/LoadMore/LoadMorePaginator.d.ts.map +1 -1
  57. package/dist/components/Loading/LoadingChannels.d.ts +1 -1
  58. package/dist/components/Loading/LoadingChannels.d.ts.map +1 -1
  59. package/dist/components/Loading/LoadingErrorIndicator.d.ts +1 -2
  60. package/dist/components/Loading/LoadingErrorIndicator.d.ts.map +1 -1
  61. package/dist/components/Loading/LoadingErrorIndicator.js +1 -1
  62. package/dist/components/Loading/LoadingIndicator.d.ts +1 -2
  63. package/dist/components/Loading/LoadingIndicator.d.ts.map +1 -1
  64. package/dist/components/MML/MML.d.ts +1 -2
  65. package/dist/components/MML/MML.d.ts.map +1 -1
  66. package/dist/components/Message/MessageCommerce.d.ts.map +1 -1
  67. package/dist/components/Message/MessageCommerce.js +2 -1
  68. package/dist/components/Message/MessageDeleted.d.ts.map +1 -1
  69. package/dist/components/Message/MessageLivestream.d.ts.map +1 -1
  70. package/dist/components/Message/MessageLivestream.js +2 -1
  71. package/dist/components/Message/MessageRepliesCountButton.d.ts +3 -4
  72. package/dist/components/Message/MessageRepliesCountButton.d.ts.map +1 -1
  73. package/dist/components/Message/MessageSimple.d.ts.map +1 -1
  74. package/dist/components/Message/MessageSimple.js +2 -1
  75. package/dist/components/Message/MessageText.d.ts.map +1 -1
  76. package/dist/components/Message/MessageTimestamp.d.ts +0 -2
  77. package/dist/components/Message/MessageTimestamp.d.ts.map +1 -1
  78. package/dist/components/Message/MessageTimestamp.js +7 -34
  79. package/dist/components/Message/hooks/usePinHandler.d.ts +1 -1
  80. package/dist/components/Message/hooks/usePinHandler.d.ts.map +1 -1
  81. package/dist/components/Message/hooks/usePinHandler.js +3 -3
  82. package/dist/components/MessageActions/MessageActions.d.ts.map +1 -1
  83. package/dist/components/MessageInput/EditMessageForm.d.ts.map +1 -1
  84. package/dist/components/MessageInput/EditMessageForm.js +1 -2
  85. package/dist/components/MessageInput/MessageInput.d.ts.map +1 -1
  86. package/dist/components/MessageInput/MessageInput.js +1 -5
  87. package/dist/components/MessageInput/MessageInputFlat.d.ts.map +1 -1
  88. package/dist/components/MessageInput/MessageInputFlat.js +3 -1
  89. package/dist/components/MessageInput/MessageInputSmall.d.ts.map +1 -1
  90. package/dist/components/MessageInput/MessageInputSmall.js +3 -1
  91. package/dist/components/MessageInput/QuotedMessagePreview.d.ts.map +1 -1
  92. package/dist/components/MessageInput/QuotedMessagePreview.js +4 -6
  93. package/dist/components/MessageInput/hooks/useAttachments.d.ts +4 -4
  94. package/dist/components/MessageInput/hooks/useCooldownTimer.d.ts +1 -1
  95. package/dist/components/MessageInput/hooks/useCooldownTimer.d.ts.map +1 -1
  96. package/dist/components/MessageInput/hooks/useFileUploads.d.ts +2 -2
  97. package/dist/components/MessageInput/hooks/useFileUploads.d.ts.map +1 -1
  98. package/dist/components/MessageInput/hooks/useImageUploads.d.ts +2 -2
  99. package/dist/components/MessageInput/hooks/useImageUploads.d.ts.map +1 -1
  100. package/dist/components/MessageInput/hooks/useMessageInputState.d.ts +1 -1
  101. package/dist/components/MessageInput/hooks/useMessageInputState.d.ts.map +1 -1
  102. package/dist/components/MessageInput/icons.d.ts +4 -4
  103. package/dist/components/MessageInput/icons.d.ts.map +1 -1
  104. package/dist/components/MessageList/Center.d.ts +2 -4
  105. package/dist/components/MessageList/Center.d.ts.map +1 -1
  106. package/dist/components/MessageList/ConnectionStatus.d.ts +2 -1
  107. package/dist/components/MessageList/ConnectionStatus.d.ts.map +1 -1
  108. package/dist/components/MessageList/CustomNotification.d.ts +2 -2
  109. package/dist/components/MessageList/CustomNotification.d.ts.map +1 -1
  110. package/dist/components/MessageList/MessageNotification.d.ts +2 -1
  111. package/dist/components/MessageList/MessageNotification.d.ts.map +1 -1
  112. package/dist/components/MessageList/VirtualizedMessageList.d.ts.map +1 -1
  113. package/dist/components/MessageList/VirtualizedMessageList.js +2 -1
  114. package/dist/components/MessageList/hooks/useMessageListElements.d.ts.map +1 -1
  115. package/dist/components/MessageList/hooks/useMessageListElements.js +5 -2
  116. package/dist/components/MessageList/utils.d.ts +1 -0
  117. package/dist/components/MessageList/utils.d.ts.map +1 -1
  118. package/dist/components/MessageList/utils.js +27 -13
  119. package/dist/components/Modal/Modal.d.ts +2 -2
  120. package/dist/components/Modal/Modal.d.ts.map +1 -1
  121. package/dist/components/Reactions/ReactionSelector.d.ts.map +1 -1
  122. package/dist/components/Reactions/ReactionSelector.js +1 -1
  123. package/dist/components/SafeAnchor/SafeAnchor.d.ts +2 -2
  124. package/dist/components/SafeAnchor/SafeAnchor.d.ts.map +1 -1
  125. package/dist/components/Tooltip/Tooltip.d.ts +2 -2
  126. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  127. package/dist/components/UserItem/UserItem.d.ts +1 -1
  128. package/dist/components/UserItem/UserItem.d.ts.map +1 -1
  129. package/dist/constants/messageTypes.d.ts +5 -0
  130. package/dist/constants/messageTypes.d.ts.map +1 -0
  131. package/dist/constants/messageTypes.js +4 -0
  132. package/dist/context/ChannelActionContext.d.ts +4 -1
  133. package/dist/context/ChannelActionContext.d.ts.map +1 -1
  134. package/dist/context/ChannelStateContext.d.ts +4 -1
  135. package/dist/context/ChannelStateContext.d.ts.map +1 -1
  136. package/dist/context/ChatContext.d.ts +4 -1
  137. package/dist/context/ChatContext.d.ts.map +1 -1
  138. package/dist/context/ComponentContext.d.ts +4 -1
  139. package/dist/context/ComponentContext.d.ts.map +1 -1
  140. package/dist/context/EmojiContext.d.ts +4 -1
  141. package/dist/context/EmojiContext.d.ts.map +1 -1
  142. package/dist/context/MessageContext.d.ts +4 -1
  143. package/dist/context/MessageContext.d.ts.map +1 -1
  144. package/dist/context/TranslationContext.d.ts +9 -5
  145. package/dist/context/TranslationContext.d.ts.map +1 -1
  146. package/dist/context/TranslationContext.js +6 -8
  147. package/dist/context/TypingContext.d.ts +4 -1
  148. package/dist/context/TypingContext.d.ts.map +1 -1
  149. package/dist/css/index.css +1 -1
  150. package/dist/i18n/Streami18n.d.ts +1 -0
  151. package/dist/i18n/Streami18n.d.ts.map +1 -1
  152. package/dist/i18n/Streami18n.js +3 -2
  153. package/dist/i18n/utils.d.ts +13 -0
  154. package/dist/i18n/utils.d.ts.map +1 -0
  155. package/dist/i18n/utils.js +33 -0
  156. package/dist/index.cjs.js +6980 -7099
  157. package/dist/index.cjs.js.map +1 -1
  158. package/dist/scss/ActionsBox.scss +2 -2
  159. package/dist/scss/Attachment.scss +1 -1
  160. package/dist/scss/ChannelList.scss +6 -0
  161. package/dist/scss/ChannelSearch.scss +12 -1
  162. package/dist/scss/Message.scss +86 -80
  163. package/dist/scss/MessageInput.scss +8 -2
  164. package/dist/scss/MessageInputFlat.scss +4 -0
  165. package/dist/scss/MessageNotification.scss +6 -18
  166. package/dist/scss/Thread.scss +20 -4
  167. package/dist/scss/_base.scss +4 -0
  168. package/dist/stories/connected-user.stories.d.ts.map +1 -1
  169. package/dist/stories/connected-user.stories.js +13 -41
  170. package/dist/stories/hello.stories.d.ts.map +1 -1
  171. package/dist/stories/hello.stories.js +11 -35
  172. package/dist/stories/jump-to-message.stories.d.ts +2 -2
  173. package/dist/stories/jump-to-message.stories.d.ts.map +1 -1
  174. package/dist/stories/jump-to-message.stories.js +20 -50
  175. package/dist/stories/mark-read.stories.d.ts +4 -0
  176. package/dist/stories/mark-read.stories.d.ts.map +1 -0
  177. package/dist/stories/mark-read.stories.js +75 -0
  178. package/dist/stories/utils.d.ts +7 -0
  179. package/dist/stories/utils.d.ts.map +1 -1
  180. package/dist/stories/utils.js +33 -0
  181. package/dist/types/types.d.ts +4 -1
  182. package/dist/types/types.d.ts.map +1 -1
  183. package/dist/version.d.ts +1 -1
  184. package/dist/version.d.ts.map +1 -1
  185. package/dist/version.js +1 -1
  186. package/package.json +28 -23
  187. package/dist/assets/str-chat__alert.svg +0 -1
  188. package/dist/assets/str-chat__connection-error.svg +0 -13
  189. package/dist/assets/str-chat__file-file.svg +0 -20
  190. package/dist/assets/str-chat__icon-chevron-down.svg +0 -1
  191. package/dist/assets/str-chat__icon-search.svg +0 -1
  192. package/dist/assets/str-chat__icon-send.svg +0 -1
  193. package/dist/assets/str-chat__icon-sprite.png +0 -0
  194. package/dist/assets/str-chat__icon-sprite@1x.png +0 -0
  195. package/dist/assets/str-chat__icon-sprite@2x.png +0 -0
  196. package/dist/assets/str-chat__icon-sprite@3x.png +0 -0
  197. package/dist/assets/str-chat__loading-indicator.svg +0 -23
  198. package/dist/assets/str-chat__reactions-sprite@1x.png +0 -0
  199. package/dist/assets/str-chat__reactions-sprite@2x.png +0 -0
  200. package/dist/assets/str-chat__reactions-sprite@3x.png +0 -0
  201. package/dist/components/AutoCompleteTextarea/listener.d.ts +0 -22
  202. package/dist/components/AutoCompleteTextarea/listener.d.ts.map +0 -1
  203. package/dist/components/AutoCompleteTextarea/listener.js +0 -77
@@ -1 +0,0 @@
1
- <svg width="24" height="25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M8.667 0a8.667 8.667 0 0 1 6.581 14.305l.361.362h1.058l6.666 6.666-2 2-6.666-6.666v-1.058l-.362-.36A8.667 8.667 0 1 1 8.666 0zm0 2.667a6 6 0 1 0 0 12 6 6 0 0 0 0-12z" id="b"/><filter x="-2.1%" y="-2.1%" width="104.3%" height="108.6%" filterUnits="objectBoundingBox" id="a"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0" in="shadowOffsetOuter1"/></filter></defs><g fill="#000" fill-rule="evenodd"><use filter="url(#a)" xlink:href="#b"/><use fill-opacity=".8" xlink:href="#b"/></g></svg>
@@ -1 +0,0 @@
1
- <svg width="29" height="25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="b" d="M.68 24l27.987-12L.68 0 .667 9.333l20 2.667-20 2.667z"/><filter x="-1.8%" y="-2.1%" width="103.6%" height="108.3%" filterUnits="objectBoundingBox" id="a"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0" in="shadowOffsetOuter1"/></filter></defs><g fill="#000" fill-rule="evenodd"><use filter="url(#a)" xlink:href="#b"/><use fill-opacity=".8" xlink:href="#b"/></g></svg>
@@ -1,23 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="28px" height="30px" viewBox="0 0 28 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
4
- <title>Combined Shape</title>
5
- <desc>Created with Sketch.</desc>
6
- <defs>
7
- <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
8
- <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
9
- <stop stop-color="#000000" offset="100%"></stop>
10
- </linearGradient>
11
- </defs>
12
- <g id="Messenger-Chat" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
13
- <g id="LIGHT_03-Messenger-Chat" transform="translate(-707.000000, -100.000000)" fill="url(#linearGradient-1)">
14
- <g id="Chat" transform="translate(300.000000, 20.000000)">
15
- <g id="Reverse-Pagination" transform="translate(40.000000, 80.000000)">
16
- <g id="Loading" transform="translate(365.000000, 0.000000)">
17
- <path d="M2.51792449,23.3213837 L4.18220122,22.2118659 C6.51334745,25.7016346 10.4882677,28 15,28 C22.1797017,28 28,22.1797017 28,15 C28,7.82029825 22.1797017,2 15,2 L15,0 C23.2842712,0 30,6.71572875 30,15 C30,23.2842712 23.2842712,30 15,30 C9.79415507,30 5.2077086,27.3480399 2.51792449,23.3213837 Z" id="Combined-Shape"></path>
18
- </g>
19
- </g>
20
- </g>
21
- </g>
22
- </g>
23
- </svg>
@@ -1,22 +0,0 @@
1
- export namespace KEY_CODES {
2
- const ESC: number;
3
- const UP: number;
4
- const DOWN: number;
5
- const ENTER: number;
6
- const TAB: number;
7
- const SPACE: number;
8
- }
9
- declare var _default: Listener;
10
- export default _default;
11
- declare class Listener {
12
- index: number;
13
- listeners: {};
14
- refCount: number;
15
- f: (e: any) => void;
16
- startListen: () => void;
17
- stopListen: () => void;
18
- add: (keyCodes: any, fn: any) => number;
19
- remove: (ids: any) => void;
20
- removeAll: () => void;
21
- }
22
- //# sourceMappingURL=listener.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"listener.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/listener.js"],"names":[],"mappings":";;;;;;;;;;AAaA;IAEI,cAAc;IACd,cAAmB;IACnB,iBAAiB;IAEjB,oBAkBC;IAGH,wBAOE;IAEF,uBAOE;IAEF,wCAaE;IAEF,2BAIE;IAEF,sBAGE;CACH"}
@@ -1,77 +0,0 @@
1
- /* eslint-disable */
2
- export var KEY_CODES = {
3
- ESC: 27,
4
- UP: 38,
5
- DOWN: 40,
6
- ENTER: 13,
7
- TAB: 9,
8
- SPACE: 32,
9
- };
10
- var keycodeMap = {};
11
- // This is self-made key shortcuts manager, used for caching key strokes
12
- var Listener = /** @class */ (function () {
13
- function Listener() {
14
- var _this = this;
15
- this.startListen = function () {
16
- if (!_this.refCount) {
17
- // prevent multiple listeners in case of multiple TextareaAutocomplete components on page
18
- document.addEventListener('keydown', _this.f);
19
- document.addEventListener('keyup', _this.f);
20
- }
21
- _this.refCount++;
22
- };
23
- this.stopListen = function () {
24
- _this.refCount--;
25
- if (!_this.refCount) {
26
- // prevent disable listening in case of multiple TextareaAutocomplete components on page
27
- document.removeEventListener('keydown', _this.f);
28
- document.removeEventListener('keyup', _this.f);
29
- }
30
- };
31
- this.add = function (keyCodes, fn) {
32
- var keyCode = keyCodes;
33
- if (typeof keyCode !== 'object')
34
- keyCode = [keyCode];
35
- _this.listeners[_this.index] = {
36
- keyCode: keyCode,
37
- fn: fn,
38
- };
39
- _this.index += 1;
40
- return _this.index;
41
- };
42
- this.remove = function (ids) {
43
- for (var _i = 0, _a = Object.entries(ids); _i < _a.length; _i++) {
44
- var key = _a[_i];
45
- delete _this.listeners[key];
46
- }
47
- };
48
- this.removeAll = function () {
49
- _this.listeners = {};
50
- _this.index = 0;
51
- };
52
- this.index = 0;
53
- this.listeners = {};
54
- this.refCount = 0;
55
- this.f = function (e) {
56
- var code = e.keyCode || e.which;
57
- keycodeMap[code] = e.type === 'keydown';
58
- if (e.type !== 'keydown') {
59
- keycodeMap[code] = false;
60
- return;
61
- }
62
- Object.values(_this.listeners).forEach(function (_a) {
63
- var keyCode = _a.keyCode, fn = _a.fn;
64
- if (keyCode.length > 1) {
65
- if (keyCode.every(function (keycode) { return keycodeMap[keycode]; })) {
66
- fn(e);
67
- }
68
- }
69
- else if (keyCode.includes(code) && keycodeMap[code]) {
70
- fn(e);
71
- }
72
- });
73
- };
74
- }
75
- return Listener;
76
- }());
77
- export default new Listener();