@jetbrains/ring-ui 5.0.84 → 5.0.85

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

@@ -138,10 +138,9 @@ class SelectLazy {
   _clickHandler() {
     this.detachEvents();
     if (this.type === 'dropdown') {
-      var _this$selectInstance, _this$selectInstance$;
       render(this.reactSelect, this.container);
       // Hack for React17, where click event is not triggered on just rendered Select node
-      (_this$selectInstance = this.selectInstance) === null || _this$selectInstance === void 0 ? void 0 : (_this$selectInstance$ = _this$selectInstance._openPopupIfClosed) === null || _this$selectInstance$ === void 0 ? void 0 : _this$selectInstance$.call(_this$selectInstance);
+      this.selectInstance?._openPopupIfClosed?.();
     } else {
       hydrate(this.reactSelect, this.container);
     }

package/dist/shortcuts/core.js

@@ -38,7 +38,7 @@ class Shortcuts {
         return false;
       }
       // stop for input, select, and textarea
-      return element.matches('input,select,textarea') || element.contentEditable === 'true';
+      return element.matches('input:not([type=checkbox]),select,textarea') || element.contentEditable === 'true';
     });
     this.setFilter();
     this.setScope();
@@ -167,8 +167,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];
   }
   _getKeyboardEventType(params) {
     if (!params.type && sniffr.os.name === 'windows') {

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

@@ -63,7 +63,6 @@ class TabTrap extends Component {
       }
     });
     _defineProperty(this, "handleBlurIfWithoutFocus", event => {
-      var _this$node;
       if (!this.trapWithoutFocus) {
         return;
       }
@@ -72,7 +71,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();
@@ -90,9 +89,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() {

package/dist/table/header.js

@@ -63,8 +63,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

@@ -21,15 +21,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;
@@ -50,15 +47,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;
@@ -108,8 +102,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());
       }
     }
   }

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

@@ -50,20 +50,16 @@ class RowWithFocusSensorCallbacks extends PureComponent {
     super(...arguments);
     _defineProperty(this, "RowWithFocusSensor", getContainer());
     _defineProperty(this, "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);
     });
     _defineProperty(this, "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);
     });
     _defineProperty(this, "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);
     });
     _defineProperty(this, "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() {

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

@@ -30,7 +30,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;
       });
@@ -41,7 +41,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;
       });
@@ -76,9 +76,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);
         }
       });
       _defineProperty(this, "onShiftDownPress", e => {
@@ -94,9 +94,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);
         }
       });
       _defineProperty(this, "onHomePress", () => {
@@ -106,7 +106,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;
       });
@@ -117,7 +117,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;
       });
