stream-chat-react 10.8.6 → 10.8.8

package/dist/index.cjs.js

@@ -33576,7 +33576,7 @@ var UnMemoizedChannelSearch = function (props) {
     var themeVersion = useChatContext('ChannelSearch').themeVersion;
     var _d = useChannelSearch(channelSearchParams), activateSearch = _d.activateSearch, clearState = _d.clearState, exitSearch = _d.exitSearch, inputIsFocused = _d.inputIsFocused, inputRef = _d.inputRef, onSearch = _d.onSearch, query = _d.query, results = _d.results, searchBarRef = _d.searchBarRef, searching = _d.searching, selectResult = _d.selectResult;
     var showSearchBarV2 = themeVersion === '2';
-    return (React__default["default"].createElement("div", { className: clsx('str-chat__channel-search', popupResults ? 'popup' : 'inline', {
+    return (React__default["default"].createElement("div", { className: clsx('str-chat__channel-search', popupResults ? 'str-chat__channel-search--popup' : 'str-chat__channel-search--inline', {
             'str-chat__channel-search--with-results': results.length > 0,
         }), "data-testid": 'channel-search' },
         showSearchBarV2 ? (React__default["default"].createElement(SearchBar$1, { activateSearch: activateSearch, AppMenu: AppMenu, ClearInputIcon: ClearInputIcon, clearState: clearState, disabled: channelSearchParams.disabled, exitSearch: exitSearch, ExitSearchIcon: ExitSearchIcon, inputIsFocused: inputIsFocused, inputRef: inputRef, MenuIcon: MenuIcon, onSearch: onSearch, placeholder: placeholder, query: query, searchBarRef: searchBarRef, SearchInput: SearchInput$1, SearchInputIcon: SearchInputIcon })) : (React__default["default"].createElement(SearchInput$1, { clearState: clearState, disabled: channelSearchParams.disabled, inputRef: inputRef, onSearch: onSearch, placeholder: placeholder, query: query })),
@@ -33779,7 +33779,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.8.6';
+var version = '10.8.8';
 
 var useChat = function (_a) {
     var _b, _c;
@@ -35637,21 +35637,18 @@ var VirtualizedMessageListWithContext = function (props) {
         // traps CSS margins of the item elements, preventing incorrect item measurements
         var Item = function (props) {
             var _a;
-            var streamMessageIndex = props['data-item-index'] + numItemsPrepended - PREPEND_OFFSET;
-            var message = processedMessages[streamMessageIndex];
-            var groupStyles = messageGroupStyles[message.id] || '';
-            return (React__default["default"].createElement("div", __assign({}, props, { className: (customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualMessage) ||
+            var _b;
+            var context = props.context;
+            var streamMessageIndex = props['data-item-index'] + context.numItemsPrepended - PREPEND_OFFSET;
+            var message = context.processedMessages[streamMessageIndex];
+            var groupStyles = context.messageGroupStyles[message.id] || '';
+            return (React__default["default"].createElement("div", __assign({}, props, { className: ((_b = context === null || context === void 0 ? void 0 : context.customClasses) === null || _b === void 0 ? void 0 : _b.virtualMessage) ||
                     clsx('str-chat__virtual-list-message-wrapper str-chat__li', (_a = {},
                         _a["str-chat__li--".concat(groupStyles)] = groupStyles,
                         _a)) })));
         };
         return Item;
-    }, [
-        customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualMessage,
-        numItemsPrepended,
-        // processedMessages were incorrectly rebuilt with a new object identity at some point, hence the .length usage
-        processedMessages.length,
-    ]);
+    }, []);
     var virtuosoComponents = React.useMemo(function () {
         var EmptyPlaceholder = function () { return (React__default["default"].createElement(React__default["default"].Fragment, null, EmptyStateIndicator$1 && (React__default["default"].createElement(EmptyStateIndicator$1, { listType: threadList ? 'thread' : 'message' })))); };
         var Header = function () {
@@ -35701,6 +35698,11 @@ var VirtualizedMessageListWithContext = function (props) {
             React__default["default"].createElement("div", { className: (customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualizedMessageList) || 'str-chat__virtual-list' },
                 React__default["default"].createElement(reactVirtuoso.Virtuoso, __assign({ atBottomStateChange: atBottomStateChange, atBottomThreshold: 200, className: 'str-chat__message-list-scroll', components: virtuosoComponents, computeItemKey: function (index) {
                         return processedMessages[numItemsPrepended + index - PREPEND_OFFSET].id;
+                    }, context: {
+                        customClasses: customClasses,
+                        messageGroupStyles: messageGroupStyles,
+                        numItemsPrepended: numItemsPrepended,
+                        processedMessages: processedMessages,
                     }, endReached: endReached, firstItemIndex: PREPEND_OFFSET - numItemsPrepended, followOutput: followOutput, increaseViewportBy: { bottom: 200, top: 0 }, initialTopMostItemIndex: calculateInitialTopMostItemIndex(processedMessages, highlightedMessageId), itemContent: function (i) { return messageRenderer(processedMessages, i); }, itemSize: fractionalItemSize, key: messageSetKey, overscan: overscan, ref: virtuoso, startReached: startReached, style: { overflowX: 'hidden' }, totalCount: processedMessages.length }, additionalVirtuosoProps, (scrollSeekPlaceHolder ? { scrollSeek: scrollSeekPlaceHolder } : {}), (defaultItemHeight ? { defaultItemHeight: defaultItemHeight } : {}))))),
         React__default["default"].createElement(MessageListNotifications$1, { hasNewMessages: newMessagesNotification, isMessageListScrolledToBottom: isMessageListScrolledToBottom, isNotAtLatestMessageSet: hasMoreNewer, MessageNotification: MessageNotification$1, notifications: notifications, scrollToBottom: scrollToBottom, threadList: threadList }),
         giphyPreviewMessage && React__default["default"].createElement(GiphyPreviewMessage$1, { message: giphyPreviewMessage })));