@jetbrains/ring-ui 5.0.127 → 5.0.128

package/dist/select/select.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component, Fragment } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -19,7 +19,7 @@ import rerenderHOC from '../global/rerender-hoc.js';
 import fuzzyHighlight from '../global/fuzzy-highlight.js';
 import memoize from '../global/memoize.js';
 import { isArray } from '../global/typescript-utils.js';
-import { ControlsHeight, ControlsHeightContext } from '../global/controls-height.js';
+import { ControlsHeightContext, ControlsHeight } from '../global/controls-height.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
 import SelectPopup from './select__popup.js';
 import { A as Anchor } from '../_helpers/anchor.js';
@@ -232,309 +232,47 @@ function isSameSelected(prevSelected, selected) {
  * Displays a select.
  */
 class Select extends Component {
-  constructor() {
-    var _this;
-    super(...arguments);
-    _this = this;
-    _defineProperty(this, "state", {
-      data: [],
-      shownData: [],
-      selected: this.props.multiple ? [] : null,
-      selectedIndex: null,
-      filterValue: this.props.filter && typeof this.props.filter === 'object' && this.props.filter.value || '',
-      shortcutsEnabled: false,
-      popupShortcuts: false,
-      showPopup: false,
-      prevData: this.props.data,
-      prevSelected: null,
-      prevMultiple: this.props.multiple,
-      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({
-        shortcutsEnabled: true,
-        focused: true
-      });
-    });
-    _defineProperty(this, "_blurHandler", () => {
-      this.props.onBlur();
-      if (this._popup && this._popup.isVisible() && !this._popup.isClickingPopup) {
-        window.setTimeout(() => {
-          this.setState({
-            showPopup: false
-          });
-        });
-      }
-      if (!this._popup?.isClickingPopup) {
-        this.setState({
-          shortcutsEnabled: false,
-          focused: false
-        });
-      }
-    });
-    _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", () => {
-      if (this.state.addButton && this.state.shownData.length === 0) {
-        this.addHandler();
-      }
-      this.props.onDone();
-      if (!this._popup?.isVisible() && this.props.allowAny) {
-        return true;
-      }
-      return undefined;
-    });
-    _defineProperty(this, "_onEsc", event => {
-      if (!this._popup?.isVisible()) {
-        return true;
-      } else if (this.props.multiple || !this.props.getInitial) {
-        return false;
-      }
-      const selected = {
-        key: Math.random(),
-        label: this.props.getInitial()
-      };
-      this.setState({
-        selected,
-        filterValue: this.getValueForFilter(selected)
-      }, () => {
-        this.props.onChange(selected, event);
-        this.props.onReset();
-      });
-      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) => {
-      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(),
-          label: filterValue
-        };
-        this.setState({
-          selected: filterValue === '' ? null : fakeSelected,
-          selectedIndex: null
-        }, () => {
-          this.props.onSelect(fakeSelected, event);
-          this.props.onChange(fakeSelected, event);
-        });
-      }
-      !this._popup?.isVisible() && this.props.onBeforeOpen();
-      this.setState({
-        filterValue
-      }, () => {
-        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);
-          } else {
-            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,
-              disabled: true
-            });
-          }
-          if (!prevState.multipleMap[selected.key]) {
-            nextState.multipleMap = {
-              ...prevState.multipleMap,
-              [selected.key]: true
-            };
-          } else {
-            const {
-              [selected.key]: _,
-              ...restMultipleMap
-            } = prevState.multipleMap;
-            nextState.multipleMap = restMultipleMap;
-          }
-          return {
-            ...prevState,
-            ...nextState
-          };
-        }, () => {
-          if (tryKeepOpen) {
-            _this._redrawPopup();
-          }
-        });
-      }
-    });
-    _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 => {
-            _this.props.onSelect && _this.props.onSelect(item);
-          });
-        } else {
-          nextSelection = [];
-          currentSelection.forEach(item => {
-            _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,
-            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) {
-          if (this.props.hideSelected || !this.state.selected || this.props.multiple) {
-            this.clearFilter();
-          } else if (this.state.selected && !Array.isArray(this.state.selected)) {
-            this.filterValue(getItemLabel(this.state.selected));
-          }
-        }
-      }
-      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,
-        selectedIndex: null,
-        filterValue: ''
-      }, () => {
-        if (this.props.onChange) {
-          this.props.onChange(empty, event);
-        }
-      });
-      return false;
-    });
-    _defineProperty(this, "filter", void 0);
-    _defineProperty(this, "filterRef", el => {
-      this.filter = el;
-    });
-  }
+  static defaultProps = {
+    data: [],
+    filter: false,
+    multiple: false,
+    clear: false,
+    loading: false,
+    disabled: false,
+    loadingMessage: 'Loading...',
+    notFoundMessage: 'No options found',
+    type: Type.BUTTON,
+    size: Size.M,
+    targetElement: null,
+    hideSelected: false,
+    allowAny: false,
+    hideArrow: false,
+    maxHeight: 600,
+    directions: [Popup.PopupProps.Directions.BOTTOM_RIGHT, Popup.PopupProps.Directions.BOTTOM_LEFT, Popup.PopupProps.Directions.TOP_LEFT, Popup.PopupProps.Directions.TOP_RIGHT],
+    selected: null,
+    label: null,
+    selectedLabel: null,
+    inputPlaceholder: '',
+    hint: null,
+    shortcutsEnabled: false,
+    onBeforeOpen: noop,
+    onLoadMore: noop,
+    onOpen: noop,
+    onClose: noop,
+    onFilter: noop,
+    onFocus: noop,
+    onBlur: noop,
+    onKeyDown: noop,
+    onSelect: noop,
+    onDeselect: noop,
+    onChange: noop,
+    onAdd: noop,
+    onDone: noop,
+    onReset: noop,
+    tags: null,
+    ringPopupTarget: null,
+    dir: 'ltr'
+  };
   static getDerivedStateFromProps(nextProps, prevState) {
     const {
       multiple,
@@ -606,6 +344,21 @@ class Select extends Component {
     }
     return nextState;
   }
+  state = {
+    data: [],
+    shownData: [],
+    selected: this.props.multiple ? [] : null,
+    selectedIndex: null,
+    filterValue: this.props.filter && typeof this.props.filter === 'object' && this.props.filter.value || '',
+    shortcutsEnabled: false,
+    popupShortcuts: false,
+    showPopup: false,
+    prevData: this.props.data,
+    prevSelected: null,
+    prevMultiple: this.props.multiple,
+    multipleMap: {},
+    addButton: null
+  };
   componentDidUpdate(prevProps, prevState) {
     const {
       showPopup,
@@ -626,12 +379,88 @@ class Select extends Component {
       onChange(selected);
     }
   }
+  static contextType = ControlsHeightContext;
+  static Type = Type;
+  static Size = Size;
+  id = getUID('select-');
+  shortcutsScope = this.id;
+  listId = `${this.id}:list`;
+  _focusHandler = e => {
+    this.props.onFocus(e);
+    this.setState({
+      shortcutsEnabled: true,
+      focused: true
+    });
+  };
+  _blurHandler = () => {
+    this.props.onBlur();
+    if (this._popup && this._popup.isVisible() && !this._popup.isClickingPopup) {
+      window.setTimeout(() => {
+        this.setState({
+          showPopup: false
+        });
+      });
+    }
+    if (!this._popup?.isClickingPopup) {
+      this.setState({
+        shortcutsEnabled: false,
+        focused: false
+      });
+    }
+  };
+  node;
+  nodeRef = el => {
+    this.node = el;
+  };
+  _popup = null;
+  onEmptyPopupEnter = () => {
+    if (this.state.addButton) {
+      this.addHandler();
+    }
+  };
+  _onEnter = () => {
+    if (this.state.addButton && this.state.shownData.length === 0) {
+      this.addHandler();
+    }
+    this.props.onDone();
+    if (!this._popup?.isVisible() && this.props.allowAny) {
+      return true;
+    }
+    return undefined;
+  };
+  _onEsc = event => {
+    if (!this._popup?.isVisible()) {
+      return true;
+    } else if (this.props.multiple || !this.props.getInitial) {
+      return false;
+    }
+    const selected = {
+      key: Math.random(),
+      label: this.props.getInitial()
+    };
+    this.setState({
+      selected,
+      filterValue: this.getValueForFilter(selected)
+    }, () => {
+      this.props.onChange(selected, event);
+      this.props.onReset();
+    });
+    return undefined;
+  };
+  _inputShortcutHandler = () => {
+    if (this.state.focused && this._popup && !this._popup.isVisible()) {
+      this._clickHandler();
+    }
+  };
   getValueForFilter(selected) {
     return getValueForFilter(selected, this.props.type, this.state.filterValue);
   }
   _getSelectedIndex(selected, data) {
     return getSelectedIndex(selected, data);
   }
+  popupRef = el => {
+    this._popup = el;
+  };
   _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;
@@ -753,6 +582,11 @@ class Select extends Component {
       }
     }
   }
