stream-chat-react 10.22.2 → 10.22.3

package/dist/components/AutoCompleteTextarea/Textarea.d.ts

@@ -21,6 +21,7 @@ export class ReactTextareaAutocomplete extends React.Component<any, any, any> {
         currentTrigger: null;
         data: null;
         dataLoading: boolean;
+        isComposing: boolean;
         left: null;
         selectionEnd: number;
         selectionStart: number;

package/dist/components/AutoCompleteTextarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.jsx"],"names":[],"mappings":"AAmBA;IACE;;;;;;;MAOE;IA6WF;;OAEG;IACH;;;aAMC;IApXD,wBA4BC;IAZC;;;;;;;;;;;MAWC;IAIH;;;aAOE;IAGF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF;;;;;;OAMG;IACH,8CAC6E;IAE7E,qCAUE;IAEF,+BAcE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAYF;;OAEG;IACH,+BAQE;IAEF;;MA6CE;IAEF,mCAME;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCA0BE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,uCAEE;IADA,iBAA0B;IAG5B,oDA2CC;IAED,sBA2EC;IATS,oDAAsB;CAUjC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.jsx"],"names":[],"mappings":"AAmBA;IACE;;;;;;;MAOE;IA8WF;;OAEG;IACH;;;aAMC;IArXD,wBA6BC;IAbC;;;;;;;;;;;;MAYC;IAIH;;;aAOE;IAGF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF;;;;;;OAMG;IACH,8CAC6E;IAE7E,qCAUE;IAEF,+BAcE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAYF;;OAEG;IACH,+BAQE;IAEF;;MA6CE;IAEF,mCAME;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCA0BE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,uCAEE;IADA,iBAA0B;IAG5B,oDA6CC;IAED,sBA6EC;IATS,oDAAsB;CAUjC"}

package/dist/components/AutoCompleteTextarea/Textarea.js

@@ -492,6 +492,7 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
             currentTrigger: null,
             data: null,
             dataLoading: false,
+            isComposing: false,
             left: null,
             selectionEnd: 0,
             selectionStart: 0,
@@ -513,14 +514,15 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
     };
     ReactTextareaAutocomplete.prototype.renderSuggestionListContainer = function () {
         var _a = this.props, disableMentions = _a.disableMentions, dropdownClassName = _a.dropdownClassName, dropdownStyle = _a.dropdownStyle, itemClassName = _a.itemClassName, itemStyle = _a.itemStyle, listClassName = _a.listClassName, SuggestionItem = _a.SuggestionItem, _b = _a.SuggestionList, SuggestionList = _b === void 0 ? DefaultSuggestionList : _b;
+        var isComposing = this.state.isComposing;
         var triggerProps = this.getTriggerProps();
-        if (triggerProps.values &&
-            triggerProps.currentTrigger &&
-            !(disableMentions && triggerProps.currentTrigger === '@')) {
-            return (React.createElement("div", { className: clsx('rta__autocomplete', 'str-chat__suggestion-list-container', dropdownClassName), ref: this.setDropdownRef, style: dropdownStyle },
-                React.createElement(SuggestionList, __assign({ 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 (React.createElement("div", { className: clsx('rta__autocomplete', 'str-chat__suggestion-list-container', dropdownClassName), ref: this.setDropdownRef, style: dropdownStyle },
+            React.createElement(SuggestionList, __assign({ 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))));
     };
     ReactTextareaAutocomplete.prototype.render = function () {
         var _this = this;
@@ -546,7 +548,7 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
                 }, onClick: function (e) {
                     _this._onClickAndBlurHandler(e);
                     onClick === null || onClick === void 0 ? void 0 : onClick(e);
-                }, onFocus: function (e) {
+                }, onCompositionEnd: function () { return _this.setState(function (pv) { return (__assign(__assign({}, pv), { isComposing: false })); }); }, onCompositionStart: function () { return _this.setState(function (pv) { return (__assign(__assign({}, pv), { isComposing: true })); }); }, onFocus: function (e) {
                     var _a, _b;
                     (_b = (_a = _this.props).onFocus) === null || _b === void 0 ? void 0 : _b.call(_a, e);
                     onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);

package/dist/index.cjs.js

@@ -27167,6 +27167,7 @@ var ReactTextareaAutocomplete = /*#__PURE__*/function (_React$Component) {
       currentTrigger: null,
       data: null,
       dataLoading: false,
+      isComposing: false,
       left: null,
       selectionEnd: 0,
       selectionStart: 0,
@@ -27190,22 +27191,21 @@ var ReactTextareaAutocomplete = /*#__PURE__*/function (_React$Component) {
         SuggestionItem = _this$props7.SuggestionItem,
         _this$props7$Suggesti = _this$props7.SuggestionList,
         SuggestionList = _this$props7$Suggesti === void 0 ? List : _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, _extends__default["default"]({
-          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, _extends__default["default"]({
+        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",
@@ -27257,6 +27257,20 @@ var ReactTextareaAutocomplete = /*#__PURE__*/function (_React$Component) {
           _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);
@@ -35169,7 +35183,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.22.2';
+var version = '10.22.3';
 
 var useChat = function (_a) {
     var _b, _c;