stream-chat-react 10.8.5 → 10.8.6
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/browser.full-bundle.js +8 -6
- package/dist/browser.full-bundle.js.map +1 -1
- package/dist/browser.full-bundle.min.js +5 -5
- package/dist/browser.full-bundle.min.js.map +1 -1
- package/dist/components/ChannelSearch/ChannelSearch.d.ts.map +1 -1
- package/dist/components/ChannelSearch/ChannelSearch.js +5 -2
- package/dist/components/ChannelSearch/hooks/useChannelSearch.js +3 -3
- package/dist/css/index.css +1 -1
- package/dist/css/index.css.map +1 -1
- package/dist/css/v2/index.css +1 -1
- package/dist/css/v2/index.css.map +1 -1
- package/dist/css/v2/index.layout.css +1 -1
- package/dist/css/v2/index.layout.css.map +1 -1
- package/dist/index.cjs.js +7 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/scss/v2/ChannelSearch/ChannelSearch-layout.scss +27 -0
- package/dist/scss/v2/MessageList/MessageList-layout.scss +4 -0
- package/dist/scss/v2/vendor/react-image-gallery.scss +8 -3
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +3 -3
|
@@ -1,11 +1,24 @@
|
|
|
1
1
|
@use '../utils';
|
|
2
2
|
|
|
3
3
|
.str-chat__channel-search {
|
|
4
|
+
$search-bar-height: 65px;
|
|
4
5
|
position: relative;
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
justify-content: center;
|
|
9
|
+
|
|
10
|
+
&.str-chat__channel-search--with-results.inline {
|
|
11
|
+
height: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&.inline {
|
|
15
|
+
min-height: 0;
|
|
16
|
+
}
|
|
5
17
|
|
|
6
18
|
.str-chat__channel-search-bar {
|
|
7
19
|
@include utils.flex-row-center;
|
|
8
20
|
padding: var(--str-chat__spacing-2_5);
|
|
21
|
+
height: $search-bar-height;
|
|
9
22
|
|
|
10
23
|
.str-chat__channel-search-bar-button {
|
|
11
24
|
@include utils.button-reset;
|
|
@@ -56,10 +69,24 @@
|
|
|
56
69
|
|
|
57
70
|
|
|
58
71
|
.str-chat__channel-search-result-list {
|
|
72
|
+
display: flex;
|
|
73
|
+
flex-direction: column;
|
|
74
|
+
overflow-y: auto;
|
|
75
|
+
overflow-x: hidden;
|
|
76
|
+
|
|
77
|
+
&.inline {
|
|
78
|
+
flex: 1;
|
|
79
|
+
}
|
|
80
|
+
|
|
59
81
|
&.popup {
|
|
60
82
|
position: absolute;
|
|
61
83
|
left: 0;
|
|
62
84
|
right: 0;
|
|
85
|
+
top: $search-bar-height;
|
|
86
|
+
height: 400px;
|
|
87
|
+
// have to add z-index as since 1.2023 avatar has position relative
|
|
88
|
+
// and the ones from channel list would show above search results
|
|
89
|
+
z-index: 1;
|
|
63
90
|
}
|
|
64
91
|
|
|
65
92
|
.str-chat__channel-search-container-empty {
|
|
@@ -166,7 +166,9 @@ $ig-shadow: 0 2px 2px lighten($ig-black, 10%);
|
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
&.left,
|
|
169
|
-
&.right
|
|
169
|
+
&.right,
|
|
170
|
+
&.image-gallery-thumbnails-left,
|
|
171
|
+
&.image-gallery-thumbnails-right {
|
|
170
172
|
.image-gallery-slide .image-gallery-image {
|
|
171
173
|
max-height: 100vh;
|
|
172
174
|
}
|
|
@@ -177,7 +179,9 @@ $ig-shadow: 0 2px 2px lighten($ig-black, 10%);
|
|
|
177
179
|
position: relative;
|
|
178
180
|
|
|
179
181
|
&.left,
|
|
180
|
-
&.right
|
|
182
|
+
&.right,
|
|
183
|
+
&.image-gallery-thumbnails-left,
|
|
184
|
+
&.image-gallery-thumbnails-right {
|
|
181
185
|
display: inline-block;
|
|
182
186
|
width: calc(100% - 110px); // 100px + 10px for margin
|
|
183
187
|
|
|
@@ -205,7 +209,8 @@ $ig-shadow: 0 2px 2px lighten($ig-black, 10%);
|
|
|
205
209
|
top: 0;
|
|
206
210
|
width: 100%;
|
|
207
211
|
|
|
208
|
-
&.center
|
|
212
|
+
&.center,
|
|
213
|
+
&.image-gallery-center {
|
|
209
214
|
position: relative;
|
|
210
215
|
}
|
|
211
216
|
|
package/dist/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const version = "10.8.
|
|
1
|
+
export declare const version = "10.8.6";
|
|
2
2
|
//# sourceMappingURL=version.d.ts.map
|
package/dist/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export var version = '10.8.
|
|
1
|
+
export var version = '10.8.6';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "stream-chat-react",
|
|
3
|
-
"version": "10.8.
|
|
3
|
+
"version": "10.8.6",
|
|
4
4
|
"description": "React components to create chat conversations or livestream style chat",
|
|
5
5
|
"author": "GetStream",
|
|
6
6
|
"homepage": "https://getstream.io/chat/",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@braintree/sanitize-url": "^6.0.2",
|
|
32
32
|
"@popperjs/core": "^2.11.5",
|
|
33
|
-
"@stream-io/stream-chat-css": "^3.
|
|
33
|
+
"@stream-io/stream-chat-css": "^3.10.2",
|
|
34
34
|
"clsx": "^1.1.1",
|
|
35
35
|
"dayjs": "^1.10.4",
|
|
36
36
|
"emoji-mart": "3.0.1",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"react-dropzone": "^14.2.2",
|
|
49
49
|
"react-fast-compare": "^3.2.0",
|
|
50
50
|
"react-file-utils": "^1.2.0",
|
|
51
|
-
"react-image-gallery": "
|
|
51
|
+
"react-image-gallery": "1.2.12",
|
|
52
52
|
"react-is": "^18.1.0",
|
|
53
53
|
"react-markdown": "^8.0.3",
|
|
54
54
|
"react-player": "2.10.1",
|