+  addHandler = () => {
+    const value = this.filterValue();
+    this._hidePopup();
+    this.props.onAdd(value);
+  };
   getToolbar() {
     const {
       hint,
@@ -783,6 +617,8 @@ class Select extends Component {
       "data-test": "ring-select-toolbar-hint"
     }));
   }
+  getLowerCaseLabel = getLowerCaseLabel;
+  doesLabelMatch = doesLabelMatch;
   getFilterFn() {
     return getFilterFn(this.props.filter);
   }
@@ -809,6 +645,55 @@ class Select extends Component {
   isInputMode() {
     return isInputMode(this.props.type);
   }
+  _clickHandler = () => {
+    if (!this.props.disabled) {
+      if (this.state.showPopup) {
+        this._hidePopup();
+      } else {
+        this.props.onBeforeOpen();
+        this._showPopup();
+      }
+    }
+  };
+  _openPopupIfClosed = () => {
+    if (this.props.disabled || this.state.showPopup) {
+      return;
+    }
+    this.props.onBeforeOpen();
+    this._showPopup();
+  };
+  _filterChangeHandler = e => {
+    this._setFilter(e.currentTarget.value, e);
+  };
+  _setFilter = (value, event) => {
+    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(),
+        label: filterValue
+      };
+      this.setState({
+        selected: filterValue === '' ? null : fakeSelected,
+        selectedIndex: null
+      }, () => {
+        this.props.onSelect(fakeSelected, event);
+        this.props.onChange(fakeSelected, event);
+      });
+    }
+    !this._popup?.isVisible() && this.props.onBeforeOpen();
+    this.setState({
+      filterValue
+    }, () => {
+      this._showPopup();
+    });
+  };
   _rebuildMultipleMap(selected) {
     if (Array.isArray(selected)) {
       this.setState({
@@ -816,6 +701,162 @@ class Select extends Component {
       });
     }
   }
+  _redrawPopup = () => {
+    if (this.props.multiple) {
+      setTimeout(() => {
+        this.isInputMode() && this.clearFilter();
+        this._showPopup();
+      }, 0);
+    }
+  };
+  _listSelectHandler = (() => {
+    var _this = this;
+    return 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);
+          } else {
+            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,
+              disabled: true
+            });
+          }
+          if (!prevState.multipleMap[selected.key]) {
+            nextState.multipleMap = {
+              ...prevState.multipleMap,
+              [selected.key]: true
+            };
+          } else {
+            const {
+              [selected.key]: _,
+              ...restMultipleMap
+            } = prevState.multipleMap;
+            nextState.multipleMap = restMultipleMap;
+          }
+          return {
+            ...prevState,
+            ...nextState
+          };
+        }, () => {
+          if (tryKeepOpen) {
+            _this._redrawPopup();
+          }
+        });
+      }
+    };
+  })();
+  _listSelectAllHandler = (() => {
+    var _this2 = this;
+    return 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);
+      _this2.setState(prevState => {
+        const currentSelection = prevState.selected;
+        let nextSelection;
+        if (isSelectAll) {
+          nextSelection = _this2.props.data.filter(item => (isItem(item) || isCustomItem(item)) && !item.disabled);
+          nextSelection.filter(item => !_this2.props.selected.find(selectedItem => item.key === selectedItem.key)).forEach(item => {
+            _this2.props.onSelect && _this2.props.onSelect(item);
+          });
+        } else {
+          nextSelection = [];
+          currentSelection.forEach(item => {
+            _this2.props.onDeselect && _this2.props.onDeselect(item);
+          });
+        }
+        _this2.props.onChange(nextSelection, event);
+        return {
+          filterValue: '',
+          selected: nextSelection,
+          selectedIndex: isSelectAll ? _this2._getSelectedIndex(nextSelection, _this2.props.data) : null,
+          shownData: prevState.shownData.map(item => ({
+            ...item,
+            checkbox: isSelectAll
+          })),
+          multipleMap: isSelectAll ? buildMultipleMap(_this2.props.data.filter(item => !item.disabled)) : {}
+        };
+      }, _this2._redrawPopup);
+    };
+  })();
+  _onCloseAttempt = (event, isEsc) => {
+    if (this.isInputMode()) {
+      if (!this.props.allowAny) {
+        if (this.props.hideSelected || !this.state.selected || this.props.multiple) {
+          this.clearFilter();
+        } else if (this.state.selected && !Array.isArray(this.state.selected)) {
+          this.filterValue(getItemLabel(this.state.selected));
+        }
+      }
+    }
+    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);
+    }
+  };
+  clearFilter = e => {
+    this._setFilter('', e);
+  };
+  clear = event => {
+    if (event) {
+      event.stopPropagation();
+    }
+    const empty = this.props.multiple ? [] : null;
+    this.setState({
+      selected: empty,
+      selectedIndex: null,
+      filterValue: ''
+    }, () => {
+      if (this.props.onChange) {
+        this.props.onChange(empty, event);
+      }
+    });
+    return false;
+  };
   _selectionIsEmpty() {
     return Array.isArray(this.state.selected) && !this.state.selected.length || !this.state.selected;
   }
