@jetbrains/ring-ui 5.0.27 → 5.0.29

package/dist/markdown/code.js

@@ -1,9 +1,7 @@
-import 'core-js/modules/es.string.replace.js';
 import React from 'react';
 import PropTypes from 'prop-types';
 import Code from '../code/code.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import 'highlight.js/lib/core';
 import '../global/normalize-indent.js';

package/dist/markdown/link.js

@@ -5,7 +5,6 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'focus-visible';
 import 'classnames';
 import '../global/memoize.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/dist/markdown/markdown.js

@@ -1,5 +1,4 @@
 import { 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 ReactMarkdown from 'react-markdown';
@@ -11,7 +10,6 @@ import trivialTemplateTag from '../global/trivial-template-tag.js';
 import MarkdownCode from './code.js';
 import MarkdownLink from './link.js';
 import MarkdownHeading from './heading.js';
-import 'core-js/modules/es.string.replace.js';
 import '../code/code.js';
 import 'highlight.js/lib/core';
 import '../global/memoize.js';

package/dist/message/message.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, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -9,7 +8,6 @@ import { Directions } from '../popup/popup.consts.js';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import { T as Theme, m as modules_59717246, a as ThemeProvider } from '../_helpers/theme.js';
-import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';

package/dist/old-browsers-message/old-browsers-message.js

@@ -1,5 +1,4 @@
 import { isBrowserInWhiteList } from './white-list.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/sniffer.js';
 import 'sniffr';
 
@@ -35,7 +34,7 @@ function changeSmileClickListener(event) {
       return '\\\\ (x_x) //';
     }
 
-    return "{{ (".concat(getRandomEye(), "_").concat(getRandomEye(), ") }}");
+    return `{{ (${getRandomEye()}_${getRandomEye()}) }}`;
   }
 
   target.innerHTML = getRandomSmile();

package/dist/old-browsers-message/old-browsers-message__stop.js

@@ -1,5 +1,4 @@
 export { stop as default } from './old-browsers-message.js';
 import './white-list.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/sniffer.js';
 import 'sniffr';

package/dist/old-browsers-message/white-list.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import sniffr from '../global/sniffer.js';
 import 'sniffr';
 
@@ -7,12 +6,12 @@ const MAJOR_VERSION_INDEX = 0;
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
 
