@jetbrains/ring-ui 5.0.148 → 5.0.149

package/dist/select/select__popup.js

@@ -114,10 +114,7 @@ class SelectPopup extends PureComponent {
   isClickingPopup = false; // This flag is set to true while an item in the popup is being clicked
   filter;
   focusFilter() {
-    setTimeout(() => {
-      var _this$filter;
-      return (_this$filter = this.filter) === null || _this$filter === void 0 ? void 0 : _this$filter.focus();
-    });
+    setTimeout(() => this.filter?.focus());
   }
   isEventTargetFilter(event) {
     return event.target instanceof Element && event.target.matches('input,textarea');
@@ -221,10 +218,7 @@ class SelectPopup extends PureComponent {
   tabPress = event => {
     this.props.onCloseAttempt(event, true);
   };
-  onClickHandler = () => {
-    var _this$filter2;
-    return (_this$filter2 = this.filter) === null || _this$filter2 === void 0 ? void 0 : _this$filter2.focus();
-  };
+  onClickHandler = () => this.filter?.focus();
   getFilter() {
     if (this.props.filter || this.props.tags) {
       return /*#__PURE__*/React.createElement("div", {
@@ -341,7 +335,6 @@ class SelectPopup extends PureComponent {
     }
   };
   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", {
@@ -350,7 +343,7 @@ class SelectPopup extends PureComponent {
       text: true,
       inline: true,
       onClick: this.handleSelectAll
-    }, activeFilters.length !== this.props.selected.length ? multiple.selectAllLabel || 'Select all' : multiple.deselectAllLabel || 'Deselect all'), ((_multiple$renderSelec = multiple.renderSelectedItemsDescription) === null || _multiple$renderSelec === void 0 ? void 0 : _multiple$renderSelec.call(multiple, this.props.selected, activeFilters.length)) || /*#__PURE__*/React.createElement(Text, {
+    }, activeFilters.length !== this.props.selected.length ? multiple.selectAllLabel || 'Select all' : multiple.deselectAllLabel || 'Deselect all'), multiple.renderSelectedItemsDescription?.(this.props.selected, activeFilters.length) || /*#__PURE__*/React.createElement(Text, {
       info: true
     }, `${this.props.selected.length} selected`));
   };

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

@@ -408,8 +408,7 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         }
       }
       function reRenderSelect(props) {
-        var _ctrl$selectInstance;
-        if ((_ctrl$selectInstance = ctrl.selectInstance) !== null && _ctrl$selectInstance !== void 0 && _ctrl$selectInstance.node) {
+        if (ctrl.selectInstance?.node) {
           ctrl.selectInstance.rerender({
             ...props,
             ref: selectRef

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

@@ -141,9 +141,8 @@ class SelectLazy {
     if (this.type === 'dropdown') {
       render( /*#__PURE__*/cloneElement(this.reactSelect, {
         ref: node => {
-          var _node$_openPopupIfClo;
           this.selectRef(node);
-          node === null || node === void 0 ? void 0 : (_node$_openPopupIfClo = node._openPopupIfClosed) === null || _node$_openPopupIfClo === void 0 ? void 0 : _node$_openPopupIfClo.call(node);
+          node?._openPopupIfClosed?.();
         }
       }), this.container);
     } else {

package/dist/shortcuts/core.js

@@ -158,8 +158,7 @@ class Shortcuts {
     };
   }
   hasKey(key, scope) {
-    var _this$_scopes$scope;
-    return !!((_this$_scopes$scope = this._scopes[scope]) !== null && _this$_scopes$scope !== void 0 && _this$_scopes$scope[key]);
+    return !!this._scopes[scope]?.[key];
   }
   _defaultFilter = (e, element, key) => {
     // if the element or its parents have the class "ring-js-shortcuts" then no need to stop

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

@@ -28,9 +28,8 @@ 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 = this.trapButtonNode) === null || _this$trapButtonNode === void 0 ? void 0 : _this$trapButtonNode.focus();
+      this.trapButtonNode?.focus();
     }
   }
   componentWillUnmount() {
@@ -90,7 +89,6 @@ class TabTrap extends Component {
     }
   };
   handleBlurIfWithoutFocus = event => {
-    var _this$node;
     if (!this.trapWithoutFocus) {
       return;
     }
@@ -99,7 +97,7 @@ class TabTrap extends Component {
     if (!newFocused) {
       return;
     }
-    if (newFocused instanceof Element && (_this$node = this.node) !== null && _this$node !== void 0 && _this$node.contains(newFocused)) {
+    if (newFocused instanceof Element && 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 === 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)
+      headerWidth: columnsRowNode?.clientWidth,
+      widths: [...((_columnsRowNode$child = columnsRowNode?.childNodes) !== null && _columnsRowNode$child !== void 0 ? _columnsRowNode$child : [])].map(column => column instanceof Element ? column.clientWidth : 0)
     });
   }
   createCells() {

package/dist/table/multitable.js

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

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

@@ -48,20 +48,16 @@ class RowWithFocusSensorCallbacks extends PureComponent {
   // https://stackoverflow.com/a/53882322/6304152
   RowWithFocusSensor = getContainer();
   onFocus = () => {
-    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);
+    this.props.onFocus?.(this.props.item);
   };
   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);
+    this.props.onSelect?.(item, selected);
   };
   onCollapse = () => {
-    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);
+    this.props.onCollapse?.(this.props.item);
   };
   onExpand = () => {
-    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);
+    this.props.onExpand?.(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 === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+        onSelect?.(newSelection);
       }
       return false;
     };
@@ -39,7 +39,7 @@ function selectionShortcutsHOC(ComposedComponent) {
       } = this.props;
       const newSelection = selection.moveDown();
       if (newSelection) {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+        onSelect?.(newSelection);
       }
       return false;
     };
@@ -74,9 +74,9 @@ function selectionShortcutsHOC(ComposedComponent) {
       const newSelection = this.shiftSelect(selection);
       const newMovedSelection = newSelection.moveUp();
       if (newMovedSelection) {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newMovedSelection);
+        onSelect?.(newMovedSelection);
       } else {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+        onSelect?.(newSelection);
       }
     };
     onShiftDownPress = e => {
@@ -92,9 +92,9 @@ function selectionShortcutsHOC(ComposedComponent) {
       const newSelection = this.shiftSelect(selection);
       const newMovedSelection = newSelection.moveDown();
       if (newMovedSelection) {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newMovedSelection);
+        onSelect?.(newMovedSelection);
       } else {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+        onSelect?.(newSelection);
       }
     };
     onHomePress = () => {
@@ -104,7 +104,7 @@ function selectionShortcutsHOC(ComposedComponent) {
       } = this.props;
       const newSelection = selection.moveStart();
       if (newSelection) {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+        onSelect?.(newSelection);
       }
       return false;
     };
