@jetbrains/ring-ui 5.0.83 → 5.0.85

package/dist/select/select.js

@@ -148,17 +148,15 @@ 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)) {
-        var _state$multipleMap;
-        item.checkbox = !!((_state$multipleMap = state.multipleMap) !== null && _state$multipleMap !== void 0 && _state$multipleMap[item.key]);
+        item.checkbox = !!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$multipleMap2 = state.multipleMap) !== null && _state$multipleMap2 !== void 0 && _state$multipleMap2[item.key])) {
+      if (!(props.multiple && typeof props.multiple === 'object' && props.multiple.removeSelectedItems && state.multipleMap?.[item.key])) {
         filteredData.push(item);
       }
     }
@@ -264,7 +262,6 @@ class Select extends Component {
       });
     });
     _defineProperty(this, "_blurHandler", () => {
-      var _this$_popup;
       this.props.onBlur();
       if (this._popup && this._popup.isVisible() && !this._popup.isClickingPopup) {
         window.setTimeout(() => {
@@ -273,7 +270,7 @@ class Select extends Component {
           });
         });
       }
-      if (!((_this$_popup = this._popup) !== null && _this$_popup !== void 0 && _this$_popup.isClickingPopup)) {
+      if (!this._popup?.isClickingPopup) {
         this.setState({
           shortcutsEnabled: false,
           focused: false
@@ -291,19 +288,17 @@ class Select extends Component {
       }
     });
     _defineProperty(this, "_onEnter", () => {
-      var _this$_popup2;
       if (this.state.addButton && this.state.shownData.length === 0) {
         this.addHandler();
       }
       this.props.onDone();
-      if (!((_this$_popup2 = this._popup) !== null && _this$_popup2 !== void 0 && _this$_popup2.isVisible()) && this.props.allowAny) {
+      if (!this._popup?.isVisible() && this.props.allowAny) {
         return true;
       }
       return undefined;
     });
     _defineProperty(this, "_onEsc", event => {
-      var _this$_popup3;
-      if (!((_this$_popup3 = this._popup) !== null && _this$_popup3 !== void 0 && _this$_popup3.isVisible())) {
+      if (!this._popup?.isVisible()) {
         return true;
       } else if (this.props.multiple || !this.props.getInitial) {
         return false;
@@ -357,7 +352,6 @@ class Select extends Component {
       this._setFilter(e.currentTarget.value, e);
     });
     _defineProperty(this, "_setFilter", (value, event) => {
-      var _this$_popup4;
       if (this.isInputMode() && !this.state.focused) {
         return;
       }
@@ -379,7 +373,7 @@ class Select extends Component {
           this.props.onChange(fakeSelected, event);
         });
       }
-      !((_this$_popup4 = this._popup) !== null && _this$_popup4 !== void 0 && _this$_popup4.isVisible()) && this.props.onBeforeOpen();
+      !this._popup?.isVisible() && this.props.onBeforeOpen();
       this.setState({
         filterValue
       }, () => {
@@ -858,7 +852,7 @@ class Select extends Component {
     } = this.props;
     const icons = [];
     const height = this.props.height || this.context;
-    if (!Array.isArray(selected) && selected !== null && selected !== void 0 && selected.icon) {
+    if (!Array.isArray(selected) && selected?.icon) {
       icons.push( /*#__PURE__*/React.createElement("button", {
         title: "Toggle options popup",
         type: "button",
@@ -898,8 +892,7 @@ class Select extends Component {
     return icons;
   }
   _getAvatar() {
-    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, {
+    return !Array.isArray(this.state.selected) && (this.state.selected?.avatar || this.state.selected?.showGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
       className: modules_9d0de074.avatar,
       url: this.state.selected.avatar,
       username: this.state.selected.username,
@@ -920,7 +913,7 @@ class Select extends Component {
     };
   }
   renderSelect(activeItemId) {
-    var _this$props$label3, _this$props$label4, _this$_popup5, _this$_popup5$list, _this$props$buttonCla;
+    var _this$props$label3, _this$props$label4, _this$props$buttonCla;
     const dataTest = this.props['data-test'];
     const {
       selectedLabel
@@ -977,7 +970,7 @@ class Select extends Component {
           "data-test": "ring-select__focus",
           enableShortcuts: shortcutsEnabled ? Object.keys({
             ...this.getShortcutsMap(),
-            ...((_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)
+            ...this._popup?.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

@@ -120,10 +120,7 @@ class SelectPopup extends PureComponent {
     _defineProperty(this, "tabPress", event => {
       this.props.onCloseAttempt(event, true);
     });
-    _defineProperty(this, "onClickHandler", () => {
-      var _this$filter;
-      return (_this$filter = this.filter) === null || _this$filter === void 0 ? void 0 : _this$filter.focus();
-    });
+    _defineProperty(this, "onClickHandler", () => this.filter?.focus());
     _defineProperty(this, "handleRemoveTag", memoize(tag => event => this.removeTag(tag, event)));
     _defineProperty(this, "handleTagClick", memoize(tag => () => {
       if (Array.isArray(this.props.selected)) {
@@ -141,7 +138,6 @@ class SelectPopup extends PureComponent {
       }
     });
     _defineProperty(this, "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", {
@@ -150,7 +146,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$renderSelec = multiple.renderSelectedItemsDescription) === null || _multiple$renderSelec === void 0 ? void 0 : _multiple$renderSelec.call(multiple, this.props.selected, activeFilters.length)) || /*#__PURE__*/React.createElement(Text, {
+      }, 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, {
         info: true
       }, `${this.props.selected.length} selected`));
     });
@@ -209,10 +205,7 @@ class SelectPopup extends PureComponent {
     window.document.removeEventListener('mouseup', this.mouseUpHandler);
   }
   focusFilter() {
-    setTimeout(() => {
-      var _this$filter2;
-      return (_this$filter2 = this.filter) === null || _this$filter2 === void 0 ? void 0 : _this$filter2.focus();
-    });
+    setTimeout(() => this.filter?.focus());
   }
   isEventTargetFilter(event) {
     return event.target instanceof Element && event.target.matches('input,textarea');

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

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

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

@@ -138,10 +138,9 @@ class SelectLazy {
   _clickHandler() {
     this.detachEvents();
     if (this.type === 'dropdown') {
-      var _this$selectInstance, _this$selectInstance$;
       render(this.reactSelect, this.container);
       // Hack for React17, where click event is not triggered on just rendered Select node
-      (_this$selectInstance = this.selectInstance) === null || _this$selectInstance === void 0 ? void 0 : (_this$selectInstance$ = _this$selectInstance._openPopupIfClosed) === null || _this$selectInstance$ === void 0 ? void 0 : _this$selectInstance$.call(_this$selectInstance);
+      this.selectInstance?._openPopupIfClosed?.();
     } else {
       hydrate(this.reactSelect, this.container);
     }

package/dist/shortcuts/core.js

@@ -38,7 +38,7 @@ class Shortcuts {
         return false;
       }
       // stop for input, select, and textarea
-      return element.matches('input,select,textarea') || element.contentEditable === 'true';
+      return element.matches('input:not([type=checkbox]),select,textarea') || element.contentEditable === 'true';
     });
     this.setFilter();
     this.setScope();
@@ -167,8 +167,7 @@ class Shortcuts {
     };
   }
   hasKey(key, scope) {
-    var _this$_scopes$scope;
-    return !!((_this$_scopes$scope = this._scopes[scope]) !== null && _this$_scopes$scope !== void 0 && _this$_scopes$scope[key]);
+    return !!this._scopes[scope]?.[key];
   }
   _getKeyboardEventType(params) {
     if (!params.type && sniffr.os.name === 'windows') {

package/dist/tab-trap/tab-trap.js

@@ -63,7 +63,6 @@ class TabTrap extends Component {
       }
     });
     _defineProperty(this, "handleBlurIfWithoutFocus", event => {
-      var _this$node;
       if (!this.trapWithoutFocus) {
         return;
       }
@@ -72,7 +71,7 @@ class TabTrap extends Component {
       if (!newFocused) {
         return;
       }
-      if (newFocused instanceof Element && (_this$node = this.node) !== null && _this$node !== void 0 && _this$node.contains(newFocused)) {
+      if (newFocused instanceof Element && this.node?.contains(newFocused)) {
         return;
       }
       this.focusLast();
@@ -90,9 +89,8 @@ class TabTrap extends Component {
     if (this.props.autoFocusFirst) {
       this.focusFirst();
     } else if (!this.props.trapDisabled && (!this.node || !this.node.contains(this.previousFocusedNode))) {
-      var _this$trapButtonNode;
       this.trapWithoutFocus = true;
-      (_this$trapButtonNode = this.trapButtonNode) === null || _this$trapButtonNode === void 0 ? void 0 : _this$trapButtonNode.focus();
+      this.trapButtonNode?.focus();
     }
   }
   componentWillUnmount() {

package/dist/table/header.js

@@ -63,8 +63,8 @@ class Header extends PureComponent {
   calculateColumnsWidths(columnsRowNode) {
     var _columnsRowNode$child;
     this.setState({
-      headerWidth: columnsRowNode === null || columnsRowNode === void 0 ? void 0 : columnsRowNode.clientWidth,
-      widths: [...((_columnsRowNode$child = columnsRowNode === null || columnsRowNode === void 0 ? void 0 : columnsRowNode.childNodes) !== null && _columnsRowNode$child !== void 0 ? _columnsRowNode$child : [])].map(column => column instanceof Element ? column.clientWidth : 0)
+      headerWidth: columnsRowNode?.clientWidth,
+      widths: [...((_columnsRowNode$child = columnsRowNode?.childNodes) !== null && _columnsRowNode$child !== void 0 ? _columnsRowNode$child : [])].map(column => column instanceof Element ? column.clientWidth : 0)
     });
   }
   createCells() {

package/dist/table/multitable.js

@@ -21,15 +21,12 @@ class MultiTable extends PureComponent {
       const prevTable = tables[tableIndex - 1] ? tables[tableIndex - 1].props : null;
       let newSelection = currentTable.selection.moveUp();
       if (newSelection) {
-        var _currentTable$onSelec;
-        (_currentTable$onSelec = currentTable.onSelect) === null || _currentTable$onSelec === void 0 ? void 0 : _currentTable$onSelec.call(currentTable, newSelection);
+        currentTable.onSelect?.(newSelection);
       } else if (prevTable) {
-        var _currentTable$onSelec2;
-        (_currentTable$onSelec2 = currentTable.onSelect) === null || _currentTable$onSelec2 === void 0 ? void 0 : _currentTable$onSelec2.call(currentTable, currentTable.selection.resetFocus());
+        currentTable.onSelect?.(currentTable.selection.resetFocus());
         newSelection = prevTable.selection.moveUp();
         if (newSelection) {
-          var _prevTable$onSelect;
-          (_prevTable$onSelect = prevTable.onSelect) === null || _prevTable$onSelect === void 0 ? void 0 : _prevTable$onSelect.call(prevTable, newSelection);
+          prevTable.onSelect?.(newSelection);
         }
       }
       return false;
@@ -50,15 +47,12 @@ class MultiTable extends PureComponent {
       const nextTable = tables[tableIndex + 1] ? tables[tableIndex + 1].props : null;
       let newSelection = currentTable.selection.moveDown();
       if (newSelection) {
-        var _currentTable$onSelec3;
-        (_currentTable$onSelec3 = currentTable.onSelect) === null || _currentTable$onSelec3 === void 0 ? void 0 : _currentTable$onSelec3.call(currentTable, newSelection);
+        currentTable.onSelect?.(newSelection);
       } else if (nextTable) {
-        var _currentTable$onSelec4;
-        (_currentTable$onSelec4 = currentTable.onSelect) === null || _currentTable$onSelec4 === void 0 ? void 0 : _currentTable$onSelec4.call(currentTable, currentTable.selection.resetFocus());
+        currentTable.onSelect?.(currentTable.selection.resetFocus());
         newSelection = nextTable.selection.moveDown();
         if (newSelection) {
-          var _nextTable$onSelect;
-          (_nextTable$onSelect = nextTable.onSelect) === null || _nextTable$onSelect === void 0 ? void 0 : _nextTable$onSelect.call(nextTable, newSelection);
+          nextTable.onSelect?.(newSelection);
         }
       }
       return false;
@@ -108,8 +102,7 @@ class MultiTable extends PureComponent {
       const currentSelections = this.props.children.map(element => element.props.selection);
       const currentFocused = currentSelections.filter(selection => selection.getFocused());
       if (currentFocused.includes(prevFocused)) {
-        var _prevProps$children$p, _prevProps$children$p2;
-        (_prevProps$children$p = (_prevProps$children$p2 = prevProps.children[prevFocusedIndex].props).onSelect) === null || _prevProps$children$p === void 0 ? void 0 : _prevProps$children$p.call(_prevProps$children$p2, prevFocused.resetFocus());
+        prevProps.children[prevFocusedIndex].props.onSelect?.(prevFocused.resetFocus());
       }
     }
   }

package/dist/table/row-with-focus-sensor.js

@@ -50,20 +50,16 @@ class RowWithFocusSensorCallbacks extends PureComponent {
     super(...arguments);
     _defineProperty(this, "RowWithFocusSensor", getContainer());
     _defineProperty(this, "onFocus", () => {
-      var _this$props$onFocus, _this$props;
-      (_this$props$onFocus = (_this$props = this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props, this.props.item);
+      this.props.onFocus?.(this.props.item);
     });
     _defineProperty(this, "onSelect", (item, selected) => {
-      var _this$props$onSelect, _this$props2;
-      (_this$props$onSelect = (_this$props2 = this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props2, item, selected);
+      this.props.onSelect?.(item, selected);
     });
     _defineProperty(this, "onCollapse", () => {
-      var _this$props$onCollaps, _this$props3;
-      (_this$props$onCollaps = (_this$props3 = this.props).onCollapse) === null || _this$props$onCollaps === void 0 ? void 0 : _this$props$onCollaps.call(_this$props3, this.props.item);
+      this.props.onCollapse?.(this.props.item);
     });
     _defineProperty(this, "onExpand", () => {
-      var _this$props$onExpand, _this$props4;
-      (_this$props$onExpand = (_this$props4 = this.props).onExpand) === null || _this$props$onExpand === void 0 ? void 0 : _this$props$onExpand.call(_this$props4, this.props.item);
+      this.props.onExpand?.(this.props.item);
     });
   }
   render() {

package/dist/table/selection-shortcuts-hoc.js

@@ -30,7 +30,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         } = this.props;
         const newSelection = selection.moveUp();
         if (newSelection) {
-          onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+          onSelect?.(newSelection);
         }
         return false;
       });
@@ -41,7 +41,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         } = this.props;
         const newSelection = selection.moveDown();
         if (newSelection) {
-          onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+          onSelect?.(newSelection);
         }
         return false;
       });
@@ -76,9 +76,9 @@ function selectionShortcutsHOC(ComposedComponent) {
         const newSelection = this.shiftSelect(selection);
         const newMovedSelection = newSelection.moveUp();
         if (newMovedSelection) {
-          onSelect === null || onSelect === void 0 ? void 0 : onSelect(newMovedSelection);
+          onSelect?.(newMovedSelection);
         } else {
-          onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+          onSelect?.(newSelection);
         }
       });
       _defineProperty(this, "onShiftDownPress", e => {
@@ -94,9 +94,9 @@ function selectionShortcutsHOC(ComposedComponent) {
         const newSelection = this.shiftSelect(selection);
         const newMovedSelection = newSelection.moveDown();
         if (newMovedSelection) {
-          onSelect === null || onSelect === void 0 ? void 0 : onSelect(newMovedSelection);
+          onSelect?.(newMovedSelection);
         } else {
-          onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+          onSelect?.(newSelection);
         }
       });
       _defineProperty(this, "onHomePress", () => {
@@ -106,7 +106,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         } = this.props;
         const newSelection = selection.moveStart();
         if (newSelection) {
-          onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+          onSelect?.(newSelection);
         }
         return false;
       });
@@ -117,7 +117,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         } = this.props;
         const newSelection = selection.moveEnd();
         if (newSelection) {
-          onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+          onSelect?.(newSelection);
         }
         return false;
       });
@@ -130,7 +130,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         if (!selectable) {
           return true;
         }
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.toggleSelection());
+        onSelect?.(selection.toggleSelection());
         return false;
       });
       _defineProperty(this, "onEscPress", () => {
@@ -138,7 +138,7 @@ function selectionShortcutsHOC(ComposedComponent) {
           selection,
           onSelect
         } = this.props;
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.reset());
+        onSelect?.(selection.reset());
         //this.restoreFocusWithoutScroll();
       });
       _defineProperty(this, "onCmdAPress", () => {
@@ -150,7 +150,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         if (!selectable) {
           return true;
         }
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.selectAll());
+        onSelect?.(selection.selectAll());
         return false;
       });
       _defineProperty(this, "shortcutsMap", {

package/dist/tabs/collapsible-tabs.js

@@ -206,7 +206,7 @@ const CollapsibleTabs = _ref => {
     const measureTask = fastdom.measure(() => {
       var _container$children;
       const container = measureRef.current;
-      const descendants = [...((_container$children = container === null || container === void 0 ? void 0 : container.children) !== null && _container$children !== void 0 ? _container$children : [])];
+      const descendants = [...((_container$children = container?.children) !== null && _container$children !== void 0 ? _container$children : [])];
       const moreButton = descendants.pop();
       let moreButtonWidth = moreButton.offsetWidth;
       const {

package/dist/tabs/dumb-tabs.js

@@ -8,7 +8,6 @@ import { m as modules_02138f4a } from '../_helpers/tabs.js';
 import TabLink from './tab-link.js';
 import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
-export { CustomItem } from './custom-item.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
@@ -148,4 +147,4 @@ _defineProperty(Tabs, "defaultProps", {
   onSelect() {}
 });
 
-export { Tabs as default };
+export { CustomItem, Tabs as default };

package/dist/tag/tag.js

@@ -46,8 +46,7 @@ class Tag extends PureComponent {
       });
     }
     if (this.state.focused) {
-      var _this$tagNode;
-      (_this$tagNode = this.tagNode) === null || _this$tagNode === void 0 ? void 0 : _this$tagNode.focus();
+      this.tagNode?.focus();
     }
     this.setDocumentClickListener(this.state.focused);
   }

package/dist/tags-input/tags-input.js

@@ -110,17 +110,15 @@ class TagsInput extends PureComponent {
     _defineProperty(this, "input", void 0);
     _defineProperty(this, "caret", void 0);
     _defineProperty(this, "focusInput", () => {
-      var _this$getInputNode;
-      (_this$getInputNode = this.getInputNode()) === null || _this$getInputNode === void 0 ? void 0 : _this$getInputNode.focus();
+      this.getInputNode()?.focus();
     });
     _defineProperty(this, "addTag", tag => {
-      var _this$select, _this$select2;
       if (tag == null) {
         return;
       }
       const isUniqueTag = this.state.tags.filter(item => tag.key === item.key).length === 0;
-      (_this$select = this.select) === null || _this$select === void 0 ? void 0 : _this$select.clear();
-      (_this$select2 = this.select) === null || _this$select2 === void 0 ? void 0 : _this$select2.filterValue('');
+      this.select?.clear();
+      this.select?.filterValue('');
       if (isUniqueTag) {
         this.setState(prevState => ({
           tags: prevState.tags.concat([tag])
@@ -132,11 +130,10 @@ class TagsInput extends PureComponent {
       }
     });
     _defineProperty(this, "clickHandler", event => {
-      var _this$select3;
       if (event.target !== this.node && event.target.parentElement !== this.node) {
         return;
       }
-      (_this$select3 = this.select) === null || _this$select3 === void 0 ? void 0 : _this$select3._clickHandler();
+      this.select?._clickHandler();
     });
     _defineProperty(this, "filterExistingTags", suggestions => {
       const tagsMap = new Map(this.state.tags.map(tag => [tag.key, tag]));
@@ -191,22 +188,20 @@ class TagsInput extends PureComponent {
       }
     });
     _defineProperty(this, "handleKeyDown", event => {
-      var _this$select4, _this$select4$_popup;
       const key = getEventKey(event);
       const isInputFocused = () => {
-        var _this$getInputNode$ta, _this$getInputNode2;
-        return event.target instanceof Element && event.target.matches((_this$getInputNode$ta = (_this$getInputNode2 = this.getInputNode()) === null || _this$getInputNode2 === void 0 ? void 0 : _this$getInputNode2.tagName) !== null && _this$getInputNode$ta !== void 0 ? _this$getInputNode$ta : '');
+        var _this$getInputNode$ta;
+        return event.target instanceof Element && event.target.matches((_this$getInputNode$ta = this.getInputNode()?.tagName) !== null && _this$getInputNode$ta !== void 0 ? _this$getInputNode$ta : '');
       };
       if (key === ' ' && this.props.allowAddNewTags) {
-        var _this$getInputNode3;
         event.stopPropagation();
-        const value = (_this$getInputNode3 = this.getInputNode()) === null || _this$getInputNode3 === void 0 ? void 0 : _this$getInputNode3.value;
+        const value = this.getInputNode()?.value;
         if (value != null && value !== '') {
           this.handleTagCreation(value);
         }
         return true;
       }
-      if ((_this$select4 = this.select) !== null && _this$select4 !== void 0 && (_this$select4$_popup = _this$select4._popup) !== null && _this$select4$_popup !== void 0 && _this$select4$_popup.isVisible()) {
+      if (this.select?._popup?.isVisible()) {
         return true;
       }
       if (key === 'ArrowLeft') {
@@ -219,8 +214,7 @@ class TagsInput extends PureComponent {
       if (key === 'ArrowRight' && !isInputFocused()) {
         if (this.state.activeIndex === this.state.tags.length - 1) {
           if (!this.props.disabled) {
-            var _this$getInputNode4;
-            (_this$getInputNode4 = this.getInputNode()) === null || _this$getInputNode4 === void 0 ? void 0 : _this$getInputNode4.focus();
+            this.getInputNode()?.focus();
             this.setActiveIndex();
           }
         } else {
@@ -229,12 +223,10 @@ class TagsInput extends PureComponent {
         return false;
       }
       if (!this.props.disabled) {
-        var _this$getInputNode5;
-        if (key === 'Backspace' && !((_this$getInputNode5 = this.getInputNode()) !== null && _this$getInputNode5 !== void 0 && _this$getInputNode5.value)) {
-          var _this$select5;
+        if (key === 'Backspace' && !this.getInputNode()?.value) {
           event.preventDefault();
           const tagsLength = this.state.tags.length;
-          (_this$select5 = this.select) === null || _this$select5 === void 0 ? void 0 : _this$select5._hidePopup(true); // otherwise confirmation may be overlapped by popup
+          this.select?._hidePopup(true); // otherwise confirmation may be overlapped by popup
           this.onRemoveTag(this.state.tags[tagsLength - 1]);
           return false;
         }
@@ -281,16 +273,14 @@ class TagsInput extends PureComponent {
   }
   componentDidMount() {
     if (this.props.autoOpen && !this.props.disabled) {
-      var _this$select6;
       this.focusInput();
       this.loadSuggestions();
-      (_this$select6 = this.select) === null || _this$select6 === void 0 ? void 0 : _this$select6._showPopup();
+      this.select?._showPopup();
     }
   }
   getInputNode() {
     if (!this.input) {
-      var _this$select7;
-      this.input = (_this$select7 = this.select) === null || _this$select7 === void 0 ? void 0 : _this$select7.filter;
+      this.input = this.select?.filter;
       if (this.input) {
         this.caret = new Caret(this.input);
       }

package/dist/tooltip/tooltip.js

@@ -53,7 +53,6 @@ class Tooltip extends Component {
       }
     });
     _defineProperty(this, "showPopup", () => {
-      var _this$context;
       if (this.props.selfOverflowOnly) {
         const {
           containerNode
@@ -73,15 +72,14 @@ class Tooltip extends Component {
           return;
         }
       }
-      (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.onNestedTooltipShow();
+      this.context?.onNestedTooltipShow();
       this.setState({
         showPopup: true
       });
     });
     _defineProperty(this, "hidePopup", () => {
-      var _this$context2;
       clearTimeout(this.timeout);
-      (_this$context2 = this.context) === null || _this$context2 === void 0 ? void 0 : _this$context2.onNestedTooltipHide();
+      this.context?.onNestedTooltipHide();
       this.setState({
         showPopup: false
       });