@jetbrains/ring-ui-built 7.0.27 → 7.0.29

package/components/query-assist/query-assist.js

@@ -50,13 +50,6 @@ import 'memoize-one';
 import '../global/memoize.js';
 import 'core-js/modules/es.weak-map.js';
 import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../link/link.js';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-import '../list/list__classes.js';
-import '../list/consts.js';
-import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
@@ -69,6 +62,12 @@ import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
+import '../link/link.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/consts.js';
+import '../list/list__classes.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.starts-with.js';
@@ -162,12 +161,12 @@ class QueryAssist extends Component {
       suggestions: [],
       showPopup: false
     });
-    _defineProperty(this, "immediateState", undefined);
-    _defineProperty(this, "requestData", undefined);
+    _defineProperty(this, "immediateState", void 0);
+    _defineProperty(this, "requestData", void 0);
     _defineProperty(this, "ngModelStateField", ngModelStateField);
     // An array of {query: string; caret: number}[]
     _defineProperty(this, "historyStack", []);
-    _defineProperty(this, "mouseIsDownOnPopup", undefined);
+    _defineProperty(this, "mouseIsDownOnPopup", void 0);
     _defineProperty(this, "handleFocusChange", e => {
       // otherwise it's blur and false
       const focus = e.type === 'focus';
@@ -186,11 +185,13 @@ class QueryAssist extends Component {
           focus
         });
       }
-      this.setState({
-        shortcuts: focus
-      });
+      if (this.state.shortcuts !== focus) {
+        this.setState({
+          shortcuts: focus
+        });
+      }
     });
-    _defineProperty(this, "node", undefined);
+    _defineProperty(this, "node", void 0);
     _defineProperty(this, "nodeRef", node => {
       this.node = node;
     });
@@ -205,14 +206,14 @@ class QueryAssist extends Component {
         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 = _this.caret) === null || _this$caret === undefined || _this$caret.setPosition(newCaretPosition >= 0 ? newCaretPosition : -1);
+          (_this$caret = _this.caret) === null || _this$caret === 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) {
           var _this$caret2;
-          (_this$caret2 = _this.caret) === null || _this$caret2 === undefined || _this$caret2.setPosition(_this.immediateState.selection);
+          (_this$caret2 = _this.caret) === null || _this$caret2 === void 0 || _this$caret2.setPosition(_this.immediateState.selection);
         } else if (_this.immediateState.selection === undefined || params.forceSetCaret) {
           var _this$caret3;
-          (_this$caret3 = _this.caret) === null || _this$caret3 === undefined || _this$caret3.setPosition(-1);
+          (_this$caret3 = _this.caret) === null || _this$caret3 === void 0 || _this$caret3.setPosition(-1);
         }
       }
     });
@@ -226,15 +227,15 @@ class QueryAssist extends Component {
         });
       }
     });