@@ -115,7 +115,7 @@ function selectionShortcutsHOC(ComposedComponent) {
       } = this.props;
       const newSelection = selection.moveEnd();
       if (newSelection) {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
+        onSelect?.(newSelection);
       }
       return false;
     };
@@ -128,7 +128,7 @@ function selectionShortcutsHOC(ComposedComponent) {
       if (!selectable) {
         return true;
       }
-      onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.toggleSelection());
+      onSelect?.(selection.toggleSelection());
       return false;
     };
     onEscPress = () => {
@@ -136,7 +136,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         selection,
         onSelect
       } = this.props;
-      onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.reset());
+      onSelect?.(selection.reset());
       //this.restoreFocusWithoutScroll();
     };
 
@@ -149,7 +149,7 @@ function selectionShortcutsHOC(ComposedComponent) {
       if (!selectable) {
         return true;
       }
-      onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.selectAll());
+      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 === null || container === void 0 ? void 0 : container.children) !== null && _container$children !== void 0 ? _container$children : [])];
+      const descendants = [...((_container$children = container?.children) !== null && _container$children !== void 0 ? _container$children : [])];
       const moreButton = descendants.pop();
       let moreButtonWidth = moreButton.offsetWidth;
       const {

package/dist/tag/tag.js

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

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

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

package/dist/tooltip/tooltip.js

@@ -82,7 +82,6 @@ class Tooltip extends Component {
     }
   };
   showPopup = () => {
-    var _this$context;
     if (this.props.selfOverflowOnly) {
       const {
         containerNode
@@ -102,15 +101,14 @@ class Tooltip extends Component {
         return;
       }
     }
-    (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.onNestedTooltipShow();
+    this.context?.onNestedTooltipShow();
     this.setState({
       showPopup: true
     });
   };
   hidePopup = () => {
-    var _this$context2;
     clearTimeout(this.timeout);
-    (_this$context2 = this.context) === null || _this$context2 === void 0 ? void 0 : _this$context2.onNestedTooltipHide();
+    this.context?.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 === null || translations === void 0 ? void 0 : translations.userAgreement) !== null && _translations$userAgr !== void 0 ? _translations$userAgr : translate('userAgreement'),
+        label: (_translations$userAgr = 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 === null || translations === void 0 ? void 0 : translations.userAgreement) !== null && _translations$userAgr2 !== void 0 ? _translations$userAgr2 : translate('userAgreement')), /*#__PURE__*/React.createElement(ContentWrapper, {
+      }, /*#__PURE__*/React.createElement(HeaderWrapper, null, (_translations$userAgr2 = 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 === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT !== void 0 ? _translations$scrollT : translate('scrollToAccept')), /*#__PURE__*/React.createElement(Button, {
+      }, (_translations$scrollT = 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 === null || translations === void 0 ? void 0 : translations.accept) !== null && _translations$accept !== void 0 ? _translations$accept : translate('accept')), /*#__PURE__*/React.createElement(Button, {
+      }, (_translations$accept = 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 === null || translations === void 0 ? void 0 : translations.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')), !onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("span", {
+      }, (_translations$decline = translations?.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')), !onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("span", {
         className: modules_f5ed85cf.suggestion
-      }, (_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, {
+      }, (_translations$scrollT2 = 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 === 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, {
+      }, (_translations$remindL = 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 === null || translations === void 0 ? void 0 : translations.close) !== null && _translations$close !== void 0 ? _translations$close : translate('close'))));
+      }, (_translations$close = 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.148",
+  "version": "5.0.149",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -75,8 +75,8 @@
   },
   "readmeFilename": "README.md",
   "devDependencies": {
-    "@babel/cli": "^7.22.5",
-    "@babel/eslint-parser": "^7.22.5",
+    "@babel/cli": "^7.22.6",
+    "@babel/eslint-parser": "^7.22.6",
     "@csstools/stylelint-no-at-nest-rule": "^1.0.0",
     "@jetbrains/eslint-config": "^5.4.1",
     "@jetbrains/stylelint-config": "^4.0.1",
@@ -85,19 +85,19 @@
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-replace": "^5.0.2",
-    "@storybook/addon-a11y": "7.0.23",
-    "@storybook/addon-docs": "7.0.23",
-    "@storybook/addon-essentials": "7.0.23",
+    "@storybook/addon-a11y": "7.0.26",
+    "@storybook/addon-docs": "7.0.25",
+    "@storybook/addon-essentials": "7.0.24",
     "@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/addon-storyshots-puppeteer": "7.0.25",
+    "@storybook/addon-storysource": "7.0.24",
+    "@storybook/addons": "7.0.24",
     "@storybook/html": "7.0.21",
-    "@storybook/html-webpack5": "^7.0.23",
+    "@storybook/html-webpack5": "^7.0.24",
     "@storybook/preview-api": "7.0.21",
-    "@storybook/react": "7.0.23",
-    "@storybook/source-loader": "7.0.23",
-    "@storybook/theming": "7.0.23",
+    "@storybook/react": "7.0.25",
+    "@storybook/source-loader": "7.0.25",
+    "@storybook/theming": "7.0.24",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/chai": "^4.3.5",
@@ -105,12 +105,12 @@
     "@types/chai-dom": "0.0.10",
     "@types/chai-enzyme": "^0.6.8",
     "@types/enzyme": "^3.10.13",
-    "@types/react": "^18.2.13",
+    "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "@types/sinon": "^10.0.15",
     "@types/sinon-chai": "^3.2.9",
-    "@typescript-eslint/eslint-plugin": "^5.60.0",
-    "@typescript-eslint/parser": "^5.60.0",
+    "@typescript-eslint/eslint-plugin": "^5.61.0",
+    "@typescript-eslint/parser": "^5.61.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "acorn": "^8.9.0",
     "angular": "^1.8.3",
@@ -118,7 +118,7 @@
     "angular-route": "^1.8.3",
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "caniuse-lite": "^1.0.30001507",
+    "caniuse-lite": "^1.0.30001511",
     "chai": "^4.3.7",
     "chai-as-promised": "^7.1.1",
     "chai-dom": "^1.10.0",
@@ -127,7 +127,7 @@
     "core-js": "^3.31.0",
     "cpy-cli": "^3.1.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.43.0",
+    "eslint": "^8.44.0",
     "eslint-import-resolver-webpack": "^0.13.2",
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-bdd": "^2.1.1",
@@ -150,34 +150,34 @@
     "karma-sourcemap-loader": "^0.4.0",
     "karma-teamcity-reporter": "^2.0.0",
     "karma-webpack": "^5.0.0",
-    "lint-staged": "^13.2.2",
+    "lint-staged": "^13.2.3",
     "merge-options": "^3.0.4",
     "mocha": "^10.2.0",
     "pinst": "^3.0.0",
     "prettier": "^2.8.8",
-    "puppeteer": "^20.7.3",
+    "puppeteer": "^20.7.4",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
     "regenerator-runtime": "^0.13.11",
     "rimraf": "^5.0.1",
-    "rollup": "^3.25.1",
+    "rollup": "^3.26.1",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^15.2.0",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
-    "storybook": "^7.0.23",
+    "storybook": "^7.0.25",
     "storybook-addon-themes": "^6.1.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",
+    "typescript": "~5.1.6",
     "wallaby-webpack": "^3.9.16",
-    "webpack": "^5.88.0",
+    "webpack": "^5.88.1",
     "webpack-cli": "^5.1.4",
     "xmlappend": "^1.0.4"
   },
@@ -201,7 +201,7 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.22.5",
+    "@babel/core": "^7.22.6",
     "@babel/preset-typescript": "^7.22.5",
     "@jetbrains/babel-preset-jetbrains": "^2.3.2",
     "@jetbrains/icons": "^3.21.0",
@@ -232,7 +232,7 @@
     "extricate-loader": "^3.0.0",
     "fastdom": "^1.0.11",
     "file-loader": "^6.2.0",
-    "focus-trap": "^7.4.3",
+    "focus-trap": "^7.5.1",
     "highlight.js": "^10.7.2",
     "html-loader": "^4.2.0",
     "interpolate-loader": "^2.0.1",
@@ -244,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.1",
+    "postcss-preset-env": "^9.0.0",
     "prop-types": "^15.8.1",
     "react-markdown": "^8.0.7",
     "react-movable": "^3.0.4",