stream-chat-react 12.0.0-rc.13 → 12.0.0-rc.15

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 (73) hide show
  1. package/dist/components/Channel/hooks/useCreateChannelStateContext.js +1 -0
  2. package/dist/components/ChannelHeader/ChannelHeader.js +4 -5
  3. package/dist/components/ChannelPreview/hooks/useChannelPreviewInfo.js +14 -16
  4. package/dist/components/ChannelPreview/utils.js +9 -20
  5. package/dist/components/ChannelSearch/hooks/useChannelSearch.js +2 -3
  6. package/dist/components/ChatView/ChatView.js +2 -1
  7. package/dist/components/Dialog/DialogAnchor.d.ts +25 -0
  8. package/dist/components/Dialog/DialogAnchor.js +68 -0
  9. package/dist/components/Dialog/DialogManager.d.ts +43 -0
  10. package/dist/components/Dialog/DialogManager.js +98 -0
  11. package/dist/components/Dialog/DialogPortal.d.ts +7 -0
  12. package/dist/components/Dialog/DialogPortal.js +25 -0
  13. package/dist/components/Dialog/hooks/index.d.ts +1 -0
  14. package/dist/components/Dialog/hooks/index.js +1 -0
  15. package/dist/components/Dialog/hooks/useDialog.d.ts +4 -0
  16. package/dist/components/Dialog/hooks/useDialog.js +26 -0
  17. package/dist/components/Dialog/index.d.ts +4 -0
  18. package/dist/components/Dialog/index.js +4 -0
  19. package/dist/components/Message/Message.js +3 -5
  20. package/dist/components/Message/MessageOptions.d.ts +1 -2
  21. package/dist/components/Message/MessageOptions.js +13 -9
  22. package/dist/components/Message/MessageSimple.js +5 -14
  23. package/dist/components/Message/hooks/useReactionHandler.d.ts +1 -7
  24. package/dist/components/Message/hooks/useReactionHandler.js +1 -63
  25. package/dist/components/Message/utils.js +3 -0
  26. package/dist/components/MessageActions/MessageActions.d.ts +1 -2
  27. package/dist/components/MessageActions/MessageActions.js +13 -47
  28. package/dist/components/MessageActions/MessageActionsBox.d.ts +1 -1
  29. package/dist/components/MessageActions/MessageActionsBox.js +6 -6
  30. package/dist/components/MessageInput/hooks/useUserTrigger.js +0 -1
  31. package/dist/components/MessageList/MessageList.js +7 -5
  32. package/dist/components/MessageList/VirtualizedMessageList.js +39 -37
  33. package/dist/components/Reactions/ReactionSelector.d.ts +1 -1
  34. package/dist/components/Reactions/ReactionSelector.js +33 -24
  35. package/dist/components/Reactions/ReactionSelectorWithButton.d.ts +13 -0
  36. package/dist/components/Reactions/ReactionSelectorWithButton.js +22 -0
  37. package/dist/components/Reactions/ReactionsList.d.ts +0 -3
  38. package/dist/components/Thread/Thread.js +2 -1
  39. package/dist/components/Threads/ThreadList/ThreadList.js +1 -1
  40. package/dist/components/Threads/ThreadList/ThreadListItemUI.js +1 -1
  41. package/dist/components/Threads/ThreadList/ThreadListLoadingIndicator.js +1 -1
  42. package/dist/components/Threads/ThreadList/ThreadListUnseenThreadsBanner.js +1 -1
  43. package/dist/components/Threads/hooks/useThreadManagerState.js +1 -1
  44. package/dist/components/Threads/hooks/useThreadState.js +1 -1
  45. package/dist/components/Threads/index.d.ts +0 -1
  46. package/dist/components/Threads/index.js +0 -1
  47. package/dist/components/index.d.ts +1 -0
  48. package/dist/components/index.js +1 -0
  49. package/dist/context/DialogManagerContext.d.ts +10 -0
  50. package/dist/context/DialogManagerContext.js +14 -0
  51. package/dist/context/MessageContext.d.ts +2 -10
  52. package/dist/context/index.d.ts +1 -0
  53. package/dist/context/index.js +1 -0
  54. package/dist/css/v2/index.css +1 -1
  55. package/dist/css/v2/index.layout.css +1 -1
  56. package/dist/index.browser.cjs +2164 -2004
  57. package/dist/index.browser.cjs.map +4 -4
  58. package/dist/index.d.ts +1 -0
  59. package/dist/index.js +1 -0
  60. package/dist/index.node.cjs +2087 -1918
  61. package/dist/index.node.cjs.map +4 -4
  62. package/dist/scss/v2/Dialog/Dialog-layout.scss +8 -0
  63. package/dist/scss/v2/Message/Message-layout.scss +8 -0
  64. package/dist/scss/v2/MessageReactions/MessageReactionsSelector-layout.scss +16 -0
  65. package/dist/scss/v2/ThreadList/ThreadList-layout.scss +4 -1
  66. package/dist/scss/v2/index.layout.scss +1 -0
  67. package/dist/store/hooks/index.d.ts +1 -0
  68. package/dist/store/hooks/index.js +1 -0
  69. package/dist/store/index.d.ts +1 -0
  70. package/dist/store/index.js +1 -0
  71. package/package.json +2 -2
  72. /package/dist/{components/Threads → store}/hooks/useStateStore.d.ts +0 -0
  73. /package/dist/{components/Threads → store}/hooks/useStateStore.js +0 -0
