@jetbrains/ring-ui 4.1.28 → 4.2.2

package/dist/header/smart-profile.js

@@ -43,6 +43,7 @@ import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
+import '../global/react-render-adapter.js';
 import '../global/listeners.js';
 import '../http/http.js';
 import '../global/promise-with-timeout.js';

package/dist/header/smart-services.js

@@ -13,6 +13,7 @@ import 'es6-error';
 import '../global/url.js';
 import '../auth/down-notification.js';
 import '../alert-service/alert-service.js';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';

package/dist/login-dialog/service.js

@@ -1,8 +1,9 @@
 import React from 'react';
-import { unmountComponentAtNode, render } from 'react-dom';
+import { unmountComponentAtNode, render } from '../global/react-render-adapter.js';
 import LoginDialog from './login-dialog.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 import '../dialog/dialog.js';
 import 'classnames';

package/dist/pager/pager.js

@@ -71,6 +71,8 @@ import '../list/consts.js';
 import '../input/input.js';
 import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
+import '../global/react-render-adapter.js';
+import '../global/composeRefs.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';

package/dist/pager-ng/pager-ng.js

@@ -4,6 +4,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
@@ -76,6 +77,7 @@ import '../list/consts.js';
 import '../input/input.js';
 import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
+import '../global/composeRefs.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';

package/dist/permissions-ng/permissions-ng.js

@@ -14,6 +14,7 @@ import 'react';
 import 'prop-types';
 import '../alert-service/alert-service.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';

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

@@ -4,6 +4,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';

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

@@ -71,6 +71,8 @@ import 'conic-gradient';
 import '../global/supports-css.js';
 import '../global/inject-styles.js';
 import '../global/radial-gradient-mask.js';
+import '../global/react-render-adapter.js';
+import '../global/composeRefs.js';
 import '@jetbrains/icons/chevron-10px';
 import '../_helpers/button__classes.js';
 

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

@@ -4,6 +4,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
@@ -74,6 +75,7 @@ import '../global/supports-css.js';
 import '../global/inject-styles.js';
 import '../global/radial-gradient-mask.js';
 import '../global/rerender-hoc.js';
+import '../global/composeRefs.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
 import '../_helpers/button__classes.js';

package/dist/select/select.js

@@ -65,6 +65,8 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../_helpers/input.js';
+import '../global/react-render-adapter.js';
+import '../global/composeRefs.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';
 import '../_helpers/inject-styles.js';

package/dist/select/select__popup.js

@@ -158,6 +158,8 @@ class SelectPopup extends PureComponent {
     _defineProperty(this, "handleSelectAll", () => this.props.onSelectAll(this.props.data.filter(item => !item.disabled).length !== this.props.selected.length));
 
     _defineProperty(this, "getSelectAll", () => {
+      var _this$props$multiple$, _this$props$multiple;
+
       const activeFilters = this.props.data.filter(item => !item.disabled);
       return /*#__PURE__*/React.createElement("div", {
         className: modules_b607bec2.selectAll
@@ -165,7 +167,7 @@ class SelectPopup extends PureComponent {
         text: true,
         inline: true,
         onClick: this.handleSelectAll
-      }, activeFilters.length !== this.props.selected.length ? 'Select all' : 'Deselect all'), /*#__PURE__*/React.createElement(Text, {
+      }, activeFilters.length !== this.props.selected.length ? this.props.multiple.selectAllLabel || 'Select all' : this.props.multiple.deselectAllLabel || 'Deselect all'), ((_this$props$multiple$ = (_this$props$multiple = this.props.multiple).renderSelectedItemsDescription) === null || _this$props$multiple$ === void 0 ? void 0 : _this$props$multiple$.call(_this$props$multiple, this.props.selected, activeFilters.length)) || /*#__PURE__*/React.createElement(Text, {
         info: true
       }, "".concat(this.props.selected.length, " selected")));
     });
@@ -502,7 +504,10 @@ _defineProperty(SelectPopup, "propTypes", {
   multiple: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
     label: PropTypes.string,
     limit: PropTypes.number,
-    selectAll: PropTypes.bool
+    selectAll: PropTypes.bool,
+    selectAllLabel: PropTypes.string,
+    deselectAllLabel: PropTypes.string,
+    renderSelectedItemsDescription: PropTypes.func
   })]),
   left: PropTypes.bool,
   loading: PropTypes.bool,

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

