stream-chat-react 9.1.0 → 9.1.1

package/dist/index.cjs.js

@@ -1046,6 +1046,8 @@ var Modal = function (props) {
         return function () { return document.removeEventListener('keydown', handleEscKey); };
     }, [onClose, open]);
     var openClasses = open ? 'str-chat__modal--open' : 'str-chat__modal--closed';
+    if (!open)
+        return null;
     return (React__default['default'].createElement("div", { className: "str-chat__modal " + openClasses, onClick: handleClick },
         React__default['default'].createElement("button", { className: 'str-chat__modal__close-button', ref: closeRef, title: 'Close' },
             t('Close'),
@@ -4769,11 +4771,7 @@ var EditMessageForm = function () {
                                 React__default['default'].createElement("span", { className: 'str-chat__input-fileupload' },
                                     React__default['default'].createElement(FileUploadIcon$1, null)))))),
                     React__default['default'].createElement("div", null,
-                        React__default['default'].createElement("button", { onClick: function () {
-                                if (clearEditingState) {
-                                    clearEditingState();
-                                }
-                            } }, t('Cancel')),
+                        React__default['default'].createElement("button", { onClick: clearEditingState }, t('Cancel')),
                         React__default['default'].createElement("button", { type: 'submit' }, t('Send'))))))));
 };
 
@@ -7678,7 +7676,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default['default'].memo(UnMemoizedChannelList);
 
-var version = '9.1.0';
+var version = '9.1.1';
 
 var useChat = function (_a) {
     var _b, _c;
@@ -7990,10 +7988,7 @@ var InfiniteScroll = function (props) {
     var attributes = __assign(__assign({}, elementProps), { ref: function (element) {
             scrollComponent.current = element;
         } });
-    var childrenArray = [children];
-    if (isLoading && loader) {
-        childrenArray.unshift(loader);
-    }
+    var childrenArray = [loader, children];
     return React__default['default'].createElement(element, attributes, childrenArray);
 };
 
@@ -8869,12 +8864,6 @@ var useScrollLocationLogic = function (params) {
     };
 };
 
-var UnMemoizedCenter = function (_a) {
-    var children = _a.children;
-    return (React__default['default'].createElement("div", { className: 'str-chat__list__center' }, children));
-};
-var Center = React__default['default'].memo(UnMemoizedCenter);
-
 var UnMemoizedMessageNotification = function (props) {
     var children = props.children, onClick = props.onClick, _a = props.showNotification, showNotification = _a === void 0 ? true : _a;
     if (!showNotification)
@@ -9029,8 +9018,7 @@ var MessageListWithContext = function (props) {
         }
     }, [highlightedMessageId]);
     return (React__default['default'].createElement(React__default['default'].Fragment, null,
-        React__default['default'].createElement("div", { className: messageListClass + " " + threadListClass, onScroll: onScroll, ref: setListElement, tabIndex: 0 }, !elements.length ? (React__default['default'].createElement(EmptyStateIndicator$1, { listType: 'message' })) : (React__default['default'].createElement(InfiniteScroll, __assign({ className: 'str-chat__reverse-infinite-scroll', "data-testid": 'reverse-infinite-scroll', hasMore: props.hasMore, hasMoreNewer: props.hasMoreNewer, isLoading: props.loadingMore, loader: React__default['default'].createElement(Center, { key: 'loadingindicator' },
-                React__default['default'].createElement(LoadingIndicator$1, { size: 20 })), loadMore: loadMore, loadMoreNewer: loadMoreNewer }, props.internalInfiniteScrollProps),
+        React__default['default'].createElement("div", { className: messageListClass + " " + threadListClass, onScroll: onScroll, ref: setListElement, tabIndex: 0 }, !elements.length ? (React__default['default'].createElement(EmptyStateIndicator$1, { listType: 'message' })) : (React__default['default'].createElement(InfiniteScroll, __assign({ className: 'str-chat__reverse-infinite-scroll', "data-testid": 'reverse-infinite-scroll', hasMore: props.hasMore, hasMoreNewer: props.hasMoreNewer, isLoading: props.loadingMore, loader: React__default['default'].createElement("div", { className: 'str-chat__list__loading', key: 'loadingindicator' }, props.loadingMore && React__default['default'].createElement(LoadingIndicator$1, { size: 20 })), loadMore: loadMore, loadMoreNewer: loadMoreNewer }, props.internalInfiniteScrollProps),
             React__default['default'].createElement("ul", { className: 'str-chat__ul', ref: setUlElement }, elements),
             React__default['default'].createElement(TypingIndicator$1, { threadList: threadList }),
             React__default['default'].createElement("div", { key: 'bottom' })))),