@jetbrains/ring-ui 5.0.28 → 5.0.30

package/components/query-assist/query-assist.css

@@ -51,6 +51,8 @@
   padding-bottom: var(--ring-input-padding-block);
   padding-left: var(--ring-input-padding-start);
 
+  cursor: text;
+
   transition: border-color var(--ring-ease);
 
   color: var(--ring-text-color);

package/components/query-assist/query-assist.js

@@ -16,6 +16,7 @@ import Shortcuts from '../shortcuts/shortcuts';
 import rerenderHOC from '../global/rerender-hoc';
 import Button from '../button/button';
 import Icon from '../icon/icon';
+import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
 import QueryAssistSuggestions from './query-assist__suggestions';
 import styles from './query-assist.css';
 const POPUP_COMPENSATION = PopupMenu.ListProps.Dimension.ITEM_PADDING +
@@ -771,34 +772,36 @@ export default class QueryAssist extends Component {
             [styles.inputLeftGap]: this.isRenderingGlassOrLoader() && glass,
             [styles.inputDisabled]: this.props.disabled
         });
-        return (<div data-test={dataTests('ring-query-assist', dataTest)} className={containerClasses} role="presentation" ref={this.nodeRef}>
-        {this.state.shortcuts &&
+        return (<ControlsHeightContext.Provider value={ControlsHeight.M}>
+        <div data-test={dataTests('ring-query-assist', dataTest)} className={containerClasses} role="presentation" ref={this.nodeRef}>
+          {this.state.shortcuts &&
                 (<Shortcuts map={this.shortcutsMap} scope={this.shortcutsScope}/>)}
 
-        {renderGlass && !huge && (<Icon glyph={searchIcon} className={styles.icon} title={this.props.translations.searchTitle} ref={this.glassRef} data-test="query-assist-search-icon"/>)}
+          {renderGlass && !huge && (<Icon glyph={searchIcon} className={styles.icon} title={this.props.translations.searchTitle} ref={this.glassRef} data-test="query-assist-search-icon"/>)}
 
-        {renderLoader && (<div className={classNames(styles.icon, styles.loader, {
+          {renderLoader && (<div className={classNames(styles.icon, styles.loader, {
                     [styles.loaderOnTheRight]: !glass
                 })} ref={this.loaderRef}>
-            <LoaderInline />
-          </div>)}
+              <LoaderInline />
+            </div>)}
 
-        <ContentEditable aria-label={this.props.translations.searchTitle} className={inputClasses} data-test="ring-query-assist-input" inputRef={this.inputRef} disabled={this.props.disabled} onComponentUpdate={() => this.setCaretPosition({ fromContentEditable: true })} onBlur={this.handleFocusChange} onClick={this.handleCaretMove} onCompositionStart={this.trackCompositionState} onCompositionEnd={this.trackCompositionState} onFocus={this.handleFocusChange} onInput={this.handleInput} // To support IE use the same method
+          <ContentEditable aria-label={this.props.translations.searchTitle} className={inputClasses} data-test="ring-query-assist-input" inputRef={this.inputRef} disabled={this.props.disabled} onComponentUpdate={() => this.setCaretPosition({ fromContentEditable: true })} onBlur={this.handleFocusChange} onClick={this.handleCaretMove} onCompositionStart={this.trackCompositionState} onCompositionEnd={this.trackCompositionState} onFocus={this.handleFocusChange} onInput={this.handleInput} // To support IE use the same method
          onKeyUp={this.handleInput} // to handle input and key up
          onKeyDown={this.handleEnter} onPaste={this.handlePaste} spellCheck="false">{this.state.query && <span>{this.renderQuery()}</span>}</ContentEditable>
 
-        {renderPlaceholder && (<button type="button" className={styles.placeholder} ref={this.placeholderRef} onClick={this.handleCaretMove} data-test="query-assist-placeholder">
-            {this.props.placeholder}
-          </button>)}
+          {renderPlaceholder && (<button type="button" className={styles.placeholder} ref={this.placeholderRef} onClick={this.handleCaretMove} data-test="query-assist-placeholder">
+              {this.props.placeholder}
+            </button>)}
 
-        {actions && (<div data-test="ring-query-assist-actions" className={styles.actions}>{actions}</div>)}
+          {actions && (<div data-test="ring-query-assist-actions" className={styles.actions}>{actions}</div>)}
 
-        <PopupMenu hidden={!this.state.showPopup} onCloseAttempt={this.closePopup} ref={this.popupRef} anchorElement={this.node} keepMounted attached className={this.props.popupClassName} directions={[PopupMenu.PopupProps.Directions.BOTTOM_RIGHT]} data={useCustomItemRender ? this.state.suggestions : this.renderSuggestions()} data-test="ring-query-assist-popup" hint={this.props.hint} hintOnSelection={this.props.hintOnSelection} left={this.getPopupOffset(this.state.suggestions)} maxHeight={PopupMenu.PopupProps.MaxHeight.SCREEN} onMouseDown={this.trackPopupMouseState} onMouseUp={this.trackPopupMouseState} onSelect={item => this.handleComplete(item)}/>
+          <PopupMenu hidden={!this.state.showPopup} onCloseAttempt={this.closePopup} ref={this.popupRef} anchorElement={this.node} keepMounted attached className={this.props.popupClassName} directions={[PopupMenu.PopupProps.Directions.BOTTOM_RIGHT]} data={useCustomItemRender ? this.state.suggestions : this.renderSuggestions()} data-test="ring-query-assist-popup" hint={this.props.hint} hintOnSelection={this.props.hintOnSelection} left={this.getPopupOffset(this.state.suggestions)} maxHeight={PopupMenu.PopupProps.MaxHeight.SCREEN} onMouseDown={this.trackPopupMouseState} onMouseUp={this.trackPopupMouseState} onSelect={item => this.handleComplete(item)}/>
 
-        {glass && huge && (<div className={styles.rightSearchButton}>
-            <Icon glyph={searchIcon} className={styles.rightSearchIcon} title={this.props.translations.searchTitle} onClick={this.handleApply} ref={this.glassRef} data-test="query-assist-search-icon"/>
-          </div>)}
-      </div>);
+          {glass && huge && (<div className={styles.rightSearchButton}>
+              <Icon glyph={searchIcon} className={styles.rightSearchIcon} title={this.props.translations.searchTitle} onClick={this.handleApply} ref={this.glassRef} data-test="query-assist-search-icon"/>
+            </div>)}
+        </div>
+      </ControlsHeightContext.Provider>);
     }
 }
 export const RerenderableQueryAssist = rerenderHOC(QueryAssist);

package/dist/_helpers/button__classes.js

@@ -18,7 +18,7 @@ function getButtonClasses(_ref) {
     height
   } = _ref;
   const withNormalIcon = icon && !active && !danger && !primary && !disabled;
-  return classNames(modules_e81895c9.button, className, modules_e81895c9["height".concat(height)], {
+  return classNames(modules_e81895c9.button, className, modules_e81895c9[`height${height}`], {
     [modules_e81895c9.active]: active,
     [modules_e81895c9.danger]: danger,
     [modules_e81895c9.delayed]: delayed,

package/dist/_helpers/dialog__body-scroll-preventer.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import scrollbarWidth from 'scrollbar-width';
 
 var modules_5e9b8c03 = {"unit":"8px","header":"header_rui_1d72","container":"container_rui_381e","innerContainer":"innerContainer_rui_381e","content":"content_rui_381e","panel":"panel_rui_381e","clickableOverlay":"clickableOverlay_rui_381e","closeIcon":"closeIcon_rui_381e","closeButton":"closeButton_rui_381e","closeButtonOutside":"closeButtonOutside_rui_381e","closeButtonInside":"closeButtonInside_rui_381e","documentWithoutScroll":"documentWithoutScroll_rui_381e","popupTarget":"popupTarget_rui_381e"};
@@ -23,7 +22,7 @@ const prevent = key => {
 
   if (documentHasScroll && scrollWidth != null && scrollWidth > 0) {
     previousDocumentWidth = document.documentElement.style.width;
-    document.documentElement.style.width = "calc(100% - ".concat(scrollWidth, "px)");
+    document.documentElement.style.width = `calc(100% - ${scrollWidth}px)`;
   }
 };
 

package/dist/_helpers/select__filter.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/_helpers/services-link.js

@@ -18,7 +18,7 @@ class ServicesLink extends PureComponent {
       key: "icon",
       className: modules_74a7bf8b.itemLogo,
       style: {
-        backgroundImage: "url(".concat(service.iconUrl, ")")
+        backgroundImage: `url(${service.iconUrl})`
       }
     }), /*#__PURE__*/React.createElement("div", {
       key: "text"

package/dist/_helpers/sidebar.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -96,7 +95,7 @@ class Sidebar extends Component {
       [fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '']: shouldFixateTop || shouldFixateBottom
     });
     const style = {
-      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? "".concat(sidebarVisibleHeight, "px") : undefined
+      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : undefined
     };
     return /*#__PURE__*/React.createElement("aside", {
       className: containerClasses,

package/dist/_helpers/theme.js

@@ -1,5 +1,4 @@
 import { a as _extends } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useState, useEffect, forwardRef, useMemo, useContext } from 'react';
 import classNames from 'classnames';
 import { createPortal } from 'react-dom';

package/dist/_helpers/title.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/alert/alert.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -18,7 +17,6 @@ import { Color } from '../icon/icon__constants.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../_helpers/loader-inline.js';
 import 'focus-visible';

package/dist/alert-service/alert-service.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React from 'react';
 import { render } from '../global/react-render-adapter.js';
 import getUID from '../global/get-uid.js';
@@ -17,7 +16,6 @@ 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/data-tests.js';

package/dist/analytics/analytics.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.string.replace.js';
 
 /**
  * @name Analytics
@@ -59,7 +58,7 @@ class Analytics {
 
   trackShortcutEvent(category, action, additionalData) {
     this.trackEvent(category, action, additionalData);
-    this.trackEvent('ring-shortcut', "".concat(category, "$").concat(action), additionalData);
+    this.trackEvent('ring-shortcut', `${category}$${action}`, additionalData);
   }
 
   trackEntityProperties(entityName, entity, propertiesNames, additionalData) {
@@ -84,7 +83,7 @@ class Analytics {
         value = value.toLowerCase().replace(/[._]+/g, '-');
       }
 
-      const resultAction = "".concat(keys.join('-'), "__").concat(value);
+      const resultAction = `${keys.join('-')}__${value}`;
       this.trackEvent(entityName, resultAction, additionalData);
     }
   }
@@ -99,7 +98,7 @@ class Analytics {
 
     for (key in additionalData) {
       if (additionalData.hasOwnProperty(key)) {
-        suffix += "__".concat(key, "$").concat(additionalData[key]);
+        suffix += `__${key}$${additionalData[key]}`;
       }
     }
 

package/dist/analytics/analytics__custom-plugin.js

@@ -1,6 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AnalyticsPluginUtils from './analytics__plugin-utils.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/sniffer.js';
 import 'sniffr';
 
@@ -122,7 +121,7 @@ class AnalyticsCustomPlugin {
       if (this._lastPageViewTime) {
         const duration = AnalyticsPluginUtils.getPageViewDurationPresentation(currentTime - this._lastPageViewTime);
 
-        this._processEvent("ring-pageview-duration_".concat(this._lastPagePath), duration);
+        this._processEvent(`ring-pageview-duration_${this._lastPagePath}`, duration);
       }
     }
 

package/dist/analytics/analytics__fus-plugin.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.string.replace.js';
 import AnalyticsPluginUtils from './analytics__plugin-utils.js';
 import '../global/sniffer.js';
 import 'sniffr';

package/dist/analytics/analytics__plugin-utils.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/es.string.replace.js';
 import sniffr from '../global/sniffer.js';
 import 'sniffr';
 
@@ -43,7 +42,7 @@ const AnalyticsPluginUtils = {
 
     let roundedDuration = Math.floor(Math.pow(2, Math.floor(Math.log2(duration)) + 1));
     roundedDuration = roundedDuration > 0 ? roundedDuration : 1;
-    return "less-than-".concat(roundedDuration, "-sec");
+    return `less-than-${roundedDuration}-sec`;
   },
   getScreenWidthPresentation: () => {
     /**
@@ -54,7 +53,7 @@ const AnalyticsPluginUtils = {
 
     for (let i = 1; i < sizes.length; ++i) {
       if (window.innerWidth < sizes[i]) {
-        return "[".concat(sizes[i - 1], "px;").concat(sizes[i], "px)");
+        return `[${sizes[i - 1]}px;${sizes[i]}px)`;
       }
     }
 
@@ -65,7 +64,7 @@ const AnalyticsPluginUtils = {
     const name = AnalyticsPluginUtils.npeSaveLowerCase(sniffr.browser.name || 'unknown');
     const majorVersion = sniffr.browser.version[0];
     const version = majorVersion || 'unknown';
-    return "".concat(name, "$").concat(version);
+    return `${name}$${version}`;
   },
   getDevicePixelRatioPresentation: () => {
     if (!window.devicePixelRatio || !window.devicePixelRatio.toFixed) {

package/dist/analytics-ng/analytics-ng.js

@@ -4,7 +4,6 @@ import AnalyticsGAPlugin from '../analytics/analytics__ga-plugin.js';
 import AnalyticsFUSPlugin from '../analytics/analytics__fus-plugin.js';
 import AnalyticsCustomPlugin from '../analytics/analytics__custom-plugin.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.string.replace.js';
 import '../analytics/analytics__plugin-utils.js';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -37,9 +36,9 @@ angularModule.provider('analytics', function provider() {
         try {
           const plugin = $injector.get(configPlugins[i]);
           loadedPlugins.push(plugin);
-          $log.debug("analytics: loaded plugin ".concat(configPlugins[i]));
+          $log.debug(`analytics: loaded plugin ${configPlugins[i]}`);
         } catch (err) {
-          $log.debug("analytics: unable to load factory ".concat(configPlugins[i]));
+          $log.debug(`analytics: unable to load factory ${configPlugins[i]}`);
         }
       } else {
         loadedPlugins.push(configPlugins[i]);

package/dist/auth/auth.js

@@ -4,13 +4,11 @@ import Auth from './auth__core.js';
 export { DEFAULT_BACKGROUND_TIMEOUT, DEFAULT_EXPIRES_TIMEOUT, DOMAIN_USER_CHANGED_EVENT, LOGOUT_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGED_EVENT, USER_CHANGE_POSTPONED_EVENT, default } from './auth__core.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import './response-parser.js';
-import 'core-js/modules/es.string.replace.js';
 import 'es6-error';
 import '../global/url.js';
 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';

package/dist/auth/auth__core.js

@@ -1,6 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.string.replace.js';
 import { getAbsoluteBaseURL, fixUrl } from '../global/url.js';
 import Listeners from '../global/listeners.js';
 import HTTP from '../http/http.js';
@@ -158,7 +156,7 @@ class Auth {
     const unsupportedParams = ['redirect_uri', 'request_credentials', 'client_id'].filter(param => config.hasOwnProperty(param));
 
     if (unsupportedParams.length !== 0) {
-      throw new Error("The following parameters are no longer supported: ".concat(unsupportedParams.join(', '), ". Please change them from snake_case to camelCase."));
+      throw new Error(`The following parameters are no longer supported: ${unsupportedParams.join(', ')}. Please change them from snake_case to camelCase.`);
     }
 
     config.userFields = config.userFields || [];
@@ -189,10 +187,10 @@ class Auth {
     }
 
     this._storage = new AuthStorage({
-      messagePrefix: "".concat(clientId, "-message-"),
-      stateKeyPrefix: "".concat(clientId, "-states-"),
-      tokenKey: "".concat(clientId, "-token"),
-      userKey: "".concat(clientId, "-user-")
+      messagePrefix: `${clientId}-message-`,
+      stateKeyPrefix: `${clientId}-states-`,
+      tokenKey: `${clientId}-token`,
+      userKey: `${clientId}-user-`
     });
     this._domainStorage = new AuthStorage({
       messagePrefix: 'domain-message-'
@@ -377,7 +375,7 @@ class Auth {
       // Check if there is a valid token
       await ((_this$_tokenValidator = this._tokenValidator) === null || _this$_tokenValidator === void 0 ? void 0 : _this$_tokenValidator.validateToken()); // Checking if there is a message left by another app on this domain
 
-      const message = await this._domainStorage._messagesStorage.get("domain-message-".concat(DOMAIN_USER_CHANGED_EVENT));
+      const message = await this._domainStorage._messagesStorage.get(`domain-message-${DOMAIN_USER_CHANGED_EVENT}`);
 
       if (message) {
         var _this$user;
@@ -591,7 +589,7 @@ class Auth {
       const {
         serviceName,
         iconUrl: serviceImage
-      } = (await this.http.get("oauth2/interactive/login/settings?client_id=".concat(this.config.clientId))) || {};
+      } = (await this.http.get(`oauth2/interactive/login/settings?client_id=${this.config.clientId}`)) || {};
       this.setCurrentService({
         serviceImage,
         serviceName
@@ -843,7 +841,7 @@ class Auth {
       // https://www.jetbrains.com/help/youtrack/devportal/OAuth-2.0-Errors.html
       if ('code' in error && error.code && typeof error.code === 'object' && 'code' in error.code && typeof error.code.code === 'string') {
         const readableCode = error.code.code.split('_').join(' ');
-        return "Authorization error: ".concat(readableCode);
+        return `Authorization error: ${readableCode}`;
       }
     } catch {// noop
     }
@@ -1142,8 +1140,8 @@ class Auth {
       // NB! URL to redirect is formed manually because baseURI could be messed up,
       // in which case it's not obvious where redirect will lead.
       const cleanedUrl = [window.location.pathname, window.location.search].join('');
-      const hashIfExist = hash ? "#".concat(hash) : '';
-      history.replaceState(undefined, '', "".concat(cleanedUrl).concat(hashIfExist));
+      const hashIfExist = hash ? `#${hash}` : '';
+      history.replaceState(undefined, '', `${cleanedUrl}${hashIfExist}`);
     } else {
       window.location.hash = hash;
     }

package/dist/auth/background-flow.js

@@ -1,6 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AuthResponseParser from './response-parser.js';
-import 'core-js/modules/es.string.replace.js';
 import 'es6-error';
 import '../global/url.js';
 
@@ -44,7 +43,7 @@ class BackgroundFlow {
 
 
   _redirectFrame(iframe, url) {
-    iframe.src = "".concat(url, "&rnd=").concat(Math.random());
+    iframe.src = `${url}&rnd=${Math.random()}`;
   }
   /**
    * Refreshes the access token in an iframe.

package/dist/auth/down-notification.js

@@ -5,7 +5,6 @@ import Alert from '../alert/alert.js';
 import Link from '../link/link.js';
 import Group from '../group/group.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
@@ -20,7 +19,6 @@ 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/data-tests.js';

package/dist/auth/iframe-flow.js

@@ -4,7 +4,6 @@ import showAuthDialog from '../login-dialog/service.js';
 import Link from '../link/link.js';
 import AuthResponseParser from './response-parser.js';
 import '../global/react-render-adapter.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
 import '../login-dialog/login-dialog.js';
 import 'prop-types';
@@ -36,7 +35,6 @@ 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 '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/auth/landing.js

@@ -6,9 +6,7 @@ import { DEFAULT_EXPIRES_TIMEOUT } from './auth__core.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'es6-error';
 import '../http/http.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/url.js';
-import 'core-js/modules/es.string.replace.js';
 import './window-flow.js';
 import './down-notification.js';
 import 'react';
@@ -73,10 +71,10 @@ async function parseAndStoreResponse(clientId) {
   var _this$_storage;
 
   const storage = new AuthStorage({
-    messagePrefix: "".concat(clientId, "-message-"),
-    stateKeyPrefix: "".concat(clientId, "-states-"),
-    tokenKey: "".concat(clientId, "-token"),
-    userKey: "".concat(clientId, "-user-")
+    messagePrefix: `${clientId}-message-`,
+    stateKeyPrefix: `${clientId}-states-`,
+    tokenKey: `${clientId}-token`,
+    userKey: `${clientId}-user-`
   });
 
   if (!authResponse) {

package/dist/auth/request-builder.js

@@ -1,7 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import uuid from 'simply-uuid';
 import { encodeURL } from '../global/url.js';
-import 'core-js/modules/es.string.replace.js';
 
 class AuthRequestBuilder {
   /**

package/dist/auth/response-parser.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.string.replace.js';
 import ExtendableError from 'es6-error';
 import { parseQueryString } from '../global/url.js';
 

package/dist/auth/storage.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import ActualStorage from '../storage/storage.js';
 import '../storage/storage__local.js';
 import '../alert-service/alert-service.js';
@@ -19,7 +18,6 @@ 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/data-tests.js';

package/dist/auth/token-validator.js

@@ -1,9 +1,7 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import ExtendableError from 'es6-error';
 import { CODE } from '../http/http.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/url.js';
-import 'core-js/modules/es.string.replace.js';
 
 class TokenValidationError extends ExtendableError {
   constructor(message, cause) {

package/dist/auth/window-flow.js

@@ -1,6 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AuthResponseParser from './response-parser.js';
-import 'core-js/modules/es.string.replace.js';
 import 'es6-error';
 import '../global/url.js';
 
@@ -55,7 +54,7 @@ class WindowFlow {
     const screenHalves = 2;
     const top = (window.screen.height - height - NAVBAR_HEIGHT) / screenHalves;
     const left = (window.screen.width - width) / screenHalves;
-    return window.open(url, 'HubLoginWindow', "height=".concat(height, ", width=").concat(width, ", left=").concat(left, ", top=").concat(top));
+    return window.open(url, 'HubLoginWindow', `height=${height}, width=${width}, left=${left}, top=${top}`);
   }
   /**
    * Initiates authorization in window

package/dist/auth-dialog/auth-dialog.js

@@ -1,6 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.string.replace.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -117,7 +115,7 @@ class AuthDialog extends Component {
     }, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("div", {
       className: modules_ae521deb.content
     }, serviceImage && /*#__PURE__*/React.createElement("img", {
-      alt: "".concat(serviceName, " logo"),
+      alt: `${serviceName} logo`,
       className: modules_ae521deb.logo,
       src: serviceImage
     }), /*#__PURE__*/React.createElement(H2, {

package/dist/auth-dialog-service/auth-dialog-service.js

@@ -1,10 +1,8 @@
 import React from 'react';
 import { render } from '../global/react-render-adapter.js';
 import AuthDialog from '../auth-dialog/auth-dialog.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 'classnames';
 import '../island/island.js';

package/dist/auth-ng/auth-ng.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/es.string.replace.js';
 import angular from 'angular';
 import '../auth/auth.js';
 import Auth from '../auth/auth__core.js';
@@ -11,7 +10,6 @@ import '../auth/down-notification.js';
 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';
@@ -119,7 +117,7 @@ angularModule.provider('auth', ["$httpProvider", function provider($httpProvider
 
         return authInstance.promise.then(() => authInstance.auth.requestToken()).then(accessToken => {
           if (accessToken) {
-            config.headers.Authorization = "Bearer ".concat(accessToken);
+            config.headers.Authorization = `Bearer ${accessToken}`;
           }
 
           return config;

package/dist/autofocus-ng/autofocus-ng.js

@@ -1,7 +1,6 @@
 import angular from 'angular';
 import { FOCUSABLE_ELEMENTS } from '../tab-trap/tab-trap.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'prop-types';
 import '../global/dom.js';

package/dist/avatar/avatar-example-datauri.js

@@ -1,4 +1,26 @@
 // Taken from https://hub.jetbrains.com/api/rest/avatar/default?username=Jet%20Brains&dpr=2&size=56
-const avatarDataUri = "data:image/svg+xml,".concat(encodeURIComponent("\n<svg viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\">\n    <defs>\n        <linearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop stop-color=\"#D50F6B\" offset=\"0\"/>\n            <stop stop-color=\"#E73AE8\" offset=\"1\"/>\n        </linearGradient>\n    </defs>\n    <g>\n        <rect fill=\"url(#gradient)\"\n              x=\"0\" y=\"0\" width=\"40\" height=\"40\"\n              rx=\"3\" ry=\"3\"/>\n        <text x=\"5\" y=\"19\"\n              font-family=\"Arial, Helvetica, sans-serif\"\n              font-size=\"15px\"\n              letter-spacing=\"1\"\n              fill=\"#FFFFFF\">\n            <tspan>JB</tspan>\n            <tspan x=\"6\" y=\"28\">_</tspan>\n        </text>\n    </g>\n</svg>\n"));
+const avatarDataUri = `data:image/svg+xml,${encodeURIComponent(`
+<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <linearGradient id="gradient" x1="0" y1="0" x2="0" y2="1">
+            <stop stop-color="#D50F6B" offset="0"/>
+            <stop stop-color="#E73AE8" offset="1"/>
+        </linearGradient>
+    </defs>
+    <g>
+        <rect fill="url(#gradient)"
+              x="0" y="0" width="40" height="40"
+              rx="3" ry="3"/>
+        <text x="5" y="19"
+              font-family="Arial, Helvetica, sans-serif"
+              font-size="15px"
+              letter-spacing="1"
+              fill="#FFFFFF">
+            <tspan>JB</tspan>
+            <tspan x="6" y="28">_</tspan>
+        </text>
+    </g>
+</svg>
+`)}`;
 
 export { avatarDataUri };

package/dist/avatar/avatar.js

@@ -1,12 +1,10 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { isDataURI, parseQueryString, encodeURL } from '../global/url.js';
 import { getPixelRatio } from '../global/dom.js';
 import FallbackAvatar from './fallback-avatar.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/get-uid.js';
 
 var modules_61ca8c75 = {"avatar":"avatar_rui_a03e","subavatar":"subavatar_rui_a03e","empty":"empty_rui_a03e"};
@@ -62,8 +60,8 @@ class Avatar extends PureComponent {
       skipParams,
       ...restProps
     } = this.props;
-    const sizeString = "".concat(size, "px");
-    const subavatarSizeString = "".concat(subavatarSize, "px");
+    const sizeString = `${size}px`;
+    const subavatarSizeString = `${subavatarSize}px`;
     const borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
     const styleObj = {
       borderRadius: round ? '50%' : borderRadius,