@jetbrains/ring-ui 5.0.82 → 5.0.84

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

@@ -1,7 +1,7 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import Selection from './selection.js';
+import Selection$1 from './selection.js';
 
 function extractPropTypes(_ref) {
   let {
@@ -188,7 +188,7 @@ function selectionShortcutsHOC(ComposedComponent) {
   }
   SelectionShortcuts.propTypes = {
     ...extractPropTypes(ComposedComponent),
-    selection: PropTypes.instanceOf(Selection).isRequired,
+    selection: PropTypes.instanceOf(Selection$1).isRequired,
     selectable: PropTypes.bool,
     onSelect: PropTypes.func,
     shortcuts: PropTypes.object

package/dist/table/selection.js

@@ -1,6 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 
-class Selection {
+let Selection$1 = class Selection {
   constructor() {
     let {
       data = [],
@@ -183,6 +183,6 @@ class Selection {
       return new Set();
     }
   }
-}
+};
 
-export { Selection as default };
+export { Selection$1 as default };

package/dist/table/smart-table.js

@@ -2,7 +2,7 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import TableContainer from './table.js';
-import Selection from './selection.js';
+import Selection$1 from './selection.js';
 import 'classnames';
 import 'react-movable';
 import '../global/focus-sensor-hoc.js';
@@ -66,7 +66,7 @@ class SmartTable extends PureComponent {
   constructor() {
     super(...arguments);
     _defineProperty(this, "state", {
-      selection: new Selection({
+      selection: new Selection$1({
         data: this.props.data,
         isItemSelectable: this.props.isItemSelectable
       })
@@ -90,7 +90,7 @@ class SmartTable extends PureComponent {
       });
     } else if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
       this.setState({
-        selection: new Selection({
+        selection: new Selection$1({
           data,
           isItemSelectable
         })

package/dist/table/table.js

@@ -7,7 +7,7 @@ import focusSensorHOC from '../global/focus-sensor-hoc.js';
 import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import Loader from '../loader/loader.js';
-import Selection from './selection.js';
+import Selection$1 from './selection.js';
 import Header from './header.js';
 import { m as modules_1db4bbca } from '../_helpers/table.js';
 import selectionShortcutsHOC from './selection-shortcuts-hoc.js';
@@ -370,7 +370,7 @@ Table.propTypes = {
   onFocusRestore: PropTypes.func,
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),
   // selectionShortcutsHOC
-  selection: PropTypes.instanceOf(Selection).isRequired,
+  selection: PropTypes.instanceOf(Selection$1).isRequired,
   selectable: PropTypes.bool,
   onSelect: PropTypes.func,
   shortcutsMap: PropTypes.object,

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

@@ -132,12 +132,11 @@ class TagsInput extends PureComponent {
       }
     });
     _defineProperty(this, "clickHandler", event => {
-      var _this$getInputNode2;
-      if (event.target !== this.node) {
+      var _this$select3;
+      if (event.target !== this.node && event.target.parentElement !== this.node) {
         return;
       }
-      this.loadSuggestions((_this$getInputNode2 = this.getInputNode()) === null || _this$getInputNode2 === void 0 ? void 0 : _this$getInputNode2.value);
-      this.focusInput();
+      (_this$select3 = this.select) === null || _this$select3 === void 0 ? void 0 : _this$select3._clickHandler();
     });
     _defineProperty(this, "filterExistingTags", suggestions => {
       const tagsMap = new Map(this.state.tags.map(tag => [tag.key, tag]));
@@ -192,22 +191,22 @@ class TagsInput extends PureComponent {
       }
     });
     _defineProperty(this, "handleKeyDown", event => {
-      var _this$select3, _this$select3$_popup;
+      var _this$select4, _this$select4$_popup;
       const key = getEventKey(event);
       const isInputFocused = () => {
-        var _this$getInputNode$ta, _this$getInputNode3;
-        return event.target instanceof Element && event.target.matches((_this$getInputNode$ta = (_this$getInputNode3 = this.getInputNode()) === null || _this$getInputNode3 === void 0 ? void 0 : _this$getInputNode3.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$getInputNode4;
+        var _this$getInputNode3;
         event.stopPropagation();
-        const value = (_this$getInputNode4 = this.getInputNode()) === null || _this$getInputNode4 === void 0 ? void 0 : _this$getInputNode4.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$select3 = this.select) !== null && _this$select3 !== void 0 && (_this$select3$_popup = _this$select3._popup) !== null && _this$select3$_popup !== void 0 && _this$select3$_popup.isVisible()) {
+      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()) {
         return true;
       }
       if (key === 'ArrowLeft') {
@@ -220,8 +219,8 @@ class TagsInput extends PureComponent {
       if (key === 'ArrowRight' && !isInputFocused()) {
         if (this.state.activeIndex === this.state.tags.length - 1) {
           if (!this.props.disabled) {
-            var _this$getInputNode5;
-            (_this$getInputNode5 = this.getInputNode()) === null || _this$getInputNode5 === void 0 ? void 0 : _this$getInputNode5.focus();
+            var _this$getInputNode4;
+            (_this$getInputNode4 = this.getInputNode()) === null || _this$getInputNode4 === void 0 ? void 0 : _this$getInputNode4.focus();
             this.setActiveIndex();
           }
         } else {
@@ -230,12 +229,12 @@ class TagsInput extends PureComponent {
         return false;
       }
       if (!this.props.disabled) {
-        var _this$getInputNode6;
-        if (key === 'Backspace' && !((_this$getInputNode6 = this.getInputNode()) !== null && _this$getInputNode6 !== void 0 && _this$getInputNode6.value)) {
-          var _this$select4;
+        var _this$getInputNode5;
+        if (key === 'Backspace' && !((_this$getInputNode5 = this.getInputNode()) !== null && _this$getInputNode5 !== void 0 && _this$getInputNode5.value)) {
+          var _this$select5;
           event.preventDefault();
           const tagsLength = this.state.tags.length;
-          (_this$select4 = this.select) === null || _this$select4 === void 0 ? void 0 : _this$select4._hidePopup(true); // otherwise confirmation may be overlapped by popup
+          (_this$select5 = this.select) === null || _this$select5 === void 0 ? void 0 : _this$select5._hidePopup(true); // otherwise confirmation may be overlapped by popup
           this.onRemoveTag(this.state.tags[tagsLength - 1]);
           return false;
         }
@@ -282,16 +281,16 @@ class TagsInput extends PureComponent {
   }
   componentDidMount() {
     if (this.props.autoOpen && !this.props.disabled) {
-      var _this$select5;
+      var _this$select6;
       this.focusInput();
       this.loadSuggestions();
-      (_this$select5 = this.select) === null || _this$select5 === void 0 ? void 0 : _this$select5._showPopup();
+      (_this$select6 = this.select) === null || _this$select6 === void 0 ? void 0 : _this$select6._showPopup();
     }
   }
   getInputNode() {
     if (!this.input) {
-      var _this$select6;
-      this.input = (_this$select6 = this.select) === null || _this$select6 === void 0 ? void 0 : _this$select6.filter;
+      var _this$select7;
+      this.input = (_this$select7 = this.select) === null || _this$select7 === void 0 ? void 0 : _this$select7.filter;
       if (this.input) {
         this.caret = new Caret(this.input);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.82",
+  "version": "5.0.84",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -80,20 +80,20 @@
     "@primer/octicons": "^17.10.0",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-replace": "^5.0.1",
-    "@storybook/addon-a11y": "6.5.14",
-    "@storybook/addon-docs": "6.5.14",
-    "@storybook/addon-essentials": "6.5.14",
-    "@storybook/addon-storyshots": "6.5.14",
-    "@storybook/addon-storyshots-puppeteer": "6.5.14",
-    "@storybook/addon-storysource": "6.5.14",
+    "@rollup/plugin-replace": "^5.0.2",
+    "@storybook/addon-a11y": "6.5.15",
+    "@storybook/addon-docs": "6.5.15",
+    "@storybook/addon-essentials": "6.5.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/builder-webpack5": "6.5.14",
-    "@storybook/client-api": "6.5.14",
-    "@storybook/core": "6.5.14",
-    "@storybook/html": "6.5.14",
+    "@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/react": "6.5.14",
+    "@storybook/react": "6.5.15",
     "@storybook/source-loader": "6.5.14",
     "@storybook/theming": "6.5.14",
     "@testing-library/react": "^13.4.0",
@@ -107,8 +107,8 @@
     "@types/react-dom": "^18.0.9",
     "@types/sinon": "^10.0.13",
     "@types/sinon-chai": "^3.2.9",
-    "@typescript-eslint/eslint-plugin": "^5.46.1",
-    "@typescript-eslint/parser": "^5.46.1",
+    "@typescript-eslint/eslint-plugin": "^5.47.0",
+    "@typescript-eslint/parser": "^5.47.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "angular": "^1.8.3",
     "angular-mocks": "^1.8.3",
@@ -123,7 +123,7 @@
     "core-js": "^3.26.1",
     "cpy-cli": "^3.1.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.29.0",
+    "eslint": "^8.30.0",
     "eslint-import-resolver-webpack": "^0.13.2",
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-bdd": "^2.1.1",
@@ -150,17 +150,17 @@
     "merge-options": "^3.0.4",
     "mocha": "^10.2.0",
     "pinst": "^3.0.0",
-    "puppeteer": "^19.4.0",
+    "puppeteer": "^19.4.1",
     "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": "^3.0.2",
-    "rollup": "^3.7.4",
+    "rollup": "^3.7.5",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
-    "sinon": "^15.0.0",
+    "sinon": "^15.0.1",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
     "stylelint": "^14.16.0",
@@ -215,7 +215,7 @@
     "classnames": "^2.3.2",
     "combokeys": "^3.0.1",
     "compile-code-loader": "^1.0.0",
-    "css-loader": "^6.7.2",
+    "css-loader": "^6.7.3",
     "csstype": "^3.1.1",
     "date-fns": "^2.29.3",
     "deep-equal": "^2.1.0",
@@ -230,7 +230,7 @@
     "highlight.js": "^10.7.2",
     "html-loader": "^4.2.0",
     "interpolate-loader": "^2.0.1",
-    "just-debounce-it": "^3.1.1",
+    "just-debounce-it": "^3.2.0",
     "memoize-one": "^6.0.0",
     "postcss": "^8.4.20",
     "postcss-calc": "^8.2.4",
@@ -259,5 +259,5 @@
     "node": ">=14.0",
     "npm": ">=6.0.0"
   },
-  "gitHead": "dfb2391c3b72202358e2bff7bd7b7b6a6918b163"
+  "gitHead": "f0130a92836a5f891fb37169b9e5b42d46fab135"
 }