stream-chat-react 11.0.0-rc.4 → 11.0.0-rc.6

package/dist/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var icons = require('./icons-5ee8c22b.js');
+var icons = require('./icons-427fd8d5.js');
 var React = require('react');
 var ReactPlayer = require('react-player');
 var prettybytes = require('pretty-bytes');
@@ -3388,6 +3388,28 @@ var DefaultSuggestionListHeader = function (props) {
     return null;
 };
 
+function escapeRegExp(text) {
+    return text.replace(/[-[\]{}()*+?.,/\\^$|#]/g, '\\$&');
+}
+var detectHttp = /(http(s?):\/\/)?(www\.)?/;
+var messageCodeBlocks = function (message) {
+    var codeRegex = /```[a-z]*\n[\s\S]*?\n```|`[a-z]*[\s\S]*?`/gm;
+    var matches = message.match(codeRegex);
+    return matches || [];
+};
+var matchMarkdownLinks = function (message) {
+    var regexMdLinks = /\[([^[]+)\](\(.*\))/gm;
+    var matches = message.match(regexMdLinks);
+    var singleMatch = /\[([^[]+)\]\((.*)\)/;
+    var links = matches
+        ? matches.map(function (match) {
+            var i = singleMatch.exec(match);
+            return i && [i[1], i[2]];
+        })
+        : [];
+    return links.flat();
+};
+
 /**
  * @typedef {import('unist').Node} Node
  * @typedef {import('unist').Parent} Parent
@@ -4111,6 +4133,14 @@ var u = /**
   }
 );
 
+var emojiMarkdownPlugin = function () {
+    var replace = function (match) {
+        return u('element', { tagName: 'emoji' }, [u('text', match)]);
+    };
+    var transform = function (node) { return findAndReplace$1(node, emojiRegex__default["default"](), replace); };
+    return transform;
+};
+
 /**
  * @param {string} d
  * @returns {string}
@@ -4331,28 +4361,6 @@ const visit =
     }
   );
 
-function escapeRegExp(text) {
-    return text.replace(/[-[\]{}()*+?.,/\\^$|#]/g, '\\$&');
-}
-var detectHttp = /(http(s?):\/\/)?(www\.)?/;
-var messageCodeBlocks = function (message) {
-    var codeRegex = /```[a-z]*\n[\s\S]*?\n```|`[a-z]*[\s\S]*?`/gm;
-    var matches = message.match(codeRegex);
-    return matches || [];
-};
-var matchMarkdownLinks = function (message) {
-    var regexMdLinks = /\[([^[]+)\](\(.*\))/gm;
-    var matches = message.match(regexMdLinks);
-    var singleMatch = /\[([^[]+)\]\((.*)\)/;
-    var links = matches
-        ? matches.map(function (match) {
-            var i = singleMatch.exec(match);
-            return i && [i[1], i[2]];
-        })
-        : [];
-    return links.flat();
-};
-
 var mentionsMarkdownPlugin = function (mentioned_users) { return function () {
     var mentioned_usernames = mentioned_users
         .map(function (user) { return user.name || user.id; })
@@ -4401,13 +4409,46 @@ var mentionsMarkdownPlugin = function (mentioned_users) { return function () {
     };
     return transform;
 }; };
-var emojiMarkdownPlugin = function () {
-    var replace = function (match) {
-        return u('element', { tagName: 'emoji' }, [u('text', match)]);
-    };
-    var transform = function (node) { return findAndReplace$1(node, emojiRegex__default["default"](), replace); };
-    return transform;
+
+var visitor$1 = function (node) {
+    if (node.type !== 'html')
+        return;
+    node.type = 'text';
+};
+var transform$1 = function (tree) {
+    visit(tree, visitor$1);
+};
+var htmlToTextPlugin = function () { return transform$1; };
+
+var visitor = function (node, index, parent) {
+    if (index === null || index === 0)
+        return;
+    if (!parent)
+        return;
+    if (!node.position)
+        return;
+    var prevSibling = parent.children.at(index - 1);
+    if (!(prevSibling === null || prevSibling === void 0 ? void 0 : prevSibling.position))
+        return;
+    if (node.position.start.line === prevSibling.position.start.line)
+        return false;
+    var ownStartLine = node.position.start.line;
+    var prevEndLine = prevSibling.position.end.line;
+    // the -1 is adjustment for the single line break into which multiple line breaks are converted
+    var countTruncatedLineBreaks = ownStartLine - prevEndLine - 1;
+    if (countTruncatedLineBreaks < 1)
+        return;
+    var lineBreaks = Array.from({ length: countTruncatedLineBreaks }, function () {
+        return u('break', { tagName: 'br' });
+    });
+    // @ts-ignore
+    parent.children = icons.__spreadArray(icons.__spreadArray(icons.__spreadArray([], parent.children.slice(0, index), true), lineBreaks, true), parent.children.slice(index), true);
+    return;
 };
+var transform = function (tree) {
+    visit(tree, visitor);
+};
+var keepLineBreaksPlugin = function () { return transform; };
 
 const protocols = ['http', 'https', 'mailto', 'tel'];
 
@@ -31949,7 +31990,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '11.0.0-rc.4';
+var version = '11.0.0-rc.6';
 
 var useChat = function (_a) {
     var _b, _c;
@@ -33403,7 +33444,7 @@ var MessageListWithContext = function (props) {
         }
     }, [highlightedMessageId]);
     var showEmptyStateIndicator = elements.length === 0 && !threadList;
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+    return (React__default["default"].createElement(icons.MessageListContextProvider, { value: { listElement: listElement, scrollToBottom: scrollToBottom } },
         React__default["default"].createElement(MessageListMainPanel, null,
             React__default["default"].createElement("div", { className: "".concat(messageListClass, " ").concat(threadListClass), onScroll: onScroll, ref: setListElement, tabIndex: 0 }, showEmptyStateIndicator ? (React__default["default"].createElement(EmptyStateIndicator$1, { key: 'empty-state-indicator', listType: threadList ? 'thread' : 'message' })) : (React__default["default"].createElement(InfiniteScroll, icons.__assign({ className: 'str-chat__reverse-infinite-scroll  str-chat__message-list-scroll', "data-testid": 'reverse-infinite-scroll', hasNextPage: props.hasMoreNewer, hasPreviousPage: props.hasMore, head: props.head, isLoading: props.loadingMore, loader: React__default["default"].createElement("div", { className: 'str-chat__list__loading', key: 'loading-indicator' }, props.loadingMore && React__default["default"].createElement(LoadingIndicator$1, { size: 20 })), loadNextPage: loadMoreNewer, loadPreviousPage: loadMore }, props.internalInfiniteScrollProps, { threshold: loadMoreScrollThreshold }),
                 React__default["default"].createElement("ul", { className: 'str-chat__ul', ref: setUlElement }, elements),
@@ -34058,6 +34099,8 @@ exports.LoadingIndicatorIcon = icons.LoadingIndicatorIcon;
 exports.MessageContext = icons.MessageContext;
 exports.MessageInputContext = icons.MessageInputContext;
 exports.MessageInputContextProvider = icons.MessageInputContextProvider;
+exports.MessageListContext = icons.MessageListContext;
+exports.MessageListContextProvider = icons.MessageListContextProvider;
 exports.MessageProvider = icons.MessageProvider;
 exports.PopperTooltip = icons.PopperTooltip;
 exports.RetryIcon = icons.RetryIcon;
@@ -34095,6 +34138,7 @@ exports.useChatContext = icons.useChatContext;
 exports.useComponentContext = icons.useComponentContext;
 exports.useMessageContext = icons.useMessageContext;
 exports.useMessageInputContext = icons.useMessageInputContext;
+exports.useMessageListContext = icons.useMessageListContext;
 exports.useTranslationContext = icons.useTranslationContext;
 exports.useTypingContext = icons.useTypingContext;
 exports.withChannelActionContext = icons.withChannelActionContext;
@@ -34239,6 +34283,7 @@ exports.getWholeChar = getWholeChar;
 exports.handleActionWarning = handleActionWarning;
 exports.hasMoreMessagesProbably = hasMoreMessagesProbably;
 exports.hasNotMoreMessages = hasNotMoreMessages;
+exports.htmlToTextPlugin = htmlToTextPlugin;
 exports.insertIntro = insertIntro;
 exports.isAudioAttachment = isAudioAttachment;
 exports.isChannel = isChannel;
@@ -34250,6 +34295,7 @@ exports.isScrapedContent = isScrapedContent;
 exports.isSvgAttachment = isSvgAttachment;
 exports.isUploadedImage = isUploadedImage;
 exports.isUserMuted = isUserMuted;
+exports.keepLineBreaksPlugin = keepLineBreaksPlugin;
 exports.makeDateMessageId = makeDateMessageId;
 exports.mapToUserNameOrId = mapToUserNameOrId;
 exports.markDownRenderers = markDownRenderers;

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "11.0.0-rc.4";
+export declare const version = "11.0.0-rc.6";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "11.0.0-rc.4",
+  "version": "11.0.0-rc.6",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -38,6 +38,13 @@
       "default": "./dist/scss/*"
     }
   },
+  "typesVersions": {
+    "*": {
+      "emojis": [
+        "./dist/components/Emojis/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": [
     "*.css"
   ],
@@ -87,9 +94,9 @@
     "mml-react": "^0.4.7"
   },
   "peerDependencies": {
-    "@emoji-mart/data": "^1.1.2",
-    "@emoji-mart/react": "^1.1.1",
-    "emoji-mart": "^5.5.2",
+    "@emoji-mart/data": "^1.1.0",
+    "@emoji-mart/react": "^1.1.0",
+    "emoji-mart": "^5.4.0",
     "react": "^18.0.0 || ^17.0.0 || ^16.8.0",
     "react-dom": "^18.0.0 || ^17.0.0 || ^16.8.0",
     "stream-chat": "^8.0.0"

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

@@ -1,7 +0,0 @@
-import type { Content, Root } from 'hast';
-import type { UserResponse } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare type HNode = Content | Root;
-export declare const mentionsMarkdownPlugin: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(mentioned_users: UserResponse<StreamChatGenerics>[]) => () => (tree: HNode) => HNode;
-export declare const emojiMarkdownPlugin: () => (node: HNode) => import("hast-util-find-and-replace/lib").Node;
-//# sourceMappingURL=rehypePlugins.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"rehypePlugins.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/rehypePlugins.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC;AACnC,eAAO,MAAM,sBAAsB,0JAuBR,KAAK,KAAG,KAoClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,eAIL,KAAK,kDAG/B,CAAC"}