package/dist/scss/v2/Dialog/Dialog-layout.scss ADDED
@@ -0,0 +1,8 @@
1
+ .str-chat__dialog-overlay {
2
+ inset: 0;
3
+ overflow: hidden;
4
+ position: absolute;
5
+ height: var(--str-chat__dialog-overlay-height);
6
+ width: 100%;
7
+ z-index: 2;
8
+ }
package/dist/scss/v2/Message/Message-layout.scss CHANGED
@@ -350,6 +350,14 @@
350
350
  }
351
351
  }
352
352
 
353
+ // Message options display - third mode: they appear, when explicitly marked as active
354
+ .str-chat__message-inner {
355
+ .str-chat__message-options.str-chat__message-options--active {
356
+ display: flex;
357
+ }
358
+ }
359
+
360
+
353
361
  .str-chat__message-inner {
354
362
  .str-chat__message-options {
355
363
  display: none;
package/dist/scss/v2/MessageReactions/MessageReactionsSelector-layout.scss CHANGED
@@ -68,3 +68,19 @@
68
68
  inset-inline-start: 0;
69
69
  }
70
70
  }
71
+
72
+ // the React SDK positions the reaction selector with popperjs
73
+ .str-chat-react__message-reaction-selector {
74
+ position: static;
75
+ inset-block-end: unset;
76
+
77
+ ul {
78
+ margin: 0;
79
+ }
80
+ }
81
+
82
+ .str-chat__message--me, .str-chat__message--other {
83
+ .str-chat-react__message-reaction-selector {
84
+ inset-inline-start: unset;
85
+ }
86
+ }
package/dist/scss/v2/ThreadList/ThreadList-layout.scss CHANGED
@@ -100,9 +100,12 @@
100
100
  }
101
101
 
102
102
  .str-chat__thread-list-item__latest-reply-created-by {
103
- display: flex;
104
103
  font-weight: 500;
105
104
  font-size: 16px;
105
+ text-align: left;
106
+ text-overflow: ellipsis;
107
+ white-space: nowrap;
108
+ overflow-x: hidden;
106
109
  }
107
110
 
108
111
  .str-chat__thread-list-item__latest-reply-text-and-timestamp {
package/dist/scss/v2/index.layout.scss CHANGED
@@ -15,6 +15,7 @@
15
15
  @use 'ChannelSearch/ChannelSearch-layout';
16
16
  @use 'common/CTAButton/CTAButton-layout';
17
17
  @use 'common/CircleFAButton/CircleFAButton-layout';
18
+ @use 'Dialog/Dialog-layout';
18
19
  @use 'EditMessageForm/EditMessageForm-layout';
19
20
  @use 'ImageCarousel/ImageCarousel-layout';
20
21
  @use 'Icon/Icon-layout';
package/dist/store/hooks/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './useStateStore';
package/dist/store/hooks/index.js ADDED
@@ -0,0 +1 @@
1
+ export * from './useStateStore';
package/dist/store/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './hooks';
package/dist/store/index.js ADDED
@@ -0,0 +1 @@
1
+ export * from './hooks';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stream-chat-react",
3
- "version": "12.0.0-rc.13",
3
+ "version": "12.0.0-rc.15",
4
4
  "description": "React components to create chat conversations or livestream style chat",
5
5
  "author": "GetStream",
6
6
  "homepage": "https://getstream.io/chat/",
@@ -171,7 +171,7 @@
171
171
  "@semantic-release/changelog": "^6.0.2",
172
172
  "@semantic-release/git": "^10.0.1",
173
173
  "@stream-io/rollup-plugin-node-builtins": "^2.1.5",
174
- "@stream-io/stream-chat-css": "^5.0.0-rc.4",
174
+ "@stream-io/stream-chat-css": "5.0.0-rc.6",
175
175
  "@testing-library/jest-dom": "^6.1.4",
176
176
  "@testing-library/react": "^13.1.1",
177
177
  "@testing-library/react-hooks": "^8.0.0",