@jetbrains/ring-ui 5.0.146 → 5.0.148

package/dist/tab-trap/tab-trap.js

@@ -28,8 +28,9 @@ class TabTrap extends Component {
     if (this.props.autoFocusFirst) {
       this.focusFirst();
     } else if (!this.props.trapDisabled && (!this.node || !this.node.contains(this.previousFocusedNode))) {
+      var _this$trapButtonNode;
       this.trapWithoutFocus = true;
-      this.trapButtonNode?.focus();
+      (_this$trapButtonNode = this.trapButtonNode) === null || _this$trapButtonNode === void 0 ? void 0 : _this$trapButtonNode.focus();
     }
   }
   componentWillUnmount() {
@@ -89,6 +90,7 @@ class TabTrap extends Component {
     }
   };
   handleBlurIfWithoutFocus = event => {
+    var _this$node;
     if (!this.trapWithoutFocus) {
       return;
     }
@@ -97,7 +99,7 @@ class TabTrap extends Component {
     if (!newFocused) {
       return;
     }
-    if (newFocused instanceof Element && this.node?.contains(newFocused)) {
+    if (newFocused instanceof Element && (_this$node = this.node) !== null && _this$node !== void 0 && _this$node.contains(newFocused)) {
       return;
     }
     this.focusLast();

package/dist/table/header.js

@@ -85,8 +85,8 @@ class Header extends PureComponent {
   calculateColumnsWidths(columnsRowNode) {
     var _columnsRowNode$child;
     this.setState({
-      headerWidth: columnsRowNode?.clientWidth,
-      widths: [...((_columnsRowNode$child = columnsRowNode?.childNodes) !== null && _columnsRowNode$child !== void 0 ? _columnsRowNode$child : [])].map(column => column instanceof Element ? column.clientWidth : 0)
+      headerWidth: columnsRowNode === null || columnsRowNode === void 0 ? void 0 : columnsRowNode.clientWidth,
+      widths: [...((_columnsRowNode$child = columnsRowNode === null || columnsRowNode === void 0 ? void 0 : columnsRowNode.childNodes) !== null && _columnsRowNode$child !== void 0 ? _columnsRowNode$child : [])].map(column => column instanceof Element ? column.clientWidth : 0)
     });
   }
   createCells() {

package/dist/table/multitable.js

@@ -13,7 +13,8 @@ class MultiTable extends PureComponent {
       const currentSelections = this.props.children.map(element => element.props.selection);
       const currentFocused = currentSelections.filter(selection => selection.getFocused());
       if (currentFocused.includes(prevFocused)) {
-        prevProps.children[prevFocusedIndex].props.onSelect?.(prevFocused.resetFocus());
+        var _prevProps$children$p, _prevProps$children$p2;
+        (_prevProps$children$p = (_prevProps$children$p2 = prevProps.children[prevFocusedIndex].props).onSelect) === null || _prevProps$children$p === void 0 ? void 0 : _prevProps$children$p.call(_prevProps$children$p2, prevFocused.resetFocus());
       }
     }
   }
@@ -33,12 +34,15 @@ class MultiTable extends PureComponent {
     const prevTable = tables[tableIndex - 1] ? tables[tableIndex - 1].props : null;
     let newSelection = currentTable.selection.moveUp();
     if (newSelection) {
-      currentTable.onSelect?.(newSelection);
+      var _currentTable$onSelec;
+      (_currentTable$onSelec = currentTable.onSelect) === null || _currentTable$onSelec === void 0 ? void 0 : _currentTable$onSelec.call(currentTable, newSelection);
     } else if (prevTable) {
-      currentTable.onSelect?.(currentTable.selection.resetFocus());
+      var _currentTable$onSelec2;
+      (_currentTable$onSelec2 = currentTable.onSelect) === null || _currentTable$onSelec2 === void 0 ? void 0 : _currentTable$onSelec2.call(currentTable, currentTable.selection.resetFocus());
       newSelection = prevTable.selection.moveUp();
       if (newSelection) {
-        prevTable.onSelect?.(newSelection);
+        var _prevTable$onSelect;
+        (_prevTable$onSelect = prevTable.onSelect) === null || _prevTable$onSelect === void 0 ? void 0 : _prevTable$onSelect.call(prevTable, newSelection);
       }
     }
     return false;
@@ -59,12 +63,15 @@ class MultiTable extends PureComponent {
     const nextTable = tables[tableIndex + 1] ? tables[tableIndex + 1].props : null;
     let newSelection = currentTable.selection.moveDown();
     if (newSelection) {
-      currentTable.onSelect?.(newSelection);
+      var _currentTable$onSelec3;
+      (_currentTable$onSelec3 = currentTable.onSelect) === null || _currentTable$onSelec3 === void 0 ? void 0 : _currentTable$onSelec3.call(currentTable, newSelection);
     } else if (nextTable) {
-      currentTable.onSelect?.(currentTable.selection.resetFocus());
+      var _currentTable$onSelec4;
+      (_currentTable$onSelec4 = currentTable.onSelect) === null || _currentTable$onSelec4 === void 0 ? void 0 : _currentTable$onSelec4.call(currentTable, currentTable.selection.resetFocus());
       newSelection = nextTable.selection.moveDown();
       if (newSelection) {
-        nextTable.onSelect?.(newSelection);
+        var _nextTable$onSelect;
+        (_nextTable$onSelect = nextTable.onSelect) === null || _nextTable$onSelect === void 0 ? void 0 : _nextTable$onSelect.call(nextTable, newSelection);
       }
     }
     return false;

package/dist/table/row-with-focus-sensor.js

@@ -48,16 +48,20 @@ class RowWithFocusSensorCallbacks extends PureComponent {
   // https://stackoverflow.com/a/53882322/6304152
   RowWithFocusSensor = getContainer();
   onFocus = () => {
-    this.props.onFocus?.(this.props.item);
+    var _this$props$onFocus, _this$props;
+    (_this$props$onFocus = (_this$props = this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props, this.props.item);
   };
   onSelect = (item, selected) => {
-    this.props.onSelect?.(item, selected);
+    var _this$props$onSelect, _this$props2;
+    (_this$props$onSelect = (_this$props2 = this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props2, item, selected);
   };
   onCollapse = () => {
-    this.props.onCollapse?.(this.props.item);
+    var _this$props$onCollaps, _this$props3;
+    (_this$props$onCollaps = (_this$props3 = this.props).onCollapse) === null || _this$props$onCollaps === void 0 ? void 0 : _this$props$onCollaps.call(_this$props3, this.props.item);
   };
   onExpand = () => {
-    this.props.onExpand?.(this.props.item);
+    var _this$props$onExpand, _this$props4;
+    (_this$props$onExpand = (_this$props4 = this.props).onExpand) === null || _this$props$onExpand === void 0 ? void 0 : _this$props$onExpand.call(_this$props4, this.props.item);
   };
   render() {
     return /*#__PURE__*/React.createElement(this.RowWithFocusSensor, _extends({}, this.props, {

package/dist/table/selection-shortcuts-hoc.js

@@ -28,7 +28,7 @@ function selectionShortcutsHOC(ComposedComponent) {
       } = this.props;
       const newSelection = selection.moveUp();
       if (newSelection) {
-        onSelect?.(newSelection);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
       }
       return false;
     };
@@ -39,7 +39,7 @@ function selectionShortcutsHOC(ComposedComponent) {
       } = this.props;
       const newSelection = selection.moveDown();
       if (newSelection) {
-        onSelect?.(newSelection);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
       }
       return false;
     };
@@ -74,9 +74,9 @@ function selectionShortcutsHOC(ComposedComponent) {
       const newSelection = this.shiftSelect(selection);
       const newMovedSelection = newSelection.moveUp();
       if (newMovedSelection) {
-        onSelect?.(newMovedSelection);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newMovedSelection);
       } else {
-        onSelect?.(newSelection);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
       }
     };
     onShiftDownPress = e => {
@@ -92,9 +92,9 @@ function selectionShortcutsHOC(ComposedComponent) {
       const newSelection = this.shiftSelect(selection);
       const newMovedSelection = newSelection.moveDown();
       if (newMovedSelection) {
-        onSelect?.(newMovedSelection);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newMovedSelection);
       } else {
-        onSelect?.(newSelection);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
       }
     };
     onHomePress = () => {
@@ -104,7 +104,7 @@ function selectionShortcutsHOC(ComposedComponent) {
       } = this.props;
       const newSelection = selection.moveStart();
       if (newSelection) {
-        onSelect?.(newSelection);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
       }
       return false;
     };
@@ -115,7 +115,7 @@ function selectionShortcutsHOC(ComposedComponent) {
       } = this.props;
       const newSelection = selection.moveEnd();
       if (newSelection) {
-        onSelect?.(newSelection);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
       }
       return false;
     };
@@ -128,7 +128,7 @@ function selectionShortcutsHOC(ComposedComponent) {
       if (!selectable) {
         return true;
       }
-      onSelect?.(selection.toggleSelection());
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.toggleSelection());
       return false;
     };
     onEscPress = () => {
@@ -136,7 +136,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         selection,
         onSelect
       } = this.props;
-      onSelect?.(selection.reset());
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.reset());
       //this.restoreFocusWithoutScroll();
     };
 
@@ -149,7 +149,7 @@ function selectionShortcutsHOC(ComposedComponent) {
       if (!selectable) {
         return true;
       }
-      onSelect?.(selection.selectAll());
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.selectAll());
       return false;
     };
     shortcutsMap = {

package/dist/tabs/collapsible-tabs.js

@@ -205,7 +205,7 @@ const CollapsibleTabs = _ref => {
     const measureTask = fastdom.measure(() => {
       var _container$children;
       const container = measureRef.current;
-      const descendants = [...((_container$children = container?.children) !== null && _container$children !== void 0 ? _container$children : [])];
+      const descendants = [...((_container$children = container === null || container === void 0 ? void 0 : container.children) !== null && _container$children !== void 0 ? _container$children : [])];
       const moreButton = descendants.pop();
       let moreButtonWidth = moreButton.offsetWidth;
       const {

package/dist/tag/tag.js

@@ -58,7 +58,8 @@ class Tag extends PureComponent {
       });
     }
     if (this.state.focused) {
-      this.tagNode?.focus();
+      var _this$tagNode;
+      (_this$tagNode = this.tagNode) === null || _this$tagNode === void 0 ? void 0 : _this$tagNode.focus();
     }
     this.setDocumentClickListener(this.state.focused);
   }

package/dist/tags-input/tags-input.js

@@ -170,9 +170,10 @@ class TagsInput extends PureComponent {
   }
   componentDidMount() {
     if (this.props.autoOpen && !this.props.disabled) {
+      var _this$select;
       this.focusInput();
       this.loadSuggestions();
-      this.select?._showPopup();
+      (_this$select = this.select) === null || _this$select === void 0 ? void 0 : _this$select._showPopup();
     }
   }
   static ngModelStateField = 'tags';
@@ -187,7 +188,8 @@ class TagsInput extends PureComponent {
   caret;
   getInputNode() {
     if (!this.input) {
-      this.input = this.select?.filter;
+      var _this$select2;
+      this.input = (_this$select2 = this.select) === null || _this$select2 === void 0 ? void 0 : _this$select2.filter;
       if (this.input) {
         this.caret = new Caret(this.input);
       }
@@ -200,15 +202,17 @@ class TagsInput extends PureComponent {
     });
   }
   focusInput = () => {
-    this.getInputNode()?.focus();
+    var _this$getInputNode;
+    (_this$getInputNode = this.getInputNode()) === null || _this$getInputNode === void 0 ? void 0 : _this$getInputNode.focus();
   };
   addTag = tag => {
+    var _this$select3, _this$select4;
     if (tag == null) {
       return;
     }
     const isUniqueTag = this.state.tags.filter(item => tag.key === item.key).length === 0;
-    this.select?.clear();
-    this.select?.filterValue('');
+    (_this$select3 = this.select) === null || _this$select3 === void 0 ? void 0 : _this$select3.clear();
+    (_this$select4 = this.select) === null || _this$select4 === void 0 ? void 0 : _this$select4.filterValue('');
     if (isUniqueTag) {
       this.setState(prevState => ({
         tags: prevState.tags.concat([tag])
@@ -234,10 +238,11 @@ class TagsInput extends PureComponent {
     }, this.focusInput);
   }
   clickHandler = event => {
+    var _this$select5;
     if (event.target !== this.node && event.target.parentElement !== this.node) {
       return;
     }
-    this.select?._clickHandler();
+    (_this$select5 = this.select) === null || _this$select5 === void 0 ? void 0 : _this$select5._clickHandler();
   };
   filterExistingTags = suggestions => {
     const tagsMap = new Map(this.state.tags.map(tag => [tag.key, tag]));
@@ -295,20 +300,22 @@ class TagsInput extends PureComponent {
     }
   };
   handleKeyDown = event => {
+    var _this$select6, _this$select6$_popup;
     const key = getEventKey(event);
     const isInputFocused = () => {
-      var _this$getInputNode$ta;
-      return event.target instanceof Element && event.target.matches((_this$getInputNode$ta = this.getInputNode()?.tagName) !== null && _this$getInputNode$ta !== void 0 ? _this$getInputNode$ta : '');
+      var _this$getInputNode$ta, _this$getInputNode2;
+      return event.target instanceof Element && event.target.matches((_this$getInputNode$ta = (_this$getInputNode2 = this.getInputNode()) === null || _this$getInputNode2 === void 0 ? void 0 : _this$getInputNode2.tagName) !== null && _this$getInputNode$ta !== void 0 ? _this$getInputNode$ta : '');
     };
     if (key === ' ' && this.props.allowAddNewTags) {
+      var _this$getInputNode3;
       event.stopPropagation();
-      const value = this.getInputNode()?.value;
+      const value = (_this$getInputNode3 = this.getInputNode()) === null || _this$getInputNode3 === void 0 ? void 0 : _this$getInputNode3.value;
       if (value != null && value !== '') {
         this.handleTagCreation(value);
       }
       return true;
     }
-    if (this.select?._popup?.isVisible()) {
+    if ((_this$select6 = this.select) !== null && _this$select6 !== void 0 && (_this$select6$_popup = _this$select6._popup) !== null && _this$select6$_popup !== void 0 && _this$select6$_popup.isVisible()) {
       return true;
     }
     if (key === 'ArrowLeft') {
@@ -321,7 +328,8 @@ class TagsInput extends PureComponent {
     if (key === 'ArrowRight' && !isInputFocused()) {
       if (this.state.activeIndex === this.state.tags.length - 1) {
         if (!this.props.disabled) {
-          this.getInputNode()?.focus();
+          var _this$getInputNode4;
+          (_this$getInputNode4 = this.getInputNode()) === null || _this$getInputNode4 === void 0 ? void 0 : _this$getInputNode4.focus();
           this.setActiveIndex();
         }
       } else {
@@ -330,10 +338,12 @@ class TagsInput extends PureComponent {
       return false;
     }
     if (!this.props.disabled) {
-      if (key === 'Backspace' && !this.getInputNode()?.value) {
+      var _this$getInputNode5;
+      if (key === 'Backspace' && !((_this$getInputNode5 = this.getInputNode()) !== null && _this$getInputNode5 !== void 0 && _this$getInputNode5.value)) {
+        var _this$select7;
         event.preventDefault();
         const tagsLength = this.state.tags.length;
-        this.select?._hidePopup(true); // otherwise confirmation may be overlapped by popup
+        (_this$select7 = this.select) === null || _this$select7 === void 0 ? void 0 : _this$select7._hidePopup(true); // otherwise confirmation may be overlapped by popup
         this.onRemoveTag(this.state.tags[tagsLength - 1]);
         return false;
       }

package/dist/text/text.d.ts

@@ -1,9 +1,12 @@
 import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
+type TextSize = 's' | 'm' | 'l';
 export interface TextProps extends HTMLAttributes<HTMLElement> {
     info?: boolean | null | undefined;
+    size?: TextSize;
     'data-test'?: string | null | undefined;
 }
+declare const TextSize: Record<string, TextSize>;
 /**
  * @name Text
  */
@@ -11,7 +14,10 @@ export default class Text extends Component<TextProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         info: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<TextSize>;
         className: PropTypes.Requireable<string>;
     };
+    static Size: Record<string, TextSize>;
     render(): React.JSX.Element;
 }
+export {};

package/dist/text/text.js

@@ -3,8 +3,13 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-var modules_78d1bce6 = {"light":"light_rui_2ac4","text":"text_rui_6f30","info":"info_rui_6f30"};
+var modules_78d1bce6 = {"light":"light_rui_2ac4","text":"text_rui_6f30","sizeS":"sizeS_rui_6f30","sizeM":"sizeM_rui_6f30","sizeL":"sizeL_rui_6f30","info":"info_rui_6f30"};
 
+const TextSize = {
+  S: 's',
+  M: 'm',
+  L: 'l'
+};
 /**
  * @name Text
  */
@@ -12,17 +17,23 @@ class Text extends Component {
   static propTypes = {
     children: PropTypes.node,
     info: PropTypes.bool,
+    size: PropTypes.oneOf(Object.keys(TextSize).map(it => TextSize[it])),
     className: PropTypes.string
   };
+  static Size = TextSize;
   render() {
     const {
       children,
       className,
       info,
+      size,
       ...restProps
     } = this.props;
     const classes = classNames(modules_78d1bce6.text, className, {
-      [modules_78d1bce6.info]: info
+      [modules_78d1bce6.info]: info,
+      [modules_78d1bce6.sizeS]: size === Text.Size.S,
+      [modules_78d1bce6.sizeM]: size === Text.Size.M,
+      [modules_78d1bce6.sizeL]: size === Text.Size.L
     });
     return /*#__PURE__*/React.createElement("span", _extends({
       className: classes

package/dist/tooltip/tooltip.js

@@ -82,6 +82,7 @@ class Tooltip extends Component {
     }
   };
   showPopup = () => {
+    var _this$context;
     if (this.props.selfOverflowOnly) {
       const {
         containerNode
@@ -101,14 +102,15 @@ class Tooltip extends Component {
         return;
       }
     }
-    this.context?.onNestedTooltipShow();
+    (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.onNestedTooltipShow();
     this.setState({
       showPopup: true
     });
   };
   hidePopup = () => {
+    var _this$context2;
     clearTimeout(this.timeout);
-    this.context?.onNestedTooltipHide();
+    (_this$context2 = this.context) === null || _this$context2 === void 0 ? void 0 : _this$context2.onNestedTooltipHide();
     this.setState({
       showPopup: false
     });

package/dist/user-agreement/user-agreement.js

@@ -113,38 +113,38 @@ class UserAgreement extends PureComponent {
         translate
       } = _ref;
       return /*#__PURE__*/React.createElement(Dialog, {
-        label: (_translations$userAgr = translations?.userAgreement) !== null && _translations$userAgr !== void 0 ? _translations$userAgr : translate('userAgreement'),
+        label: (_translations$userAgr = translations === null || translations === void 0 ? void 0 : translations.userAgreement) !== null && _translations$userAgr !== void 0 ? _translations$userAgr : translate('userAgreement'),
         show: show,
         className: classNames(modules_f5ed85cf.agreementDialog, className),
         contentClassName: modules_f5ed85cf.dialogContent,
         trapFocus: true,
         autoFocusFirst: false,
         "data-test": "user-agreement"
-      }, /*#__PURE__*/React.createElement(HeaderWrapper, null, (_translations$userAgr2 = translations?.userAgreement) !== null && _translations$userAgr2 !== void 0 ? _translations$userAgr2 : translate('userAgreement')), /*#__PURE__*/React.createElement(ContentWrapper, {
+      }, /*#__PURE__*/React.createElement(HeaderWrapper, null, (_translations$userAgr2 = translations === null || translations === void 0 ? void 0 : translations.userAgreement) !== null && _translations$userAgr2 !== void 0 ? _translations$userAgr2 : translate('userAgreement')), /*#__PURE__*/React.createElement(ContentWrapper, {
         fade: true,
         onScrollToBottom: this.onScrollToBottom
       }, /*#__PURE__*/React.createElement(Markdown, null, text)), !preview && /*#__PURE__*/React.createElement(Panel, null, onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("div", {
         className: modules_f5ed85cf.suggestion
-      }, (_translations$scrollT = translations?.scrollToAccept) !== null && _translations$scrollT !== void 0 ? _translations$scrollT : translate('scrollToAccept')), /*#__PURE__*/React.createElement(Button, {
+      }, (_translations$scrollT = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT !== void 0 ? _translations$scrollT : translate('scrollToAccept')), /*#__PURE__*/React.createElement(Button, {
         primary: true,
         disabled: !scrolledDown,
         onClick: onAccept,
         "data-test": "accept"
-      }, (_translations$accept = translations?.accept) !== null && _translations$accept !== void 0 ? _translations$accept : translate('accept')), /*#__PURE__*/React.createElement(Button, {
+      }, (_translations$accept = translations === null || translations === void 0 ? void 0 : translations.accept) !== null && _translations$accept !== void 0 ? _translations$accept : translate('accept')), /*#__PURE__*/React.createElement(Button, {
         onClick: onDecline,
         autoFocus: true,
         "data-test": "decline"
-      }, (_translations$decline = translations?.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')), !onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("span", {
+      }, (_translations$decline = translations === null || translations === void 0 ? void 0 : translations.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')), !onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("span", {
         className: modules_f5ed85cf.suggestion
-      }, (_translations$scrollT2 = translations?.scrollToAccept) !== null && _translations$scrollT2 !== void 0 ? _translations$scrollT2 : translate('scrollToAccept')), onRemindLater && /*#__PURE__*/React.createElement(Button, {
+      }, (_translations$scrollT2 = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT2 !== void 0 ? _translations$scrollT2 : translate('scrollToAccept')), onRemindLater && /*#__PURE__*/React.createElement(Button, {
         className: modules_f5ed85cf.remindLaterButton,
         onClick: onRemindLater,
         "data-test": "later"
-      }, (_translations$remindL = translations?.remindLater) !== null && _translations$remindL !== void 0 ? _translations$remindL : translate('remindLater'))), preview && /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
+      }, (_translations$remindL = translations === null || translations === void 0 ? void 0 : translations.remindLater) !== null && _translations$remindL !== void 0 ? _translations$remindL : translate('remindLater'))), preview && /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
         onClick: onClose,
         autoFocus: true,
         "data-test": "close"
-      }, (_translations$close = translations?.close) !== null && _translations$close !== void 0 ? _translations$close : translate('close'))));
+      }, (_translations$close = translations === null || translations === void 0 ? void 0 : translations.close) !== null && _translations$close !== void 0 ? _translations$close : translate('close'))));
     });
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.146",
+  "version": "5.0.148",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -77,26 +77,27 @@
   "devDependencies": {
     "@babel/cli": "^7.22.5",
     "@babel/eslint-parser": "^7.22.5",
+    "@csstools/stylelint-no-at-nest-rule": "^1.0.0",
     "@jetbrains/eslint-config": "^5.4.1",
     "@jetbrains/stylelint-config": "^4.0.1",
-    "@primer/octicons": "^19.2.0",
+    "@primer/octicons": "^19.4.0",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-replace": "^5.0.2",
-    "@storybook/addon-a11y": "7.0.21",
-    "@storybook/addon-docs": "7.0.21",
-    "@storybook/addon-essentials": "7.0.21",
-    "@storybook/addon-storyshots": "7.0.20",
-    "@storybook/addon-storyshots-puppeteer": "7.0.21",
-    "@storybook/addon-storysource": "7.0.21",
-    "@storybook/addons": "7.0.21",
-    "@storybook/html": "7.0.20",
-    "@storybook/html-webpack5": "^7.0.21",
-    "@storybook/preview-api": "7.0.20",
-    "@storybook/react": "7.0.21",
-    "@storybook/source-loader": "7.0.21",
-    "@storybook/theming": "7.0.21",
+    "@storybook/addon-a11y": "7.0.23",
+    "@storybook/addon-docs": "7.0.23",
+    "@storybook/addon-essentials": "7.0.23",
+    "@storybook/addon-storyshots": "7.0.21",
+    "@storybook/addon-storyshots-puppeteer": "7.0.23",
+    "@storybook/addon-storysource": "7.0.23",
+    "@storybook/addons": "7.0.23",
+    "@storybook/html": "7.0.21",
+    "@storybook/html-webpack5": "^7.0.23",
+    "@storybook/preview-api": "7.0.21",
+    "@storybook/react": "7.0.23",
+    "@storybook/source-loader": "7.0.23",
+    "@storybook/theming": "7.0.23",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/chai": "^4.3.5",
@@ -104,20 +105,20 @@
     "@types/chai-dom": "0.0.10",
     "@types/chai-enzyme": "^0.6.8",
     "@types/enzyme": "^3.10.13",
-    "@types/react": "^18.2.12",
-    "@types/react-dom": "^18.2.5",
+    "@types/react": "^18.2.13",
+    "@types/react-dom": "^18.2.6",
     "@types/sinon": "^10.0.15",
     "@types/sinon-chai": "^3.2.9",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "@typescript-eslint/parser": "^5.59.11",
+    "@typescript-eslint/eslint-plugin": "^5.60.0",
+    "@typescript-eslint/parser": "^5.60.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
-    "acorn": "^8.8.2",
+    "acorn": "^8.9.0",
     "angular": "^1.8.3",
     "angular-mocks": "^1.8.3",
     "angular-route": "^1.8.3",
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "caniuse-lite": "^1.0.30001503",
+    "caniuse-lite": "^1.0.30001507",
     "chai": "^4.3.7",
     "chai-as-promised": "^7.1.1",
     "chai-dom": "^1.10.0",
@@ -126,7 +127,7 @@
     "core-js": "^3.31.0",
     "cpy-cli": "^3.1.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.42.0",
+    "eslint": "^8.43.0",
     "eslint-import-resolver-webpack": "^0.13.2",
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-bdd": "^2.1.1",
@@ -154,7 +155,7 @@
     "mocha": "^10.2.0",
     "pinst": "^3.0.0",
     "prettier": "^2.8.8",
-    "puppeteer": "^20.7.1",
+    "puppeteer": "^20.7.3",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -164,19 +165,19 @@
     "rollup": "^3.25.1",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
-    "sinon": "^15.1.2",
+    "sinon": "^15.2.0",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
-    "storybook": "^7.0.21",
+    "storybook": "^7.0.23",
     "storybook-addon-themes": "^6.1.0",
-    "storybook-zeplin": "^2.0.0",
-    "stylelint": "^15.7.0",
+    "storybook-zeplin": "^2.0.1",
+    "stylelint": "^15.9.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.9",
     "typescript": "~5.1.3",
     "wallaby-webpack": "^3.9.16",
-    "webpack": "^5.87.0",
+    "webpack": "^5.88.0",
     "webpack-cli": "^5.1.4",
     "xmlappend": "^1.0.4"
   },
@@ -216,7 +217,7 @@
     "@ungap/url-search-params": "^0.2.2",
     "babel-loader": "9.1.2",
     "babel-plugin-transform-define": "^2.1.2",
-    "browserslist": "^4.21.8",
+    "browserslist": "^4.21.9",
     "change-case": "^4.1.1",
     "classnames": "^2.3.2",
     "combokeys": "^3.0.1",
@@ -243,7 +244,7 @@
     "postcss-font-family-system-ui": "^5.0.0",
     "postcss-loader": "^7.3.3",
     "postcss-modules-values-replace": "^4.1.0",
-    "postcss-preset-env": "^8.5.0",
+    "postcss-preset-env": "^8.5.1",
     "prop-types": "^15.8.1",
     "react-markdown": "^8.0.7",
     "react-movable": "^3.0.4",