@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.4

package/dist/select/select.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, c as _objectSpread2, b as _extends, a as _objectWithoutProperties, d as _toPropertyKey } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component, Fragment } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -6,30 +6,31 @@ import chevronDown from '@jetbrains/icons/chevron-10px';
 import closeIcon from '@jetbrains/icons/close';
 import deepEqual from 'deep-equal';
 import '../dropdown/dropdown.js';
-import Avatar, { Size } from '../avatar/avatar.js';
+import Avatar, { Size as Size$1 } from '../avatar/avatar.js';
 import Popup from '../popup/popup.js';
 import List, { ActiveItemContext } from '../list/list.js';
-import Input, { Size as Size$1 } from '../input/input.js';
+import Input, { Size } from '../input/input.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import Button from '../button/button.js';
-import { m as modules_e81895c9 } from '../_helpers/button__classes.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import getUID from '../global/get-uid.js';
 import rerenderHOC from '../global/rerender-hoc.js';
 import fuzzyHighlight from '../global/fuzzy-highlight.js';
-import Theme, { ThemeContext } from '../global/theme.js';
+import Theme from '../global/theme.js';
 import memoize from '../global/memoize.js';
-import getEventKey from '../global/get-event-key.js';
 import SelectPopup from './select__popup.js';
 import { A as Anchor } from '../_helpers/anchor.js';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
 import '../global/url.js';
 import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
 import 'react-dom';
 import '../global/schedule-raf.js';
 import '../tab-trap/tab-trap.js';
@@ -48,16 +49,20 @@ import 'memoize-one';
 import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../link/link.js';
+import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
+import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
+import '../_helpers/input.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';
 import '../_helpers/inject-styles.js';
