@jetbrains/ring-ui 5.0.0-beta.2 → 5.0.0-beta.20

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

@@ -1,17 +1,21 @@
-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';
-import '@jetbrains/icons/chevron-10px';
-import '@jetbrains/icons/close';
+import '@jetbrains/icons/chevron-down';
+import '@jetbrains/icons/close-12px';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
+import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
@@ -20,8 +24,8 @@ import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
@@ -52,7 +56,7 @@ import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
@@ -70,12 +74,7 @@ import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../shortcuts/shortcuts-hoc.js';
 import '../tags-list/tags-list.js';
 import '../tag/tag.js';
@@ -84,7 +83,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();
     });
@@ -94,6 +93,7 @@ class SelectLazy {
     this.props = props || {};
     this.type = type;
     this.node = container;
+    this.selectRef = selectRef;
     this._popup = {
       isVisible: angular.noop
     };
@@ -118,15 +118,21 @@ class SelectLazy {
   }
 
   attachEvents() {
-    this.container.addEventListener('click', this.onClick);
+    this.container.addEventListener('click', this.onClick, {
+      capture: true
+    });
   }
 
   detachEvents() {
-    this.container.removeEventListener('click', this.onClick);
+    this.container.removeEventListener('click', this.onClick, {
+      capture: true
+    });
   }
 
   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') {
@@ -140,11 +146,9 @@ class SelectLazy {
     this.detachEvents();
 
     if (this.type === 'dropdown') {
-      this.ctrl.selectInstance = render(this.reactSelect, this.container); // In "dropdown" mode we don't click select itself, so need to force click handler
-
-      this.ctrl.selectInstance._clickHandler();
+      render(this.reactSelect, this.container);
     } else {
-      this.ctrl.selectInstance = hydrate(this.reactSelect, this.container);
+      hydrate(this.reactSelect, this.container);
     }
   }
 

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

@@ -10,7 +10,7 @@ class Options {
     let match;
 
     if (!(match = optionsString.match(this.constructor.OPTIONS_REGEXP))) {
-      throw new Error('Bad rgSelect expression format. Expected: [{item}] [[as] item.text] [select as item.selectLabel]' + ` [describe as {item.description}] [for] {item} in {items|dataSource(query)} [track by item.id], Received: ${optionsString}`);
+      throw new Error('Bad rgSelect expression format. Expected: [{item}] [[as] item.text] [select as item.selectLabel]' + " [describe as {item.description}] [for] {item} in {items|dataSource(query)} [track by item.id], Received: ".concat(optionsString));
     }
     /**
      * Now we can write only `item.value as item.label for item in items`
@@ -83,7 +83,7 @@ class Options {
     });
 
     if (matchedOptions.length > 1) {
-      throw new Error(`Error(rg-select): You can not have two options with same value(${toString(value)})`);
+      throw new Error("Error(rg-select): You can not have two options with same value(".concat(toString(value), ")"));
     }
 
     return matchedOptions[0];

package/dist/shortcuts/shortcuts-hoc.d.ts

@@ -12,12 +12,10 @@ export default function shortcutsHOC<P>(ComposedComponent: ComponentType<P> | st
     new (props: (P & ShortcutsHOCProps) | Readonly<P & ShortcutsHOCProps>): {
         _shortcutsScopeUid: string;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & ShortcutsHOCProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P & ShortcutsHOCProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<P & ShortcutsHOCProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -38,12 +36,10 @@ export default function shortcutsHOC<P>(ComposedComponent: ComponentType<P> | st
     new (props: P & ShortcutsHOCProps, context: any): {
         _shortcutsScopeUid: string;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & ShortcutsHOCProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P & ShortcutsHOCProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<P & ShortcutsHOCProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;

package/dist/shortcuts/shortcuts-hoc.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React from 'react';
 import PropTypes from 'prop-types';
 import getUID from '../global/get-uid.js';
@@ -9,9 +10,9 @@ import '../global/sniffer.js';
 import 'sniffr';
 
 function shortcutsHOC(ComposedComponent) {
-  var _class, _temp;
+  var _class;
 
-  return _temp = _class = class WithShortcuts extends React.Component {
+  return _class = class WithShortcuts extends React.Component {
     constructor() {
       super(...arguments);
 
@@ -35,7 +36,7 @@ function shortcutsHOC(ComposedComponent) {
   }, _defineProperty(_class, "propTypes", {
     rgShortcutsOptions: PropTypes.object,
     rgShortcutsMap: PropTypes.object
-  }), _temp;
+  }), _class;
 }
 
 export { shortcutsHOC as default };

package/dist/shortcuts/shortcuts.d.ts

@@ -24,5 +24,5 @@ export default class Shortcuts extends PureComponent<ShortcutsProps> {
     componentWillUnmount(): void;
     turnShorcutsOn(): void;
     turnShorcutsOff(): void;
-    render(): {} | null;
+    render(): true | import("react").ReactChild | import("react").ReactFragment | null;
 }

package/dist/shortcuts-hint-ng/shortcuts-hint-ng.js

@@ -9,6 +9,8 @@ import IconNG from '../icon-ng/icon-ng.js';
 import InputNg from '../input-ng/input-ng.js';
 import { getShortcutTitle } from '../shortcuts/shortcut-title.js';
 import HintPopupTpl from './shortcuts-hint-ng__template.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.promise.finally.js';
 import 'focus-trap';
 import '../global/dom.js';
 import '../shortcuts/core.js';
@@ -17,9 +19,10 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../button-ng/button-ng.js';
 import 'classnames';
-import '../global/theme.js';
-import 'react';
 import '../_helpers/button__classes.js';
+import '../global/controls-height.js';
+import 'react';
+import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../promised-click-ng/promised-click-ng.js';

package/dist/shortcuts-hint-ng/shortcuts-hint-ng__template.js

@@ -1,50 +1,3 @@
-var HintPopupTpl = `<div class="shortcuts-hint">
-
-  <div class="shortcuts-hint__search-input-wrapper">
-    <rg-input
-      ng-attr-placeholder="{{hintPopupCtrl.searchPlaceholder}}"
-      ng-model="hintPopupCtrl.searchText"
-    ></rg-input>
-    <rg-icon
-      class="shortcuts-hint__search-icon"
-      glyph="{{hintPopupCtrl.searchIcon}}"
-    ></rg-icon>
-  </div>
-
-  <div class="shortcuts-hint__columns">
-    <div class="shortcuts-hint__table">
-      <div ng-repeat="mode in hintPopupCtrl.modes"
-        class="shortcuts-hint__shortcut-block">
-
-        <div class="shortcuts-hint__table-title" ng-if="mode.title">
-          <div></div>
-          <div class="shortcuts-hint__shortcuts-title">{{hintPopupCtrl.getTitle(mode.title)}}</div>
-        </div>
-
-        <div ng-repeat="shortcut in mode.shortcuts | shortcutSearch:hintPopupCtrl.searchText"
-          class="shortcuts-hint__table-row">
-          <div class="shortcuts-hint__shortcut-cell">
-            <div class="shortcuts-hint__shortcut"
-              ng-if="hintPopupCtrl.isArray(shortcut.key)"
-              ng-repeat="key in shortcut.key track by $index">
-              {{key | shortcutKeySymbol}}
-            </div>
-            <span class="shortcuts-hint__shortcut"
-              ng-if="!hintPopupCtrl.isArray(shortcut.key)">{{shortcut.key | shortcutKeySymbol}}</span>
-          </div>
-          <div class="shortcuts-hint__hint">
-            <span ng-repeat="title in shortcut.titles">
-              {{hintPopupCtrl.getTitle(title)}}
-              <br ng-if="!$last">
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div rg-template="hintPopupCtrl.tailTemplate"></div>
-
-</div>`;
+var HintPopupTpl = "<div class=\"shortcuts-hint\">\n\n  <div class=\"shortcuts-hint__search-input-wrapper\">\n    <rg-input\n      ng-attr-placeholder=\"{{hintPopupCtrl.searchPlaceholder}}\"\n      ng-model=\"hintPopupCtrl.searchText\"\n    ></rg-input>\n    <rg-icon\n      class=\"shortcuts-hint__search-icon\"\n      glyph=\"{{hintPopupCtrl.searchIcon}}\"\n    ></rg-icon>\n  </div>\n\n  <div class=\"shortcuts-hint__columns\">\n    <div class=\"shortcuts-hint__table\">\n      <div ng-repeat=\"mode in hintPopupCtrl.modes\"\n        class=\"shortcuts-hint__shortcut-block\">\n\n        <div class=\"shortcuts-hint__table-title\" ng-if=\"mode.title\">\n          <div></div>\n          <div class=\"shortcuts-hint__shortcuts-title\">{{hintPopupCtrl.getTitle(mode.title)}}</div>\n        </div>\n\n        <div ng-repeat=\"shortcut in mode.shortcuts | shortcutSearch:hintPopupCtrl.searchText\"\n          class=\"shortcuts-hint__table-row\">\n          <div class=\"shortcuts-hint__shortcut-cell\">\n            <div class=\"shortcuts-hint__shortcut\"\n              ng-if=\"hintPopupCtrl.isArray(shortcut.key)\"\n              ng-repeat=\"key in shortcut.key track by $index\">\n              {{key | shortcutKeySymbol}}\n            </div>\n            <span class=\"shortcuts-hint__shortcut\"\n              ng-if=\"!hintPopupCtrl.isArray(shortcut.key)\">{{shortcut.key | shortcutKeySymbol}}</span>\n          </div>\n          <div class=\"shortcuts-hint__hint\">\n            <span ng-repeat=\"title in shortcut.titles\">\n              {{hintPopupCtrl.getTitle(title)}}\n              <br ng-if=\"!$last\">\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div rg-template=\"hintPopupCtrl.tailTemplate\"></div>\n\n</div>";
 
 export { HintPopupTpl as default };

package/dist/shortcuts-ng/shortcuts-ng.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 import { getStyles } from '../global/dom.js';
 import shortcutsInstance from '../shortcuts/core.js';
@@ -37,7 +38,7 @@ angularModule.provider('shortcuts', function provider() {
 
 
         if (!mode) {
-          throw new Error(`Shortcut mode ${name} is not declared`);
+          throw new Error("Shortcut mode ".concat(name, " is not declared"));
         }
 
         mode.forEach(key => {
@@ -221,7 +222,7 @@ angularModule.directive('rgShortcuts', ["$parse", function rgShortcutsDirective(
       const blurGetter = $parse(iAttrs.shortcutsBlur);
       const zone = {
         name,
-        scope: `${name}-${$scope.$id}`,
+        scope: "".concat(name, "-").concat($scope.$id),
         element: iElement[0],
         onBlur: blurGetter($scope) || angular.noop
       };
@@ -244,7 +245,7 @@ angularModule.directive('rgShortcutsGlobal', ["shortcuts", function rgShortcutsG
     restrict: 'A',
     link: function link($scope, iElement, iAttrs) {
       const name = iAttrs.rgShortcutsGlobal;
-      const scope = `${name}-${$scope.$id}`;
+      const scope = "".concat(name, "-").concat($scope.$id);
       $scope.$evalAsync(() => {
         shortcuts.bind(name, $scope.$eval(iAttrs.shortcutsMap), scope);
         shortcutsInstance.pushScope(scope);

package/dist/sidebar-ng/sidebar-ng.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import chevronLeftIcon from '@jetbrains/icons/chevron-left';
@@ -11,13 +12,14 @@ import buttonTemplate from './sidebar-ng__button-template.js';
 import 'just-debounce-it';
 import 'element-resize-detector';
 import '../global/dom.js';
+import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
 import 'classnames';
-import '../global/theme.js';
-import 'react';
 import '../_helpers/button__classes.js';
+import '../global/controls-height.js';
+import 'react';
 
 /**
  * @name Sidebar Ng

package/dist/sidebar-ng/sidebar-ng__button-template.js

@@ -1,20 +1,3 @@
-var buttonTemplate = `<span>
-  <rg-button
-    ng-click="button.model = !button.model"
-    ng-disabled="button.dialogIsActive"
-  >
-    <rg-icon
-      ng-show="button.model"
-      glyph="{{button.chevronRight}}"
-    ></rg-icon>
-
-    <rg-icon
-      ng-show="!button.model"
-      glyph="{{button.chevronLeft}}"
-    ></rg-icon>
-
-    <span ng-transclude></span>
-  </rg-button>
-</span>`;
+var buttonTemplate = "<span>\n  <rg-button\n    ng-click=\"button.model = !button.model\"\n    ng-disabled=\"button.dialogIsActive\"\n  >\n    <rg-icon\n      ng-show=\"button.model\"\n      glyph=\"{{button.chevronRight}}\"\n    ></rg-icon>\n\n    <rg-icon\n      ng-show=\"!button.model\"\n      glyph=\"{{button.chevronLeft}}\"\n    ></rg-icon>\n\n    <span ng-transclude></span>\n  </rg-button>\n</span>";
 
 export { buttonTemplate as default };

package/dist/sidebar-ng/sidebar-ng__template.js

@@ -1,12 +1,3 @@
-var template = `<div
-  class="ring-sidebar"
-  rg-place-under="{{sidebar.placeUnderSibling}}"
-  place-top-offset="{{sidebar.topOffset}}"
-  sync-height="true"
-  ng-class="{'ring-sidebar_active': sidebar.show}"
->
-  <rg-dialog in-sidebar="true" active="sidebar.dialogIsActive"></rg-dialog>
-  <div class="ring-sidebar__content" ng-transclude ng-if="!sidebar.dialogIsActive"></div>
-</div>`;
+var template = "<div\n  class=\"ring-sidebar\"\n  rg-place-under=\"{{sidebar.placeUnderSibling}}\"\n  place-top-offset=\"{{sidebar.topOffset}}\"\n  sync-height=\"true\"\n  ng-class=\"{'ring-sidebar_active': sidebar.show}\"\n>\n  <rg-dialog in-sidebar=\"true\" active=\"sidebar.dialogIsActive\"></rg-dialog>\n  <div class=\"ring-sidebar__content\" ng-transclude ng-if=\"!sidebar.dialogIsActive\"></div>\n</div>";
 
 export { template as default };

package/dist/storage/storage.js

@@ -1,8 +1,10 @@
 import LocalStorage from './storage__local.js';
 import FallbackStorage from './storage__fallback.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../alert-service/alert-service.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -17,17 +19,30 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
 import '../alert/container.js';
 import 'deep-equal';
 

package/dist/storage/storage__fallback.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import deepEqual from 'deep-equal';
 
 const DEFAULT_CHECK_DELAY = 3000;
@@ -36,12 +37,12 @@ class FallbackStorage {
     if (days) {
       date = new Date();
       date.setTime(date.getTime() + days * SECONDS_IN_DAY);
-      expires = `; expires=${date.toUTCString()}`;
+      expires = "; expires=".concat(date.toUTCString());
     } else {
       expires = ';';
     }
 
-    document.cookie = `${name}=${value}${expires}; path=/`;
+    document.cookie = "".concat(name, "=").concat(value).concat(expires, "; path=/");
   }
   /**
    *
@@ -52,7 +53,7 @@ class FallbackStorage {
 
 
   static _readCookie(name) {
-    const nameEQ = `${name}=`;
+    const nameEQ = "".concat(name, "=");
     const cookies = document.cookie.split(';');
     let cookie;
 

package/dist/storage/storage__local.js

@@ -1,6 +1,8 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import alertService from '../alert-service/alert-service.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -15,17 +17,30 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
 import '../alert/container.js';
 
 /**