@@ -899,6 +940,10 @@ class Select extends Component {
       size: Size$1.Size20
     });
   }
+  filter;
+  filterRef = el => {
+    this.filter = el;
+  };
   getShortcutsMap() {
     return {
       enter: this._onEnter,
@@ -1050,50 +1095,6 @@ class Select extends Component {
     return /*#__PURE__*/React.createElement(ActiveItemContext.Provider, null, /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => this.renderSelect(activeItemId)));
   }
 }
-_defineProperty(Select, "defaultProps", {
-  data: [],
-  filter: false,
-  multiple: false,
-  clear: false,
-  loading: false,
-  disabled: false,
-  loadingMessage: 'Loading...',
-  notFoundMessage: 'No options found',
-  type: Type.BUTTON,
-  size: Size.M,
-  targetElement: null,
-  hideSelected: false,
-  allowAny: false,
-  hideArrow: false,
-  maxHeight: 600,
-  directions: [Popup.PopupProps.Directions.BOTTOM_RIGHT, Popup.PopupProps.Directions.BOTTOM_LEFT, Popup.PopupProps.Directions.TOP_LEFT, Popup.PopupProps.Directions.TOP_RIGHT],
-  selected: null,
-  label: null,
-  selectedLabel: null,
-  inputPlaceholder: '',
-  hint: null,
-  shortcutsEnabled: false,
-  onBeforeOpen: noop,
-  onLoadMore: noop,
-  onOpen: noop,
-  onClose: noop,
-  onFilter: noop,
-  onFocus: noop,
-  onBlur: noop,
-  onKeyDown: noop,
-  onSelect: noop,
-  onDeselect: noop,
-  onChange: noop,
-  onAdd: noop,
-  onDone: noop,
-  onReset: noop,
-  tags: null,
-  ringPopupTarget: null,
-  dir: 'ltr'
-});
-_defineProperty(Select, "contextType", ControlsHeightContext);
-_defineProperty(Select, "Type", Type);
-_defineProperty(Select, "Size", Size);
 Select.propTypes = {
   className: PropTypes.string,
   buttonClassName: PropTypes.string,