stream-chat-react 10.22.1 → 10.22.3

package/dist/browser.full-bundle.js

@@ -10886,7 +10886,16 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     var ImageGallery = /*@__PURE__*/getDefaultExportFromCjs(imageGallery.exports);
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var ModalGallery = function (props) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var onError = function (e) {
+        // Prevent having alt attribute on img as the img takes the height of the alt text
+        // instead of the CSS / element width & height when the CSS mask (fallback) is applied.
+        e.target.alt = '';
+    };
+    var renderItem = function (_a) {
+        var original = _a.original, originalAlt = _a.originalAlt;
+        return (React__default["default"].createElement(BaseImage, { alt: originalAlt, className: 'image-gallery-image', onError: onError, src: original }));
+    };
+    var ModalGallery = function (props) {
         var images = props.images, index = props.index;
         var t = useTranslationContext('ModalGallery').t;
         var formattedArray = React$2.useMemo(function () {
@@ -10899,7 +10908,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 };
             });
         }, [images]);
-        return (React__default["default"].createElement(ImageGallery, { items: formattedArray, showIndex: true, showPlayButton: false, showThumbnails: false, startIndex: index }));
+        return (React__default["default"].createElement(ImageGallery, { items: formattedArray, renderItem: renderItem, showIndex: true, showPlayButton: false, showThumbnails: false, startIndex: index }));
     };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedGallery = function (props) {
@@ -38632,6 +38641,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           currentTrigger: null,
           data: null,
           dataLoading: false,
+          isComposing: false,
           left: null,
           selectionEnd: 0,
           selectionStart: 0,
@@ -38655,22 +38665,21 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             SuggestionItem = _this$props7.SuggestionItem,
             _this$props7$Suggesti = _this$props7.SuggestionList,
             SuggestionList = _this$props7$Suggesti === void 0 ? List$1 : _this$props7$Suggesti;
+          var isComposing = this.state.isComposing;
           var triggerProps = this.getTriggerProps();
-          if (triggerProps.values && triggerProps.currentTrigger && !(disableMentions && triggerProps.currentTrigger === '@')) {
-            return /*#__PURE__*/React__default["default"].createElement("div", {
-              className: clsx('rta__autocomplete', 'str-chat__suggestion-list-container', dropdownClassName),
-              ref: this.setDropdownRef,
-              style: dropdownStyle
-            }, /*#__PURE__*/React__default["default"].createElement(SuggestionList, _extendsExports({
-              className: clsx('str-chat__suggestion-list', listClassName),
-              dropdownScroll: this._dropdownScroll,
-              itemClassName: clsx('str-chat__suggestion-list-item', itemClassName),
-              itemStyle: itemStyle,
-              onSelect: this._onSelect,
-              SuggestionItem: SuggestionItem
-            }, triggerProps)));
-          }
-          return null;
+          if (isComposing || !triggerProps.values || !triggerProps.currentTrigger || disableMentions && triggerProps.currentTrigger === '@') return null;
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: clsx('rta__autocomplete', 'str-chat__suggestion-list-container', dropdownClassName),
+            ref: this.setDropdownRef,
+            style: dropdownStyle
+          }, /*#__PURE__*/React__default["default"].createElement(SuggestionList, _extendsExports({
+            className: clsx('str-chat__suggestion-list', listClassName),
+            dropdownScroll: this._dropdownScroll,
+            itemClassName: clsx('str-chat__suggestion-list-item', itemClassName),
+            itemStyle: itemStyle,
+            onSelect: this._onSelect,
+            SuggestionItem: SuggestionItem
+          }, triggerProps)));
         }
       }, {
         key: "render",
@@ -38722,6 +38731,20 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
               _this2._onClickAndBlurHandler(e);
               _onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
             },
+            onCompositionEnd: function onCompositionEnd() {
+              return _this2.setState(function (pv) {
+                return _objectSpread(_objectSpread({}, pv), {}, {
+                  isComposing: false
+                });
+              });
+            },
+            onCompositionStart: function onCompositionStart() {
+              return _this2.setState(function (pv) {
+                return _objectSpread(_objectSpread({}, pv), {}, {
+                  isComposing: true
+                });
+              });
+            },
             onFocus: function onFocus(e) {
               var _this2$props$onFocus, _this2$props;
               (_this2$props$onFocus = (_this2$props = _this2.props).onFocus) === null || _this2$props$onFocus === void 0 ? void 0 : _this2$props$onFocus.call(_this2$props, e);
@@ -47781,7 +47804,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.22.1';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.22.3';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;