stream-chat-react 10.8.0 → 10.8.1

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":"AAkBA;IACE;;;;;;;MAOE;IA2WF;;OAEG;IACH;;;aAMC;IAlXD,wBA4BC;IAZC;;;;;;;;;;;MAWC;IAGH;;;aAOE;IAEF,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,yCAiBE;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;IA2WF;;OAEG;IACH;;;aAMC;IAlXD,wBA4BC;IAZC;;;;;;;;;;;MAWC;IAGH;;;aAOE;IAEF,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"}

package/dist/components/AutoCompleteTextarea/Textarea.js

@@ -45,6 +45,7 @@ import { List as DefaultSuggestionList } from './List';
 import { DEFAULT_CARET_POSITION, defaultScrollToItem, errorMessage, triggerPropsCheck, } from './utils';
 import { CommandItem } from '../CommandItem';
 import { UserItem } from '../UserItem';
+import { isSafari } from '../../utils/browsers';
 var ReactTextareaAutocomplete = /** @class */ (function (_super) {
     __extends(ReactTextareaAutocomplete, _super);
     function ReactTextareaAutocomplete(props) {
@@ -445,7 +446,14 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
             // that was actually clicked. If we clicked inside the auto-select dropdown, then
             // that's not a blur, from the auto-select point of view, so then do nothing.
             var el = e.relatedTarget;
-            if (_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el)) {
+            // If this is a blur event in Safari, then relatedTarget is never a dropdown item, but a common parent
+            // of textarea and dropdown container. That means that dropdownRef will not contain its parent and the
+            // autocomplete will be closed before onclick handler can be invoked selecting an item.
+            // It seems that Safari has different implementation determining the relatedTarget node than Chrome and Firefox.
+            // Therefore, if focused away in Safari, the dropdown will be kept rendered until pressing Esc or selecting and item from it.
+            var focusedAwayInSafari = isSafari() && e.type === 'blur';
+            if ((_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el)) ||
+                focusedAwayInSafari) {
                 return;
             }
             if (closeOnClickOutside)

package/dist/index.cjs.js

@@ -24211,6 +24211,12 @@ var UnMemoizedUserItem = function (_a) {
 };
 var UserItem = React__default["default"].memo(UnMemoizedUserItem);
 
+var isSafari = function () {
+    if (typeof navigator === 'undefined')
+        return false;
+    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent || '');
+};
+
 var _excluded$1 = ["onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onScroll", "onSelect"];
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -24588,7 +24594,13 @@ var ReactTextareaAutocomplete = /*#__PURE__*/function (_React$Component) {
       // that was actually clicked. If we clicked inside the auto-select dropdown, then
       // that's not a blur, from the auto-select point of view, so then do nothing.
       var el = e.relatedTarget;
-      if (_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el)) {
+      // If this is a blur event in Safari, then relatedTarget is never a dropdown item, but a common parent
+      // of textarea and dropdown container. That means that dropdownRef will not contain its parent and the
+      // autocomplete will be closed before onclick handler can be invoked selecting an item.
+      // It seems that Safari has different implementation determining the relatedTarget node than Chrome and Firefox.
+      // Therefore, if focused away in Safari, the dropdown will be kept rendered until pressing Esc or selecting and item from it.
+      var focusedAwayInSafari = isSafari() && e.type === 'blur';
+      if (_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el) || focusedAwayInSafari) {
         return;
       }
       if (closeOnClickOutside) _this._closeAutocomplete();
@@ -33764,7 +33776,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.8.0';
+var version = '10.8.1';
 
 var useChat = function (_a) {
     var _b, _c;