@jetbrains/ring-ui 5.0.145 → 5.0.147

package/dist/message/message.js

@@ -120,10 +120,12 @@ class Message extends Component {
   popup;
   node;
   popupRef = el => {
+    var _this$popup;
     this.popup = el;
-    this.node = this.popup?.node;
+    this.node = (_this$popup = this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
   };
   getTailOffset() {
+    var _this$popup2;
     const DEFAULT_OFFSET = 32;
     const {
       popupProps
@@ -131,14 +133,14 @@ class Message extends Component {
     if (this.props.tailOffset != null) {
       return this.props.tailOffset;
     }
-    const anchor = popupProps?.anchorElement || this.popup?.parent;
+    const anchor = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === void 0 ? void 0 : _this$popup2.parent);
     if (!anchor) {
       return DEFAULT_OFFSET;
     }
     const offset = Math.floor(anchor.offsetWidth / 2);
     const isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
-    if (popupProps?.left && isOpenedToRight) {
-      return offset - popupProps?.left;
+    if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
+      return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
     }
     return offset;
   }
@@ -197,10 +199,10 @@ class Message extends Component {
           className: modules_8b837449.button,
           onClick: onClose,
           primary: true
-        }, buttonProps), (_translations$gotIt = translations?.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')), onDismiss && /*#__PURE__*/React.createElement(Button, {
+        }, buttonProps), (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')), onDismiss && /*#__PURE__*/React.createElement(Button, {
           onClick: onDismiss,
           text: true
-        }, (_translations$dismiss = translations?.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss'))));
+        }, (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss'))));
       });
     });
   }

package/dist/old-browsers-message/white-list.js

