@jetbrains/ring-ui 5.0.36 → 5.0.38

package/dist/select/select__popup.js

@@ -71,14 +71,11 @@ import '../_helpers/input.js';
 
 const FILTER_HEIGHT = 35;
 const TOOLBAR_HEIGHT = 49;
-
 function noop() {}
-
 const FilterWithShortcuts = shortcutsHOC(SelectFilter);
 class SelectPopup extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       popupFilterShortcutsOptions: {
         modal: true,
@@ -86,65 +83,47 @@ class SelectPopup extends PureComponent {
       },
       tagsActiveIndex: null
     });
-
     _defineProperty(this, "isClickingPopup", false);
-
     _defineProperty(this, "filter", void 0);
-
     _defineProperty(this, "caret", void 0);
-
     _defineProperty(this, "onFilterFocus", () => {
       this._togglePopupFilterShortcuts(false);
-
       this.setState({
         tagsActiveIndex: null
       });
     });
-
     _defineProperty(this, "popupFilterOnBlur", () => {
       if (this.state.tagsActiveIndex === null) {
         this._togglePopupFilterShortcuts(true);
       }
     });
-
     _defineProperty(this, "mouseDownHandler", () => {
       this.isClickingPopup = true;
     });
-
     _defineProperty(this, "mouseUpHandler", () => {
       this.isClickingPopup = false;
     });
-
     _defineProperty(this, "popup", void 0);
-
     _defineProperty(this, "onListSelect", (selected, event, opts) => {
       const getSelectItemEvent = () => {
         const customEvent = document.createEvent('Event');
         customEvent.initEvent('select', true, false);
-
         if (event && 'persist' in event) {
           event.persist();
         }
-
         customEvent.originalEvent = event;
         return customEvent;
       };
-
       this.props.onSelect(selected, getSelectItemEvent(), opts);
     });
-
     _defineProperty(this, "tabPress", event => {
       this.props.onCloseAttempt(event, true);
     });
-
     _defineProperty(this, "onClickHandler", () => {
       var _this$filter;
-
       return (_this$filter = this.filter) === null || _this$filter === void 0 ? void 0 : _this$filter.focus();
     });
-
     _defineProperty(this, "handleRemoveTag", memoize(tag => event => this.removeTag(tag, event)));
-
     _defineProperty(this, "handleTagClick", memoize(tag => () => {
       if (Array.isArray(this.props.selected)) {
         this.setState({
@@ -152,20 +131,16 @@ class SelectPopup extends PureComponent {
         });
       }
     }));
-
     _defineProperty(this, "handleListResize", () => {
       this.forceUpdate();
     });
-
     _defineProperty(this, "handleSelectAll", () => {
       if (Array.isArray(this.props.selected)) {
         this.props.onSelectAll(this.props.data.filter(item => !item.disabled).length !== this.props.selected.length);
       }
     });
-
     _defineProperty(this, "getSelectAll", () => {
       var _multiple$renderSelec;
-
       const multiple = this.props.multiple;
       const activeFilters = this.props.data.filter(item => !item.disabled);
       return Array.isArray(this.props.selected) && /*#__PURE__*/React.createElement("div", {
@@ -178,50 +153,40 @@ class SelectPopup extends PureComponent {
         info: true
       }, `${this.props.selected.length} selected`));
     });
-
     _defineProperty(this, "_adjustListMaxHeight", memoizeOne((hidden, userDefinedMaxHeight, ringPopupTarget) => {
       if (hidden) {
         return userDefinedMaxHeight;
-      } // Calculate list's maximum height that can't
+      }
+      // Calculate list's maximum height that can't
       // get beyond the screen
       // @see RG-1838, JT-48358
-
-
       const minMaxHeight = 100;
-      const directions = this.props.directions || DEFAULT_DIRECTIONS; // Note:
+      const directions = this.props.directions || DEFAULT_DIRECTIONS;
+      // Note:
       // Create a method which'll be called only when the popup opens and before
       // render the list would be a better way
-
       const anchorNode = this.props.anchorElement;
       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);
       }, minMaxHeight), userDefinedMaxHeight) : userDefinedMaxHeight;
     }));
-
     _defineProperty(this, "popupRef", el => {
       this.popup = el;
     });
-
     _defineProperty(this, "list", void 0);
-
     _defineProperty(this, "listRef", el => {
       this.list = el;
     });
-
     _defineProperty(this, "filterRef", el => {
       this.filter = el;
       this.caret = el && new Caret(el);
     });
-
     _defineProperty(this, "shortcutsScope", getUID('select-popup-'));
-
     _defineProperty(this, "shortcutsMap", {
       tab: this.tabPress
     });
-
     _defineProperty(this, "popupFilterShortcutsMap", {
       up: event => this.list && this.list.upHandler(event),
       down: event => this.list && this.list.downHandler(event),
@@ -236,57 +201,44 @@ class SelectPopup extends PureComponent {
       right: event => this.handleNavigation(event)
     });
   }
-
   componentDidMount() {
     window.document.addEventListener('mouseup', this.mouseUpHandler);
   }