-if (!["and_chr 104", "and_uc 12.12", "chrome 103", "chrome 102", "edge 103", "firefox 102", "ios_saf 15.5", "ios_saf 15.4", "ios_saf 14.5-14.8", "safari 15.5", "samsung 17.0"]) {
+if (!["and_chr 105", "chrome 104", "chrome 103", "edge 104", "edge 103", "firefox 103", "ios_saf 15.6", "ios_saf 15.5", "ios_saf 14.5-14.8", "op_mini all", "safari 15.6", "samsung 18.0", "samsung 17.0"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
 
-const SUPPORTED = ["and_chr 104", "and_uc 12.12", "chrome 103", "chrome 102", "edge 103", "firefox 102", "ios_saf 15.5", "ios_saf 15.4", "ios_saf 14.5-14.8", "safari 15.5", "samsung 17.0"] || [];
+const SUPPORTED = ["and_chr 105", "chrome 104", "chrome 103", "edge 104", "edge 103", "firefox 103", "ios_saf 15.6", "ios_saf 15.5", "ios_saf 14.5-14.8", "op_mini all", "safari 15.6", "samsung 18.0", "samsung 17.0"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;

package/dist/pager/pager.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, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -21,7 +20,6 @@ import '../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/data-tests.js';
 import '../button-group/caption.js';
 import '../_helpers/button-group.js';
@@ -148,7 +146,7 @@ class Pager extends PureComponent {
     } = this.props;
     const data = pageSizes.map(size => ({
       key: size,
-      label: "".concat(size, " ").concat(this.props.translations.perPage)
+      label: `${size} ${this.props.translations.perPage}`
     }));
     const selected = data.find(it => it.key === pageSize);
     return {

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

@@ -1,7 +1,6 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Pager$1 from '../pager/pager.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.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 '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/panel-ng/panel-ng.js

@@ -2,7 +2,6 @@ import angular from 'angular';
 import { m as modules_cf670408 } from '../_helpers/panel.js';
 import { addClasses } from '../global/dom.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 const angularModule = angular.module('Ring.panel', []);
 angularModule.directive('rgPanel', function rgEqualValueDirective() {

package/dist/permissions/permissions.js

@@ -89,7 +89,7 @@ class Permissions {
       return undefined;
     }
 
-    return services.map(service => "service:{".concat(service, "}")).join(' or ');
+    return services.map(service => `service:{${service}}`).join(' or ');
   }
 
   set(cachedPermissions) {

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

@@ -2,7 +2,6 @@ import angular from 'angular';
 import '../auth-ng/auth-ng.js';
 import Permissions from '../permissions/permissions.js';
 import PermissionCache from '../permissions/permissions__cache.js';
-import 'core-js/modules/es.string.replace.js';
 import '../auth/auth.js';
 import '../auth/window-flow.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
@@ -13,7 +12,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';
@@ -214,7 +212,7 @@ angularModule.directive('rgPermissionIf', ["$animate", "userPermissions", "$inte
             $transclude(childScope, clone => {
               block = {
                 startNode: clone[0],
-                endNode: clone[clone.length++] = document.createComment(" end rgPermissionIf: ".concat(iAttrs.rgPermissionIf, " "))
+                endNode: clone[clone.length++] = document.createComment(` end rgPermissionIf: ${iAttrs.rgPermissionIf} `)
               };
               $animate.enter(clone, iElement.parent(), iElement);
             });

package/dist/place-under-ng/place-under-ng.js

@@ -3,7 +3,6 @@ import debounce from 'just-debounce-it';
 import createResizeDetector from 'element-resize-detector';
 import { getDocumentScrollTop } from '../global/dom.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 const resizeDetector = createResizeDetector();
 const angularModule = angular.module('Ring.place-under', []);
@@ -83,7 +82,7 @@ angularModule.factory('rgPlaceUnderHelper', ["$window", $window => {
         const syncedElementOffsetTop = syncElement.getBoundingClientRect().top + documentScrollTop;
         const bottom = syncedElementOffsetTop + syncedElementHeight;
         const margin = Math.max(bottom - documentScrollTop, syncedElementHeight);
-        element.style.marginTop = "".concat(margin + topOffset, "px");
+        element.style.marginTop = `${margin + topOffset}px`;
 
         if (syncHeight) {
           /**
@@ -116,7 +115,7 @@ angularModule.factory('rgPlaceUnderHelper', ["$window", $window => {
             }
           }
 
-          element.style.height = "calc(100% - ".concat(parseInt(element.style.marginTop, 10) + bottomOffset, "px)");
+          element.style.height = `calc(100% - ${parseInt(element.style.marginTop, 10) + bottomOffset}px)`;
         }
       }
 

package/dist/popup/popup.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, { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
@@ -24,7 +22,7 @@ var modules_2f69e2e2 = {"popup":"popup_rui_7cd4 font_rui_8bff","hidden":"hidden_
 
 const stop = e => e.stopPropagation();
 
-const getPopupContainer = target => typeof target === 'string' ? document.querySelector("[data-portaltarget=".concat(target, "]")) : target;
+const getPopupContainer = target => typeof target === 'string' ? document.querySelector(`[data-portaltarget=${target}]`) : target;
 /**
  * @constructor
  * @name Popup
@@ -106,7 +104,7 @@ class Popup extends PureComponent {
             const propKey = key;
 
             if (typeof value === 'number') {
-              popup.style[propKey] = "".concat(value, "px");
+              popup.style[propKey] = `${value}px`;
             } else {
               popup.style[propKey] = value.toString();
             }

package/dist/popup/position.js

@@ -2,7 +2,6 @@ import { getRect, isMounted, getDocumentScrollTop, getDocumentScrollLeft, getWin
 import { MaxHeight, Dimension, MinWidth, Directions } from './popup.consts.js';
 export { Dimension, Directions, MaxHeight, MinWidth } from './popup.consts.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 function getScrollingCoordinates(container) {
   if (container !== null) {

package/dist/popup-menu/popup-menu.js

@@ -1,10 +1,8 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React from 'react';
 import PropTypes from 'prop-types';
 import Popup from '../popup/popup.js';
 import List from '../list/list.js';
-import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import 'classnames';
 import '../global/get-uid.js';

package/dist/progress-bar/progress-bar.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, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -48,7 +47,7 @@ class ProgressBar extends PureComponent {
       label,
       ...otherProps
     } = this.props;
-    const width = value ? "".concat(ProgressBar.toPercent(value, max), "%") : undefined;
+    const width = value ? `${ProgressBar.toPercent(value, max)}%` : undefined;
     const classes = classNames(modules_fb7af416.progressBar, className, {
       [modules_fb7af416.globalMode]: global
     });

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

@@ -1,7 +1,6 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import ProgressBar from '../progress-bar/progress-bar.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.js';

package/dist/promised-click-ng/promised-click-ng.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 import { m as modules_e81895c9 } from '../_helpers/button__classes.js';
 import { applyMethodToClasses } from '../global/dom.js';
@@ -7,7 +6,6 @@ import RingAngularComponent from '../global/ring-angular-component.js';
 import { LOADER_BACKGROUND_SELECTOR } from '../button-ng/button-ng.js';
 import 'classnames';
 import '../icon-ng/icon-ng.js';
-import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';

package/dist/proxy-attrs/proxy-attrs.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/es.string.replace.js';
-
 function proxyAttrs(template, attrsWhitelist) {
   return function copyAttrs(iElement, iAttrs) {
     const PREFIX = 'data-proxy-';
@@ -9,9 +7,9 @@ function proxyAttrs(template, attrsWhitelist) {
       if (iAttrs[attrName] !== undefined) {
         const attrLower = iAttrs.$attr[attrName];
         const attrValue = iAttrs[attrName];
-        const attrFind = "".concat(PREFIX).concat(attrLower).replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-        const attrReplace = "".concat(attrLower, "=\"").concat(attrValue, "\"");
-        resultTemplate = resultTemplate.replace(RegExp("".concat(attrFind, "(=\"\")*"), 'g'), attrReplace);
+        const attrFind = `${PREFIX}${attrLower}`.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+        const attrReplace = `${attrLower}="${attrValue}"`;
+        resultTemplate = resultTemplate.replace(RegExp(`${attrFind}(="")*`, 'g'), attrReplace);
       }
     });
     return resultTemplate;

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

@@ -1,6 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'just-debounce-it';
@@ -867,7 +865,7 @@ class QueryAssist extends Component {
           return;
         }
 
-        const styleName = "".concat(LETTER_CLASS, "-").concat(item.style.replace('_', '-'));
+        const styleName = `${LETTER_CLASS}-${item.style.replace('_', '-')}`;
 
         for (let i = item.start; i < item.start + item.length; i++) {
           classes[i] = modules_da7ab055[styleName];
@@ -942,7 +940,7 @@ class QueryAssist extends Component {
       [modules_da7ab055.huge]: huge
     });
     const inputClasses = classNames({
-      ["".concat(modules_da7ab055.input, " ring-js-shortcuts")]: true,
+      [`${modules_da7ab055.input} ring-js-shortcuts`]: true,
       [modules_da7ab055.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
       [modules_da7ab055.inputGap2]: actions.length === 2,
       [modules_da7ab055.inputLeftGap]: this.isRenderingGlassOrLoader() && glass,

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

@@ -2,7 +2,6 @@ import 'react';
 import '../list/list.js';
 export { Q as default } from '../_helpers/query-assist__suggestions.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'prop-types';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
@@ -31,7 +30,6 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import 'core-js/modules/es.string.replace.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';

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

@@ -1,7 +1,6 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import QueryAssist from '../query-assist/query-assist.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.js';
@@ -9,7 +8,6 @@ import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
-import 'core-js/modules/es.string.replace.js';
 import 'just-debounce-it';
 import 'classnames';
 import 'deep-equal';

package/dist/radio/radio.d.ts

@@ -8,9 +8,9 @@ export default class Radio extends Component<RadioProps> {
     static propTypes: {
         name: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<string | number | boolean>;
+        value: PropTypes.Requireable<NonNullable<string | number | boolean | null | undefined>>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     };
     static Item: React.ForwardRefExoticComponent<import("./radio__item").RadioItemProps & React.RefAttributes<import("./radio__item").Radio>>;
     uid: string;

package/dist/radio/radio.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import getUID from '../global/get-uid.js';

package/dist/radio/radio__item.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, { createContext, Component, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/radio-ng/radio-ng.js

@@ -2,7 +2,6 @@ import angular from 'angular';
 import { m as modules_df92307a } from '../_helpers/radio.js';
 import proxyAttrs from '../proxy-attrs/proxy-attrs.js';
 import getUID from '../global/get-uid.js';
-import 'core-js/modules/es.string.replace.js';
 
 /**
  * @name Radio Ng
@@ -14,7 +13,24 @@ angularModule.directive('rgRadio', function rgCheckboxDirective() {
     restrict: 'E',
     transclude: true,
     replace: true,
-    template: proxyAttrs("\n      <label class=\"".concat(modules_df92307a.radio, "\" data-test=\"ring-radio\">\n        <input\n          type=\"radio\"\n          class=").concat(modules_df92307a.input, "\n\n          data-proxy-ng-disabled\n          data-proxy-ng-model\n          data-proxy-ng-change\n          data-proxy-name\n          data-proxy-value\n          data-proxy-ng-value\n        />\n        <span class=\"").concat(modules_df92307a.circle, "\"></span><span\n         class=\"").concat(modules_df92307a.label, "\" ng-transclude></span>\n      </label>\n\n")),
+    template: proxyAttrs(`
+      <label class="${modules_df92307a.radio}" data-test="ring-radio">
+        <input
+          type="radio"
+          class=${modules_df92307a.input}
+
+          data-proxy-ng-disabled
+          data-proxy-ng-model
+          data-proxy-ng-change
+          data-proxy-name
+          data-proxy-value
+          data-proxy-ng-value
+        />
+        <span class="${modules_df92307a.circle}"></span><span
+         class="${modules_df92307a.label}" ng-transclude></span>
+      </label>
+
+`),
     link: function link(scope, iElement) {
       const element = iElement[0];
       const input = element.querySelector('input[type="radio"]');

package/dist/save-field-ng/save-field-ng.js

@@ -12,7 +12,6 @@ import 'react';
 import 'classnames';
 import 'prop-types';
 import '../global/data-tests.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../_helpers/loader-inline.js';
 import '../_helpers/button-set.js';
 import '../global/dom.js';
@@ -22,7 +21,6 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/ring-angular-component.js';
 import '../icon-ng/icon-ng.js';
-import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
@@ -165,7 +163,7 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
       }
 
       function addMultilineProcessing(controlName) {
-        const stopWatch = scope.$watch("saveFieldForm.".concat(controlName), control => {
+        const stopWatch = scope.$watch(`saveFieldForm.${controlName}`, control => {
           if (!control || !control.$formatters || !control.$parsers) {
             return;
           }

package/dist/save-field-ng/save-field-ng__template.js

@@ -1,3 +1,34 @@
-var template = "<div class=\"ring-save-field\" ng-form=\"saveFieldForm\" rg-shortcuts=\"ring-save-field\" shortcuts-map=\"keyMap\" shortcuts-focus=\"focus\">\n  <span class=\"ring-save-field__transclude-placeholder\" ng-transclude=\"\"></span>\n\n  <rg-button\n    ng-show=\"saveFieldForm.$dirty && saveFieldForm.$valid\"\n    mode=\"primary\"\n    class=\"ring-save-field__button ng-hide\"\n    ng-mousedown=\"cancelBlur()\"\n\n    rg-promised-click=\"submitChanges($event)\"\n    promised-mode=\"loader\"\n  >\n    {{wording.save}}\n  </rg-button>\n\n  <rg-button\n    ng-show=\"saveFieldForm.$dirty && !loading\"\n    class=\"ring-save-field__button ng-hide\"\n    ng-click=\"cancelChanges($event)\"\n    ng-mousedown=\"cancelBlur()\"\n  >\n    {{wording.cancel}}\n  </rg-button>\n\n  <rg-button\n    ng-show=\"done\"\n    ng-disabled=\"true\"\n    class=\"ring-save-field__button ng-hide\"\n  >\n    {{wording.saved}}\n  </rg-button>\n</div>";
+var template = `<div class="ring-save-field" ng-form="saveFieldForm" rg-shortcuts="ring-save-field" shortcuts-map="keyMap" shortcuts-focus="focus">
+  <span class="ring-save-field__transclude-placeholder" ng-transclude=""></span>
+
+  <rg-button
+    ng-show="saveFieldForm.$dirty && saveFieldForm.$valid"
+    mode="primary"
+    class="ring-save-field__button ng-hide"
+    ng-mousedown="cancelBlur()"
+
+    rg-promised-click="submitChanges($event)"
+    promised-mode="loader"
+  >
+    {{wording.save}}
+  </rg-button>
+
+  <rg-button
+    ng-show="saveFieldForm.$dirty && !loading"
+    class="ring-save-field__button ng-hide"
+    ng-click="cancelChanges($event)"
+    ng-mousedown="cancelBlur()"
+  >
+    {{wording.cancel}}
+  </rg-button>
+
+  <rg-button
+    ng-show="done"
+    ng-disabled="true"
+    class="ring-save-field__button ng-hide"
+  >
+    {{wording.saved}}
+  </rg-button>
+</div>`;
 
 export { template as default };

package/dist/select/select.js

@@ -1,6 +1,4 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.string.replace.js';
 import React, { Component, Fragment } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -305,7 +303,7 @@ class Select extends Component {
 
     _defineProperty(this, "shortcutsScope", this.id);
 
-    _defineProperty(this, "listId", "".concat(this.id, ":list"));
+    _defineProperty(this, "listId", `${this.id}:list`);
 
     _defineProperty(this, "_focusHandler", e => {
       this.props.onFocus(e);
@@ -944,7 +942,7 @@ class Select extends Component {
       className: classNames(modules_9d0de074.button, modules_9d0de074.buttonSpaced),
       onClick: this.addHandler,
       "data-test": "ring-select-toolbar-button"
-    }, prefix ? "".concat(prefix, " ").concat(label) : label), hint && /*#__PURE__*/React.createElement(List.ListHint, {
+    }, prefix ? `${prefix} ${label}` : label), hint && /*#__PURE__*/React.createElement(List.ListHint, {
       label: hint,
       "data-test": "ring-select-toolbar-hint"
     }));
@@ -1032,7 +1030,7 @@ class Select extends Component {
         disabled: this.props.disabled,
         onClick: this._clickHandler,
         style: {
-          backgroundImage: "url(".concat(selected.icon, ")")
+          backgroundImage: `url(${selected.icon})`
         }
       }));
     }
@@ -1096,8 +1094,8 @@ class Select extends Component {
     const {
       shortcutsEnabled
     } = this.state;
-    const classes = classNames(modules_9d0de074.select, 'ring-js-shortcuts', this.props.className, modules_9d0de074["height".concat(this.props.height || this.context)], {
-      [modules_9d0de074["size".concat(this.props.size)]]: this.props.type !== Type.INLINE,
+    const classes = classNames(modules_9d0de074.select, 'ring-js-shortcuts', this.props.className, modules_9d0de074[`height${this.props.height || this.context}`], {
+      [modules_9d0de074[`size${this.props.size}`]]: this.props.type !== Type.INLINE,
       [modules_9d0de074.disabled]: this.props.disabled
     });
 

package/dist/select/select__filter.js

@@ -1,5 +1,4 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
@@ -18,7 +17,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 '../_helpers/button__classes.js';

package/dist/select/select__popup.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 searchIcon from '@jetbrains/icons/search';
@@ -26,7 +25,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 'react-dom';
 import '../global/schedule-raf.js';
 import '../global/data-tests.js';
@@ -178,7 +176,7 @@ class SelectPopup extends PureComponent {
         onClick: this.handleSelectAll
       }, activeFilters.length !== this.props.selected.length ? multiple.selectAllLabel || 'Select all' : multiple.deselectAllLabel || 'Deselect all'), ((_multiple$renderSelec = multiple.renderSelectedItemsDescription) === null || _multiple$renderSelec === void 0 ? void 0 : _multiple$renderSelec.call(multiple, this.props.selected, activeFilters.length)) || /*#__PURE__*/React.createElement(Text, {
         info: true
-      }, "".concat(this.props.selected.length, " selected")));
+      }, `${this.props.selected.length} selected`));
     });
 
     _defineProperty(this, "_adjustListMaxHeight", memoizeOne((hidden, userDefinedMaxHeight, ringPopupTarget) => {

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

@@ -8,9 +8,7 @@ import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
 import { ControlsHeight } from '../global/controls-height.js';
 import SelectNgOptions from './select-ng__options.js';
 import SelectLazy from './select-ng__lazy.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-down';

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

@@ -3,9 +3,7 @@ import angular from 'angular';
 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-down';

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: ".concat(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: ${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(".concat(toString(value), ")"));
+      throw new Error(`Error(rg-select): You can not have two options with same value(${toString(value)})`);
     }
 
     return matchedOptions[0];

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

@@ -8,7 +8,7 @@ export interface ShortcutsHOCProps {
     rgShortcutsOptions: ShortcutsHOCOptions;
     rgShortcutsMap: ShortcutsMap;
 }
-export default function shortcutsHOC<P>(ComposedComponent: ComponentType<P> | string): {
+export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentType<P> | string): {
     new (props: (P & ShortcutsHOCProps) | Readonly<P & ShortcutsHOCProps>): {
         _shortcutsScopeUid: string;
         render(): JSX.Element;