stream-chat-react 11.0.0-rc.7 → 11.0.0

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%;
   }
 }

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 = "11.0.0-rc.7";
+export declare const version = "11.0.0";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,gBAAgB,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,WAAW,CAAC"}

package/dist/version.js

@@ -1 +1 @@
-export var version = '11.0.0-rc.7';
+export var version = '11.0.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "11.0.0-rc.7",
+  "version": "11.0.0",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -60,11 +60,11 @@
   "dependencies": {
     "@braintree/sanitize-url": "^6.0.4",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "^4.0.0-rc.5",
+    "@stream-io/stream-chat-css": "^4.0.0",
     "clsx": "^2.0.0",
     "dayjs": "^1.10.4",
     "emoji-regex": "^9.2.0",
-    "hast-util-find-and-replace": "^4.1.2",
+    "hast-util-find-and-replace": "^5.0.1",
     "i18next": "^21.6.14",
     "isomorphic-ws": "^4.0.1",
     "linkifyjs": "^4.1.0",
@@ -78,16 +78,16 @@
     "react-fast-compare": "^3.2.2",
     "react-image-gallery": "1.2.12",
     "react-is": "^18.1.0",
-    "react-markdown": "^8.0.7",
+    "react-markdown": "^9.0.0",
     "react-player": "2.10.1",
     "react-popper": "^2.3.0",
     "react-textarea-autosize": "^8.3.0",
     "react-virtuoso": "^2.16.5",
-    "remark-gfm": "^3.0.1",
+    "remark-gfm": "^4.0.0",
     "textarea-caret": "^3.1.0",
     "tslib": "^2.6.2",
     "unist-builder": "^3.0.0",
-    "unist-util-visit": "^4.1.1"
+    "unist-util-visit": "^5.0.0"
   },
   "optionalDependencies": {
     "@stream-io/transliterate": "^1.5.5",
@@ -125,7 +125,7 @@
     "@babel/plugin-proposal-class-properties": "^7.12.1",
     "@babel/plugin-transform-runtime": "^7.12.1",
     "@babel/preset-env": "^7.12.7",
-    "@babel/preset-react": "^7.12.7",
+    "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.12.7",
     "@commitlint/cli": "^16.2.3",
     "@commitlint/config-conventional": "^16.2.1",
@@ -143,12 +143,13 @@
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
     "@stream-io/rollup-plugin-node-builtins": "^2.1.5",
-    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^13.1.1",
     "@testing-library/react-hooks": "^8.0.0",
     "@types/deep-equal": "^1.0.1",
     "@types/dotenv": "^8.2.0",
     "@types/hast": "^2.3.4",
+    "@types/jsdom": "^21.1.5",
     "@types/linkifyjs": "^2.1.3",
     "@types/lodash.debounce": "^4.0.7",
     "@types/lodash.throttle": "^4.1.7",
@@ -164,7 +165,7 @@
     "@typescript-eslint/parser": "4.27.0",
     "autoprefixer": "^10.0.3",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^26.3.0",
+    "babel-jest": "^28.1.3",
     "babel-loader": "8.2.2",
     "babel-plugin-module-resolver": "^4.1.0",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
@@ -197,8 +198,9 @@
     "file-loader": "^6.2.0",
     "husky": "^4.3.0",
     "i18next-parser": "^6.0.0",
-    "jest": "^26.6.3",
-    "jest-axe": "^6.0.0",
+    "jest": "^28.1.3",
+    "jest-axe": "^8.0.0",
+    "jest-environment-jsdom": "^28.1.3",
     "moment-timezone": "^0.5.43",
     "postcss": "^8.1.10",
     "postcss-loader": "^4.1.0",
@@ -217,7 +219,7 @@
     "semantic-release": "^19.0.5",
     "stream-chat": "^8.13.1",
     "style-loader": "^2.0.0",
-    "ts-jest": "^26.5.1",
+    "ts-jest": "^28.0.8",
     "typescript": "^4.7.4",
     "url-loader": "^4.1.1",
     "webpack": "4.44.2",

package/dist/components/Message/renderText/Anchor.d.ts

@@ -1,4 +0,0 @@
-import { ComponentProps } from 'react';
-import { ReactMarkdownProps } from 'react-markdown/lib/complex-types';
-export declare const Anchor: ({ children, href }: ComponentProps<'a'> & ReactMarkdownProps) => JSX.Element;
-//# sourceMappingURL=Anchor.d.ts.map

package/dist/components/Message/renderText/Anchor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/Anchor.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,eAAO,MAAM,MAAM,uBAAwB,eAAe,GAAG,CAAC,GAAG,kBAAkB,gBAgBlF,CAAC"}

package/dist/components/Message/renderText/Emoji.d.ts

@@ -1,3 +0,0 @@
-import { ReactMarkdownProps } from 'react-markdown/lib/complex-types';
-export declare const Emoji: ({ children }: ReactMarkdownProps) => JSX.Element;
-//# sourceMappingURL=Emoji.d.ts.map

package/dist/components/Message/renderText/Emoji.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Emoji.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/Emoji.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,eAAO,MAAM,KAAK,iBAAkB,kBAAkB,gBAIrD,CAAC"}

package/dist/components/Message/renderText/Mention.d.ts

@@ -1,18 +0,0 @@
-import type { ReactMarkdownProps } from 'react-markdown/lib/complex-types';
-import type { UserResponse } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare type MentionProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = ReactMarkdownProps & {
-    /**
-     * @deprecated will be removed in the next major release, transition to using `node.mentionedUser` instead
-     */
-    mentioned_user: UserResponse<StreamChatGenerics>;
-    node: {
-        /**
-         * @deprecated will be removed in the next major release, transition to using `node.mentionedUser` instead
-         */
-        mentioned_user: UserResponse<StreamChatGenerics>;
-        mentionedUser: UserResponse<StreamChatGenerics>;
-    };
-};
-export declare const Mention: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, node: { mentionedUser }, }: MentionProps<StreamChatGenerics>) => JSX.Element;
-//# sourceMappingURL=Mention.d.ts.map

package/dist/components/Message/renderText/Mention.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/Mention.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,kBAAkB,GAAG;IACvB;;OAEG;IACH,cAAc,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;IACjD,IAAI,EAAE;QACJ;;WAEG;QACH,cAAc,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACjD,aAAa,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;KACjD,CAAC;CACH,CAAC;AACF,eAAO,MAAM,OAAO,6KASnB,CAAC"}