@@ -5,11 +5,11 @@ const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 113", "chrome 112", "chrome 111", "chrome 109", "edge 112", "edge 111", "firefox 111", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.2", "ios_saf 16.1", "safari 16.3", "samsung 20"]) {
+if (!["and_chr 114", "chrome 113", "chrome 112", "chrome 109", "edge 113", "edge 112", "firefox 113", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.1", "opera 98", "safari 16.4", "samsung 20"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-const SUPPORTED = ["and_chr 113", "chrome 112", "chrome 111", "chrome 109", "edge 112", "edge 111", "firefox 111", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.2", "ios_saf 16.1", "safari 16.3", "samsung 20"] || [];
+const SUPPORTED = ["and_chr 114", "chrome 113", "chrome 112", "chrome 109", "edge 113", "edge 112", "firefox 113", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.1", "opera 98", "safari 16.4", "samsung 20"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;

package/dist/pager/pager.js

@@ -115,10 +115,10 @@ class Pager extends PureComponent {
       translate
     } = this.context;
     const data = pageSizes.map(size => {
-      var _this$props$translati;
+      var _this$props$translati, _this$props$translati2;
       return {
         key: size,
-        label: `${size} ${(_this$props$translati = this.props.translations?.perPage) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('perPage')}`
+        label: `${size} ${(_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.perPage) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('perPage')}`
       };
     });
     const selected = data.find(it => it.key === pageSize);
@@ -144,8 +144,9 @@ class Pager extends PureComponent {
       currentPage
     } = this.props;
     if (currentPage !== 1) {
+      var _this$props$onPageCha, _this$props;
       const prevPage = currentPage - 1;
-      this.props.onPageChange?.(prevPage);
+      (_this$props$onPageCha = (_this$props = this.props).onPageChange) === null || _this$props$onPageCha === void 0 ? void 0 : _this$props$onPageCha.call(_this$props, prevPage);
     }
   };
   handleNextClick = () => {
@@ -156,13 +157,15 @@ class Pager extends PureComponent {
     const nextPage = currentPage + 1;
     const total = this.getTotalPages();
     if (currentPage !== total) {
-      this.props.onPageChange?.(nextPage);
+      var _this$props$onPageCha2, _this$props2;
+      (_this$props$onPageCha2 = (_this$props2 = this.props).onPageChange) === null || _this$props$onPageCha2 === void 0 ? void 0 : _this$props$onPageCha2.call(_this$props2, nextPage);
     } else if (this.props.openTotal) {
       onLoadPage(nextPage);
     }
   };
   handlePageChange = memoize(i => event => {
-    this.props.onPageChange?.(i, event);
+    var _this$props$onPageCha3, _this$props3;
+    (_this$props$onPageCha3 = (_this$props3 = this.props).onPageChange) === null || _this$props$onPageCha3 === void 0 ? void 0 : _this$props$onPageCha3.call(_this$props3, i, event);
   });
   handleLoadMore = memoize(i => () => {
     this.props.onLoadPage(i);
@@ -209,7 +212,7 @@ class Pager extends PureComponent {
     }));
   }
   getPagerLinks() {
-    var _this$props$translati2, _this$props$translati3;
+    var _this$props$translati3, _this$props$translati4, _this$props$translati5, _this$props$translati6;
     const {
       translate
     } = this.context;
@@ -223,8 +226,8 @@ class Pager extends PureComponent {
       glyph: chevronLeftIcon,
       key: "icon"
     });
-    const prevText = (_this$props$translati2 = this.props.translations?.previousPage) !== null && _this$props$translati2 !== void 0 ? _this$props$translati2 : translate('previousPage');
-    const nextText = (_this$props$translati3 = this.props.translations?.nextPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('nextPage');
+    const prevText = (_this$props$translati3 = (_this$props$translati4 = this.props.translations) === null || _this$props$translati4 === void 0 ? void 0 : _this$props$translati4.previousPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('previousPage');
+    const nextText = (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.nextPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('nextPage');
     const nextLinkContent = WrapText => [/*#__PURE__*/React.createElement("span", {
       key: "text"
     }, /*#__PURE__*/React.createElement(WrapText, null, nextText)), nextIcon];
@@ -263,7 +266,7 @@ class Pager extends PureComponent {
     return this.props.hrefFunc(page, pageSize);
   }
   getPagerContent() {
-    var _this$props$translati4, _this$props$translati5;
+    var _this$props$translati7, _this$props$translati8, _this$props$translati9, _this$props$translati10;
     const {
       currentPage,
       visiblePagesLimit
@@ -273,7 +276,8 @@ class Pager extends PureComponent {
       translate
     } = this.context;
     if (totalPages < this.props.currentPage) {
-      this.props.onPageChange?.(totalPages);
+      var _this$props$onPageCha4, _this$props4;
+      (_this$props$onPageCha4 = (_this$props4 = this.props).onPageChange) === null || _this$props$onPageCha4 === void 0 ? void 0 : _this$props$onPageCha4.call(_this$props4, totalPages);
     }
     let start = 1;
     let end = totalPages;
@@ -301,10 +305,10 @@ class Pager extends PureComponent {
       buttons.push(this.getButton(i, i, i, i === currentPage));
     }
     const lastPageButtonAvailable = end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
-    return /*#__PURE__*/React.createElement("div", null, this.getPagerLinks(), /*#__PURE__*/React.createElement(ButtonToolbar, null, start > 1 && this.getButton(1, (_this$props$translati4 = this.props.translations?.firstPage) !== null && _this$props$translati4 !== void 0 ? _this$props$translati4 : translate('firstPage')), /*#__PURE__*/React.createElement(ButtonGroup, null, start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/React.createElement(Button, _extends({
+    return /*#__PURE__*/React.createElement("div", null, this.getPagerLinks(), /*#__PURE__*/React.createElement(ButtonToolbar, null, start > 1 && this.getButton(1, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.firstPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('firstPage')), /*#__PURE__*/React.createElement(ButtonGroup, null, start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/React.createElement(Button, _extends({
       href: this.generateHref(end + 1),
       disabled: this.props.loader
-    }, this.getClickProps(this.handleLoadMore(end + 1))), '...')), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati5 = this.props.translations?.lastPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('lastPage'))), this.getPageSizeSelector());
+    }, this.getClickProps(this.handleLoadMore(end + 1))), '...')), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati9 = (_this$props$translati10 = this.props.translations) === null || _this$props$translati10 === void 0 ? void 0 : _this$props$translati10.lastPage) !== null && _this$props$translati9 !== void 0 ? _this$props$translati9 : translate('lastPage'))), this.getPageSizeSelector());
   }
   render() {
     const classes = classNames(modules_1a5f0d42.pager, this.props.className);

package/dist/permissions/permissions__cache.js

@@ -205,7 +205,7 @@ class PermissionCache {
   testPermission(permissionName, projectId) {
     const permissionCache = this.permissionCache;
     const convertedName = this.namesConverter(permissionName);
-    const cachedPermission = permissionCache?.[permissionName] || convertedName && permissionCache?.[convertedName];
+    const cachedPermission = (permissionCache === null || permissionCache === void 0 ? void 0 : permissionCache[permissionName]) || convertedName && (permissionCache === null || permissionCache === void 0 ? void 0 : permissionCache[convertedName]);
     // Hasn't the permission in any project
     if (!cachedPermission) {
       return false;

package/dist/popup/popup.js

@@ -238,7 +238,8 @@ class Popup extends PureComponent {
    * @private
    */
   _onDocumentClick = evt => {
-    if (this.container && evt.target instanceof Node && this.container.contains(evt.target) || !this._listenersEnabled || this.props.dontCloseOnAnchorClick && evt.target instanceof Node && this._getAnchor()?.contains(evt.target)) {
+    var _this$_getAnchor;
+    if (this.container && evt.target instanceof Node && this.container.contains(evt.target) || !this._listenersEnabled || this.props.dontCloseOnAnchorClick && evt.target instanceof Node && (_this$_getAnchor = this._getAnchor()) !== null && _this$_getAnchor !== void 0 && _this$_getAnchor.contains(evt.target)) {
       return;
     }
     this.props.onOutsideClick(evt);

package/dist/popup/position.js

@@ -242,7 +242,7 @@ function position(attrs) {
       anchorRect,
       maxHeight,
       direction: chosenDirection,
-      popupScrollHeight: (_popup$scrollHeight = popup?.scrollHeight) !== null && _popup$scrollHeight !== void 0 ? _popup$scrollHeight : 0,
+      popupScrollHeight: (_popup$scrollHeight = popup === null || popup === void 0 ? void 0 : popup.scrollHeight) !== null && _popup$scrollHeight !== void 0 ? _popup$scrollHeight : 0,
       scroll
     });
   }

package/dist/query-assist/query-assist.js

@@ -287,8 +287,9 @@ class QueryAssist extends Component {
     }
     if (typeof query === 'string' && queryChanged && query !== this.immediateState.query) {
       this.immediateState.query = query;
-      if (prevProps.autoOpen && query?.length > 0) {
-        this.requestData?.();
+      if (prevProps.autoOpen && (query === null || query === void 0 ? void 0 : query.length) > 0) {
+        var _this$requestData;
+        (_this$requestData = this.requestData) === null || _this$requestData === void 0 ? void 0 : _this$requestData.call(this);
       } else if (query) {
         this.requestStyleRanges();
       }
@@ -350,26 +351,30 @@ class QueryAssist extends Component {
       }
       if (_this.immediateState.focus && !_this.props.disabled) {
         if (typeof _this.immediateState.selection === 'number' && Number.isInteger(_this.immediateState.selection) && _this.immediateState.selection > -1) {
+          var _this$caret;
           // Set to end of field value if newCaretPosition is inappropriate
-          _this.caret?.setPosition(newCaretPosition >= 0 ? newCaretPosition : -1);
+          (_this$caret = _this.caret) === null || _this$caret === void 0 ? void 0 : _this$caret.setPosition(newCaretPosition >= 0 ? newCaretPosition : -1);
           _this.scrollInput();
         } else if (_this.immediateState.selection && typeof _this.immediateState.selection === 'object' && _this.immediateState.selection.startOffset !== undefined) {
-          _this.caret?.setPosition(_this.immediateState.selection);
+          var _this$caret2;
+          (_this$caret2 = _this.caret) === null || _this$caret2 === void 0 ? void 0 : _this$caret2.setPosition(_this.immediateState.selection);
         } else if (_this.immediateState.selection === undefined || params.forceSetCaret) {
-          _this.caret?.setPosition(-1);
+          var _this$caret3;
+          (_this$caret3 = _this.caret) === null || _this$caret3 === void 0 ? void 0 : _this$caret3.setPosition(-1);
         }
       }
     };
   })();
   scrollInput() {
-    const caretOffset = this.caret?.getOffset();
-    if (this.input?.clientWidth !== this.input?.scrollWidth && caretOffset != null && this.input?.clientWidth != null && caretOffset > this.input.clientWidth) {
+    var _this$caret4, _this$input, _this$input2, _this$input3;
+    const caretOffset = (_this$caret4 = this.caret) === null || _this$caret4 === void 0 ? void 0 : _this$caret4.getOffset();
+    if (((_this$input = this.input) === null || _this$input === void 0 ? void 0 : _this$input.clientWidth) !== ((_this$input2 = this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.scrollWidth) && caretOffset != null && ((_this$input3 = this.input) === null || _this$input3 === void 0 ? void 0 : _this$input3.clientWidth) != null && caretOffset > this.input.clientWidth) {
       this.input.scrollLeft += caretOffset;
     }
   }
   getQuery() {
-    var _this$input$textConte;
-    return (_this$input$textConte = this.input?.textContent?.replace(/\s/g, ' ')) !== null && _this$input$textConte !== void 0 ? _this$input$textConte : '';
+    var _this$input$textConte, _this$input4, _this$input4$textCont;
+    return (_this$input$textConte = (_this$input4 = this.input) === null || _this$input4 === void 0 ? void 0 : (_this$input4$textCont = _this$input4.textContent) === null || _this$input4$textCont === void 0 ? void 0 : _this$input4$textCont.replace(/\s/g, ' ')) !== null && _this$input$textConte !== void 0 ? _this$input$textConte : '';
   }
   isRenderingGlassOrLoader() {
     const renderLoader = this.props.loader !== false && this.state.loading;
@@ -387,13 +392,13 @@ class QueryAssist extends Component {
   };
   isComposing;
   handleInput = e => {
-    var _currentCaret$positio;
+    var _this$caret5, _currentCaret$positio;
     this.togglePlaceholder();
-    const currentCaret = this.caret?.getPosition();
+    const currentCaret = (_this$caret5 = this.caret) === null || _this$caret5 === void 0 ? void 0 : _this$caret5.getPosition();
     const props = {
       dirty: true,
       query: this.getQuery(),
-      caret: typeof currentCaret === 'number' ? currentCaret : (_currentCaret$positio = currentCaret?.position) !== null && _currentCaret$positio !== void 0 ? _currentCaret$positio : 0,
+      caret: typeof currentCaret === 'number' ? currentCaret : (_currentCaret$positio = currentCaret === null || currentCaret === void 0 ? void 0 : currentCaret.position) !== null && _currentCaret$positio !== void 0 ? _currentCaret$positio : 0,
       focus: true
     };
     if (this.immediateState.query === props.query && !this.isComposing) {
@@ -423,7 +428,8 @@ class QueryAssist extends Component {
     }
     this.props.onChange(props);
     if (this.props.autoOpen === 'force' || props.query.length > 0) {
-      this.requestData?.();
+      var _this$requestData2;
+      (_this$requestData2 = this.requestData) === null || _this$requestData2 === void 0 ? void 0 : _this$requestData2.call(this);
     }
   };
   // It's necessary to prevent new element creation before any other hooks
@@ -451,17 +457,18 @@ class QueryAssist extends Component {
   setState = (state, resolve) => {
     super.setState(state, () => {
       this._pushHistory(state);
-      resolve?.();
+      resolve === null || resolve === void 0 ? void 0 : resolve();
     });
   };
   _pushHistory(state) {
+    var _this$historyStack$;
     const queryIsSet = ('query' in state);
-    const queryIsSame = this.historyStack[0]?.query === state.query;
+    const queryIsSame = ((_this$historyStack$ = this.historyStack[0]) === null || _this$historyStack$ === void 0 ? void 0 : _this$historyStack$.query) === state.query;
     if (queryIsSet && !queryIsSame) {
-      var _this$caret$getPositi;
+      var _this$caret$getPositi, _this$caret6;
       this.historyStack.unshift({
         query: state.query,
-        caret: (_this$caret$getPositi = this.caret?.getPosition({
+        caret: (_this$caret$getPositi = (_this$caret6 = this.caret) === null || _this$caret6 === void 0 ? void 0 : _this$caret6.getPosition({
           avoidFocus: true
         })) !== null && _this$caret$getPositi !== void 0 ? _this$caret$getPositi : -1
       });
@@ -475,7 +482,8 @@ class QueryAssist extends Component {
     this.setState({
       query: previous.query
     }, () => {
-      this.caret?.setPosition(previous.caret);
+      var _this$caret7;
+      (_this$caret7 = this.caret) === null || _this$caret7 === void 0 ? void 0 : _this$caret7.setPosition(previous.caret);
       this.handleInput(e);
     });
   };
@@ -489,18 +497,19 @@ class QueryAssist extends Component {
     }
   };
   handleCaretMove = e => {
-    var _currentCaret$positio2;
+    var _this$caret8, _currentCaret$positio2;
     if (this.isComposing) {
       return;
     }
-    const currentCaret = this.caret?.getPosition();
-    const caret = typeof currentCaret === 'number' ? currentCaret : (_currentCaret$positio2 = currentCaret?.position) !== null && _currentCaret$positio2 !== void 0 ? _currentCaret$positio2 : 0;
+    const currentCaret = (_this$caret8 = this.caret) === null || _this$caret8 === void 0 ? void 0 : _this$caret8.getPosition();
+    const caret = typeof currentCaret === 'number' ? currentCaret : (_currentCaret$positio2 = currentCaret === null || currentCaret === void 0 ? void 0 : currentCaret.position) !== null && _currentCaret$positio2 !== void 0 ? _currentCaret$positio2 : 0;
     const popupHidden = !this.state.showPopup && e.type === 'click';
     if (!this.props.disabled && (caret !== this.immediateState.caret || popupHidden)) {
       this.immediateState.caret = caret;
       this.scrollInput();
       if (this.immediateState.query.length > 0) {
-        this.requestData?.();
+        var _this$requestData3;
+        (_this$requestData3 = this.requestData) === null || _this$requestData3 === void 0 ? void 0 : _this$requestData3.call(this);
       }
     }
     if (this.immediateState.query.length < 1) {
@@ -528,6 +537,7 @@ class QueryAssist extends Component {
       let afterCompletion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       return new Promise((resolve, reject) => {
         if (query === _this2.getQuery() && (caret === _this2.immediateState.caret || _this2.immediateState.caret === undefined)) {
+          var _this2$caret;
           // Do not setState on unmounted component
           if (!_this2.node) {
             return;
@@ -545,7 +555,7 @@ class QueryAssist extends Component {
           if (!deepEqual(_this2.state.styleRanges, styleRanges)) {
             state.styleRanges = styleRanges;
           }
-          _this2.immediateState.selection = _this2.caret?.getPosition({
+          _this2.immediateState.selection = (_this2$caret = _this2.caret) === null || _this2$caret === void 0 ? void 0 : _this2$caret.getPosition({
             avoidFocus: true
           });
           _this2.setState(state, resolve);
@@ -567,7 +577,7 @@ class QueryAssist extends Component {
     return this.props.onApply(this.immediateState);
   };
   handleComplete = (data, replace) => {
-    var _suggestion$caret, _suggestion$caret2;
+    var _suggestion$caret, _suggestion$caret2, _this$requestData4;
     if (!data || !data.data) {
       this.handleApply();
       return;
@@ -605,7 +615,7 @@ class QueryAssist extends Component {
       this.setCaretPosition();
     }
     this.closePopup();
-    this.requestData?.(true);
+    (_this$requestData4 = this.requestData) === null || _this$requestData4 === void 0 ? void 0 : _this$requestData4.call(this, true);
   };
   requestStyleRanges = () => {
     const {
@@ -675,8 +685,8 @@ class QueryAssist extends Component {
     const completionStartNode = inputChildren && typeof completionStart === 'number' && inputChildren[Math.min(completionStart, inputChildren.length - 1)];
     let offset = completionStartNode && getRect(completionStartNode).right - getRect(this.input).left;
     if (!offset) {
-      var _this$caret$getOffset;
-      const caret = (_this$caret$getOffset = this.caret?.getOffset()) !== null && _this$caret$getOffset !== void 0 ? _this$caret$getOffset : 0;
+      var _this$caret$getOffset, _this$caret9;
+      const caret = (_this$caret$getOffset = (_this$caret9 = this.caret) === null || _this$caret9 === void 0 ? void 0 : _this$caret9.getOffset()) !== null && _this$caret$getOffset !== void 0 ? _this$caret$getOffset : 0;
       // Do not compensate caret in the beginning of field
       if (caret === 0) {
         return minOffset;
@@ -690,7 +700,8 @@ class QueryAssist extends Component {
   handleCtrlSpace = e => {
     preventDefault(e);
     if (!this.state.showPopup) {
-      this.requestData?.();
+      var _this$requestData5;
+      (_this$requestData5 = this.requestData) === null || _this$requestData5 === void 0 ? void 0 : _this$requestData5.call(this);
     }
   };
   trackPopupMouseState = e => {
@@ -726,7 +737,8 @@ class QueryAssist extends Component {
   blurInput() {
     this.immediateState.selection = null;
     if (!this.props.focus) {
-      this.caret?.target.blur();
+      var _this$caret10;
+      (_this$caret10 = this.caret) === null || _this$caret10 === void 0 ? void 0 : _this$caret10.target.blur();
     }
   }
   /**
@@ -873,14 +885,14 @@ class QueryAssist extends Component {
       actions.push( /*#__PURE__*/React.createElement(I18nContext.Consumer, {
         key: 'clearAction'
       }, _ref6 => {
-        var _this$props$translati;
+        var _this$props$translati, _this$props$translati2;
         let {
           translate
         } = _ref6;
         return /*#__PURE__*/React.createElement(Button, {
           icon: closeIcon,
           className: modules_da7ab055.clear,
-          title: (_this$props$translati = this.props.translations?.clearTitle) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('clearTitle'),
+          title: (_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.clearTitle) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('clearTitle'),
           ref: this.clearRef,
           onClick: this.clearQuery,
           "data-test": "query-assist-clear-icon"
@@ -938,7 +950,7 @@ class QueryAssist extends Component {
       }), renderGlass && !huge && /*#__PURE__*/React.createElement(Icon, {
         glyph: searchIcon,
         className: modules_da7ab055.icon,
-        title: (_translations$searchT = translations?.searchTitle) !== null && _translations$searchT !== void 0 ? _translations$searchT : translate('searchTitle'),
+        title: (_translations$searchT = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT !== void 0 ? _translations$searchT : translate('searchTitle'),
         ref: this.glassRef,
         "data-test": "query-assist-search-icon"
       }), renderLoader && /*#__PURE__*/React.createElement("div", {
@@ -948,7 +960,7 @@ class QueryAssist extends Component {
         }),
         ref: this.loaderRef
       }, /*#__PURE__*/React.createElement(LoaderInline, null)), /*#__PURE__*/React.createElement(ContentEditable, {
-        "aria-label": (_translations$searchT2 = translations?.searchTitle) !== null && _translations$searchT2 !== void 0 ? _translations$searchT2 : translate('searchTitle'),
+        "aria-label": (_translations$searchT2 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT2 !== void 0 ? _translations$searchT2 : translate('searchTitle'),
         className: inputClasses,
         "data-test": "ring-query-assist-input",
         inputRef: this.inputRef,
@@ -1001,7 +1013,7 @@ class QueryAssist extends Component {
       }, /*#__PURE__*/React.createElement(Icon, {
         glyph: searchIcon,
         className: modules_da7ab055.rightSearchIcon,
-        title: (_translations$searchT3 = translations?.searchTitle) !== null && _translations$searchT3 !== void 0 ? _translations$searchT3 : translate('searchTitle'),
+        title: (_translations$searchT3 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT3 !== void 0 ? _translations$searchT3 : translate('searchTitle'),
         onClick: this.handleApply,
         ref: this.glassRef,
         "data-test": "query-assist-search-icon"

package/dist/select/select.js

@@ -149,15 +149,17 @@ function getListItems(props, state, rawFilterString) {
       ...data[i]
     };
     if (check(item, lowerCaseString, data)) {
+      var _state$multipleMap2;
       exactMatch = item.label === filterString;
       if (props.multiple && !(typeof props.multiple === 'object' && props.multiple.removeSelectedItems)) {
-        item.checkbox = !!state.multipleMap?.[item.key];
+        var _state$multipleMap;
+        item.checkbox = !!((_state$multipleMap = state.multipleMap) !== null && _state$multipleMap !== void 0 && _state$multipleMap[item.key]);
       }
       if (props.multiple && typeof props.multiple === 'object' && props.multiple.limit && Array.isArray(state.selected)) {
         item.disabled = props.multiple.limit === state.selected.length && !state.selected.find(selectedItem => selectedItem.key === item.key);
       }
       // Ignore item if it's multiple and is already selected
-      if (!(props.multiple && typeof props.multiple === 'object' && props.multiple.removeSelectedItems && state.multipleMap?.[item.key])) {
+      if (!(props.multiple && typeof props.multiple === 'object' && props.multiple.removeSelectedItems && (_state$multipleMap2 = state.multipleMap) !== null && _state$multipleMap2 !== void 0 && _state$multipleMap2[item.key])) {
         filteredData.push(item);
       }
     }
@@ -392,6 +394,7 @@ class Select extends Component {
     });
   };
   _blurHandler = () => {
+    var _this$_popup;
     this.props.onBlur();
     if (this._popup && this._popup.isVisible() && !this._popup.isClickingPopup) {
       window.setTimeout(() => {
@@ -400,7 +403,7 @@ class Select extends Component {
         });
       });
     }
-    if (!this._popup?.isClickingPopup) {
+    if (!((_this$_popup = this._popup) !== null && _this$_popup !== void 0 && _this$_popup.isClickingPopup)) {
       this.setState({
         shortcutsEnabled: false,
         focused: false
@@ -418,17 +421,19 @@ class Select extends Component {
     }
   };
   _onEnter = () => {
+    var _this$_popup2;
     if (this.state.addButton && this.state.shownData.length === 0) {
       this.addHandler();
     }
     this.props.onDone();
-    if (!this._popup?.isVisible() && this.props.allowAny) {
+    if (!((_this$_popup2 = this._popup) !== null && _this$_popup2 !== void 0 && _this$_popup2.isVisible()) && this.props.allowAny) {
       return true;
     }
     return undefined;
   };
   _onEsc = event => {
-    if (!this._popup?.isVisible()) {
+    var _this$_popup3;
+    if (!((_this$_popup3 = this._popup) !== null && _this$_popup3 !== void 0 && _this$_popup3.isVisible())) {
       return true;
     } else if (this.props.multiple || !this.props.getInitial) {
       return false;
@@ -672,6 +677,7 @@ class Select extends Component {
     this._setFilter(e.currentTarget.value, e);
   };
   _setFilter = (value, event) => {
+    var _this$_popup4;
     if (this.isInputMode() && !this.state.focused) {
       return;
     }
@@ -693,7 +699,7 @@ class Select extends Component {
         this.props.onChange(fakeSelected, event);
       });
     }
-    !this._popup?.isVisible() && this.props.onBeforeOpen();
+    !((_this$_popup4 = this._popup) !== null && _this$_popup4 !== void 0 && _this$_popup4.isVisible()) && this.props.onBeforeOpen();
     this.setState({
       filterValue
     }, () => {
@@ -899,7 +905,7 @@ class Select extends Component {
     } = this.props;
     const icons = [];
     const height = this.props.height || this.context;
-    if (!Array.isArray(selected) && selected?.icon) {
+    if (!Array.isArray(selected) && selected !== null && selected !== void 0 && selected.icon) {
       icons.push( /*#__PURE__*/React.createElement("button", {
         title: "Toggle options popup",
         type: "button",
@@ -939,7 +945,8 @@ class Select extends Component {
     return icons;
   }
   _getAvatar() {
-    return !Array.isArray(this.state.selected) && (this.state.selected?.avatar || this.state.selected?.showGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
+    var _this$state$selected, _this$state$selected2;
+    return !Array.isArray(this.state.selected) && (((_this$state$selected = this.state.selected) === null || _this$state$selected === void 0 ? void 0 : _this$state$selected.avatar) || ((_this$state$selected2 = this.state.selected) === null || _this$state$selected2 === void 0 ? void 0 : _this$state$selected2.showGeneratedAvatar)) && /*#__PURE__*/React.createElement(Avatar, {
       className: modules_9d0de074.avatar,
       url: this.state.selected.avatar,
       username: this.state.selected.username,
@@ -964,7 +971,7 @@ class Select extends Component {
     };
   }
   renderSelect(activeItemId) {
-    var _this$props$label3, _this$props$label4, _this$props$buttonCla;
+    var _this$props$label3, _this$props$label4, _this$_popup5, _this$_popup5$list, _this$props$buttonCla;
     const dataTest = this.props['data-test'];
     const {
       selectedLabel
@@ -1021,7 +1028,7 @@ class Select extends Component {
           "data-test": "ring-select__focus",
           enableShortcuts: shortcutsEnabled ? Object.keys({
             ...this.getShortcutsMap(),
-            ...this._popup?.list?.shortcutsMap
+            ...((_this$_popup5 = this._popup) === null || _this$_popup5 === void 0 ? void 0 : (_this$_popup5$list = _this$_popup5.list) === null || _this$_popup5$list === void 0 ? void 0 : _this$_popup5$list.shortcutsMap)
           }) : undefined,
           afterInput: this.props.type === Type.INPUT && iconsNode
         })), this._renderPopup()), this.props.error && /*#__PURE__*/React.createElement("div", {

package/dist/select/select__popup.js

@@ -114,7 +114,10 @@ class SelectPopup extends PureComponent {
   isClickingPopup = false; // This flag is set to true while an item in the popup is being clicked
   filter;
   focusFilter() {
-    setTimeout(() => this.filter?.focus());
+    setTimeout(() => {
+      var _this$filter;
+      return (_this$filter = this.filter) === null || _this$filter === void 0 ? void 0 : _this$filter.focus();
+    });
   }
   isEventTargetFilter(event) {
     return event.target instanceof Element && event.target.matches('input,textarea');
@@ -218,7 +221,10 @@ class SelectPopup extends PureComponent {
   tabPress = event => {
     this.props.onCloseAttempt(event, true);
   };
-  onClickHandler = () => this.filter?.focus();
+  onClickHandler = () => {
+    var _this$filter2;
+    return (_this$filter2 = this.filter) === null || _this$filter2 === void 0 ? void 0 : _this$filter2.focus();
+  };
   getFilter() {
     if (this.props.filter || this.props.tags) {
       return /*#__PURE__*/React.createElement("div", {
@@ -335,6 +341,7 @@ class SelectPopup extends PureComponent {
     }
   };
   getSelectAll = () => {
+    var _multiple$renderSelec;
     const multiple = this.props.multiple;
     const activeFilters = this.props.data.filter(item => !item.disabled);
     return Array.isArray(this.props.selected) && /*#__PURE__*/React.createElement("div", {
@@ -343,7 +350,7 @@ class SelectPopup extends PureComponent {
       text: true,
       inline: true,
       onClick: this.handleSelectAll
-    }, activeFilters.length !== this.props.selected.length ? multiple.selectAllLabel || 'Select all' : multiple.deselectAllLabel || 'Deselect all'), multiple.renderSelectedItemsDescription?.(this.props.selected, activeFilters.length) || /*#__PURE__*/React.createElement(Text, {
+    }, activeFilters.length !== this.props.selected.length ? multiple.selectAllLabel || 'Select all' : multiple.deselectAllLabel || 'Deselect all'), ((_multiple$renderSelec = multiple.renderSelectedItemsDescription) === null || _multiple$renderSelec === void 0 ? void 0 : _multiple$renderSelec.call(multiple, this.props.selected, activeFilters.length)) || /*#__PURE__*/React.createElement(Text, {
       info: true
     }, `${this.props.selected.length} selected`));
   };

package/dist/select-ng/select-ng.js

@@ -408,7 +408,8 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         }
       }
       function reRenderSelect(props) {
-        if (ctrl.selectInstance?.node) {
+        var _ctrl$selectInstance;
+        if ((_ctrl$selectInstance = ctrl.selectInstance) !== null && _ctrl$selectInstance !== void 0 && _ctrl$selectInstance.node) {
           ctrl.selectInstance.rerender({
             ...props,
             ref: selectRef

package/dist/select-ng/select-ng__lazy.js

@@ -141,8 +141,9 @@ class SelectLazy {
     if (this.type === 'dropdown') {
       render( /*#__PURE__*/cloneElement(this.reactSelect, {
         ref: node => {
+          var _node$_openPopupIfClo;
           this.selectRef(node);
-          node?._openPopupIfClosed?.();
+          node === null || node === void 0 ? void 0 : (_node$_openPopupIfClo = node._openPopupIfClosed) === null || _node$_openPopupIfClo === void 0 ? void 0 : _node$_openPopupIfClo.call(node);
         }
       }), this.container);
     } else {

package/dist/shortcuts/core.js

@@ -158,7 +158,8 @@ class Shortcuts {
     };
   }
   hasKey(key, scope) {
-    return !!this._scopes[scope]?.[key];
+    var _this$_scopes$scope;
+    return !!((_this$_scopes$scope = this._scopes[scope]) !== null && _this$_scopes$scope !== void 0 && _this$_scopes$scope[key]);
   }
   _defaultFilter = (e, element, key) => {
     // if the element or its parents have the class "ring-js-shortcuts" then no need to stop

package/dist/shortcuts/shortcuts.d.ts

@@ -24,5 +24,5 @@ export default class Shortcuts extends PureComponent<ShortcutsProps> {
     componentWillUnmount(): void;
     turnShorcutsOn(): void;
     turnShorcutsOff(): void;
-    render(): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | null;
+    render(): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null;
 }