@@ -73,7 +78,7 @@ import '../caret/caret.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 
-var modules_9d0de074 = {"unit":"8px","resetButton":"global_resetButton__0f8f4370","select":"select_select__695ec655","value":"select_value__695ec655 global_ellipsis__0f8f4370 global_font__0f8f4370","icons":"select_icons__695ec655","toolbar":"select_toolbar__695ec655","button":"select_button__695ec655","buttonSpaced":"select_buttonSpaced__695ec655","inputMode":"select_inputMode__695ec655","buttonMode":"select_buttonMode__695ec655","selectedIcon":"select_selectedIcon__695ec655 global_resetButton__0f8f4370","clearIcon":"select_clearIcon__695ec655","sizeS":"select_sizeS__695ec655","sizeM":"select_sizeM__695ec655","sizeL":"select_sizeL__695ec655","sizeFULL":"select_sizeFULL__695ec655","sizeAUTO":"select_sizeAUTO__695ec655","materialMode":"select_materialMode__695ec655","open":"select_open__695ec655","buttonValue":"select_buttonValue__695ec655 global_ellipsis__0f8f4370","buttonValueOpen":"select_buttonValueOpen__695ec655","label":"select_label__695ec655","disabled":"select_disabled__695ec655","selectedLabel":"select_selectedLabel__695ec655","avatar":"select_avatar__695ec655","popup":"select_popup__695ec655","chevron":"select_chevron__695ec655","chevronIcon":"select_chevronIcon__695ec655"};
+var modules_9d0de074 = {"unit":"8px","resetButton":"resetButton_rui_750f","select":"select_rui_5270","value":"value_rui_5270 ellipsis_rui_750f font_rui_750f","icons":"icons_rui_5270","toolbar":"toolbar_rui_5270","button":"button_rui_5270","buttonSpaced":"buttonSpaced_rui_5270","selectedIcon":"selectedIcon_rui_5270 resetButton_rui_750f","clearIcon":"clearIcon_rui_5270","sizeS":"sizeS_rui_5270","sizeM":"sizeM_rui_5270","sizeL":"sizeL_rui_5270","sizeFULL":"sizeFULL_rui_5270","sizeAUTO":"sizeAUTO_rui_5270","buttonMode":"buttonMode_rui_5270","materialMode":"materialMode_rui_5270","open":"open_rui_5270","buttonContainer":"buttonContainer_rui_5270","buttonValue":"buttonValue_rui_5270 ellipsis_rui_750f","buttonValueOpen":"buttonValueOpen_rui_5270","label":"label_rui_5270","disabled":"disabled_rui_5270","selectedLabel":"selectedLabel_rui_5270","avatar":"avatar_rui_5270","popup":"popup_rui_5270","chevron":"chevron_rui_5270","chevronIcon":"chevronIcon_rui_5270"};
 
 /**
  * @name Select
@@ -149,7 +154,8 @@ function getListItems(props, state, rawFilterString) {
   const check = getFilterFn(props.filter);
 
   for (let i = 0; i < data.length; i++) {
-    const item = _objectSpread2({}, data[i]);
+    const item = { ...data[i]
+    };
 
     if (check(item, lowerCaseString, data)) {
       exactMatch = item.label === filterString;
@@ -361,10 +367,6 @@ class Select extends Component {
       }
     });
 
-    _defineProperty(this, "popupRef", el => {
-      this._popup = el;
-    });
-
     _defineProperty(this, "addHandler", () => {
       const value = this.filterValue();
 
@@ -389,14 +391,6 @@ class Select extends Component {
       }
     });
 
-    _defineProperty(this, "_selectButtonKeyboardHack", event => {
-      const key = getEventKey(event);
-
-      if (key === 'Enter' || key === ' ') {
-        this._clickHandler();
-      }
-    });
-
     _defineProperty(this, "_filterChangeHandler", e => {
       this._setFilter(e.target.value, e);
     });
@@ -516,20 +510,20 @@ class Select extends Component {
           };
 
           if (_this.props.multiple.limit && nextSelection.length === _this.props.multiple.limit) {
-            nextState.shownData = prevState.shownData.map(item => nextSelection.find(selectedItem => selectedItem.key === item.key) ? item : _objectSpread2(_objectSpread2({}, 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 = _objectSpread2(_objectSpread2({}, prevState.multipleMap), {}, {
+            nextState.multipleMap = { ...prevState.multipleMap,
               [selected.key]: true
-            });
+            };
           } else {
-            const _prevState$multipleMa = prevState.multipleMap,
-                  _selected$key = selected.key,
-                  restMultipleMap = _objectWithoutProperties(_prevState$multipleMa, [_selected$key].map(_toPropertyKey));
-
+            const {
+              [selected.key]: _,
+              ...restMultipleMap
+            } = prevState.multipleMap;
             nextState.multipleMap = restMultipleMap;
           }
 
@@ -569,7 +563,7 @@ class Select extends Component {
           filterValue: '',
           selected: nextSelection,
           selectedIndex: isSelectAll ? _this._getSelectedIndex(nextSelection, _this.props.data) : null,
-          shownData: prevState.shownData.map(item => _objectSpread2(_objectSpread2({}, item), {}, {
+          shownData: prevState.shownData.map(item => ({ ...item,
             checkbox: isSelectAll
           })),
           multipleMap: isSelectAll ? buildMultipleMap(_this.props.data.filter(item => !item.disabled)) : {}
@@ -693,7 +687,9 @@ class Select extends Component {
 
     const {
       selected
-    } = _objectSpread2(_objectSpread2({}, prevState), nextState);
+    } = { ...prevState,
+      ...nextState
+    };
 
     if (selected && multiple) {
       nextState.multipleMap = buildMultipleMap(selected);
@@ -998,6 +994,7 @@ class Select extends Component {
         type: "button",
         className: modules_9d0de074.selectedIcon,
         key: "selected",
+        disabled: this.props.disabled,
         onClick: this._clickHandler,
         style: {
           backgroundImage: `url(${selected.icon})`
@@ -1011,6 +1008,7 @@ class Select extends Component {
         "data-test": "ring-clear-select",
         className: modules_9d0de074.clearIcon,
         key: "close",
+        disabled: this.props.disabled,
         onClick: this.clear,
         icon: closeIcon
       }));
@@ -1023,6 +1021,7 @@ class Select extends Component {
         iconClassName: modules_9d0de074.chevronIcon,
         icon: chevronDown,
         key: "hide",
+        disabled: this.props.disabled,
         onClick: this._clickHandler
       }));
     }
@@ -1031,10 +1030,11 @@ class Select extends Component {
   }
 
   _getAvatar() {
-    return this.state.selected && this.state.selected.avatar && /*#__PURE__*/React.createElement(Avatar, {
+    return this.state.selected && (this.state.selected.avatar || this.state.selected.showGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
       className: modules_9d0de074.avatar,
       url: this.state.selected.avatar,
-      size: Size.Size20
+      username: this.state.selected.username,
+      size: Size$1.Size20
     });
   }
 
