stream-chat-react 12.15.2 → 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/css/v2/index.css +1 -1
- package/dist/css/v2/index.layout.css +1 -1
- package/dist/index.browser.cjs +1 -1
- package/dist/index.node.cjs +1 -1
- 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
package/dist/index.browser.cjs
CHANGED
|
@@ -53115,7 +53115,7 @@ var useChat = ({
|
|
|
53115
53115
|
};
|
|
53116
53116
|
(0, import_react263.useEffect)(() => {
|
|
53117
53117
|
if (!client) return;
|
|
53118
|
-
const version = "12.15.
|
|
53118
|
+
const version = "12.15.3";
|
|
53119
53119
|
const userAgent = client.getUserAgent();
|
|
53120
53120
|
if (!userAgent.includes("stream-chat-react")) {
|
|
53121
53121
|
client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
|
package/dist/index.node.cjs
CHANGED
|
@@ -57795,7 +57795,7 @@ var useChat = ({
|
|
|
57795
57795
|
};
|
|
57796
57796
|
(0, import_react262.useEffect)(() => {
|
|
57797
57797
|
if (!client) return;
|
|
57798
|
-
const version = "12.15.
|
|
57798
|
+
const version = "12.15.3";
|
|
57799
57799
|
const userAgent = client.getUserAgent();
|
|
57800
57800
|
if (!userAgent.includes("stream-chat-react")) {
|
|
57801
57801
|
client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
|
|
@@ -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",
|