@jetbrains/ring-ui 5.0.36 → 5.0.37

package/dist/select/select.js

@@ -83,15 +83,11 @@ var modules_9d0de074 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","select":
 /**
  * @name Select
  */
-
 function noop() {}
 /**
  * @enum {number}
  */
-
-
 var Type;
-
 (function (Type) {
   Type["BUTTON"] = "BUTTON";
   Type["INPUT"] = "INPUT";
@@ -99,58 +95,45 @@ var Type;
   Type["INLINE"] = "INLINE";
   Type["INPUT_WITHOUT_CONTROLS"] = "INPUT_WITHOUT_CONTROLS";
 })(Type || (Type = {}));
-
 const ICONS_OFFSET = 5;
 const ICON_WIDTH = 20;
 const getStyle = memoize(iconsLength => ({
   paddingRight: ICONS_OFFSET + iconsLength * ICON_WIDTH
 }));
-
 const isInputMode = type => type === Type.INPUT || type === Type.INPUT_WITHOUT_CONTROLS;
-
 function getLowerCaseLabel(item) {
   if (List.isItemType(List.ListProps.Type.SEPARATOR, item) || List.isItemType(List.ListProps.Type.HINT, item) || typeof item.label !== 'string') {
     return null;
   }
-
   return item.label.toLowerCase();
 }
-
 function doesLabelMatch(itemToCheck, fn) {
   const lowerCaseLabel = getLowerCaseLabel(itemToCheck);
-
   if (lowerCaseLabel == null) {
     return true;
   }
-
   return fn(lowerCaseLabel);
 }
-
 function getFilterFn(filter) {
   if (typeof filter === 'object') {
     if (filter.fn) {
       return filter.fn;
     }
-
     if (filter.fuzzy) {
       return (itemToCheck, checkString) => doesLabelMatch(itemToCheck, lowerCaseLabel => fuzzyHighlight(checkString, lowerCaseLabel).matched);
     }
   }
-
   return (itemToCheck, checkString) => doesLabelMatch(itemToCheck, lowerCaseLabel => lowerCaseLabel.indexOf(checkString) >= 0);
 }
-
 function buildMultipleMap(selected) {
   return selected.reduce((acc, item) => {
     acc[item.key] = true;
     return acc;
   }, {});
 }
-
 function getListItems(props, state, rawFilterString) {
   let data = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : props.data;
   let filterString = rawFilterString.trim();
-
   if (isInputMode(props.type) && !props.allowAny && state.selected && !Array.isArray(state.selected) && filterString === state.selected.label) {
     filterString = ''; // ignore multiple if it is exactly the selected item
   }
@@ -159,50 +142,39 @@ function getListItems(props, state, rawFilterString) {
   const filteredData = [];
   let exactMatch = false;
   const check = getFilterFn(props.filter);
-
   for (let i = 0; i < data.length; i++) {
-    const item = { ...data[i]
+    const item = {
+      ...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]);
       }
-
       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
-
-
+      }
+      // 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])) {
         filteredData.push(item);
       }
     }
   }
-
   let addButton = null;
   const {
     add
   } = props;
-
   if (add && filterString && !exactMatch || add && add.alwaysVisible) {
     if (!(add.regexp && !add.regexp.test(filterString)) && !(add.minlength && filterString.length < +add.minlength) || add.alwaysVisible) {
       var _add$delayed;
-
       let label;
-
       if (add.label) {
         label = typeof add.label === 'function' ? add.label(filterString) : add.label;
       } else {
         label = filterString;
       }
-
       addButton = {
         prefix: add.prefix,
         label,
@@ -210,55 +182,42 @@ function getListItems(props, state, rawFilterString) {
       };
     }
   }
-
   return {
     filteredData,
     addButton
   };
 }
-
 function getSelectedIndex(selected, data) {
   const firstSelected = Array.isArray(selected) ? selected[0] : selected;
-
   if (firstSelected == null) {
     return null;
   }
-
   for (let i = 0; i < data.length; i++) {
     const item = data[i];
-
     if (item.key === undefined) {
       continue;
     }
-
     if (item.key === firstSelected.key) {
       return i;
     }
   }
-
   return null;
 }
-
 const getItemLabel = _ref => {
   let {
     selectedLabel,
     label
   } = _ref;
-
   if (selectedLabel != null) {
     return selectedLabel;
   }
-
   return typeof label === 'string' ? label : '';
 };
-
 const getValueForFilter = (selected, type, filterValue) => selected && !isArray(selected) && isInputMode(type) ? getItemLabel(selected) : filterValue;
