@jetbrains/ring-ui 4.1.9 → 4.1.13

package/dist/login-dialog/login-dialog.js

@@ -46,7 +46,7 @@ import '../auth/response-parser.js';
 import 'es6-error';
 import '../global/url.js';
 
-var modules_45da1992 = {"unit":"8px","iFrame":"iFrame_rui_fb27","dialogContent":"dialogContent_rui_fb27","nonOpaqueLoader":"nonOpaqueLoader_rui_fb27","fallbackLinkContainer":"fallbackLinkContainer_rui_fb27"};
+var modules_45da1992 = {"unit":"8px","iFrame":"iFrame_rui_ea66","dialogContent":"dialogContent_rui_ea66","nonOpaqueLoader":"nonOpaqueLoader_rui_ea66","fallbackLinkContainer":"fallbackLinkContainer_rui_ea66"};
 
 const HUB_AUTH_PAGE_LOGIN_STARTED = 'HUB_AUTH_PAGE_LOGIN_STARTED';
 const HUB_AUTH_PAGE_LOGIN_DIMENSIONS = 'HUB_AUTH_PAGE_LOGIN_DIMENSIONS';

package/dist/markdown/markdown.js

@@ -21,7 +21,7 @@ import '../_helpers/link.js';
 import '../heading/heading.js';
 import 'util-deprecate';
 