@@ -1,13 +1,14 @@
+import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import angular from 'angular';
 import React from 'react';
-import { unmountComponentAtNode, render } from 'react-dom';
+import { unmountComponentAtNode, render } from '../global/react-render-adapter.js';
 import getEventKey from '../global/get-event-key.js';
 import Select, { RerenderableSelect } from '../select/select.js';
 import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
 import SelectNgOptions from './select-ng__options.js';
 import SelectLazy from './select-ng__lazy.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
 import 'core-js/modules/es.string.replace.js';
 import 'classnames';
 import 'prop-types';
@@ -68,6 +69,7 @@ import '../list/consts.js';
 import '../input/input.js';
 import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
+import '../global/composeRefs.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
@@ -439,9 +441,19 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         return sizes[ctrl.size] || sizes.FULL;
       }
 
+      function selectRef(instance) {
+        if (instance != null) {
+          ctrl.selectInstance = instance;
+        }
+      }
+
       function reRenderSelect(props) {
-        if (ctrl.selectInstance.node) {
-          ctrl.selectInstance.rerender(props);
+        var _ctrl$selectInstance;
+
+        if ((_ctrl$selectInstance = ctrl.selectInstance) !== null && _ctrl$selectInstance !== void 0 && _ctrl$selectInstance.node) {
+          ctrl.selectInstance.rerender({ ...props,
+            ref: selectRef
+          });
         }
       }
       /**
@@ -588,9 +600,11 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         ctrl.config = angular.extend({}, ctrl.defaultConfig, ctrl.config || {});
 
         if (getType() === 'suggest' || getType() === 'input') {
-          ctrl.selectInstance = render( /*#__PURE__*/React.createElement(RerenderableSelect, ctrl.config), container);
+          render( /*#__PURE__*/React.createElement(RerenderableSelect, _extends({
+            ref: selectRef
+          }, ctrl.config)), container);
         } else {
-          ctrl.selectInstance = new SelectLazy(container, ctrl.config, ctrl, getType());
+          ctrl.selectInstance = new SelectLazy(container, ctrl.config, ctrl, getType(), selectRef);
         } // Preserve existing contents of the directive
 
 

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

@@ -1,9 +1,10 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import angular from 'angular';
-import { render, hydrate } from 'react-dom';
 import React from 'react';
+import { render, hydrate } from '../global/react-render-adapter.js';
 import { RerenderableSelect } from '../select/select.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
 import 'core-js/modules/es.string.replace.js';
 import 'classnames';
 import 'prop-types';
@@ -65,6 +66,7 @@ import '../list/consts.js';
 import '../input/input.js';
 import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
