@jetbrains/ring-ui-built 7.0.19 → 7.0.20

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

@@ -151,12 +151,12 @@ class QueryAssist extends Component {
       suggestions: [],
       showPopup: false
     });
-    _defineProperty(this, "immediateState", void 0);
-    _defineProperty(this, "requestData", void 0);
+    _defineProperty(this, "immediateState", undefined);
+    _defineProperty(this, "requestData", undefined);
     _defineProperty(this, "ngModelStateField", ngModelStateField);
     // An array of {query: string; caret: number}[]
     _defineProperty(this, "historyStack", []);
-    _defineProperty(this, "mouseIsDownOnPopup", void 0);
+    _defineProperty(this, "mouseIsDownOnPopup", undefined);
     _defineProperty(this, "handleFocusChange", e => {
       // otherwise it's blur and false
       const focus = e.type === 'focus';
@@ -179,7 +179,7 @@ class QueryAssist extends Component {
         shortcuts: focus
       });
     });
-    _defineProperty(this, "node", void 0);
+    _defineProperty(this, "node", undefined);
     _defineProperty(this, "nodeRef", node => {
       this.node = node;
     });
@@ -194,14 +194,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 === void 0 || _this$caret.setPosition(newCaretPosition >= 0 ? newCaretPosition : -1);
+          (_this$caret = _this.caret) === null || _this$caret === undefined || _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 === void 0 || _this$caret2.setPosition(_this.immediateState.selection);
+          (_this$caret2 = _this.caret) === null || _this$caret2 === undefined || _this$caret2.setPosition(_this.immediateState.selection);
         } else if (_this.immediateState.selection === undefined || params.forceSetCaret) {
           var _this$caret3;
-          (_this$caret3 = _this.caret) === null || _this$caret3 === void 0 || _this$caret3.setPosition(-1);
+          (_this$caret3 = _this.caret) === null || _this$caret3 === undefined || _this$caret3.setPosition(-1);
         }
       }
     });
@@ -215,15 +215,15 @@ class QueryAssist extends Component {
         });
       }
     });
-    _defineProperty(this, "isComposing", void 0);
+    _defineProperty(this, "isComposing", undefined);
     _defineProperty(this, "handleInput", e => {
       var _this$caret4, _currentCaret$positio;
       this.togglePlaceholder();
-      const currentCaret = (_this$caret4 = this.caret) === null || _this$caret4 === void 0 ? void 0 : _this$caret4.getPosition();
+      const currentCaret = (_this$caret4 = this.caret) === null || _this$caret4 === undefined ? undefined : _this$caret4.getPosition();
       const props = {
         dirty: true,
         query: this.getQuery(),
-        caret: typeof currentCaret === 'number' ? currentCaret : (_currentCaret$positio = currentCaret === null || currentCaret === void 0 ? void 0 : currentCaret.position) !== null && _currentCaret$positio !== void 0 ? _currentCaret$positio : 0,
+        caret: typeof currentCaret === 'number' ? currentCaret : (_currentCaret$positio = currentCaret === null || currentCaret === undefined ? undefined : currentCaret.position) !== null && _currentCaret$positio !== undefined ? _currentCaret$positio : 0,
         focus: true
       };
       if (this.immediateState.query === props.query && !this.isComposing) {
@@ -242,7 +242,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 !== void 0 ? _this$state$styleRang : [])];
+        const ranges = [...((_this$state$styleRang = this.state.styleRanges) !== null && _this$state$styleRang !== undefined ? _this$state$styleRang : [])];
         const range = ranges.find(r => originalIndex >= r.start && originalIndex <= r.start + r.length);
         if (range) {
           range.length += diff;
@@ -254,7 +254,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 === void 0 || _this$requestData.call(this);
+        (_this$requestData = this.requestData) === null || _this$requestData === undefined || _this$requestData.call(this);
       }
     });
     // It's necessary to prevent new element creation before any other hooks