@@ -130,7 +130,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         if (!selectable) {
           return true;
         }
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.toggleSelection());
+        onSelect?.(selection.toggleSelection());
         return false;
       });
       _defineProperty(this, "onEscPress", () => {
@@ -138,7 +138,7 @@ function selectionShortcutsHOC(ComposedComponent) {
           selection,
           onSelect
         } = this.props;
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.reset());
+        onSelect?.(selection.reset());
         //this.restoreFocusWithoutScroll();
       });
       _defineProperty(this, "onCmdAPress", () => {
@@ -150,7 +150,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         if (!selectable) {
           return true;
         }
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.selectAll());
+        onSelect?.(selection.selectAll());
         return false;
       });
       _defineProperty(this, "shortcutsMap", {

package/dist/tabs/collapsible-tabs.js

@@ -206,7 +206,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/tabs/dumb-tabs.js

@@ -8,7 +8,6 @@ import { m as modules_02138f4a } from '../_helpers/tabs.js';
 import TabLink from './tab-link.js';
 import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
-export { CustomItem } from './custom-item.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
@@ -148,4 +147,4 @@ _defineProperty(Tabs, "defaultProps", {
   onSelect() {}
 });
 
-export { Tabs as default };
+export { CustomItem, Tabs as default };

package/dist/tag/tag.js

@@ -46,8 +46,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

@@ -110,17 +110,15 @@ class TagsInput extends PureComponent {
     _defineProperty(this, "input", void 0);
     _defineProperty(this, "caret", void 0);
     _defineProperty(this, "focusInput", () => {
-      var _this$getInputNode;
-      (_this$getInputNode = this.getInputNode()) === null || _this$getInputNode === void 0 ? void 0 : _this$getInputNode.focus();
+      this.getInputNode()?.focus();
     });
     _defineProperty(this, "addTag", tag => {
-      var _this$select, _this$select2;
       if (tag == null) {
         return;
       }
       const isUniqueTag = this.state.tags.filter(item => tag.key === item.key).length === 0;
-      (_this$select = this.select) === null || _this$select === void 0 ? void 0 : _this$select.clear();
-      (_this$select2 = this.select) === null || _this$select2 === void 0 ? void 0 : _this$select2.filterValue('');
+      this.select?.clear();
+      this.select?.filterValue('');
       if (isUniqueTag) {
         this.setState(prevState => ({
           tags: prevState.tags.concat([tag])
@@ -132,11 +130,10 @@ class TagsInput extends PureComponent {
       }
     });
     _defineProperty(this, "clickHandler", event => {
-      var _this$select3;
       if (event.target !== this.node && event.target.parentElement !== this.node) {
         return;
       }
-      (_this$select3 = this.select) === null || _this$select3 === void 0 ? void 0 : _this$select3._clickHandler();
+      this.select?._clickHandler();
     });
     _defineProperty(this, "filterExistingTags", suggestions => {
       const tagsMap = new Map(this.state.tags.map(tag => [tag.key, tag]));
@@ -191,22 +188,20 @@ class TagsInput extends PureComponent {
       }
     });
     _defineProperty(this, "handleKeyDown", event => {
-      var _this$select4, _this$select4$_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$select4 = this.select) !== null && _this$select4 !== void 0 && (_this$select4$_popup = _this$select4._popup) !== null && _this$select4$_popup !== void 0 && _this$select4$_popup.isVisible()) {
+      if (this.select?._popup?.isVisible()) {
         return true;
       }
       if (key === 'ArrowLeft') {
@@ -219,8 +214,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 {
@@ -229,12 +223,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$select5;
+        if (key === 'Backspace' && !this.getInputNode()?.value) {
           event.preventDefault();
           const tagsLength = this.state.tags.length;
-          (_this$select5 = this.select) === null || _this$select5 === void 0 ? void 0 : _this$select5._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;
         }
@@ -281,16 +273,14 @@ class TagsInput extends PureComponent {
   }
   componentDidMount() {
     if (this.props.autoOpen && !this.props.disabled) {
-      var _this$select6;
       this.focusInput();
       this.loadSuggestions();
-      (_this$select6 = this.select) === null || _this$select6 === void 0 ? void 0 : _this$select6._showPopup();
+      this.select?._showPopup();
     }
   }
   getInputNode() {
     if (!this.input) {
-      var _this$select7;
-      this.input = (_this$select7 = this.select) === null || _this$select7 === void 0 ? void 0 : _this$select7.filter;
+      this.input = this.select?.filter;
       if (this.input) {
         this.caret = new Caret(this.input);
       }

package/dist/tooltip/tooltip.js

@@ -53,7 +53,6 @@ class Tooltip extends Component {
       }
     });
     _defineProperty(this, "showPopup", () => {
-      var _this$context;
       if (this.props.selfOverflowOnly) {
         const {
           containerNode
@@ -73,15 +72,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
       });
     });
     _defineProperty(this, "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.84",
+  "version": "5.0.85",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -73,7 +73,7 @@
   },
   "readmeFilename": "README.md",
   "devDependencies": {
-    "@babel/cli": "^7.19.3",
+    "@babel/cli": "^7.20.7",
     "@babel/eslint-parser": "^7.19.1",
     "@jetbrains/eslint-config": "^5.4.1",
     "@jetbrains/stylelint-config": "^3.0.2",
@@ -87,15 +87,15 @@
     "@storybook/addon-storyshots": "6.5.15",
     "@storybook/addon-storyshots-puppeteer": "6.5.15",
     "@storybook/addon-storysource": "6.5.15",
-    "@storybook/addons": "6.5.14",
+    "@storybook/addons": "6.5.15",
     "@storybook/builder-webpack5": "6.5.15",
     "@storybook/client-api": "6.5.15",
     "@storybook/core": "6.5.15",
     "@storybook/html": "6.5.15",
-    "@storybook/manager-webpack5": "6.5.14",
+    "@storybook/manager-webpack5": "6.5.15",
     "@storybook/react": "6.5.15",
-    "@storybook/source-loader": "6.5.14",
-    "@storybook/theming": "6.5.14",
+    "@storybook/source-loader": "6.5.15",
+    "@storybook/theming": "6.5.15",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/chai": "^4.3.4",
@@ -157,7 +157,7 @@
     "react-test-renderer": "^18.2.0",
     "regenerator-runtime": "^0.13.11",
     "rimraf": "^3.0.2",
-    "rollup": "^3.7.5",
+    "rollup": "^3.8.0",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^15.0.1",
@@ -194,7 +194,7 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.20.5",
+    "@babel/core": "^7.20.7",
     "@babel/preset-typescript": "^7.18.6",
     "@jetbrains/babel-preset-jetbrains": "^2.3.2",
     "@jetbrains/icons": "^3.20.0",
@@ -259,5 +259,5 @@
     "node": ">=14.0",
     "npm": ">=6.0.0"
   },
-  "gitHead": "f0130a92836a5f891fb37169b9e5b42d46fab135"
+  "gitHead": "86abbc1e15ee106158a7e2b791b2faaa082f6960"
 }