stream-chat-react 13.8.0 → 13.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/components/Channel/Channel.d.ts +2 -2
  2. package/dist/components/Channel/Channel.js +3 -3
  3. package/dist/components/Channel/hooks/useCreateChannelStateContext.js +3 -1
  4. package/dist/components/ChannelPreview/hooks/useMessageDeliveryStatus.d.ts +1 -0
  5. package/dist/components/ChannelPreview/hooks/useMessageDeliveryStatus.js +26 -14
  6. package/dist/components/Chat/hooks/useChat.js +1 -1
  7. package/dist/components/Message/Message.js +1 -1
  8. package/dist/components/Message/MessageStatus.d.ts +1 -0
  9. package/dist/components/Message/MessageStatus.js +22 -12
  10. package/dist/components/Message/hooks/useDeleteHandler.js +2 -2
  11. package/dist/components/Message/icons.d.ts +1 -0
  12. package/dist/components/Message/icons.js +6 -2
  13. package/dist/components/Message/types.d.ts +2 -0
  14. package/dist/components/Message/utils.d.ts +4 -1
  15. package/dist/components/Message/utils.js +9 -0
  16. package/dist/components/MessageActions/MessageActionsBox.js +3 -1
  17. package/dist/components/MessageList/MessageList.js +2 -2
  18. package/dist/components/MessageList/VirtualizedMessageList.d.ts +2 -0
  19. package/dist/components/MessageList/VirtualizedMessageList.js +10 -4
  20. package/dist/components/MessageList/VirtualizedMessageListComponents.js +2 -2
  21. package/dist/components/MessageList/hooks/MessageList/useMessageListElements.d.ts +2 -2
  22. package/dist/components/MessageList/hooks/MessageList/useMessageListElements.js +13 -5
  23. package/dist/components/MessageList/hooks/useLastDeliveredData.d.ts +8 -0
  24. package/dist/components/MessageList/hooks/useLastDeliveredData.js +13 -0
  25. package/dist/components/MessageList/hooks/useLastReadData.d.ts +3 -8
  26. package/dist/components/MessageList/hooks/useLastReadData.js +10 -7
  27. package/dist/components/MessageList/renderMessages.d.ts +5 -4
  28. package/dist/components/MessageList/renderMessages.js +2 -2
  29. package/dist/components/MessageList/utils.d.ts +1 -5
  30. package/dist/components/MessageList/utils.js +0 -30
  31. package/dist/context/ChannelActionContext.d.ts +2 -2
  32. package/dist/context/MessageContext.d.ts +5 -3
  33. package/dist/css/v2/index.css +1 -1
  34. package/dist/css/v2/index.layout.css +1 -1
  35. package/dist/experimental/index.browser.cjs +19 -13
  36. package/dist/experimental/index.browser.cjs.map +2 -2
  37. package/dist/experimental/index.node.cjs +19 -13
  38. package/dist/experimental/index.node.cjs.map +2 -2
  39. package/dist/i18n/Streami18n.d.ts +2 -0
  40. package/dist/i18n/de.json +2 -0
  41. package/dist/i18n/en.json +2 -0
  42. package/dist/i18n/es.json +2 -0
  43. package/dist/i18n/fr.json +2 -0
  44. package/dist/i18n/hi.json +2 -0
  45. package/dist/i18n/it.json +2 -0
  46. package/dist/i18n/ja.json +2 -0
  47. package/dist/i18n/ko.json +2 -0
  48. package/dist/i18n/nl.json +2 -0
  49. package/dist/i18n/pt.json +2 -0
  50. package/dist/i18n/ru.json +2 -0
  51. package/dist/i18n/tr.json +2 -0
  52. package/dist/index.browser.cjs +984 -885
  53. package/dist/index.browser.cjs.map +4 -4
  54. package/dist/index.node.cjs +986 -886
  55. package/dist/index.node.cjs.map +4 -4
  56. package/dist/plugins/Emojis/index.browser.cjs.map +2 -2
  57. package/dist/plugins/Emojis/index.node.cjs.map +2 -2
  58. package/dist/scss/v2/Dialog/Dialog-layout.scss +12 -3
  59. package/dist/scss/v2/Icon/Icon-layout.scss +6 -0
  60. package/dist/scss/v2/Icon/Icon-theme.scss +4 -0
  61. package/dist/scss/v2/Message/Message-layout.scss +30 -3
  62. package/dist/scss/v2/Message/Message-theme.scss +9 -0
  63. package/dist/scss/v2/MessageInput/MessageInput-layout.scss +8 -0
  64. package/dist/scss/v2/MessageInput/MessageInput-theme.scss +2 -1
  65. package/dist/scss/v2/Poll/Poll-layout.scss +29 -7
  66. package/dist/types/defaultDataInterfaces.d.ts +1 -0
  67. package/package.json +4 -4
@@ -344,6 +344,15 @@
344
344
  }
345
345
  }
346
346
 
347
+ .str-chat__message-status-sent,
348
+ .str-chat__message-status-delivered {
349
+ svg {
350
+ path {
351
+ fill: var(--str-chat__text-low-emphasis-color);
352
+ }
353
+ }
354
+ }
355
+
347
356
  .str-chat__message-replies-count-button-wrapper,
348
357
  .str-chat__message-is-thread-reply-button-wrapper {
349
358
  button {
@@ -46,6 +46,14 @@
46
46
  }
47
47
  }
48
48
 