-    _defineProperty(this, "isComposing", undefined);
+    _defineProperty(this, "isComposing", void 0);
     _defineProperty(this, "handleInput", e => {
       var _this$caret4, _currentCaret$positio;
       this.togglePlaceholder();
-      const currentCaret = (_this$caret4 = this.caret) === null || _this$caret4 === undefined ? undefined : _this$caret4.getPosition();
+      const currentCaret = (_this$caret4 = this.caret) === null || _this$caret4 === void 0 ? void 0 : _this$caret4.getPosition();
       const props = {
         dirty: true,
         query: this.getQuery(),
-        caret: typeof currentCaret === 'number' ? currentCaret : (_currentCaret$positio = currentCaret === null || currentCaret === undefined ? undefined : currentCaret.position) !== null && _currentCaret$positio !== undefined ? _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) {
@@ -253,7 +254,7 @@ class QueryAssist extends Component {
         }
         const diff = this.immediateState.query.length - this.state.query.length;
         const originalIndex = this.immediateState.caret - diff;
-        const ranges = [...((_this$state$styleRang = this.state.styleRanges) !== null && _this$state$styleRang !== undefined ? _this$state$styleRang : [])];
+        const ranges = [...((_this$state$styleRang = this.state.styleRanges) !== null && _this$state$styleRang !== void 0 ? _this$state$styleRang : [])];
         const range = ranges.find(r => originalIndex >= r.start && originalIndex <= r.start + r.length);
         if (range) {
           range.length += diff;
@@ -265,7 +266,7 @@ class QueryAssist extends Component {
       this.props.onChange(props);
       if (this.props.autoOpen === 'force' || props.query.length > 0) {
         var _this$requestData;
-        (_this$requestData = this.requestData) === null || _this$requestData === undefined || _this$requestData.call(this);
+        (_this$requestData = this.requestData) === null || _this$requestData === void 0 || _this$requestData.call(this);
       }
     });
     // It's necessary to prevent new element creation before any other hooks
@@ -293,7 +294,7 @@ class QueryAssist extends Component {
     _defineProperty(this, "setState", (state, resolve) => {
       super.setState(state, () => {
         this._pushHistory(state);
-        resolve === null || resolve === undefined || resolve();
+        resolve === null || resolve === void 0 || resolve();
       });
     });
     _defineProperty(this, "undo", e => {
@@ -305,7 +306,7 @@ class QueryAssist extends Component {
         query: previous.query
       }, () => {
         var _this$caret5;
-        (_this$caret5 = this.caret) === null || _this$caret5 === undefined || _this$caret5.setPosition(previous.caret);
+        (_this$caret5 = this.caret) === null || _this$caret5 === void 0 || _this$caret5.setPosition(previous.caret);
         this.handleInput(e);
       });
     });
@@ -323,8 +324,8 @@ class QueryAssist extends Component {
       if (this.isComposing) {
         return;
       }
-      const currentCaret = (_this$caret6 = this.caret) === null || _this$caret6 === undefined ? undefined : _this$caret6.getPosition();
-      const caret = typeof currentCaret === 'number' ? currentCaret : (_currentCaret$positio2 = currentCaret === null || currentCaret === undefined ? undefined : currentCaret.position) !== null && _currentCaret$positio2 !== undefined ? _currentCaret$positio2 : 0;
+      const currentCaret = (_this$caret6 = this.caret) === null || _this$caret6 === void 0 ? void 0 : _this$caret6.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.prevCaret = this.immediateState.caret;
@@ -332,7 +333,7 @@ class QueryAssist extends Component {
         this.scrollInput();
         if (this.immediateState.query.length > 0) {
           var _this$requestData2;
-          (_this$requestData2 = this.requestData) === null || _this$requestData2 === undefined || _this$requestData2.call(this);
+          (_this$requestData2 = this.requestData) === null || _this$requestData2 === void 0 || _this$requestData2.call(this);
         }
       }
       if (this.props.autoOpen !== 'force' && this.immediateState.query.length < 1) {
@@ -376,7 +377,7 @@ class QueryAssist extends Component {
           if (!dequal(_this.state.styleRanges, styleRanges)) {
             state.styleRanges = styleRanges;
           }
-          _this.immediateState.selection = (_this$caret7 = _this.caret) === null || _this$caret7 === undefined ? undefined : _this$caret7.getPosition({
+          _this.immediateState.selection = (_this$caret7 = _this.caret) === null || _this$caret7 === void 0 ? void 0 : _this$caret7.getPosition({
             avoidFocus: true
           });
           _this.setState(state, resolve);
@@ -409,13 +410,13 @@ class QueryAssist extends Component {
       const suffix = suggestion.suffix || '';
       const state = {
         prevCaret: currentCaret,
-        caret: (_suggestion$caret = suggestion.caret) !== null && _suggestion$caret !== undefined ? _suggestion$caret : 0,
-        selection: (_suggestion$caret2 = suggestion.caret) !== null && _suggestion$caret2 !== undefined ? _suggestion$caret2 : 0,
+        caret: (_suggestion$caret = suggestion.caret) !== null && _suggestion$caret !== void 0 ? _suggestion$caret : 0,
+        selection: (_suggestion$caret2 = suggestion.caret) !== null && _suggestion$caret2 !== void 0 ? _suggestion$caret2 : 0,
         query: query.substr(0, suggestion.completionStart) + prefix + suggestion.option + suffix
       };
       if (typeof replace === 'boolean' && replace) {
         var _suggestion$completio;
-        state.query += this.immediateState.query.substr((_suggestion$completio = suggestion.completionEnd) !== null && _suggestion$completio !== undefined ? _suggestion$completio : 0);
+        state.query += this.immediateState.query.substr((_suggestion$completio = suggestion.completionEnd) !== null && _suggestion$completio !== void 0 ? _suggestion$completio : 0);
       } else {
         state.query += this.immediateState.query.substr(this.immediateState.caret);
       }
@@ -436,7 +437,7 @@ class QueryAssist extends Component {
         this.setCaretPosition();
       }
       this.closePopup();
-      (_this$requestData3 = this.requestData) === null || _this$requestData3 === undefined || _this$requestData3.call(this, true);
+      (_this$requestData3 = this.requestData) === null || _this$requestData3 === void 0 || _this$requestData3.call(this, true);
     });
     _defineProperty(this, "requestStyleRanges", () => {
       const {
@@ -470,7 +471,7 @@ class QueryAssist extends Component {
       preventDefault(e);
       if (!this.state.showPopup) {
         var _this$requestData4;
-        (_this$requestData4 = this.requestData) === null || _this$requestData4 === undefined || _this$requestData4.call(this);
+        (_this$requestData4 = this.requestData) === null || _this$requestData4 === void 0 || _this$requestData4.call(this);
       }
     });
     _defineProperty(this, "trackPopupMouseState", e => {
@@ -503,8 +504,8 @@ class QueryAssist extends Component {
         loading: false
       });
     });
-    _defineProperty(this, "input", undefined);
-    _defineProperty(this, "caret", undefined);
+    _defineProperty(this, "input", void 0);
+    _defineProperty(this, "caret", void 0);
     _defineProperty(this, "inputRef", node => {
       if (!node) {
         return;
@@ -512,23 +513,23 @@ class QueryAssist extends Component {
       this.input = node;
       this.caret = new Caret(this.input);
     });
-    _defineProperty(this, "_popup", undefined);
+    _defineProperty(this, "_popup", void 0);
     _defineProperty(this, "popupRef", node => {
       this._popup = node;
     });
-    _defineProperty(this, "placeholder", undefined);
+    _defineProperty(this, "placeholder", void 0);
     _defineProperty(this, "placeholderRef", node => {
       this.placeholder = node;
     });
-    _defineProperty(this, "glass", undefined);
+    _defineProperty(this, "glass", void 0);
     _defineProperty(this, "glassRef", node => {
       this.glass = node;
     });
-    _defineProperty(this, "loader", undefined);
+    _defineProperty(this, "loader", void 0);
     _defineProperty(this, "loaderRef", node => {
       this.loader = node;
     });
-    _defineProperty(this, "clear", undefined);
+    _defineProperty(this, "clear", void 0);
     _defineProperty(this, "clearRef", node => {
       this.clear = node;
     });
@@ -575,7 +576,7 @@ class QueryAssist extends Component {
     this._pushHistory(this.state);
   }
   shouldComponentUpdate(props, state) {
-    return state.query !== this.state.query || state.dirty !== this.state.dirty || state.loading !== this.state.loading || state.showPopup !== this.state.showPopup || state.suggestions !== this.state.suggestions || state.styleRanges !== this.state.styleRanges || state.placeholderEnabled !== this.state.placeholderEnabled || props.placeholder !== this.props.placeholder || props.disabled !== this.props.disabled || props.clear !== this.props.clear || props.focus !== this.props.focus || props.actions !== this.props.actions || props.loader !== this.props.loader || props.glass !== this.props.glass || props.className !== this.props.className;
+    return state.query !== this.state.query || state.dirty !== this.state.dirty || state.loading !== this.state.loading || state.showPopup !== this.state.showPopup || state.suggestions !== this.state.suggestions || state.styleRanges !== this.state.styleRanges || state.placeholderEnabled !== this.state.placeholderEnabled || state.shortcuts !== this.state.shortcuts || props.placeholder !== this.props.placeholder || props.disabled !== this.props.disabled || props.clear !== this.props.clear || props.focus !== this.props.focus || props.actions !== this.props.actions || props.loader !== this.props.loader || props.glass !== this.props.glass || props.className !== this.props.className || props.delay !== this.props.delay;
   }
   componentDidUpdate(prevProps) {
     const {
@@ -595,7 +596,7 @@ class QueryAssist extends Component {
       this.immediateState.query = query;
       if (query && (this.props.autoOpen === 'force' || prevProps.autoOpen && query.length > 0)) {
         var _this$requestData5;
-        (_this$requestData5 = this.requestData) === null || _this$requestData5 === undefined || _this$requestData5.call(this);
+        (_this$requestData5 = this.requestData) === null || _this$requestData5 === void 0 || _this$requestData5.call(this);
       } else if (query) {
         this.requestStyleRanges();
       }
@@ -615,14 +616,14 @@ class QueryAssist extends Component {
   }
   scrollInput() {
     var _this$caret8, _this$input, _this$input2, _this$input3;
-    const caretOffset = (_this$caret8 = this.caret) === null || _this$caret8 === undefined ? undefined : _this$caret8.getOffset();
-    if (((_this$input = this.input) === null || _this$input === undefined ? undefined : _this$input.clientWidth) !== ((_this$input2 = this.input) === null || _this$input2 === undefined ? undefined : _this$input2.scrollWidth) && caretOffset != null && ((_this$input3 = this.input) === null || _this$input3 === undefined ? undefined : _this$input3.clientWidth) != null && caretOffset > this.input.clientWidth) {
+    const caretOffset = (_this$caret8 = this.caret) === null || _this$caret8 === void 0 ? void 0 : _this$caret8.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, _this$input4;
-    return (_this$input$textConte = (_this$input4 = this.input) === null || _this$input4 === undefined || (_this$input4 = _this$input4.textContent) === null || _this$input4 === undefined ? undefined : _this$input4.replace(/\s/g, ' ')) !== null && _this$input$textConte !== undefined ? _this$input$textConte : '';
+    return (_this$input$textConte = (_this$input4 = this.input) === null || _this$input4 === void 0 || (_this$input4 = _this$input4.textContent) === null || _this$input4 === void 0 ? void 0 : _this$input4.replace(/\s/g, ' ')) !== null && _this$input$textConte !== void 0 ? _this$input$textConte : '';
   }
   isRenderingGlassOrLoader() {
     const renderLoader = this.props.loader !== false && this.state.loading;
@@ -631,14 +632,14 @@ class QueryAssist extends Component {
   _pushHistory(state) {
     var _this$historyStack$;
     const queryIsSet = 'query' in state;
-    const queryIsSame = ((_this$historyStack$ = this.historyStack[0]) === null || _this$historyStack$ === undefined ? undefined : _this$historyStack$.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, _this$caret9;
       this.historyStack.unshift({
         query: state.query,
-        caret: (_this$caret$getPositi = (_this$caret9 = this.caret) === null || _this$caret9 === undefined ? undefined : _this$caret9.getPosition({
+        caret: (_this$caret$getPositi = (_this$caret9 = this.caret) === null || _this$caret9 === void 0 ? void 0 : _this$caret9.getPosition({
           avoidFocus: true
-        })) !== null && _this$caret$getPositi !== undefined ? _this$caret$getPositi : -1
+        })) !== null && _this$caret$getPositi !== void 0 ? _this$caret$getPositi : -1
       });
     }
   }
@@ -680,7 +681,7 @@ class QueryAssist extends Component {
     let offset = completionStartNode && getRect(completionStartNode).right - getRect(this.input).left;
     if (!offset) {
       var _this$caret$getOffset, _this$caret10;
-      const caret = (_this$caret$getOffset = (_this$caret10 = this.caret) === null || _this$caret10 === undefined ? undefined : _this$caret10.getOffset()) !== null && _this$caret$getOffset !== undefined ? _this$caret$getOffset : 0;
+      const caret = (_this$caret$getOffset = (_this$caret10 = this.caret) === null || _this$caret10 === void 0 ? void 0 : _this$caret10.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;
@@ -695,7 +696,7 @@ class QueryAssist extends Component {
     this.immediateState.selection = null;
     if (!this.props.focus) {
       var _this$caret11;
-      (_this$caret11 = this.caret) === null || _this$caret11 === undefined || _this$caret11.target.blur();
+      (_this$caret11 = this.caret) === null || _this$caret11 === void 0 || _this$caret11.target.blur();
     }
   }
   /**
@@ -803,7 +804,7 @@ class QueryAssist extends Component {
           return jsx(Button, {
             icon: closeIcon,
             className: styles.clear,
-            title: (_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === undefined ? undefined : _this$props$translati2.clearTitle) !== null && _this$props$translati !== undefined ? _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"
@@ -864,7 +865,7 @@ class QueryAssist extends Component {
             }), renderGlass && !huge && jsx(Icon, {
               glyph: searchIcon,
               className: styles.icon,
-              title: (_translations$searchT = translations === null || translations === undefined ? undefined : translations.searchTitle) !== null && _translations$searchT !== undefined ? _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 && jsx("div", {
@@ -875,7 +876,7 @@ class QueryAssist extends Component {
               ref: this.loaderRef,
               children: jsx(LoaderInline, {})
             }), jsx(ContentEditable, {
-              "aria-label": (_translations$searchT2 = translations === null || translations === undefined ? undefined : translations.searchTitle) !== null && _translations$searchT2 !== undefined ? _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,
@@ -934,7 +935,7 @@ class QueryAssist extends Component {
               children: jsx(Icon, {
                 glyph: searchIcon,
                 className: styles.rightSearchIcon,
-                title: (_translations$searchT3 = translations === null || translations === undefined ? undefined : translations.searchTitle) !== null && _translations$searchT3 !== undefined ? _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/components/query-assist/query-assist__suggestions.js

@@ -30,13 +30,6 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../link/link.js';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-import '../list/list__classes.js';
-import '../list/consts.js';
-import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
@@ -53,6 +46,12 @@ import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.starts-with.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
+import '../link/link.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/consts.js';
+import '../list/list__classes.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';

package/components/radio/radio__item.js

@@ -16,11 +16,11 @@ class RadioItemInner extends Component {
   constructor() {
     super(...arguments);
     _defineProperty(this, "uid", getUID('ring-radio-item-'));
-    _defineProperty(this, "input", undefined);
+    _defineProperty(this, "input", void 0);
     _defineProperty(this, "inputRef", el => {
       this.input = el;
     });
-    _defineProperty(this, "label", undefined);
+    _defineProperty(this, "label", void 0);
     _defineProperty(this, "labelRef", el => {
       this.label = el;
     });

package/components/select/select.js

@@ -64,17 +64,16 @@ import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
 import 'memoize-one';
 import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../link/link.js';
-import '../_helpers/link.js';
-import '../list/list__classes.js';
-import '../list/consts.js';
-import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../control-help/control-help.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/consts.js';
+import '../list/list__classes.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -160,13 +159,13 @@ function getListItems(props, state, rawFilterString) {
       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 !== undefined && _state$multipleMap[item.key]);
+        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$multipleMap2 = state.multipleMap) !== null && _state$multipleMap2 !== undefined && _state$multipleMap2[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);
       }
     }
@@ -187,7 +186,7 @@ function getListItems(props, state, rawFilterString) {
       addButton = {
         prefix: add.prefix,
         label,
-        delayed: (_add$delayed = add.delayed) !== null && _add$delayed !== undefined ? _add$delayed : true
+        delayed: (_add$delayed = add.delayed) !== null && _add$delayed !== void 0 ? _add$delayed : true
       };
     }
   }
@@ -288,14 +287,14 @@ class Select extends Component {
           });
         });
       }
-      if (!((_this$_popup = this._popup) !== null && _this$_popup !== undefined && _this$_popup.isClickingPopup)) {
+      if (!((_this$_popup = this._popup) !== null && _this$_popup !== void 0 && _this$_popup.isClickingPopup)) {
         this.setState({
           shortcutsEnabled: false,
           focused: false
         });
       }
     });
-    _defineProperty(this, "node", undefined);
+    _defineProperty(this, "node", void 0);
     _defineProperty(this, "nodeRef", el => {
       this.node = el;
     });
@@ -307,9 +306,9 @@ class Select extends Component {
     });
     _defineProperty(this, "focus", () => {
       var _this$node;
-      const focusableSelectExists = (_this$node = this.node) === null || _this$node === undefined ? undefined : _this$node.querySelector('[data-test~=ring-select__focus]');
+      const focusableSelectExists = (_this$node = this.node) === null || _this$node === void 0 ? void 0 : _this$node.querySelector('[data-test~=ring-select__focus]');
       const restoreFocusNode = this.props.targetElement || focusableSelectExists;
-      restoreFocusNode === null || restoreFocusNode === undefined || restoreFocusNode.focus();
+      restoreFocusNode === null || restoreFocusNode === void 0 || restoreFocusNode.focus();
     });
     _defineProperty(this, "_onEnter", () => {
       var _this$_popup2;
@@ -317,14 +316,14 @@ class Select extends Component {
         this.addHandler();
       }
       this.props.onDone();
-      if (!((_this$_popup2 = this._popup) !== null && _this$_popup2 !== undefined && _this$_popup2.isVisible()) && this.props.allowAny) {
+      if (!((_this$_popup2 = this._popup) !== null && _this$_popup2 !== void 0 && _this$_popup2.isVisible()) && this.props.allowAny) {
         return true;
       }
       return undefined;
     });
     _defineProperty(this, "_onEsc", event => {
       var _this$_popup3;
-      if (!((_this$_popup3 = this._popup) !== null && _this$_popup3 !== undefined && _this$_popup3.isVisible())) {
+      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;
@@ -421,7 +420,7 @@ class Select extends Component {
           this.props.onChange(fakeSelected, event);
         });
       }
-      if (!((_this$_popup4 = this._popup) !== null && _this$_popup4 !== undefined && _this$_popup4.isVisible())) {
+      if (!((_this$_popup4 = this._popup) !== null && _this$_popup4 !== void 0 && _this$_popup4.isVisible())) {
         this.props.onBeforeOpen();
       }
       this.setState({
@@ -453,7 +452,7 @@ class Select extends Component {
       if (!isItem(selected) && !isCustomItem(selected) || selected.disabled || selected.isResetItem) {
         return;
       }
-      const tryKeepOpen = (_this$props$tryKeepOp = _this.props.tryKeepOpen) !== null && _this$props$tryKeepOp !== undefined ? _this$props$tryKeepOp : opts.tryKeepOpen;
+      const tryKeepOpen = (_this$props$tryKeepOp = _this.props.tryKeepOpen) !== null && _this$props$tryKeepOp !== void 0 ? _this$props$tryKeepOp : opts.tryKeepOpen;
       if (!_this.props.multiple) {
         if (!tryKeepOpen) {
           _this._hidePopup(isSelectItemEvent);
@@ -510,10 +509,10 @@ class Select extends Component {
         }, () => {
           if (_this.state.multipleMap[selected.key]) {
             var _this$props$onSelect, _this$props;
-            (_this$props$onSelect = (_this$props = _this.props).onSelect) === null || _this$props$onSelect === undefined || _this$props$onSelect.call(_this$props, selected, event);
+            (_this$props$onSelect = (_this$props = _this.props).onSelect) === null || _this$props$onSelect === void 0 || _this$props$onSelect.call(_this$props, selected, event);
           } else {
             var _this$props$onDeselec, _this$props2;
-            (_this$props$onDeselec = (_this$props2 = _this.props).onDeselect) === null || _this$props$onDeselec === undefined || _this$props$onDeselec.call(_this$props2, selected);
+            (_this$props$onDeselec = (_this$props2 = _this.props).onDeselect) === null || _this$props$onDeselec === void 0 || _this$props$onDeselec.call(_this$props2, selected);
           }
           _this.props.onChange(_this.state.selected, event);
           if (tryKeepOpen) {
@@ -533,13 +532,13 @@ class Select extends Component {
           nextSelection = _this.props.data.filter(item => (isItem(item) || isCustomItem(item)) && !item.disabled);
           nextSelection.filter(item => !_this.props.selected.find(selectedItem => item.key === selectedItem.key)).forEach(item => {
             var _this$props$onSelect2, _this$props3;
-            (_this$props$onSelect2 = (_this$props3 = _this.props).onSelect) === null || _this$props$onSelect2 === undefined || _this$props$onSelect2.call(_this$props3, item);
+            (_this$props$onSelect2 = (_this$props3 = _this.props).onSelect) === null || _this$props$onSelect2 === void 0 || _this$props$onSelect2.call(_this$props3, item);
           });
         } else {
           nextSelection = [];
           currentSelection.forEach(item => {
             var _this$props$onDeselec2, _this$props4;
-            (_this$props$onDeselec2 = (_this$props4 = _this.props).onDeselect) === null || _this$props$onDeselec2 === undefined || _this$props$onDeselec2.call(_this$props4, item);
+            (_this$props$onDeselec2 = (_this$props4 = _this.props).onDeselect) === null || _this$props$onDeselec2 === void 0 || _this$props$onDeselec2.call(_this$props4, item);
           });
         }
         _this.props.onChange(nextSelection, event);
@@ -588,7 +587,7 @@ class Select extends Component {
       });
       return false;
     });
-    _defineProperty(this, "filter", undefined);
+    _defineProperty(this, "filter", void 0);
     _defineProperty(this, "filterRef", el => {
       this.filter = el;
     });
@@ -748,10 +747,10 @@ class Select extends Component {
         let message;
         if (this.props.loading) {
           var _this$props$loadingMe;
-          message = (_this$props$loadingMe = this.props.loadingMessage) !== null && _this$props$loadingMe !== undefined ? _this$props$loadingMe : translate('loading');
+          message = (_this$props$loadingMe = this.props.loadingMessage) !== null && _this$props$loadingMe !== void 0 ? _this$props$loadingMe : translate('loading');
         } else if (!shownData.length) {
           var _this$props$notFoundM;
-          message = (_this$props$notFoundM = this.props.notFoundMessage) !== null && _this$props$notFoundM !== undefined ? _this$props$notFoundM : translate('noOptionsFound');
+          message = (_this$props$notFoundM = this.props.notFoundMessage) !== null && _this$props$notFoundM !== void 0 ? _this$props$notFoundM : translate('noOptionsFound');
         }
         return jsx(SelectPopup, {
           data: _shownData,
@@ -833,7 +832,7 @@ class Select extends Component {
   }
   getTopbar() {
     var _this$props$renderTop, _this$props5;
-    return (_this$props$renderTop = (_this$props5 = this.props).renderTopToolbar) === null || _this$props$renderTop === undefined ? undefined : _this$props$renderTop.call(_this$props5);
+    return (_this$props$renderTop = (_this$props5 = this.props).renderTopToolbar) === null || _this$props$renderTop === void 0 ? void 0 : _this$props$renderTop.call(_this$props5);
   }
   getFilterFn() {
     return getFilterFn(this.props.filter);
@@ -873,12 +872,12 @@ class Select extends Component {
   }
   _getLabel() {
     var _ref3, _this$props$label;
-    return (_ref3 = (_this$props$label = this.props.label) !== null && _this$props$label !== undefined ? _this$props$label : this.props.selectedLabel) !== null && _ref3 !== undefined ? _ref3 : 'Select an option';
+    return (_ref3 = (_this$props$label = this.props.label) !== null && _this$props$label !== void 0 ? _this$props$label : this.props.selectedLabel) !== null && _ref3 !== void 0 ? _ref3 : 'Select an option';
   }
   _getPlaceholder() {
     if (this._selectionIsEmpty()) {
       var _this$props$label2;
-      return (_this$props$label2 = this.props.label) !== null && _this$props$label2 !== undefined ? _this$props$label2 : 'Select an option';
+      return (_this$props$label2 = this.props.label) !== null && _this$props$label2 !== void 0 ? _this$props$label2 : 'Select an option';
     }
     return this._getSelectedString();
   }
@@ -904,7 +903,7 @@ class Select extends Component {
     } = this.props;
     const icons = [];
     const height = this.props.height || this.context;
-    if (!Array.isArray(selected) && selected !== null && selected !== undefined && selected.icon) {
+    if (!Array.isArray(selected) && selected !== null && selected !== void 0 && selected.icon) {
       icons.push(jsx("button", {
         title: "Toggle options popup",
         type: "button",
@@ -942,7 +941,7 @@ class Select extends Component {
   }
   _getAvatar() {
     var _this$state$selected, _this$state$selected2;
-    return !Array.isArray(this.state.selected) && (((_this$state$selected = this.state.selected) === null || _this$state$selected === undefined ? undefined : _this$state$selected.avatar) || ((_this$state$selected2 = this.state.selected) === null || _this$state$selected2 === undefined ? undefined : _this$state$selected2.showGeneratedAvatar)) && jsx(Avatar, {
+    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)) && jsx(Avatar, {
       className: styles.avatar,
       url: this.state.selected.avatar,
       username: this.state.selected.username,
@@ -988,9 +987,9 @@ class Select extends Component {
     const ariaProps = this.state.showPopup ? {
       'aria-owns': this.listId,
       'aria-activedescendant': activeItemId,
-      'aria-label': (_this$props$label3 = this.props.label) !== null && _this$props$label3 !== undefined ? _this$props$label3 : undefined
+      'aria-label': (_this$props$label3 = this.props.label) !== null && _this$props$label3 !== void 0 ? _this$props$label3 : undefined
     } : {
-      'aria-label': (_this$props$label4 = this.props.label) !== null && _this$props$label4 !== undefined ? _this$props$label4 : undefined
+      'aria-label': (_this$props$label4 = this.props.label) !== null && _this$props$label4 !== void 0 ? _this$props$label4 : undefined
     };
     switch (this.props.type) {
       case Type.INPUT_WITHOUT_CONTROLS:
@@ -1027,7 +1026,7 @@ class Select extends Component {
               placeholder: this.props.inputPlaceholder,
               onKeyDown: this.props.onKeyDown,
               "data-test": "ring-select__focus",
-              enableShortcuts: shortcutsEnabled ? Object.keys(_objectSpread2(_objectSpread2({}, this.getShortcutsMap()), (_this$_popup5 = this._popup) === null || _this$_popup5 === undefined || (_this$_popup5 = _this$_popup5.list) === null || _this$_popup5 === undefined ? undefined : _this$_popup5.shortcutsMap)) : undefined,
+              enableShortcuts: shortcutsEnabled ? Object.keys(_objectSpread2(_objectSpread2({}, this.getShortcutsMap()), (_this$_popup5 = this._popup) === null || _this$_popup5 === void 0 || (_this$_popup5 = _this$_popup5.list) === null || _this$_popup5 === void 0 ? void 0 : _this$_popup5.shortcutsMap)) : undefined,
               icon: this.props.filterIcon,
               afterInput: iconsNode
             })), this._renderPopup()]
@@ -1075,7 +1074,7 @@ class Select extends Component {
             map: this.getShortcutsMap(),
             scope: this.shortcutsScope
           }), jsx(Anchor, _objectSpread2(_objectSpread2({}, ariaProps), {}, {
-            className: (_this$props$buttonCla = this.props.buttonClassName) !== null && _this$props$buttonCla !== undefined ? _this$props$buttonCla : undefined,
+            className: (_this$props$buttonCla = this.props.buttonClassName) !== null && _this$props$buttonCla !== void 0 ? _this$props$buttonCla : undefined,
             id: this.props.id,
             onClick: this._clickHandler,
             "data-test": "ring-select__focus",

package/components/select/select__filter.js

@@ -47,12 +47,6 @@ import '../shortcuts/core.js';
 import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../link/link.js';
-import '../_helpers/link.js';
-import '../list/list__classes.js';
-import '../list/consts.js';
-import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
@@ -62,6 +56,11 @@ import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/consts.js';
+import '../list/list__classes.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';