-
   componentWillUnmount() {
     window.document.removeEventListener('mouseup', this.mouseUpHandler);
   }
-
   focusFilter() {
     setTimeout(() => {
       var _this$filter2;
-
       return (_this$filter2 = this.filter) === null || _this$filter2 === void 0 ? void 0 : _this$filter2.focus();
     });
   }
-
   isEventTargetFilter(event) {
     return event.target instanceof Element && event.target.matches('input,textarea');
   }
-
   handleNavigation(event, navigateLeft) {
     if (this.isEventTargetFilter(event) && this.caret != null && this.caret.getPosition() > 0 || !Array.isArray(this.props.selected)) {
       return;
     }
-
     let newIndex = null;
-
     if (navigateLeft) {
       newIndex = this.state.tagsActiveIndex === null ? this.props.selected.length - 1 : this.state.tagsActiveIndex - 1;
     } else if (this.state.tagsActiveIndex !== null) {
       newIndex = this.state.tagsActiveIndex + 1;
     }
-
     if (newIndex !== null && (newIndex >= this.props.selected.length || newIndex < 0)) {
       newIndex = null;
       this.focusFilter();
     }
-
     this.setState({
       tagsActiveIndex: newIndex
     });
   }
-
   removeTag(tag, event) {
     if (!Array.isArray(this.props.selected)) {
       return;
     }
-
     const _tag = tag || this.props.selected.slice(0)[this.props.selected.length - 1];
-
     if (_tag) {
       this.onListSelect(_tag, event, {
         tryKeepOpen: true
@@ -297,34 +249,27 @@ class SelectPopup extends PureComponent {
       this.focusFilter();
     }
   }
-
   removeSelectedTag() {
     if (Array.isArray(this.props.selected) && this.state.tagsActiveIndex != null) {
       this.removeTag(this.props.selected[this.state.tagsActiveIndex]);
       return false;
     }
-
     return true;
   }
-
   handleBackspace(event) {
     if (!this.props.tags) {
       return true;
     }
-
     if (!this.isEventTargetFilter(event)) {
       this.removeSelectedTag();
       return false;
     }
-
     if ((event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) && !event.target.value) {
       this.removeTag();
       return false;
     }
-
     return true;
   }
-
   _togglePopupFilterShortcuts(shortcutsDisabled) {
     this.setState({
       popupFilterShortcutsOptions: {
@@ -333,11 +278,9 @@ class SelectPopup extends PureComponent {
       }
     });
   }
-
   isVisible() {
     return this.popup && this.popup.isVisible();
   }
-
   getFilter() {
     if (this.props.filter || this.props.tags) {
       return /*#__PURE__*/React.createElement("div", {
@@ -364,10 +307,8 @@ class SelectPopup extends PureComponent {
         enableShortcuts: Object.keys(this.popupFilterShortcutsMap)
       }));
     }
-
     return null;
   }
-
   getTags() {
     return Array.isArray(this.props.selected) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TagsList, {
       tags: this.props.selected,
@@ -377,7 +318,6 @@ class SelectPopup extends PureComponent {
       disabled: this.props.disabled
     }));
   }
-
   getFilterWithTags() {
     if (this.props.tags) {
       const classes = classNames([modules_b607bec2.filterWithTags, {
@@ -387,10 +327,8 @@ class SelectPopup extends PureComponent {
         className: classes
       }, this.getTags(), this.getFilter());
     }
-
     return this.getFilter();
   }
-
   getBottomLine() {
     const {
       loading,
@@ -402,25 +340,20 @@ class SelectPopup extends PureComponent {
       className: modules_b607bec2.message
     }, message));
   }
-
   getList(ringPopupTarget) {
     if (this.props.data.length) {
       let {
         maxHeight
       } = this.props;
-
       if (this.props.anchorElement) {
         maxHeight = this._adjustListMaxHeight(this.props.hidden, maxHeight, ringPopupTarget);
       }
-
       if (this.props.filter) {
         maxHeight -= FILTER_HEIGHT;
       }
-
       if (this.props.toolbar) {
         maxHeight -= TOOLBAR_HEIGHT;
       }
-
       return /*#__PURE__*/React.createElement(List, {
         id: this.props.listId,
         maxHeight: maxHeight,
@@ -441,10 +374,8 @@ class SelectPopup extends PureComponent {
         renderOptimization: this.props.renderOptimization
       });
     }
-
     return null;
   }
-
   render() {
     const {
       toolbar,
@@ -494,9 +425,7 @@ class SelectPopup extends PureComponent {
       }), hidden ? /*#__PURE__*/React.createElement("div", null) : filterWithTags, selectAll, list, bottomLine, toolbar));
     });
   }
-
 }
-
 _defineProperty(SelectPopup, "defaultProps", {
   data: [],
   activeIndex: null,
@@ -519,7 +448,6 @@ _defineProperty(SelectPopup, "defaultProps", {
   onSelectAll: noop,
   onEmptyPopupEnter: noop
 });
-
 SelectPopup.propTypes = {
   activeIndex: PropTypes.number,
   anchorElement: PropTypes.instanceOf(HTMLElement),