49
+ .str-chat-angular__create-poll {
50
+ --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 21);
51
+ @include utils.flex-row-center;
52
+ width: calc(var(--str-chat__spacing-px) * 45);
53
+ height: calc(var(--str-chat__spacing-px) * 45);
54
+ cursor: pointer;
55
+ }
56
+
49
57
  .str-chat__message-textarea-container {
50
58
  @include utils.flex-col-center;
51
59
  width: 100%;
@@ -178,7 +178,8 @@
178
178
  .str-chat__message-input {
179
179
  @include utils.component-layer-overrides('message-input');
180
180
 
181
- .str-chat__file-input-container {
181
+ .str-chat__file-input-container,
182
+ .str-chat-angular__create-poll {
182
183
  --str-chat-icon-color: var(--str-chat__message-input-tools-color);
183
184
  @include utils.component-layer-overrides('message-input-tools');
184
185
 
@@ -45,7 +45,6 @@
45
45
  display: flex;
46
46
  flex-direction: column;
47
47
  align-items: center;
48
-
49
48
  }
50
49
  }
51
50
 
@@ -66,8 +65,6 @@
66
65
  }
67
66
  }
68
67
 
69
-
70
-
71
68
  .str-chat__poll-option-list--full,
72
69
  .str-chat__modal__poll-results {
73
70
  .str-chat__amount-bar {
@@ -103,7 +100,6 @@
103
100
  }
104
101
  }
105
102
 
106
-
107
103
  .str-chat__poll-option-list--full {
108
104
  .str-chat__poll-option {
109
105
  display: flex;
@@ -151,7 +147,6 @@
151
147
  }
152
148
  }
153
149
 
154
-
155
150
  .str-chat__modal__poll-results {
156
151
  .str-chat__poll-option {
157
152
  display: flex;
@@ -159,11 +154,15 @@
159
154
  }
160
155
  }
161
156
 
162
- .str-chat-react__modal.str-chat__poll-action-modal, .str-chat__poll-actions .str-chat__modal {
157
+ .str-chat-react__modal.str-chat__poll-action-modal,
158
+ .str-chat__poll-actions:not(.str-chat-angular__poll-actions) .str-chat__modal {
163
159
  .str-chat__modal__close-button {
164
160
  display: none;
165
161
  }
162
+ }
166
163
 
164
+ .str-chat-react__modal.str-chat__poll-action-modal,
165
+ .str-chat__poll-actions .str-chat__modal {
167
166
  .str-chat__modal__inner {
168
167
  $content-offset-inline: 1rem;
169
168
  padding: 0 0 0.5rem;
@@ -334,6 +333,7 @@
334
333
  align-items: flex-start;
335
334
  }
336
335
 
336
+ .str-chat-angular__create-poll-modal .str-chat__modal,
337
337
  .str-chat__modal.str-chat__create-poll-modal {
338
338
  .str-chat__modal__close-button {
339
339
  display: none;
@@ -415,7 +415,7 @@
415
415
  }
416
416
 
417
417
  .str-chat__form__input-field {
418
- width: 100%;
418
+ width: 100%;
419
419
 
420
420
  .str-chat__form__input-field__value {
421
421
  padding: 0;
@@ -465,3 +465,25 @@
465
465
  }
466
466
  }
467
467
  }
468
+
469
+ .str-chat-angular__poll-actions {
470
+ .str-chat__modal__poll-option-list {
471
+ max-height: 100%;
472
+ min-height: 0;
473
+ display: flex;
474
+ flex-direction: column;
475
+
476
+ .str-chat__modal__poll-option-list__body {
477
+ max-height: 100%;
478
+ min-height: 0;
479
+ display: flex;
480
+ flex-direction: column;
481
+
482
+ stream-poll-options-list {
483
+ height: 100%;
484
+ overflow-y: auto;
485
+ overflow-x: hidden;
486
+ }
487
+ }
488
+ }
489
+ }
@@ -2,6 +2,7 @@ export interface DefaultChannelData {
2
2
  image?: string;
3
3
  name?: string;
4
4
  subtitle?: string;
5
+ team?: string;
5
6
  }
6
7
  export interface DefaultAttachmentData {
7
8
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stream-chat-react",
3
- "version": "13.8.0",
3
+ "version": "13.9.0",
4
4
  "description": "React components to create chat conversations or livestream style chat",
5
5
  "author": "GetStream",
6
6
  "homepage": "https://getstream.io/chat/",
@@ -141,7 +141,7 @@
141
141
  "emoji-mart": "^5.4.0",
142
142
  "react": "^19.0.0 || ^18.0.0 || ^17.0.0 || ^16.14.0",
143
143
  "react-dom": "^19.0.0 || ^18.0.0 || ^17.0.0 || ^16.14.0",
144
- "stream-chat": "^9.20.3"
144
+ "stream-chat": "^9.22.0"
145
145
  },
146
146
  "peerDependenciesMeta": {
147
147
  "@breezystack/lamejs": {
@@ -182,7 +182,7 @@
182
182
  "@playwright/test": "^1.42.1",
183
183
  "@semantic-release/changelog": "^6.0.3",
184
184
  "@semantic-release/git": "^10.0.1",
185
- "@stream-io/stream-chat-css": "^5.12.0",
185
+ "@stream-io/stream-chat-css": "^5.14.1",
186
186
  "@testing-library/dom": "^10.4.0",
187
187
  "@testing-library/jest-dom": "^6.6.3",
188
188
  "@testing-library/react": "^16.2.0",
@@ -235,7 +235,7 @@
235
235
  "react": "^19.0.0",
236
236
  "react-dom": "^19.0.0",
237
237
  "semantic-release": "^24.2.3",
238
- "stream-chat": "^9.20.3",
238
+ "stream-chat": "^9.22.0",
239
239
  "ts-jest": "^29.2.5",
240
240
  "typescript": "^5.4.5",
241
241
  "typescript-eslint": "^8.17.0"