stream-chat-react 10.19.0 → 10.20.1

package/dist/scss/MessageInput.scss

@@ -390,3 +390,9 @@
     top: 6px;
   }
 }
+
+.str-chat__message-textarea-angular-host--autocomplete-hidden {
+  mention-list  {
+    display: none;
+  }
+}

package/dist/scss/v2/Autocomplete/Autocomplete-layout.scss

@@ -49,6 +49,7 @@
 
   .str-chat__user-item--name {
     @include utils.ellipsis-text;
+    @include utils.prevent-glitch-text-overflow;
     width: 100%;
   }
 }
@@ -63,3 +64,9 @@
     width: 100%;
   }
 }
+
+.str-chat__message-textarea-angular-host--autocomplete-hidden {
+  mention-list  {
+    display: none;
+  }
+}

package/dist/scss/v2/ChannelHeader/ChannelHeader-layout.scss

@@ -19,5 +19,9 @@
     .str-chat__channel-header-info {
       @include utils.ellipsis-text;
     }
+
+    .str-chat__channel-header-title {
+      @include utils.prevent-glitch-text-overflow;
+    }
   }
 }

package/dist/scss/v2/ChannelPreview/ChannelPreview-layout.scss

@@ -53,6 +53,7 @@
     .str-chat__channel-preview-messenger--name,
     .str-chat__channel-preview-messenger--last-message {
       @include utils.ellipsis-text;
+      @include utils.prevent-glitch-text-overflow;
       min-width: 0;
 
       p {

package/dist/scss/v2/ChannelSearch/ChannelSearch-layout.scss

@@ -110,6 +110,11 @@
       width: 100%;
       column-gap: var(--str-chat__spacing-2);
       padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
+
+      .channel-search__result-text,
+      .str-chat__channel-search-result--display-name {
+        @include utils.prevent-glitch-text-overflow;
+      }
     }
   }
 }

package/dist/scss/v2/Message/Message-layout.scss

@@ -150,6 +150,10 @@
       .str-chat__message-text {
         @include chat-bubble-spacing;
 
+        .str-chat__message-text-inner {
+          @include utils.prevent-glitch-text-overflow;
+        }
+
         p {
           white-space: pre-line;
         }
@@ -184,6 +188,10 @@
     align-items: center;
     column-gap: var(--str-chat__spacing-1);
     margin-block-start: var(--str-chat__spacing-0_5);
+
+    .str-chat__message-simple-name {
+      @include utils.prevent-glitch-text-overflow;
+    }
   }
 
   .str-chat__message-status {

package/dist/scss/v2/MessageList/MessageList-layout.scss

@@ -11,6 +11,7 @@
 
 .str-chat__list {
   @include utils.scrollable;
+  overscroll-behavior: none;
   width: 100%;
   height: 100%;
   max-height: 100%;

package/dist/scss/v2/MessageList/VirtualizedMessageList-layout.scss

@@ -10,6 +10,10 @@
   width: 100%;
   height: 100%;
 
+  .str-chat__message-list-scroll {
+    overscroll-behavior: none;
+  }
+
   .str-chat__message-list-scroll > div {
     @include utils.message-list-spacing;
   }

package/dist/scss/v2/Notification/Notification-layout.scss

@@ -1,3 +1,7 @@
 .str-chat__notification {
   padding: var(--str-chat__spacing-3_5) var(--str-chat__spacing-4);
 }
+
+.str-chat-react__notification {
+  z-index: 101;
+}

package/dist/scss/v2/Thread/Thread-layout.scss

@@ -19,6 +19,10 @@
       .str-chat__thread-header-title {
         @include utils.ellipsis-text;
       }
+
+      .str-chat__thread-header-subtitle {
+        @include utils.prevent-glitch-text-overflow;
+      }
     }
 
     .str-chat__close-thread-button {

package/dist/scss/v2/Tooltip/Tooltip-layout.scss

@@ -1,6 +1,7 @@
 @use '../utils';
 
 .str-chat__tooltip {
+  @include utils.prevent-glitch-text-overflow;
   display: flex;
   padding: var(--str-chat__spacing-2);
   z-index: 1;

package/dist/scss/v2/_utils.scss

@@ -34,6 +34,11 @@
   text-overflow: ellipsis;
 }
 
+@mixin prevent-glitch-text-overflow {
+  // Prevent glitch text from overflowing. See the generator: https://lingojam.com/GlitchTextGenerator
+  overflow-y: hidden;
+}
+
 @mixin scrollable {
   overflow-x: hidden;
   overflow-y: auto;

package/dist/utils/getChannel.d.ts

@@ -1,20 +1,22 @@
-import type { Channel, StreamChat } from 'stream-chat';
+import type { Channel, ChannelQueryOptions, StreamChat } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../types/types';
 declare type GetChannelParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     client: StreamChat<StreamChatGenerics>;
     channel?: Channel<StreamChatGenerics>;
     id?: string;
     members?: string[];
+    options?: ChannelQueryOptions<StreamChatGenerics>;
     type?: string;
 };
 /**
  * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
  * @param client
  * @param members
+ * @param options
  * @param type
  * @param id
  * @param channel
  */
-export declare const getChannel: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, client, id, members, type, }: GetChannelParams<StreamChatGenerics>) => Promise<Channel<StreamChatGenerics>>;
+export declare const getChannel: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, client, id, members, options, type, }: GetChannelParams<StreamChatGenerics>) => Promise<Channel<StreamChatGenerics>>;
 export {};
 //# sourceMappingURL=getChannel.d.ts.map

package/dist/utils/getChannel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getChannel.d.ts","sourceRoot":"","sources":["../../src/utils/getChannel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAA2B,UAAU,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAWhE,aAAK,gBAAgB,CACnB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AACF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,2MAuCtB,CAAC"}
+{"version":3,"file":"getChannel.d.ts","sourceRoot":"","sources":["../../src/utils/getChannel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,mBAAmB,EAEnB,UAAU,EACX,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAWhE,aAAK,gBAAgB,CACnB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AACF;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,oNAwCtB,CAAC"}

package/dist/utils/getChannel.js

@@ -8,12 +8,13 @@ var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
  * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
  * @param client
  * @param members
+ * @param options
  * @param type
  * @param id
  * @param channel
  */
 export var getChannel = function (_a) {
-    var channel = _a.channel, client = _a.client, id = _a.id, members = _a.members, type = _a.type;
+    var channel = _a.channel, client = _a.client, id = _a.id, members = _a.members, options = _a.options, type = _a.type;
     return __awaiter(void 0, void 0, void 0, function () {
         var theChannel, originalCid, queryPromise;
         return __generator(this, function (_b) {
@@ -38,7 +39,7 @@ export var getChannel = function (_a) {
                     _b.sent();
                     return [3 /*break*/, 4];
                 case 2:
-                    WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch();
+                    WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch(options);
                     return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid]];
                 case 3:
                     _b.sent();

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "10.19.0";
+export declare const version = "10.20.1";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1 +1 @@
-export var version = '10.19.0';
+export var version = '10.20.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "10.19.0",
+  "version": "10.20.1",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -30,7 +30,7 @@
   "dependencies": {
     "@braintree/sanitize-url": "^6.0.4",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "^3.13.0",
+    "@stream-io/stream-chat-css": "^3.14.2",
     "clsx": "^2.0.0",
     "dayjs": "^1.10.4",
     "emoji-mart": "3.0.1",