+import '../global/composeRefs.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
@@ -83,7 +85,7 @@ import '../text/text.js';
 import '../_helpers/select__filter.js';
 
 class SelectLazy {
-  constructor(container, props, ctrl, type) {
+  constructor(container, props, ctrl, type, selectRef) {
     _defineProperty(this, "onClick", () => {
       this._clickHandler();
     });
@@ -93,6 +95,7 @@ class SelectLazy {
     this.props = props || {};
     this.type = type;
     this.node = container;
+    this.selectRef = selectRef;
     this._popup = {
       isVisible: angular.noop
     };
@@ -129,7 +132,9 @@ class SelectLazy {
   }
 
   render(props) {
-    this.reactSelect = /*#__PURE__*/React.createElement(RerenderableSelect, Object.assign({}, this.props, props || {}));
+    this.reactSelect = /*#__PURE__*/React.createElement(RerenderableSelect, _extends({
+      ref: this.selectRef
+    }, Object.assign({}, this.props, props || {})));
     this.props = this.reactSelect.props;
 
     if (this.type !== 'dropdown') {
@@ -143,11 +148,9 @@ class SelectLazy {
     this.detachEvents();
 
     if (this.type === 'dropdown') {
-      this.ctrl.selectInstance = render(this.reactSelect, this.container);
-
-      this.ctrl.selectInstance._openPopupIfClosed();
+      render(this.reactSelect, this.container);
     } else {
-      this.ctrl.selectInstance = hydrate(this.reactSelect, this.container);
+      hydrate(this.reactSelect, this.container);
     }
   }
 

package/dist/storage/storage.js

@@ -4,6 +4,7 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import '../alert-service/alert-service.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';

package/dist/storage/storage__local.js

@@ -2,6 +2,7 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import alertService from '../alert-service/alert-service.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';

package/dist/table-legacy-ng/table-legacy-ng.js

@@ -23,6 +23,7 @@ import '../global/schedule-raf.js';
 import '../pager-ng/pager-ng.js';
 import '../global/angular-component-factory.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
@@ -88,6 +89,7 @@ import '../list/consts.js';
 import '../input/input.js';
 import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
+import '../global/composeRefs.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';

package/dist/table-legacy-ng/table-legacy-ng__pager.js

@@ -5,6 +5,7 @@ import '../global/angular-component-factory.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
@@ -78,6 +79,7 @@ import '../list/consts.js';
 import '../input/input.js';
 import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
+import '../global/composeRefs.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';

package/dist/table-ng/smart-table-ng.js

@@ -4,6 +4,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';

package/dist/table-ng/table-ng.js

@@ -4,6 +4,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';

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

@@ -80,6 +80,8 @@ import '../shortcuts/shortcuts-hoc.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 import '../tag/tag.js';
+import '../global/react-render-adapter.js';
+import '../global/composeRefs.js';
 
 var modules_5aa8aaf3 = {"tagsInput":"tagsInput_rui_1a67","tagsInputLegacyMode":"tagsInputLegacyMode_rui_1a67","tagsList":"tagsList_rui_1a67","tag":"tag_rui_1a67","tagsInputDisabled":"tagsInputDisabled_rui_1a67","underline":"underline_rui_1a67","tagsInputFocused":"tagsInputFocused_rui_1a67","tagsSelect":"tagsSelect_rui_1a67","focusUnderline":"focusUnderline_rui_1a67"};
 

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

@@ -4,6 +4,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
@@ -69,6 +70,7 @@ import '../list/consts.js';
 import '../input/input.js';
 import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
+import '../global/composeRefs.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';

package/dist/toggle-ng/toggle-ng.js

@@ -4,6 +4,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';

package/dist/tooltip-ng/tooltip-ng.js

@@ -1,10 +1,11 @@
 import angular from 'angular';
 import { createElement } from 'react';
-import { render } from 'react-dom';
 import classNames from 'classnames';
+import { render } from '../global/react-render-adapter.js';
 import Popup from '../popup/popup.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.string.replace.js';
 import 'prop-types';
 import '../global/get-uid.js';
@@ -65,11 +66,14 @@ name.factory('RgTooltipPopup', function RgTooltipPopupDirective() {
       trapFocus: false
     };
 
-    this.renderPopup = props => {
-      this.popup = render( /*#__PURE__*/createElement(Popup, { ...this.defaultProps,
-        ...props
-      }, this.text), this.wrapperElement);
-    };
+    this.renderPopup = props => render( /*#__PURE__*/createElement(Popup, { ...this.defaultProps,
+      ...props,
+      ref: instance => {
+        if (instance != null) {
+          this.popup = instance;
+        }
+      }
+    }, this.text), this.wrapperElement);
 
     this.displayTooltip = customClass => {
       const text = textGetter();

package/dist/user-agreement/service.js

@@ -1,13 +1,14 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import React from 'react';
-import { render, unmountComponentAtNode } from 'react-dom';
+import { render, unmountComponentAtNode } from '../global/react-render-adapter.js';
 import ActualStorage from '../storage/storage.js';
 import alertService from '../alert-service/alert-service.js';
 import Link from '../link/link.js';
 import Alert from '../alert/alert.js';
 import Group from '../group/group.js';
 import UserAgreement from './user-agreement.js';
+import 'react-dom';
 import '../storage/storage__local.js';
 import '../global/get-uid.js';
 import 'classnames';

package/dist/user-card-ng/user-card-ng.js

@@ -5,6 +5,7 @@ import UserCardTooltip from '../user-card/tooltip.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "4.1.28",
+  "version": "4.2.2",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -70,31 +70,31 @@
     "@babel/cli": "^7.17.6",
     "@babel/eslint-parser": "^7.17.0",
     "@jetbrains/eslint-config": "^5.3.2",
-    "@jetbrains/generator-ring-ui": "^4.1.9",
+    "@jetbrains/generator-ring-ui": "^4.1.10",
     "@jetbrains/stylelint-config": "^3.0.2",
     "@primer/octicons": "^17.0.0",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-replace": "^4.0.0",
-    "@storybook/addon-a11y": "6.4.19",
-    "@storybook/addon-docs": "6.4.19",
-    "@storybook/addon-essentials": "6.4.19",
-    "@storybook/addon-storyshots": "6.4.3",
-    "@storybook/addon-storyshots-puppeteer": "6.4.3",
-    "@storybook/addon-storysource": "6.4.19",
-    "@storybook/addons": "6.4.19",
-    "@storybook/builder-webpack5": "6.4.19",
-    "@storybook/client-api": "6.4.19",
-    "@storybook/core": "6.4.19",
-    "@storybook/html": "6.4.19",
-    "@storybook/manager-webpack5": "^6.4.19",
-    "@storybook/source-loader": "6.4.19",
-    "@storybook/theming": "6.4.19",
-    "@testing-library/react": "^12.1.4",
-    "@testing-library/user-event": "^13.5.0",
+    "@storybook/addon-a11y": "6.5.0-alpha.59",
+    "@storybook/addon-docs": "6.5.0-alpha.59",
+    "@storybook/addon-essentials": "6.4.20",
+    "@storybook/addon-storyshots": "6.5.0-alpha.59",
+    "@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.59",
+    "@storybook/addon-storysource": "6.5.0-alpha.59",
+    "@storybook/addons": "6.5.0-alpha.64",
+    "@storybook/builder-webpack5": "6.5.0-alpha.64",
+    "@storybook/client-api": "6.5.0-alpha.59",
+    "@storybook/core": "6.5.0-alpha.64",
+    "@storybook/html": "6.5.0-alpha.59",
+    "@storybook/manager-webpack5": "6.5.0-alpha.59",
+    "@storybook/source-loader": "6.5.0-alpha.59",
+    "@storybook/theming": "6.5.0-alpha.59",
+    "@testing-library/react": "^13.0.0",
+    "@testing-library/user-event": "^14.1.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "angular": "^1.8.2",
     "angular-mocks": "^1.8.2",
-    "angular-route": "^1.8.2",
+    "angular-route": "^1.8.3",
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-require-context-hook": "^1.0.0",
     "chai": "^4.3.6",
@@ -132,9 +132,9 @@
     "pinst": "^3.0.0",
     "puppeteer": "^13.5.1",
     "raw-loader": "^4.0.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-test-renderer": "^17.0.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-test-renderer": "^18.0.0",
     "regenerator-runtime": "^0.13.9",
     "rollup": "^2.70.1",
     "rollup-plugin-clear": "^2.0.7",
@@ -147,7 +147,7 @@
     "teamcity-service-messages": "^0.1.12",
     "terser-webpack-plugin": "^5.3.1",
     "wallaby-webpack": "^3.9.16",
-    "webpack": "^5.70.0",
+    "webpack": "^5.72.0",
     "webpack-cli": "^4.9.2",
     "xmlappend": "^1.0.4",
     "yo": "^4.3.0"
@@ -156,7 +156,7 @@
     "core-js": ">=3.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "webpack": "^5.70.0"
+    "webpack": "^5.72.0"
   },
   "peerDependenciesMeta": {
     "webpack": {
@@ -184,7 +184,7 @@
     "deep-equal": "^2.0.4",
     "element-resize-detector": "^1.2.4",
     "es6-error": "^4.1.1",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-react-hooks": "^4.4.0",
     "extricate-loader": "^3.0.0",
     "fastdom": "^1.0.10",
     "file-loader": "^6.2.0",
@@ -221,5 +221,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "9c606e0eacffbd1a127f595173026e100e48671e"
+  "gitHead": "e83463856025904b6b4d8409f1460b9b1b9ceaec"
 }