@@ -282,7 +282,7 @@ class QueryAssist extends Component {
     _defineProperty(this, "setState", (state, resolve) => {
       super.setState(state, () => {
         this._pushHistory(state);
-        resolve === null || resolve === void 0 || resolve();
+        resolve === null || resolve === undefined || resolve();
       });
     });
     _defineProperty(this, "undo", e => {
@@ -294,7 +294,7 @@ class QueryAssist extends Component {
         query: previous.query
       }, () => {
         var _this$caret5;
-        (_this$caret5 = this.caret) === null || _this$caret5 === void 0 || _this$caret5.setPosition(previous.caret);
+        (_this$caret5 = this.caret) === null || _this$caret5 === undefined || _this$caret5.setPosition(previous.caret);
         this.handleInput(e);
       });
     });
@@ -312,8 +312,8 @@ class QueryAssist extends Component {
       if (this.isComposing) {
         return;
       }
-      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 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 popupHidden = !this.state.showPopup && e.type === 'click';
       if (!this.props.disabled && (caret !== this.immediateState.caret || popupHidden)) {
         this.immediateState.prevCaret = this.immediateState.caret;
@@ -321,7 +321,7 @@ class QueryAssist extends Component {
         this.scrollInput();
         if (this.immediateState.query.length > 0) {
           var _this$requestData2;
-          (_this$requestData2 = this.requestData) === null || _this$requestData2 === void 0 || _this$requestData2.call(this);
+          (_this$requestData2 = this.requestData) === null || _this$requestData2 === undefined || _this$requestData2.call(this);
         }
       }
       if (this.props.autoOpen !== 'force' && this.immediateState.query.length < 1) {
@@ -362,7 +362,7 @@ class QueryAssist extends Component {
           if (!dequal(_this.state.styleRanges, styleRanges)) {
             state.styleRanges = styleRanges;
           }
-          _this.immediateState.selection = (_this$caret7 = _this.caret) === null || _this$caret7 === void 0 ? void 0 : _this$caret7.getPosition({
+          _this.immediateState.selection = (_this$caret7 = _this.caret) === null || _this$caret7 === undefined ? undefined : _this$caret7.getPosition({
             avoidFocus: true
           });
           _this.setState(state, resolve);
@@ -395,13 +395,13 @@ class QueryAssist extends Component {
       const suffix = suggestion.suffix || '';
       const state = {
         prevCaret: currentCaret,
-        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,
+        caret: (_suggestion$caret = suggestion.caret) !== null && _suggestion$caret !== undefined ? _suggestion$caret : 0,
+        selection: (_suggestion$caret2 = suggestion.caret) !== null && _suggestion$caret2 !== undefined ? _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 !== void 0 ? _suggestion$completio : 0);
+        state.query += this.immediateState.query.substr((_suggestion$completio = suggestion.completionEnd) !== null && _suggestion$completio !== undefined ? _suggestion$completio : 0);
       } else {
         state.query += this.immediateState.query.substr(this.immediateState.caret);
       }
@@ -422,7 +422,7 @@ class QueryAssist extends Component {
         this.setCaretPosition();
       }
       this.closePopup();
-      (_this$requestData3 = this.requestData) === null || _this$requestData3 === void 0 || _this$requestData3.call(this, true);
+      (_this$requestData3 = this.requestData) === null || _this$requestData3 === undefined || _this$requestData3.call(this, true);
     });
     _defineProperty(this, "requestStyleRanges", () => {
       const {
@@ -456,7 +456,7 @@ class QueryAssist extends Component {
       preventDefault(e);
       if (!this.state.showPopup) {
         var _this$requestData4;
-        (_this$requestData4 = this.requestData) === null || _this$requestData4 === void 0 || _this$requestData4.call(this);
+        (_this$requestData4 = this.requestData) === null || _this$requestData4 === undefined || _this$requestData4.call(this);
       }
     });
     _defineProperty(this, "trackPopupMouseState", e => {
@@ -489,8 +489,8 @@ class QueryAssist extends Component {
         loading: false
       });
     });
-    _defineProperty(this, "input", void 0);
-    _defineProperty(this, "caret", void 0);
+    _defineProperty(this, "input", undefined);
+    _defineProperty(this, "caret", undefined);
     _defineProperty(this, "inputRef", node => {
       if (!node) {
         return;
@@ -498,23 +498,23 @@ class QueryAssist extends Component {
       this.input = node;
       this.caret = new Caret(this.input);
     });
-    _defineProperty(this, "_popup", void 0);
+    _defineProperty(this, "_popup", undefined);
     _defineProperty(this, "popupRef", node => {
       this._popup = node;
     });
-    _defineProperty(this, "placeholder", void 0);
+    _defineProperty(this, "placeholder", undefined);
     _defineProperty(this, "placeholderRef", node => {
       this.placeholder = node;
     });
-    _defineProperty(this, "glass", void 0);
+    _defineProperty(this, "glass", undefined);
     _defineProperty(this, "glassRef", node => {
       this.glass = node;
     });
-    _defineProperty(this, "loader", void 0);
+    _defineProperty(this, "loader", undefined);
     _defineProperty(this, "loaderRef", node => {
       this.loader = node;
     });
-    _defineProperty(this, "clear", void 0);
+    _defineProperty(this, "clear", undefined);
     _defineProperty(this, "clearRef", node => {
       this.clear = node;
     });
@@ -581,7 +581,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 === void 0 || _this$requestData5.call(this);
+        (_this$requestData5 = this.requestData) === null || _this$requestData5 === undefined || _this$requestData5.call(this);
       } else if (query) {
         this.requestStyleRanges();
       }
@@ -601,14 +601,14 @@ class QueryAssist extends Component {
   }
   scrollInput() {
     var _this$caret8, _this$input, _this$input2, _this$input3;
-    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) {
+    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) {
       this.input.scrollLeft += caretOffset;
     }
   }
   getQuery() {
     var _this$input$textConte, _this$input4;
-    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 : '';
+    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 : '';
   }
   isRenderingGlassOrLoader() {
     const renderLoader = this.props.loader !== false && this.state.loading;
@@ -617,14 +617,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$ === void 0 ? void 0 : _this$historyStack$.query) === state.query;
+    const queryIsSame = ((_this$historyStack$ = this.historyStack[0]) === null || _this$historyStack$ === undefined ? undefined : _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 === void 0 ? void 0 : _this$caret9.getPosition({
+        caret: (_this$caret$getPositi = (_this$caret9 = this.caret) === null || _this$caret9 === undefined ? undefined : _this$caret9.getPosition({
           avoidFocus: true
-        })) !== null && _this$caret$getPositi !== void 0 ? _this$caret$getPositi : -1
+        })) !== null && _this$caret$getPositi !== undefined ? _this$caret$getPositi : -1
       });
     }
   }
@@ -666,7 +666,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 === void 0 ? void 0 : _this$caret10.getOffset()) !== null && _this$caret$getOffset !== void 0 ? _this$caret$getOffset : 0;
+      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;
       // Do not compensate caret in the beginning of field
       if (caret === 0) {
         return minOffset;
@@ -681,7 +681,7 @@ class QueryAssist extends Component {
     this.immediateState.selection = null;
     if (!this.props.focus) {
       var _this$caret11;
-      (_this$caret11 = this.caret) === null || _this$caret11 === void 0 || _this$caret11.target.blur();
+      (_this$caret11 = this.caret) === null || _this$caret11 === undefined || _this$caret11.target.blur();
     }
   }
   /**
@@ -789,7 +789,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 === void 0 ? void 0 : _this$props$translati2.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 === undefined ? undefined : _this$props$translati2.clearTitle) !== null && _this$props$translati !== undefined ? _this$props$translati : translate('clearTitle'),
             ref: this.clearRef,
             onClick: this.clearQuery,
             "data-test": "query-assist-clear-icon"
@@ -850,7 +850,7 @@ class QueryAssist extends Component {
             }), renderGlass && !huge && jsx(Icon, {
               glyph: searchIcon,
               className: styles.icon,
-              title: (_translations$searchT = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT !== void 0 ? _translations$searchT : translate('searchTitle'),
+              title: (_translations$searchT = translations === null || translations === undefined ? undefined : translations.searchTitle) !== null && _translations$searchT !== undefined ? _translations$searchT : translate('searchTitle'),
               ref: this.glassRef,
               "data-test": "query-assist-search-icon"
             }), renderLoader && jsx("div", {
@@ -861,7 +861,7 @@ class QueryAssist extends Component {
               ref: this.loaderRef,
               children: jsx(LoaderInline, {})
             }), jsx(ContentEditable, {
-              "aria-label": (_translations$searchT2 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT2 !== void 0 ? _translations$searchT2 : translate('searchTitle'),
+              "aria-label": (_translations$searchT2 = translations === null || translations === undefined ? undefined : translations.searchTitle) !== null && _translations$searchT2 !== undefined ? _translations$searchT2 : translate('searchTitle'),
               className: inputClasses,
               "data-test": "ring-query-assist-input",
               inputRef: this.inputRef,
@@ -920,7 +920,7 @@ class QueryAssist extends Component {
               children: jsx(Icon, {
                 glyph: searchIcon,
                 className: styles.rightSearchIcon,
-                title: (_translations$searchT3 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT3 !== void 0 ? _translations$searchT3 : translate('searchTitle'),
+                title: (_translations$searchT3 = translations === null || translations === undefined ? undefined : translations.searchTitle) !== null && _translations$searchT3 !== undefined ? _translations$searchT3 : translate('searchTitle'),
                 onClick: this.handleApply,
                 ref: this.glassRef,
                 "data-test": "query-assist-search-icon"

package/components/radio/radio__item.js

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

package/components/select/select.js

@@ -151,13 +151,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 !== void 0 && _state$multipleMap[item.key]);
+        item.checkbox = !!((_state$multipleMap = state.multipleMap) !== null && _state$multipleMap !== undefined && _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$multipleMap2 = state.multipleMap) !== null && _state$multipleMap2 !== undefined && _state$multipleMap2[item.key])) {
         filteredData.push(item);
       }
     }
@@ -178,7 +178,7 @@ function getListItems(props, state, rawFilterString) {
       addButton = {
         prefix: add.prefix,
         label,
-        delayed: (_add$delayed = add.delayed) !== null && _add$delayed !== void 0 ? _add$delayed : true
+        delayed: (_add$delayed = add.delayed) !== null && _add$delayed !== undefined ? _add$delayed : true
       };
     }
   }
@@ -279,14 +279,14 @@ class Select extends Component {
           });
         });
       }
-      if (!((_this$_popup = this._popup) !== null && _this$_popup !== void 0 && _this$_popup.isClickingPopup)) {
+      if (!((_this$_popup = this._popup) !== null && _this$_popup !== undefined && _this$_popup.isClickingPopup)) {
         this.setState({
           shortcutsEnabled: false,
           focused: false
         });
       }
     });
-    _defineProperty(this, "node", void 0);
+    _defineProperty(this, "node", undefined);
     _defineProperty(this, "nodeRef", el => {
       this.node = el;
     });
@@ -298,9 +298,9 @@ class Select extends Component {
     });
     _defineProperty(this, "focus", () => {
       var _this$node;
-      const focusableSelectExists = (_this$node = this.node) === null || _this$node === void 0 ? void 0 : _this$node.querySelector('[data-test~=ring-select__focus]');
+      const focusableSelectExists = (_this$node = this.node) === null || _this$node === undefined ? undefined : _this$node.querySelector('[data-test~=ring-select__focus]');
       const restoreFocusNode = this.props.targetElement || focusableSelectExists;
-      restoreFocusNode === null || restoreFocusNode === void 0 || restoreFocusNode.focus();
+      restoreFocusNode === null || restoreFocusNode === undefined || restoreFocusNode.focus();
     });
     _defineProperty(this, "_onEnter", () => {
       var _this$_popup2;
@@ -308,14 +308,14 @@ class Select extends Component {
         this.addHandler();
       }
       this.props.onDone();
-      if (!((_this$_popup2 = this._popup) !== null && _this$_popup2 !== void 0 && _this$_popup2.isVisible()) && this.props.allowAny) {
+      if (!((_this$_popup2 = this._popup) !== null && _this$_popup2 !== undefined && _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 !== void 0 && _this$_popup3.isVisible())) {
+      if (!((_this$_popup3 = this._popup) !== null && _this$_popup3 !== undefined && _this$_popup3.isVisible())) {
         return true;
       } else if (this.props.multiple || !this.props.getInitial) {
         return false;
@@ -412,7 +412,7 @@ class Select extends Component {
           this.props.onChange(fakeSelected, event);
         });
       }
-      if (!((_this$_popup4 = this._popup) !== null && _this$_popup4 !== void 0 && _this$_popup4.isVisible())) {
+      if (!((_this$_popup4 = this._popup) !== null && _this$_popup4 !== undefined && _this$_popup4.isVisible())) {
         this.props.onBeforeOpen();
       }
       this.setState({
@@ -444,7 +444,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 !== void 0 ? _this$props$tryKeepOp : opts.tryKeepOpen;
+      const tryKeepOpen = (_this$props$tryKeepOp = _this.props.tryKeepOpen) !== null && _this$props$tryKeepOp !== undefined ? _this$props$tryKeepOp : opts.tryKeepOpen;
       if (!_this.props.multiple) {
         if (!tryKeepOpen) {
           _this._hidePopup(isSelectItemEvent);
@@ -498,10 +498,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 === void 0 || _this$props$onSelect.call(_this$props, selected, event);
+            (_this$props$onSelect = (_this$props = _this.props).onSelect) === null || _this$props$onSelect === undefined || _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 === void 0 || _this$props$onDeselec.call(_this$props2, selected);
+            (_this$props$onDeselec = (_this$props2 = _this.props).onDeselect) === null || _this$props$onDeselec === undefined || _this$props$onDeselec.call(_this$props2, selected);
           }
           _this.props.onChange(_this.state.selected, event);
           if (tryKeepOpen) {
@@ -521,13 +521,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 === void 0 || _this$props$onSelect2.call(_this$props3, item);
+            (_this$props$onSelect2 = (_this$props3 = _this.props).onSelect) === null || _this$props$onSelect2 === undefined || _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 === void 0 || _this$props$onDeselec2.call(_this$props4, item);
+            (_this$props$onDeselec2 = (_this$props4 = _this.props).onDeselect) === null || _this$props$onDeselec2 === undefined || _this$props$onDeselec2.call(_this$props4, item);
           });
         }
         _this.props.onChange(nextSelection, event);
@@ -576,7 +576,7 @@ class Select extends Component {
       });
       return false;
     });
-    _defineProperty(this, "filter", void 0);
+    _defineProperty(this, "filter", undefined);
     _defineProperty(this, "filterRef", el => {
       this.filter = el;
     });
@@ -736,10 +736,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 !== void 0 ? _this$props$loadingMe : translate('loading');
+          message = (_this$props$loadingMe = this.props.loadingMessage) !== null && _this$props$loadingMe !== undefined ? _this$props$loadingMe : translate('loading');
         } else if (!shownData.length) {
           var _this$props$notFoundM;
-          message = (_this$props$notFoundM = this.props.notFoundMessage) !== null && _this$props$notFoundM !== void 0 ? _this$props$notFoundM : translate('noOptionsFound');
+          message = (_this$props$notFoundM = this.props.notFoundMessage) !== null && _this$props$notFoundM !== undefined ? _this$props$notFoundM : translate('noOptionsFound');
         }
         return jsx(SelectPopup, {
           data: _shownData,
@@ -821,7 +821,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 === void 0 ? void 0 : _this$props$renderTop.call(_this$props5);
+    return (_this$props$renderTop = (_this$props5 = this.props).renderTopToolbar) === null || _this$props$renderTop === undefined ? undefined : _this$props$renderTop.call(_this$props5);
   }
   getFilterFn() {
     return getFilterFn(this.props.filter);
@@ -861,12 +861,12 @@ class Select extends Component {
   }
   _getLabel() {
     var _ref3, _this$props$label;
-    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';
+    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';
   }
   _getPlaceholder() {
     if (this._selectionIsEmpty()) {
       var _this$props$label2;
-      return (_this$props$label2 = this.props.label) !== null && _this$props$label2 !== void 0 ? _this$props$label2 : 'Select an option';
+      return (_this$props$label2 = this.props.label) !== null && _this$props$label2 !== undefined ? _this$props$label2 : 'Select an option';
     }
     return this._getSelectedString();
   }
@@ -892,7 +892,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 !== null && selected !== undefined && selected.icon) {
       icons.push(jsx("button", {
         title: "Toggle options popup",
         type: "button",
@@ -930,7 +930,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 === 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, {
+    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, {
       className: styles.avatar,
       url: this.state.selected.avatar,
       username: this.state.selected.username,
@@ -976,9 +976,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 !== void 0 ? _this$props$label3 : undefined
+      'aria-label': (_this$props$label3 = this.props.label) !== null && _this$props$label3 !== undefined ? _this$props$label3 : undefined
     } : {
-      'aria-label': (_this$props$label4 = this.props.label) !== null && _this$props$label4 !== void 0 ? _this$props$label4 : undefined
+      'aria-label': (_this$props$label4 = this.props.label) !== null && _this$props$label4 !== undefined ? _this$props$label4 : undefined
     };
     switch (this.props.type) {
       case Type.INPUT_WITHOUT_CONTROLS:
@@ -1015,7 +1015,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 === void 0 || (_this$_popup5 = _this$_popup5.list) === null || _this$_popup5 === void 0 ? void 0 : _this$_popup5.shortcutsMap)) : undefined,
+              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,
               icon: this.props.filterIcon,
               afterInput: iconsNode
             })), this._renderPopup()]
@@ -1063,7 +1063,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 !== void 0 ? _this$props$buttonCla : undefined,
+            className: (_this$props$buttonCla = this.props.buttonClassName) !== null && _this$props$buttonCla !== undefined ? _this$props$buttonCla : undefined,
             id: this.props.id,
             onClick: this._clickHandler,
             "data-test": "ring-select__focus",

package/components/select/select__popup.js

@@ -90,8 +90,8 @@ class SelectPopup extends PureComponent {
     });
     _defineProperty(this, "isClickingPopup", false);
     // This flag is set to true while an item in the popup is being clicked
-    _defineProperty(this, "filter", void 0);
-    _defineProperty(this, "caret", void 0);
+    _defineProperty(this, "filter", undefined);
+    _defineProperty(this, "caret", undefined);
     _defineProperty(this, "onFilterFocus", () => {
       this._togglePopupFilterShortcuts(false);
       this.setState({
@@ -109,7 +109,7 @@ class SelectPopup extends PureComponent {
     _defineProperty(this, "mouseUpHandler", () => {
       this.isClickingPopup = false;
     });
-    _defineProperty(this, "popup", void 0);
+    _defineProperty(this, "popup", undefined);
     _defineProperty(this, "onListSelect", (selected, event, opts) => {
       const getSelectItemEvent = () => {
         const customEvent = document.createEvent('Event');
@@ -127,7 +127,7 @@ class SelectPopup extends PureComponent {
     });
     _defineProperty(this, "onClickHandler", () => {
       var _this$filter;
-      return (_this$filter = this.filter) === null || _this$filter === void 0 ? void 0 : _this$filter.focus();
+      return (_this$filter = this.filter) === null || _this$filter === undefined ? undefined : _this$filter.focus();
     });
     _defineProperty(this, "handleRemoveTag", memoize(tag => event => this.removeTag(tag, event)));
     _defineProperty(this, "handleTagClick", memoize(tag => () => {
@@ -155,7 +155,7 @@ class SelectPopup extends PureComponent {
           inline: true,
           onClick: this.handleSelectAll,
           children: 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)) || jsx(Text, {
+        }), ((_multiple$renderSelec = multiple.renderSelectedItemsDescription) === null || _multiple$renderSelec === undefined ? undefined : _multiple$renderSelec.call(multiple, this.props.selected, activeFilters.length)) || jsx(Text, {
           info: true,
           children: "".concat(this.props.selected.length, " selected")
         })]
@@ -181,13 +181,13 @@ class SelectPopup extends PureComponent {
       const containerNode = getPopupContainer(ringPopupTarget) || document.documentElement;
       return anchorNode != null ? Math.min(directions.reduce((maxHeight, direction) => {
         var _maxHeightForDirectio;
-        return Math.max(maxHeight, (_maxHeightForDirectio = maxHeightForDirection(direction, anchorNode, getStyles(containerNode).position !== 'static' ? containerNode : null)) !== null && _maxHeightForDirectio !== void 0 ? _maxHeightForDirectio : 0);
+        return Math.max(maxHeight, (_maxHeightForDirectio = maxHeightForDirection(direction, anchorNode, getStyles(containerNode).position !== 'static' ? containerNode : null)) !== null && _maxHeightForDirectio !== undefined ? _maxHeightForDirectio : 0);
       }, minMaxHeight), userDefinedMaxHeight) : userDefinedMaxHeight;
     }));
     _defineProperty(this, "popupRef", el => {
       this.popup = el;
     });
-    _defineProperty(this, "list", void 0);
+    _defineProperty(this, "list", undefined);
     _defineProperty(this, "listRef", el => {
       this.list = el;
     });
@@ -223,7 +223,7 @@ class SelectPopup extends PureComponent {
   focusFilter() {
     setTimeout(() => {
       var _this$filter2;
-      return (_this$filter2 = this.filter) === null || _this$filter2 === void 0 ? void 0 : _this$filter2.focus();
+      return (_this$filter2 = this.filter) === null || _this$filter2 === undefined ? undefined : _this$filter2.focus();
     });
   }
   isEventTargetFilter(event) {
@@ -301,7 +301,7 @@ class SelectPopup extends PureComponent {
         className: styles.filterWrapper,
         "data-test": "ring-select-popup-filter",
         children: [!this.props.tags && jsx(Icon, {
-          glyph: (_this$props$filterIco = this.props.filterIcon) !== null && _this$props$filterIco !== void 0 ? _this$props$filterIco : searchIcon,
+          glyph: (_this$props$filterIco = this.props.filterIcon) !== null && _this$props$filterIco !== undefined ? _this$props$filterIco : searchIcon,
           className: styles.filterIcon,
           "data-test-custom": "ring-select-popup-filter-icon"
         }), jsx(FilterWithShortcuts, {

package/components/shortcuts/core.js

@@ -171,7 +171,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 = this._scopes[scope]) !== null && _this$_scopes$scope !== undefined && _this$_scopes$scope[key]);
   }
   _getKeyboardEventType(params) {
     if (!params.type && sniffr.os.name === 'windows') {