@@ -1094,7 +1094,7 @@ class Select extends Component {
           value: this.state.filterValue,
           borderless: this.props.type === Type.INPUT_WITHOUT_CONTROLS,
           style: style,
-          size: Size$1.FULL,
+          size: Size.FULL,
           onChange: this._filterChangeHandler,
           onFocus: this._focusHandler,
           onBlur: this._blurHandler,
@@ -1102,7 +1102,9 @@ 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$_popup = this._popup) === null || _this$_popup === void 0 ? void 0 : (_this$_popup$list = _this$_popup.list) === null || _this$_popup$list === void 0 ? void 0 : _this$_popup$list.shortcutsMap)) : undefined
+          enableShortcuts: shortcutsEnabled ? Object.keys({ ...this.getShortcutsMap(),
+            ...((_this$_popup = this._popup) === null || _this$_popup === void 0 ? void 0 : (_this$_popup$list = _this$_popup.list) === null || _this$_popup$list === void 0 ? void 0 : _this$_popup$list.shortcutsMap)
+          }) : undefined
         })), this.props.type === Type.INPUT && iconsNode, this._renderPopup());
 
       case Type.BUTTON:
@@ -1113,19 +1115,18 @@ class Select extends Component {
         }, shortcutsEnabled && /*#__PURE__*/React.createElement(Shortcuts, {
           map: this.getShortcutsMap(),
           scope: this.shortcutsScope
-        }), /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, contextTheme => /*#__PURE__*/React.createElement("div", _extends({}, ariaProps, {
+        }), /*#__PURE__*/React.createElement("div", {
+          className: modules_9d0de074.buttonContainer
+        }, /*#__PURE__*/React.createElement(Button, _extends({}, ariaProps, {
           id: this.props.id,
           onClick: this._clickHandler,
-          onKeyPress: this._selectButtonKeyboardHack,
-          className: classNames(modules_e81895c9.button, modules_e81895c9[this.props.theme || contextTheme || Theme.LIGHT], modules_9d0de074.buttonValue, {
+          className: classNames(this.props.buttonClassName, modules_9d0de074.buttonValue, {
             [modules_9d0de074.buttonValueOpen]: this.state.showPopup
           }),
-          role: "button",
-          tabIndex: 0,
           disabled: this.props.disabled,
           style: style,
           "data-test": "ring-select__button ring-select__focus"
-        }), this._getAvatar(), this._selectionIsEmpty() ? this._getLabel() : this._getSelectedString(), iconsNode)), this._renderPopup());
+        }), this._getAvatar(), this._selectionIsEmpty() ? this._getLabel() : this._getSelectedString()), iconsNode), this._renderPopup());
 
       case Type.MATERIAL:
         return /*#__PURE__*/React.createElement("div", {
@@ -1142,7 +1143,7 @@ class Select extends Component {
           onClick: this._clickHandler,
           type: "button",
           disabled: this.props.disabled,
-          className: classNames(modules_9d0de074.value, {
+          className: classNames(this.props.buttonClassName, modules_9d0de074.value, {
             [modules_9d0de074.open]: this.state.showPopup,
             [modules_9d0de074.label]: this._selectionIsEmpty()
           }),
@@ -1178,13 +1179,13 @@ class Select extends Component {
               ref: this.nodeRef,
               'data-test': joinDataTestAttributes('ring-select', dataTest)
             },
-            buttonProps: _objectSpread2(_objectSpread2({}, ariaProps), {}, {
+            buttonProps: { ...ariaProps,
               id: this.props.id,
               onClick: this._clickHandler,
               disabled: this.props.disabled,
               children: this._selectionIsEmpty() ? this._getLabel() : this._getSelectedString(),
               'data-test': 'ring-select_focus'
-            }),
+            },
             popup: this._renderPopup()
           }));
         }
@@ -1205,6 +1206,7 @@ class Select extends Component {
 
 _defineProperty(Select, "propTypes", {
   className: PropTypes.string,
+  buttonClassName: PropTypes.string,
   id: PropTypes.string,
   multiple: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
   allowAny: PropTypes.bool,
@@ -1251,7 +1253,7 @@ _defineProperty(Select, "propTypes", {
   clear: PropTypes.bool,
   hideArrow: PropTypes.bool,
   compact: PropTypes.bool,
-  size: PropTypes.oneOf(Object.values(Size$1)),
+  size: PropTypes.oneOf(Object.values(Size)),
   theme: PropTypes.string,
   customAnchor: PropTypes.func,
   disableMoveOverflow: PropTypes.bool,
@@ -1275,7 +1277,7 @@ _defineProperty(Select, "defaultProps", {
   loadingMessage: 'Loading...',
   notFoundMessage: 'No options found',
   type: Type.MATERIAL,
-  size: Size$1.M,
+  size: Size.M,
   targetElement: null,
   // element to bind the popup to (select BUTTON or INPUT by default)
   hideSelected: false,
@@ -1325,11 +1327,10 @@ _defineProperty(Select, "defaultProps", {
 
 _defineProperty(Select, "Type", Type);
 
-_defineProperty(Select, "Size", Size$1);
+_defineProperty(Select, "Size", Size);
 
 _defineProperty(Select, "Theme", Theme);
 
 const RerenderableSelect = rerenderHOC(Select);
 
-export default Select;
-export { RerenderableSelect };
+export { RerenderableSelect, Select as default };

package/dist/select/select__filter.js

@@ -14,11 +14,13 @@ import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../global/get-uid.js';
+import '../_helpers/input.js';
 import 'sniffr';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -34,13 +36,16 @@ import 'combokeys';
 import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../link/link.js';
+import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';

package/dist/select/select__popup.js

@@ -20,10 +20,11 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import Button from '../button/button.js';
 import Text from '../text/text.js';
 import { DEFAULT_DIRECTIONS } from '../popup/popup.consts.js';
-import { m as modules_b607bec2, S as SelectFilter } from '../_helpers/select__filter.js';
+import { S as SelectFilter, m as modules_b607bec2 } from '../_helpers/select__filter.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import 'react-dom';
 import '../global/schedule-raf.js';
 import '../global/data-tests.js';
@@ -41,13 +42,16 @@ import '../list/list__link.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -66,6 +70,7 @@ import '@jetbrains/icons/close';
 import '@jetbrains/icons/chevron-10px';
 import '../_helpers/button__classes.js';
 import '../input/input.js';
+import '../_helpers/input.js';
 
 const INPUT_MARGIN_COMPENSATION = -14;
 const FILTER_HEIGHT = 35;
@@ -538,4 +543,4 @@ _defineProperty(SelectPopup, "defaultProps", {
   onEmptyPopupEnter: noop
 });
 
-export default SelectPopup;
+export { SelectPopup as default };