stream-chat-react 10.8.5 → 10.8.7

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.
@@ -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.str-chat__channel-search--inline {
11
+ height: 100%;
12
+ }
13
+
14
+ &.str-chat__channel-search--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 {
@@ -62,5 +62,9 @@
62
62
  .str-chat__li:first-of-type {
63
63
  padding-top: 4.5rem;
64
64
  }
65
+
66
+ .str-chat__date-separator + .str-chat__li:first-of-type {
67
+ padding-top: inherit;
68
+ }
65
69
  }
66
70
  }
@@ -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.5";
1
+ export declare const version = "10.8.7";
2
2
  //# sourceMappingURL=version.d.ts.map
package/dist/version.js CHANGED
@@ -1 +1 @@
1
- export var version = '10.8.5';
1
+ export var version = '10.8.7';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stream-chat-react",
3
- "version": "10.8.5",
3
+ "version": "10.8.7",
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.9.1",
33
+ "@stream-io/stream-chat-css": "^3.10.3",
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": "^1.2.7",
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",