stream-chat-react 12.15.1 → 12.15.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Chat/hooks/useChat.js +1 -1
- package/dist/components/Dialog/DialogManager.js +2 -1
- package/dist/components/MessageInput/AttachmentSelector.js +3 -3
- package/dist/components/MessageInput/MessageInput.js +4 -2
- package/dist/components/MessageList/MessageList.js +4 -2
- package/dist/components/MessageList/VirtualizedMessageList.js +4 -2
- package/dist/components/Poll/PollCreationDialog/PollCreationDialog.js +3 -2
- package/dist/components/UtilityComponents/useStableId.d.ts +5 -0
- package/dist/components/UtilityComponents/useStableId.js +11 -0
- package/dist/css/v2/index.css +1 -1
- package/dist/css/v2/index.layout.css +1 -1
- package/dist/experimental/index.browser.cjs.map +1 -1
- package/dist/experimental/index.node.cjs.map +1 -1
- package/dist/index.browser.cjs +687 -676
- package/dist/index.browser.cjs.map +4 -4
- package/dist/index.node.cjs +576 -565
- package/dist/index.node.cjs.map +4 -4
- package/dist/scss/v2/Autocomplete/Autocomplete-layout.scss +14 -0
- package/dist/scss/v2/Autocomplete/Autocomplete-theme.scss +11 -0
- package/dist/scss/v2/LinkPreview/LinkPreview-layout.scss +18 -0
- package/dist/scss/v2/LinkPreview/LinkPreview-theme.scss +15 -0
- package/dist/scss/v2/MessageInput/MessageInput-layout.scss +5 -0
- package/package.json +2 -2
|
@@ -38,6 +38,16 @@
|
|
|
38
38
|
padding: unset;
|
|
39
39
|
margin: unset;
|
|
40
40
|
}
|
|
41
|
+
|
|
42
|
+
.str-chat__suggestion-list--react {
|
|
43
|
+
overflow-y: unset;
|
|
44
|
+
|
|
45
|
+
.str-chat__suggestion-list-item {
|
|
46
|
+
> button {
|
|
47
|
+
width: 100%;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
41
51
|
}
|
|
42
52
|
|
|
43
53
|
.str-chat__slash-command {
|
|
@@ -58,6 +68,8 @@
|
|
|
58
68
|
.str-chat__user-item--name {
|
|
59
69
|
@include utils.ellipsis-text;
|
|
60
70
|
@include utils.prevent-glitch-text-overflow;
|
|
71
|
+
display: flex;
|
|
72
|
+
align-items: center;
|
|
61
73
|
width: 100%;
|
|
62
74
|
}
|
|
63
75
|
}
|
|
@@ -69,6 +81,8 @@
|
|
|
69
81
|
|
|
70
82
|
.str-chat__emoji-item--name {
|
|
71
83
|
@include utils.ellipsis-text;
|
|
84
|
+
display: flex;
|
|
85
|
+
align-items: center;
|
|
72
86
|
width: 100%;
|
|
73
87
|
}
|
|
74
88
|
}
|
|
@@ -156,6 +156,8 @@
|
|
|
156
156
|
|
|
157
157
|
.str-chat__slash-command {
|
|
158
158
|
@include utils.component-layer-overrides('slash-command');
|
|
159
|
+
text-align: left;
|
|
160
|
+
font: var(--str-chat__subtitle-text);
|
|
159
161
|
|
|
160
162
|
.str-chat__slash-command-header {
|
|
161
163
|
.str-chat__slash-command-name {
|
|
@@ -206,4 +208,13 @@
|
|
|
206
208
|
background-color: var(--str-chat__suggestion-list-item--selected-background-color);
|
|
207
209
|
}
|
|
208
210
|
}
|
|
211
|
+
|
|
212
|
+
.str-chat__suggestion-list--react {
|
|
213
|
+
.str-chat__suggestion-list-item {
|
|
214
|
+
> button {
|
|
215
|
+
@include utils.button-reset;
|
|
216
|
+
text-decoration: none;
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}
|
|
209
220
|
}
|
|
@@ -46,4 +46,22 @@
|
|
|
46
46
|
@include utils.button-reset;
|
|
47
47
|
cursor: pointer;
|
|
48
48
|
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.str-chat__link-preview-card--loading {
|
|
52
|
+
.str-chat__link-preview-card__content {
|
|
53
|
+
display: flex;
|
|
54
|
+
flex-direction: column;
|
|
55
|
+
gap: 0.25rem;
|
|
56
|
+
|
|
57
|
+
.str-chat__link-preview-card__content-title {
|
|
58
|
+
height: calc(var(--str-chat__spacing-px) * 16);
|
|
59
|
+
width: 100%
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.str-chat__link-preview-card__content-description {
|
|
63
|
+
height: calc(var(--str-chat__spacing-px) * 12);
|
|
64
|
+
width: 100%;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
49
67
|
}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
@use '../utils';
|
|
2
|
+
|
|
3
|
+
.str-chat {
|
|
4
|
+
--str-chat__link-preview-loading-state-color: var(--str-chat__disabled-color);
|
|
5
|
+
}
|
|
6
|
+
|
|
1
7
|
.str-chat__link-preview-card {
|
|
2
8
|
.str-chat__link-preview-card__content {
|
|
3
9
|
border-left: 2px solid var(--str-chat__primary-color);
|
|
@@ -14,4 +20,13 @@
|
|
|
14
20
|
.str-chat__link-preview-card__dismiss-button svg path {
|
|
15
21
|
fill: var(--str-chat__text-low-emphasis-color);
|
|
16
22
|
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.str-chat__link-preview-card--loading {
|
|
26
|
+
.str-chat__link-preview-card__content-title,
|
|
27
|
+
.str-chat__link-preview-card__content-description {
|
|
28
|
+
@include utils.loading-item-background('link-preview');
|
|
29
|
+
@include utils.loading-animation;
|
|
30
|
+
border-radius: calc(var(--str-chat__spacing-px) * 3);
|
|
31
|
+
}
|
|
17
32
|
}
|
|
@@ -166,6 +166,11 @@
|
|
|
166
166
|
|
|
167
167
|
.str-chat__quoted-message-preview {
|
|
168
168
|
padding: var(--str-chat__spacing-2);
|
|
169
|
+
|
|
170
|
+
.str-chat__quoted-poll-preview__name {
|
|
171
|
+
@include utils.ellipsis-text();
|
|
172
|
+
overflow-x: hidden; // force ellipsis to show
|
|
173
|
+
}
|
|
169
174
|
}
|
|
170
175
|
|
|
171
176
|
.str-chat__recording-permission-denied-notification {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "stream-chat-react",
|
|
3
|
-
"version": "12.15.
|
|
3
|
+
"version": "12.15.3",
|
|
4
4
|
"description": "React components to create chat conversations or livestream style chat",
|
|
5
5
|
"author": "GetStream",
|
|
6
6
|
"homepage": "https://getstream.io/chat/",
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
"@playwright/test": "^1.42.1",
|
|
187
187
|
"@semantic-release/changelog": "^6.0.3",
|
|
188
188
|
"@semantic-release/git": "^10.0.1",
|
|
189
|
-
"@stream-io/stream-chat-css": "^5.
|
|
189
|
+
"@stream-io/stream-chat-css": "^5.9.1",
|
|
190
190
|
"@testing-library/dom": "^10.4.0",
|
|
191
191
|
"@testing-library/jest-dom": "^6.6.3",
|
|
192
192
|
"@testing-library/react": "^16.2.0",
|