-var modules_9c709e64 = {"unit":"8px","p-margin":"10px","inline":"inline_rui_b3aa","markdown":"markdown_rui_b3aa font_rui_750f"};
+var modules_9c709e64 = {"unit":"8px","p-margin":"10px","inline":"inline_rui_bc15","markdown":"markdown_rui_bc15 font_rui_750f"};
 
 /**
   * @name Markdown

package/dist/message/message.js

@@ -31,7 +31,7 @@ import '../global/theme.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 
-var modules_8b837449 = {"unit":"8px","padding":"12px","message":"message_rui_521b","icon":"icon_rui_521b","title":"title_rui_521b fontLower_rui_750f font_rui_750f","description":"description_rui_521b fontSmallerLower_rui_750f fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","button":"button_rui_521b","tail":"tail_rui_521b"};
+var modules_8b837449 = {"unit":"8px","padding":"12px","message":"message_rui_059d","icon":"icon_rui_059d","title":"title_rui_059d fontLower_rui_750f font_rui_750f","description":"description_rui_059d fontSmallerLower_rui_750f fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","button":"button_rui_059d","tail":"tail_rui_059d"};
 
 /**
   * @name Message
@@ -117,16 +117,12 @@ class Message extends Component {
     }));
 
     _defineProperty(this, "popupRef", el => {
-      var _this$popup;
-
       this.popup = el;
-      this.node = (_this$popup = this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
+      this.node = this.popup?.node;
     });
   }
 
   getTailOffset() {
-    var _this$popup2;
-
     const DEFAULT_OFFSET = 32;
     const {
       popupProps
@@ -136,7 +132,7 @@ class Message extends Component {
       return this.props.tailOffset;
     }
 
-    const anchor = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === void 0 ? void 0 : _this$popup2.parent);
+    const anchor = popupProps?.anchorElement || this.popup?.parent;
 
     if (!anchor) {
       return DEFAULT_OFFSET;
@@ -145,8 +141,8 @@ class Message extends Component {
     const offset = Math.floor(anchor.offsetWidth / 2);
     const isOpenedToRight = [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
 
-    if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
-      return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
+    if (popupProps?.left && isOpenedToRight) {
+      return offset - popupProps?.left;
     }
 
     return offset;

package/dist/pager/pager.js

@@ -86,7 +86,7 @@ import '../caret/caret.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 
-var modules_1a5f0d42 = {"unit":"8px","pager":"pager_rui_6375","links":"links_rui_6375","link":"link_rui_6375","linkDisabled":"linkDisabled_rui_6375"};
+var modules_1a5f0d42 = {"unit":"8px","pager":"pager_rui_3568","links":"links_rui_3568","link":"link_rui_3568","linkDisabled":"linkDisabled_rui_3568"};
 
 class Pager extends PureComponent {
   constructor() {

package/dist/popup/popup.js

@@ -18,7 +18,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
-var modules_2f69e2e2 = {"popup":"popup_rui_8cd0 font_rui_750f","hidden":"hidden_rui_8cd0","showing":"showing_rui_8cd0","attached":"attached_rui_8cd0"};
+var modules_2f69e2e2 = {"popup":"popup_rui_2e17 font_rui_750f","hidden":"hidden_rui_2e17","showing":"showing_rui_2e17","attached":"attached_rui_2e17"};
 
 const stop = e => e.stopPropagation();
 

package/dist/progress-bar/progress-bar.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Theme from '../global/theme.js';
 
-var modules_fb7af416 = {"unit":"8px","light":"light_rui_d044","progressBar":"progressBar_rui_d044","dark":"dark_rui_d044","line":"line_rui_d044","globalMode":"globalMode_rui_d044","progress-bar":"progressBar_rui_d044"};
+var modules_fb7af416 = {"unit":"8px","light":"light_rui_2960","progressBar":"progressBar_rui_2960","dark":"dark_rui_2960","line":"line_rui_2960","globalMode":"globalMode_rui_2960","progress-bar":"progressBar_rui_2960"};
 
 /**
  * @name Progress Bar

package/dist/query-assist/query-assist.js

@@ -266,7 +266,7 @@ class QueryAssist extends Component {
       super.setState(state, () => {
         this._pushHistory(state);
 
-        resolve === null || resolve === void 0 ? void 0 : resolve();
+        resolve?.();
       });
     });
 
@@ -654,17 +654,15 @@ 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[0]?.query === state.query;
 
     if (queryIsSet && !queryIsSame) {
-      var _this$caret$getPositi, _this$caret;
+      var _this$caret$getPositi;
 
       this.historyStack.unshift({
         query: state.query,
-        caret: (_this$caret$getPositi = (_this$caret = this.caret) === null || _this$caret === void 0 ? void 0 : _this$caret.getPosition({
+        caret: (_this$caret$getPositi = this.caret?.getPosition({
           avoidFocus: true
         })) !== null && _this$caret$getPositi !== void 0 ? _this$caret$getPositi : -1
       });

package/dist/select/select.js

@@ -78,7 +78,7 @@ import '../caret/caret.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 
-var modules_9d0de074 = {"unit":"8px","select":"select_rui_9815","value":"value_rui_9815 ellipsis_rui_750f font_rui_750f","icons":"icons_rui_9815","toolbar":"toolbar_rui_9815","button":"button_rui_9815","buttonSpaced":"buttonSpaced_rui_9815","inputMode":"inputMode_rui_9815","buttonMode":"buttonMode_rui_9815","selectedIcon":"selectedIcon_rui_9815 resetButton_rui_750f","clearIcon":"clearIcon_rui_9815","sizeS":"sizeS_rui_9815","sizeM":"sizeM_rui_9815","sizeL":"sizeL_rui_9815","sizeFULL":"sizeFULL_rui_9815","sizeAUTO":"sizeAUTO_rui_9815","materialMode":"materialMode_rui_9815","open":"open_rui_9815","buttonContainer":"buttonContainer_rui_9815","buttonValue":"buttonValue_rui_9815 ellipsis_rui_750f","buttonValueOpen":"buttonValueOpen_rui_9815","label":"label_rui_9815","disabled":"disabled_rui_9815","selectedLabel":"selectedLabel_rui_9815","avatar":"avatar_rui_9815","popup":"popup_rui_9815","chevron":"chevron_rui_9815","chevronIcon":"chevronIcon_rui_9815"};
+var modules_9d0de074 = {"unit":"8px","select":"select_rui_a8b4","value":"value_rui_a8b4 ellipsis_rui_750f font_rui_750f","icons":"icons_rui_a8b4","toolbar":"toolbar_rui_a8b4","button":"button_rui_a8b4","buttonSpaced":"buttonSpaced_rui_a8b4","inputMode":"inputMode_rui_a8b4","buttonMode":"buttonMode_rui_a8b4","selectedIcon":"selectedIcon_rui_a8b4 resetButton_rui_750f","clearIcon":"clearIcon_rui_a8b4","sizeS":"sizeS_rui_a8b4","sizeM":"sizeM_rui_a8b4","sizeL":"sizeL_rui_a8b4","sizeFULL":"sizeFULL_rui_a8b4","sizeAUTO":"sizeAUTO_rui_a8b4","materialMode":"materialMode_rui_a8b4","open":"open_rui_a8b4","buttonContainer":"buttonContainer_rui_a8b4","buttonValue":"buttonValue_rui_a8b4 ellipsis_rui_750f","buttonValueOpen":"buttonValueOpen_rui_a8b4","label":"label_rui_a8b4","disabled":"disabled_rui_a8b4","selectedLabel":"selectedLabel_rui_a8b4","avatar":"avatar_rui_a8b4","popup":"popup_rui_a8b4","chevron":"chevron_rui_a8b4","chevronIcon":"chevronIcon_rui_a8b4"};
 
 /**
  * @name Select
@@ -998,7 +998,7 @@ class Select extends Component {
     } = this.props;
     const icons = [];
 
-    if (selected !== null && selected !== void 0 && selected.icon) {
+    if (selected?.icon) {
       icons.push( /*#__PURE__*/React.createElement("button", {
         title: "Toggle options popup",
         type: "button",
@@ -1063,8 +1063,6 @@ class Select extends Component {
   }
 
   renderSelect(activeItemId) {
-    var _this$_popup, _this$_popup$list;
-
     const dataTest = this.props['data-test'];
     const {
       shortcutsEnabled
@@ -1113,7 +1111,7 @@ class Select extends Component {
           onKeyDown: this.props.onKeyDown,
           "data-test": "ring-select__focus",
           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)
+            ...this._popup?.list?.shortcutsMap
           }) : undefined
         })), this.props.type === Type.INPUT && iconsNode, this._renderPopup());
 

package/dist/select-ng/select-ng__lazy.js

@@ -115,11 +115,15 @@ class SelectLazy {
   }
 
   attachEvents() {
-    this.container.addEventListener('click', this.onClick);
+    this.container.addEventListener('click', this.onClick, {
+      capture: true
+    });
   }
 
   detachEvents() {
-    this.container.removeEventListener('click', this.onClick);
+    this.container.removeEventListener('click', this.onClick, {
+      capture: true
+    });
   }
 
   render(props) {
@@ -138,11 +142,11 @@ class SelectLazy {
 
     if (this.type === 'dropdown') {
       this.ctrl.selectInstance = render(this.reactSelect, this.container);
+
+      this.ctrl.selectInstance._openPopupIfClosed();
     } else {
       this.ctrl.selectInstance = hydrate(this.reactSelect, this.container);
     }
-
-    this.ctrl.selectInstance._openPopupIfClosed();
   }
 
 }