-
 function isSameSelected(prevSelected, selected) {
   if (!prevSelected || !selected || prevSelected.length !== selected.length) {
     return false;
   }
-
   const keysMap = selected.reduce((result, item) => {
     result[item.key] = true;
     return result;
@@ -270,19 +229,14 @@ function isSameSelected(prevSelected, selected) {
  * @constructor
  * @extends {Component}
  */
-
 /**
  * Displays a select.
  */
-
-
 class Select extends Component {
   constructor() {
     var _this;
-
     super(...arguments);
     _this = this;
-
     _defineProperty(this, "state", {
       data: [],
       shownData: [],
@@ -298,13 +252,9 @@ class Select extends Component {
       multipleMap: {},
       addButton: null
     });
-
     _defineProperty(this, "id", getUID('select-'));
-
     _defineProperty(this, "shortcutsScope", this.id);
-
     _defineProperty(this, "listId", `${this.id}:list`);
-
     _defineProperty(this, "_focusHandler", e => {
       this.props.onFocus(e);
       this.setState({
@@ -312,12 +262,9 @@ class Select extends Component {
         focused: true
       });
     });
-
     _defineProperty(this, "_blurHandler", () => {
       var _this$_popup;
-
       this.props.onBlur();
-
       if (this._popup && this._popup.isVisible() && !this._popup.isClickingPopup) {
         window.setTimeout(() => {
           this.setState({
@@ -325,7 +272,6 @@ class Select extends Component {
           });
         });
       }
-
       if (!((_this$_popup = this._popup) !== null && _this$_popup !== void 0 && _this$_popup.isClickingPopup)) {
         this.setState({
           shortcutsEnabled: false,
@@ -333,46 +279,34 @@ class Select extends Component {
         });
       }
     });
-
     _defineProperty(this, "node", void 0);
-
     _defineProperty(this, "nodeRef", el => {
       this.node = el;
     });
-
     _defineProperty(this, "_popup", null);
-
     _defineProperty(this, "onEmptyPopupEnter", () => {
       if (this.state.addButton) {
         this.addHandler();
       }
     });
-
     _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) {
         return true;
       }
-
       return undefined;
     });
-
     _defineProperty(this, "_onEsc", event => {
       var _this$_popup3;
-
       if (!((_this$_popup3 = this._popup) !== null && _this$_popup3 !== void 0 && _this$_popup3.isVisible())) {
         return true;
       } else if (this.props.multiple || !this.props.getInitial) {
         return false;
       }
-
       const selected = {
         key: Math.random(),
         label: this.props.getInitial()
@@ -386,69 +320,51 @@ class Select extends Component {
       });
       return undefined;
     });
-
     _defineProperty(this, "_inputShortcutHandler", () => {
       if (this.state.focused && this._popup && !this._popup.isVisible()) {
         this._clickHandler();
       }
     });
-
     _defineProperty(this, "popupRef", el => {
       this._popup = el;
     });
-
     _defineProperty(this, "addHandler", () => {
       const value = this.filterValue();
-
       this._hidePopup();
-
       this.props.onAdd(value);
     });
-
     _defineProperty(this, "getLowerCaseLabel", getLowerCaseLabel);
-
     _defineProperty(this, "doesLabelMatch", doesLabelMatch);
-
     _defineProperty(this, "_clickHandler", () => {
       if (!this.props.disabled) {
         if (this.state.showPopup) {
           this._hidePopup();
         } else {
           this.props.onBeforeOpen();
-
           this._showPopup();
         }
       }
     });
-
     _defineProperty(this, "_openPopupIfClosed", () => {
       if (this.props.disabled || this.state.showPopup) {
         return;
       }
-
       this.props.onBeforeOpen();
-
       this._showPopup();
     });
-
     _defineProperty(this, "_filterChangeHandler", e => {
       this._setFilter(e.currentTarget.value, e);
     });
-
     _defineProperty(this, "_setFilter", (value, event) => {
       var _this$_popup4;
-
       if (this.isInputMode() && !this.state.focused) {
         return;
       }
-
       if (value === this.state.filterValue) {
         return;
       }
-
       const filterValue = value.replace(/^\s+/g, '');
       this.props.onFilter(filterValue);
-
       if (this.props.allowAny) {
         const fakeSelected = {
           key: Math.random(),
@@ -462,7 +378,6 @@ 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.setState({
         filterValue
@@ -470,68 +385,50 @@ class Select extends Component {
         this._showPopup();
       });
     });
-
     _defineProperty(this, "_redrawPopup", () => {
       if (this.props.multiple) {
         setTimeout(() => {
           this.isInputMode() && this.clearFilter();
-
           this._showPopup();
         }, 0);
       }
     });
-
     _defineProperty(this, "_listSelectHandler", function (selected, event) {
       let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
       const isItem = item => List.isItemType(List.ListProps.Type.ITEM, item);
-
       const isCustomItem = item => List.isItemType(List.ListProps.Type.CUSTOM, item);
-
       const isSelectItemEvent = event && (event.type === 'select' || event.type === 'keydown');
-
       if (isSelectItemEvent) {
         event.preventDefault();
       }
-
       if (!isItem(selected) && !isCustomItem(selected) || selected.disabled || selected.isResetItem) {
         return;
       }
-
       if (!_this.props.multiple) {
         _this._hidePopup(isSelectItemEvent);
-
         _this.setState({
           selected,
           selectedIndex: _this._getSelectedIndex(selected, _this.props.data)
         }, () => {
           const newFilterValue = _this.isInputMode() && !_this.props.hideSelected ? getItemLabel(selected) : '';
-
           _this.filterValue(newFilterValue);
-
           _this.props.onFilter(newFilterValue);
-
           _this.props.onSelect(selected, event);
-
           _this.props.onChange(selected, event);
         });
       } else {
         const {
           tryKeepOpen
         } = opts;
-
         if (!tryKeepOpen) {
           _this._hidePopup(isSelectItemEvent);
         }
-
         if (selected.key == null) {
           throw new Error('Multiple selection requires each item to have the "key" property');
         }
-
         _this.setState(prevState => {
           const currentSelection = prevState.selected;
           let nextSelection;
-
           if (!prevState.multipleMap[selected.key]) {
             nextSelection = currentSelection.concat(selected);
             _this.props.onSelect && _this.props.onSelect(selected, event);
@@ -539,22 +436,20 @@ class Select extends Component {
             nextSelection = currentSelection.filter(item => item.key !== selected.key);
             _this.props.onDeselect && _this.props.onDeselect(selected);
           }
-
           _this.props.onChange(nextSelection, event);
-
           const nextState = {
             selected: nextSelection,
             selectedIndex: _this._getSelectedIndex(selected, _this.props.data)
           };
-
           if (typeof _this.props.multiple === 'object' && _this.props.multiple.limit && nextSelection.length === _this.props.multiple.limit) {
-            nextState.shownData = prevState.shownData.map(item => nextSelection.find(selectedItem => selectedItem.key === item.key) ? item : { ...item,
+            nextState.shownData = prevState.shownData.map(item => nextSelection.find(selectedItem => selectedItem.key === item.key) ? item : {
+              ...item,
               disabled: true
             });
           }
-
           if (!prevState.multipleMap[selected.key]) {
-            nextState.multipleMap = { ...prevState.multipleMap,
+            nextState.multipleMap = {
+              ...prevState.multipleMap,
               [selected.key]: true
             };
           } else {
@@ -564,8 +459,8 @@ class Select extends Component {
             } = prevState.multipleMap;
             nextState.multipleMap = restMultipleMap;
           }
-
-          return { ...prevState,
+          return {
+            ...prevState,
             ...nextState
           };
         }, () => {
@@ -575,18 +470,13 @@ class Select extends Component {
         });
       }
     });
-
     _defineProperty(this, "_listSelectAllHandler", function () {
       let isSelectAll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
       const isItem = item => List.isItemType(List.ListProps.Type.ITEM, item);
-
       const isCustomItem = item => List.isItemType(List.ListProps.Type.CUSTOM, item);
-
       _this.setState(prevState => {
         const currentSelection = prevState.selected;
         let nextSelection;
-
         if (isSelectAll) {
           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 => {
@@ -598,21 +488,19 @@ class Select extends Component {
             _this.props.onDeselect && _this.props.onDeselect(item);
           });
         }
-
         _this.props.onChange(nextSelection, event);
-
         return {
           filterValue: '',
           selected: nextSelection,
           selectedIndex: isSelectAll ? _this._getSelectedIndex(nextSelection, _this.props.data) : null,
-          shownData: prevState.shownData.map(item => ({ ...item,
+          shownData: prevState.shownData.map(item => ({
+            ...item,
             checkbox: isSelectAll
           })),
           multipleMap: isSelectAll ? buildMultipleMap(_this.props.data.filter(item => !item.disabled)) : {}
         };
       }, _this._redrawPopup);
     });
-
     _defineProperty(this, "_onCloseAttempt", (event, isEsc) => {
       if (this.isInputMode()) {
         if (!this.props.allowAny) {
@@ -623,23 +511,18 @@ class Select extends Component {
           }
         }
       }
-
       const isTagRemoved = this.props.tags && event && event.target && event.target instanceof Element && event.target.matches('[data-test="ring-tag-remove"]');
-
       if (!isTagRemoved) {
         this._hidePopup(isEsc);
       }
     });
-
     _defineProperty(this, "clearFilter", e => {
       this._setFilter('', e);
     });
-
     _defineProperty(this, "clear", event => {
       if (event) {
         event.stopPropagation();
       }
-
       const empty = this.props.multiple ? [] : null;
       this.setState({
         selected: empty,
@@ -652,14 +535,11 @@ class Select extends Component {
       });
       return false;
     });
-
     _defineProperty(this, "filter", void 0);
-
     _defineProperty(this, "filterRef", el => {
       this.filter = el;
     });
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
     const {
       multiple,
@@ -677,7 +557,6 @@ class Select extends Component {
       prevSelected: nextProps.selected,
       prevMultiple: multiple
     };
-
     if ('data' in nextProps && data !== prevData) {
       const {
         filteredData,
@@ -687,7 +566,6 @@ class Select extends Component {
         shownData: filteredData,
         addButton
       });
-
       if (prevState.selected) {
         Object.assign(nextState, {
           selectedIndex: getSelectedIndex(prevState.selected, data),
@@ -695,7 +573,6 @@ class Select extends Component {
         });
       }
     }
-
     if ('selected' in nextProps && nextProps.selected !== prevSelected) {
       const selected = nextProps.selected || (multiple ? [] : null);
       const selectedIndex = getSelectedIndex(selected, data || prevData);
@@ -703,28 +580,24 @@ class Select extends Component {
         selected,
         prevFilterValue: getValueForFilter(selected, type, filterValue)
       });
-
       if (!Array.isArray(prevSelected) || !Array.isArray(selected) || !isSameSelected(prevSelected, selected)) {
         Object.assign(nextState, {
           selectedIndex
         });
       }
     }
-
     if (prevMultiple !== multiple && !deepEqual(prevMultiple, multiple)) {
       nextState.selected = multiple ? [] : null;
     }
-
     if (multiple && !nextState.selected) {
       nextState.selected = prevState.selected;
     }
-
     const {
       selected
-    } = { ...prevState,
+    } = {
+      ...prevState,
       ...nextState
     };
-
     if (selected && Array.isArray(selected)) {
       nextState.multipleMap = buildMultipleMap(selected);
       const {
@@ -736,10 +609,8 @@ class Select extends Component {
         addButton
       });
     }
-
     return nextState;
   }
-
   componentDidUpdate(prevProps, prevState) {
     const {
       showPopup,
@@ -751,34 +622,27 @@ class Select extends Component {
       onChange,
       multiple
     } = this.props;
-
     if (prevState.showPopup && !showPopup) {
       onClose(selected);
     } else if (!prevState.showPopup && showPopup) {
       onOpen();
     }
-
     if (multiple !== prevProps.multiple && !deepEqual(multiple, prevProps.multiple)) {
       onChange(selected);
     }
   }
-
   getValueForFilter(selected) {
     return getValueForFilter(selected, this.props.type, this.state.filterValue);
   }
-
   _getSelectedIndex(selected, data) {
     return getSelectedIndex(selected, data);
   }
-
   _getResetOption() {
     const isOptionsSelected = Array.isArray(this.state.selected) && this.state.selected.length;
     const reset = this.props.tags && typeof this.props.tags === 'object' ? this.props.tags.reset : null;
-
     if (!isOptionsSelected || !reset) {
       return null;
     }
-
     const resetHandler = (item, event) => {
       this.clear(event);
       this.clearFilter();
@@ -787,10 +651,8 @@ class Select extends Component {
         shownData: prevState.shownData.slice(reset.separator ? 2 : 1),
         multipleMap: {}
       }));
-
       this._redrawPopup();
     };
-
     return {
       isResetItem: true,
       separator: reset.separator,
@@ -805,46 +667,35 @@ class Select extends Component {
       onClick: resetHandler
     };
   }
-
   _prependResetOption(shownData) {
     const resetOption = this._getResetOption();
-
     const margin = {
       rgItemType: List.ListProps.Type.MARGIN
     };
-
     if (resetOption) {
       const resetItems = [margin, resetOption, margin];
-
       if (resetOption.separator) {
         resetItems.push({
           rgItemType: List.ListProps.Type.SEPARATOR
         });
       }
-
       return resetItems.concat(shownData);
     }
-
     return shownData;
   }
-
   _renderPopup() {
     const anchorElement = this.props.targetElement || this.node;
     const {
       showPopup,
       shownData
     } = this.state;
-
     const _shownData = this._prependResetOption(shownData);
-
     let message;
-
     if (this.props.loading) {
       message = this.props.loadingMessage;
     } else if (!shownData.length) {
       message = this.props.notFoundMessage;
     }
-
     return /*#__PURE__*/React.createElement(SelectPopup, {
       data: _shownData,
       message: message,
@@ -884,37 +735,31 @@ class Select extends Component {
       listId: this.listId
     });
   }
-
   _showPopup() {
     if (!this.node) {
       return;
     }
-
     const shownData = this.getListItems(this.filterValue());
     this.setState({
       showPopup: !!shownData.length || !this.props.allowAny,
       shownData
     });
   }
-
   _hidePopup(tryFocusAnchor) {
     if (this.node && this.state.showPopup) {
       this.setState(prevState => ({
         showPopup: false,
         filterValue: this.props.allowAny ? prevState.filterValue : ''
       }));
-
       if (tryFocusAnchor) {
         const focusableSelectExists = this.node && this.node.querySelector('[data-test~=ring-select__focus]');
         const restoreFocusNode = this.props.targetElement || focusableSelectExists;
-
         if (restoreFocusNode) {
           restoreFocusNode.focus();
         }
       }
     }
   }
-
   getToolbar() {
     const {
       hint,
@@ -926,11 +771,9 @@ class Select extends Component {
       delayed
     } = this.state.addButton || {};
     const isToolbarHasElements = this.state.addButton || hint || renderBottomToolbar;
-
     if (!isToolbarHasElements) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: classNames({
         [modules_9d0de074.toolbar]: Boolean(this.state.addButton || renderBottomToolbar)
@@ -947,11 +790,9 @@ class Select extends Component {
       "data-test": "ring-select-toolbar-hint"
     }));
   }
-
   getFilterFn() {
     return getFilterFn(this.props.filter);
   }
-
   getListItems(rawFilterString, data) {
     const {
       filteredData,
@@ -962,7 +803,6 @@ class Select extends Component {
     });
     return filteredData;
   }
-
   filterValue(setValue) {
     if (typeof setValue === 'string' || typeof setValue === 'number') {
       this.setState({
@@ -973,11 +813,9 @@ class Select extends Component {
       return this.state.filterValue;
     }
   }
-
   isInputMode() {
     return isInputMode(this.props.type);
   }
-
   _rebuildMultipleMap(selected) {
     if (Array.isArray(selected)) {
       this.setState({
@@ -985,31 +823,24 @@ class Select extends Component {
       });
     }
   }
-
   _selectionIsEmpty() {
     return Array.isArray(this.state.selected) && !this.state.selected.length || !this.state.selected;
   }
-
   _getLabel() {
     var _ref2, _this$props$label;
-
     return (_ref2 = (_this$props$label = this.props.label) !== null && _this$props$label !== void 0 ? _this$props$label : this.props.selectedLabel) !== null && _ref2 !== void 0 ? _ref2 : 'Select an option';
   }
-
   _getSelectedString() {
     if (Array.isArray(this.state.selected)) {
       const labels = [];
-
       for (let i = 0; i < this.state.selected.length; i++) {
         labels.push(getItemLabel(this.state.selected[i]));
       }
-
       return labels.filter(Boolean).join(', ');
     } else {
       return this.state.selected != null ? getItemLabel(this.state.selected) : null;
     }
   }
-
   _getIcons() {
     const {
       selected
@@ -1020,7 +851,6 @@ class Select extends Component {
       hideArrow
     } = this.props;
     const icons = [];
-
     if (!Array.isArray(selected) && selected !== null && selected !== void 0 && selected.icon) {
       icons.push( /*#__PURE__*/React.createElement("button", {
         title: "Toggle options popup",
@@ -1034,7 +864,6 @@ class Select extends Component {
         }
       }));
     }
-
     if (clear && !disabled && !this._selectionIsEmpty()) {
       icons.push( /*#__PURE__*/React.createElement(Button, {
         title: "Clear selection",
@@ -1046,7 +875,6 @@ class Select extends Component {
         icon: closeIcon
       }));
     }
-
     if (!hideArrow) {
       icons.push( /*#__PURE__*/React.createElement(Button, {
         title: "Toggle options popup",
@@ -1058,13 +886,10 @@ class Select extends Component {
         onClick: this._clickHandler
       }));
     }
-
     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, {
       className: modules_9d0de074.avatar,
       url: this.state.selected.avatar,
@@ -1072,7 +897,6 @@ class Select extends Component {
       size: Size$1.Size20
     });
   }
-
   getShortcutsMap() {
     return {
       enter: this._onEnter,
@@ -1086,10 +910,8 @@ class Select extends Component {
       space: noop
     };
   }
-
   renderSelect(activeItemId) {
     var _this$_popup5, _this$_popup5$list;
-
     const dataTest = this.props['data-test'];
     const {
       shortcutsEnabled
@@ -1098,9 +920,7 @@ class Select extends Component {
       [modules_9d0de074[`size${this.props.size}`]]: this.props.type !== Type.INLINE,
       [modules_9d0de074.disabled]: this.props.disabled
     });
-
     const icons = this._getIcons();
-
     const style = getStyle(icons.length);
     const iconsNode = /*#__PURE__*/React.createElement("span", {
       className: modules_9d0de074.icons
@@ -1109,7 +929,6 @@ class Select extends Component {
       'aria-owns': this.listId,
       'aria-activedescendant': activeItemId
     } : {};
-
     switch (this.props.type) {
       case Type.INPUT_WITHOUT_CONTROLS:
       case Type.INPUT:
@@ -1138,12 +957,12 @@ class Select extends Component {
           placeholder: this.props.inputPlaceholder,
           onKeyDown: this.props.onKeyDown,
           "data-test": "ring-select__focus",
-          enableShortcuts: shortcutsEnabled ? Object.keys({ ...this.getShortcutsMap(),
+          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)
           }) : undefined,
           afterInput: this.props.type === Type.INPUT && iconsNode
         })), this._renderPopup());
-
       case Type.BUTTON:
         return /*#__PURE__*/React.createElement("div", {
           ref: this.nodeRef,
@@ -1165,7 +984,6 @@ class Select extends Component {
           style: style,
           "data-test": "ring-select__button ring-select__focus"
         }), this._getAvatar(), this._selectionIsEmpty() ? this._getLabel() : this._getSelectedString()), iconsNode), this._renderPopup());
-
       case Type.INLINE:
         return /*#__PURE__*/React.createElement("div", {
           className: classes,
@@ -1181,7 +999,6 @@ class Select extends Component {
           disabled: this.props.disabled,
           active: this.state.showPopup
         }), this._selectionIsEmpty() ? this._getLabel() : this._getSelectedString()), this._renderPopup());
-
       default:
         if (this.props.customAnchor) {
           return /*#__PURE__*/React.createElement(Fragment, null, shortcutsEnabled && /*#__PURE__*/React.createElement(Shortcuts, {
@@ -1192,7 +1009,8 @@ class Select extends Component {
               ref: this.nodeRef,
               'data-test': joinDataTestAttributes('ring-select', dataTest)
             },
-            buttonProps: { ...ariaProps,
+            buttonProps: {
+              ...ariaProps,
               id: this.props.id,
               onClick: this._clickHandler,
               disabled: this.props.disabled,
@@ -1202,7 +1020,6 @@ class Select extends Component {
             popup: this._renderPopup()
           }));
         }
-
         return /*#__PURE__*/React.createElement("span", {
           id: this.props.id,
           ref: this.nodeRef,
@@ -1210,13 +1027,10 @@ class Select extends Component {
         }, this._renderPopup());
     }
   }
-
   render() {
     return /*#__PURE__*/React.createElement(ActiveItemContext.Provider, null, /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => this.renderSelect(activeItemId)));
   }
-
 }
-
 _defineProperty(Select, "defaultProps", {
   data: [],
   filter: false,
@@ -1258,13 +1072,9 @@ _defineProperty(Select, "defaultProps", {
   ringPopupTarget: null,
   dir: 'ltr'
 });
-
 _defineProperty(Select, "contextType", ControlsHeightContext);
-
 _defineProperty(Select, "Type", Type);
-
 _defineProperty(Select, "Size", Size);
-
 Select.propTypes = {
   className: PropTypes.string,
   buttonClassName: PropTypes.string,