@jetbrains/ring-ui-built 7.0.19 → 7.0.21

package/components/loader/loader__core.js

@@ -14,12 +14,12 @@ class Particle {
       radius,
       color
     } = _ref;
-    _defineProperty(this, "radius", void 0);
-    _defineProperty(this, "x", void 0);
-    _defineProperty(this, "y", void 0);
-    _defineProperty(this, "color", void 0);
-    _defineProperty(this, "decay", void 0);
-    _defineProperty(this, "life", void 0);
+    _defineProperty(this, "radius", undefined);
+    _defineProperty(this, "x", undefined);
+    _defineProperty(this, "y", undefined);
+    _defineProperty(this, "color", undefined);
+    _defineProperty(this, "decay", undefined);
+    _defineProperty(this, "life", undefined);
     this.radius = radius;
     this.x = x;
     this.y = y;
@@ -56,26 +56,26 @@ class LoaderCore {
   }
   constructor(containerNode, props) {
     var _this$ctx;
-    _defineProperty(this, "props", void 0);
-    _defineProperty(this, "canvas", void 0);
-    _defineProperty(this, "textNode", void 0);
-    _defineProperty(this, "ctx", void 0);
-    _defineProperty(this, "height", void 0);
-    _defineProperty(this, "width", void 0);
-    _defineProperty(this, "particles", void 0);
-    _defineProperty(this, "baseSpeed", void 0);
-    _defineProperty(this, "colorIndex", void 0);
-    _defineProperty(this, "maxRadius", void 0);
-    _defineProperty(this, "minRadius", void 0);
-    _defineProperty(this, "colorChangeTick", void 0);
-    _defineProperty(this, "x", void 0);
-    _defineProperty(this, "y", void 0);
-    _defineProperty(this, "radius", void 0);
-    _defineProperty(this, "hSpeed", void 0);
-    _defineProperty(this, "vSpeed", void 0);
-    _defineProperty(this, "radiusSpeed", void 0);
-    _defineProperty(this, "tick", void 0);
-    _defineProperty(this, "isRunning", void 0);
+    _defineProperty(this, "props", undefined);
+    _defineProperty(this, "canvas", undefined);
+    _defineProperty(this, "textNode", undefined);
+    _defineProperty(this, "ctx", undefined);
+    _defineProperty(this, "height", undefined);
+    _defineProperty(this, "width", undefined);
+    _defineProperty(this, "particles", undefined);
+    _defineProperty(this, "baseSpeed", undefined);
+    _defineProperty(this, "colorIndex", undefined);
+    _defineProperty(this, "maxRadius", undefined);
+    _defineProperty(this, "minRadius", undefined);
+    _defineProperty(this, "colorChangeTick", undefined);
+    _defineProperty(this, "x", undefined);
+    _defineProperty(this, "y", undefined);
+    _defineProperty(this, "radius", undefined);
+    _defineProperty(this, "hSpeed", undefined);
+    _defineProperty(this, "vSpeed", undefined);
+    _defineProperty(this, "radiusSpeed", undefined);
+    _defineProperty(this, "tick", undefined);
+    _defineProperty(this, "isRunning", undefined);
     this.props = Object.assign({}, LoaderCore.defaultProps, props);
     this.canvas = document.createElement('canvas');
     this.canvas.dataset.test = 'ring-loader';
@@ -94,7 +94,7 @@ class LoaderCore {
     this.canvas.style.width = "".concat(this.props.size, "px");
     this.canvas.style.height = "".concat(this.props.size, "px");
     this.ctx = this.canvas.getContext('2d');
-    (_this$ctx = this.ctx) === null || _this$ctx === void 0 || _this$ctx.scale(pixelRatio, pixelRatio);
+    (_this$ctx = this.ctx) === null || _this$ctx === undefined || _this$ctx.scale(pixelRatio, pixelRatio);
     this.height = this.props.size;
     this.width = this.props.size;
     this.particles = [];

package/components/login-dialog/login-dialog.js

@@ -71,7 +71,7 @@ class LoginDialog extends Component {
       height: DEFAULT_HEIGHT,
       width: DEFAULT_WIDTH
     });
-    _defineProperty(this, "showFallbackTimout", void 0);
+    _defineProperty(this, "showFallbackTimout", undefined);
     _defineProperty(this, "onMessage", event => {
       const {
         data

package/components/message/message.js

@@ -62,17 +62,17 @@ const getTailOffsets = offset => ({
     transform: 'rotate(135deg)'
   },
   [Directions.TOP_RIGHT]: {
-    bottom: -TAIL_SIZE,
+    bottom: -11,
     left: offset - UNIT,
     transform: 'rotate(-45deg)'
   },
   [Directions.TOP_LEFT]: {
-    bottom: -TAIL_SIZE,
+    bottom: -11,
     right: offset + UNIT - TAIL_SIZE,
     transform: 'rotate(-45deg)'
   },
   [Directions.TOP_CENTER]: {
-    bottom: -TAIL_SIZE,
+    bottom: -11,
     left: offset - UNIT,
     transform: 'rotate(-45deg)'
   },
@@ -93,17 +93,17 @@ const getTailOffsets = offset => ({
   },
   [Directions.LEFT_TOP]: {
     bottom: offset - UNIT - TAIL_SIZE,
-    right: -TAIL_SIZE,
+    right: -11,
     transform: 'rotate(-135deg)'
   },
   [Directions.LEFT_BOTTOM]: {
     top: offset + UNIT,
-    right: -TAIL_SIZE,
+    right: -11,
     transform: 'rotate(-135deg)'
   },
   [Directions.LEFT_CENTER]: {
     top: offset + UNIT,
-    right: -TAIL_SIZE,
+    right: -11,
     transform: 'rotate(-135deg)'
   }
 });
@@ -117,12 +117,12 @@ class Message extends Component {
     _defineProperty(this, "_onDirectionChange", direction => this.setState({
       direction
     }));
-    _defineProperty(this, "popup", void 0);
-    _defineProperty(this, "node", void 0);
+    _defineProperty(this, "popup", undefined);
+    _defineProperty(this, "node", undefined);
     _defineProperty(this, "popupRef", el => {
       var _this$popup;
       this.popup = el;
-      this.node = (_this$popup = this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
+      this.node = (_this$popup = this.popup) === null || _this$popup === undefined ? undefined : _this$popup.node;
     });
   }
   getTailOffset() {
@@ -134,14 +134,14 @@ class Message extends Component {
     if (this.props.tailOffset != null) {
       return this.props.tailOffset;
     }
-    const anchor = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === void 0 ? void 0 : _this$popup2.parent);
+    const anchor = (popupProps === null || popupProps === undefined ? undefined : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === undefined ? undefined : _this$popup2.parent);
     if (!anchor) {
       return DEFAULT_OFFSET;
     }
     const offset = Math.floor(anchor.offsetWidth / 2);
     const isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
-    if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
-      return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
+    if (popupProps !== null && popupProps !== undefined && popupProps.left && isOpenedToRight) {
+      return offset - (popupProps === null || popupProps === undefined ? undefined : popupProps.left);
     }
     return offset;
   }
@@ -205,11 +205,11 @@ class Message extends Component {
                   onClick: onClose,
                   primary: true
                 }, buttonProps), {}, {
-                  children: (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')
+                  children: (_translations$gotIt = translations === null || translations === undefined ? undefined : translations.gotIt) !== null && _translations$gotIt !== undefined ? _translations$gotIt : translate('gotIt')
                 })), onDismiss && jsx(Button, {
                   onClick: onDismiss,
                   inline: true,
-                  children: (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss')
+                  children: (_translations$dismiss = translations === null || translations === undefined ? undefined : translations.dismiss) !== null && _translations$dismiss !== undefined ? _translations$dismiss : translate('dismiss')
                 })]
               })
             }));

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

@@ -8,15 +8,15 @@ const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 131", "chrome 131", "chrome 130", "chrome 109", "edge 131", "edge 130", "firefox 132", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "safari 17.6", "samsung 26"]) {
+if (!["and_chr 131", "chrome 131", "chrome 125", "chrome 109", "edge 131", "firefox 133", "ios_saf 18.1", "ios_saf 17.6-17.7", "op_mob 80", "safari 18.1", "samsung 27"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-const SUPPORTED = ["and_chr 131", "chrome 131", "chrome 130", "chrome 109", "edge 131", "edge 130", "firefox 132", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "safari 17.6", "samsung 26"];
+const SUPPORTED = ["and_chr 131", "chrome 131", "chrome 125", "chrome 109", "edge 131", "firefox 133", "ios_saf 18.1", "ios_saf 17.6-17.7", "op_mob 80", "safari 18.1", "samsung 27"];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;
-  const [, browserName, version] = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== void 0 ? _item$match : [];
+  const [, browserName, version] = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== undefined ? _item$match : [];
   if (!WHITE_LISTED_BROWSERS.includes(browserName)) {
     return acc;
   }

package/components/pager/pager.js

@@ -104,7 +104,7 @@ class Pager extends PureComponent {
       if (currentPage !== 1) {
         var _this$props$onPageCha, _this$props;
         const prevPage = currentPage - 1;
-        (_this$props$onPageCha = (_this$props = this.props).onPageChange) === null || _this$props$onPageCha === void 0 || _this$props$onPageCha.call(_this$props, prevPage);
+        (_this$props$onPageCha = (_this$props = this.props).onPageChange) === null || _this$props$onPageCha === undefined || _this$props$onPageCha.call(_this$props, prevPage);
       }
     });
     _defineProperty(this, "handleNextClick", () => {
@@ -116,14 +116,14 @@ class Pager extends PureComponent {
       const total = this.getTotalPages();
       if (currentPage !== total) {
         var _this$props$onPageCha2, _this$props2;
-        (_this$props$onPageCha2 = (_this$props2 = this.props).onPageChange) === null || _this$props$onPageCha2 === void 0 || _this$props$onPageCha2.call(_this$props2, nextPage);
+        (_this$props$onPageCha2 = (_this$props2 = this.props).onPageChange) === null || _this$props$onPageCha2 === undefined || _this$props$onPageCha2.call(_this$props2, nextPage);
       } else if (this.props.openTotal) {
         onLoadPage(nextPage);
       }
     });
     _defineProperty(this, "handlePageChange", memoize(i => event => {
       var _this$props$onPageCha3, _this$props3;
-      (_this$props$onPageCha3 = (_this$props3 = this.props).onPageChange) === null || _this$props$onPageCha3 === void 0 || _this$props$onPageCha3.call(_this$props3, i, event);
+      (_this$props$onPageCha3 = (_this$props3 = this.props).onPageChange) === null || _this$props$onPageCha3 === undefined || _this$props$onPageCha3.call(_this$props3, i, event);
     }));
     _defineProperty(this, "handleLoadMore", memoize(i => () => {
       this.props.onLoadPage(i);
@@ -141,7 +141,7 @@ class Pager extends PureComponent {
       var _this$props$translati, _this$props$translati2;
       return {
         key: size,
-        label: "".concat(size, " ").concat((_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.perPage) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('perPage'))
+        label: "".concat(size, " ").concat((_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === undefined ? undefined : _this$props$translati2.perPage) !== null && _this$props$translati !== undefined ? _this$props$translati : translate('perPage'))
       };
     });
     const selected = data.find(it => it.key === pageSize);
@@ -211,8 +211,8 @@ class Pager extends PureComponent {
     const prevIcon = jsx(Icon, {
       glyph: chevronLeftIcon
     }, "icon");
-    const prevText = (_this$props$translati3 = (_this$props$translati4 = this.props.translations) === null || _this$props$translati4 === void 0 ? void 0 : _this$props$translati4.previousPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('previousPage');
-    const nextText = (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.nextPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('nextPage');
+    const prevText = (_this$props$translati3 = (_this$props$translati4 = this.props.translations) === null || _this$props$translati4 === undefined ? undefined : _this$props$translati4.previousPage) !== null && _this$props$translati3 !== undefined ? _this$props$translati3 : translate('previousPage');
+    const nextText = (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === undefined ? undefined : _this$props$translati6.nextPage) !== null && _this$props$translati5 !== undefined ? _this$props$translati5 : translate('nextPage');
     const nextLinkContent = [jsx("span", {
       children: nextText
     }, "text"), nextIcon];
@@ -269,7 +269,7 @@ class Pager extends PureComponent {
     } = this.context;
     if (totalPages < this.props.currentPage) {
       var _this$props$onPageCha4, _this$props4;
-      (_this$props$onPageCha4 = (_this$props4 = this.props).onPageChange) === null || _this$props$onPageCha4 === void 0 || _this$props$onPageCha4.call(_this$props4, totalPages);
+      (_this$props$onPageCha4 = (_this$props4 = this.props).onPageChange) === null || _this$props$onPageCha4 === undefined || _this$props$onPageCha4.call(_this$props4, totalPages);
     }
     let start = 1;
     let end = totalPages;
@@ -301,14 +301,14 @@ class Pager extends PureComponent {
       children: [this.getPagerLinks(), jsxs("div", {
         className: style.actions,
         children: [jsxs(ButtonToolbar, {
-          children: [start > 1 && this.getButton(1, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.firstPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('firstPage')), jsxs(ButtonGroup, {
+          children: [start > 1 && this.getButton(1, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === undefined ? undefined : _this$props$translati8.firstPage) !== null && _this$props$translati7 !== undefined ? _this$props$translati7 : translate('firstPage')), jsxs(ButtonGroup, {
             children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && jsx(Button, _objectSpread2(_objectSpread2({
               href: this.generateHref(end + 1),
               disabled: this.props.loader
             }, this.getClickProps(this.handleLoadMore(end + 1))), {}, {
               children: '...'
             }))]
-          }), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati9 = (_this$props$translati10 = this.props.translations) === null || _this$props$translati10 === void 0 ? void 0 : _this$props$translati10.lastPage) !== null && _this$props$translati9 !== void 0 ? _this$props$translati9 : translate('lastPage'))]
+          }), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati9 = (_this$props$translati10 = this.props.translations) === null || _this$props$translati10 === undefined ? undefined : _this$props$translati10.lastPage) !== null && _this$props$translati9 !== undefined ? _this$props$translati9 : translate('lastPage'))]
         }), this.getPageSizeSelector()]
       })]
     });

package/components/permissions/permissions.js

@@ -28,13 +28,13 @@ import PermissionCache from './permissions__cache.js';
 class Permissions {
   constructor(auth) {
     let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    _defineProperty(this, "query", void 0);
-    _defineProperty(this, "namesConverter", void 0);
-    _defineProperty(this, "_auth", void 0);
-    _defineProperty(this, "_datasource", void 0);
-    _defineProperty(this, "_promise", void 0);
-    _defineProperty(this, "_subscribed", void 0);
-    _defineProperty(this, "_permissionCache", void 0);
+    _defineProperty(this, "query", undefined);
+    _defineProperty(this, "namesConverter", undefined);
+    _defineProperty(this, "_auth", undefined);
+    _defineProperty(this, "_datasource", undefined);
+    _defineProperty(this, "_promise", undefined);
+    _defineProperty(this, "_subscribed", undefined);
+    _defineProperty(this, "_permissionCache", undefined);
     _defineProperty(this, "_defaultDatasource", query => this._auth.http.get(Permissions.API_PERMISSION_CACHE_PATH, {
       query: {
         fields: 'permission/key,global,projects(id)',

package/components/permissions/permissions__cache.js

@@ -32,9 +32,9 @@ class PermissionCache {
     return projectIdSet;
   }
   constructor(permissions, namesConverter) {
-    _defineProperty(this, "namesConverter", void 0);
-    _defineProperty(this, "_permissions", void 0);
-    _defineProperty(this, "permissionCache", void 0);
+    _defineProperty(this, "namesConverter", undefined);
+    _defineProperty(this, "_permissions", undefined);
+    _defineProperty(this, "permissionCache", undefined);
     this.namesConverter = namesConverter || (key => key);
     this.set(permissions);
   }
@@ -206,7 +206,7 @@ class PermissionCache {
   testPermission(permissionName, projectId) {
     const permissionCache = this.permissionCache;
     const convertedName = this.namesConverter(permissionName);
-    const cachedPermission = (permissionCache === null || permissionCache === void 0 ? void 0 : permissionCache[permissionName]) || convertedName && (permissionCache === null || permissionCache === void 0 ? void 0 : permissionCache[convertedName]);
+    const cachedPermission = (permissionCache === null || permissionCache === undefined ? undefined : permissionCache[permissionName]) || convertedName && (permissionCache === null || permissionCache === undefined ? undefined : permissionCache[convertedName]);
     // Hasn't the permission in any project
     if (!cachedPermission) {
       return false;

package/components/popup/popup.js

@@ -66,11 +66,11 @@ class Popup extends PureComponent {
     _defineProperty(this, "state", {
       display: Display.SHOWING
     });
-    _defineProperty(this, "popup", void 0);
-    _defineProperty(this, "node", void 0);
-    _defineProperty(this, "parent", void 0);
-    _defineProperty(this, "container", void 0);
-    _defineProperty(this, "ringPopupTarget", void 0);
+    _defineProperty(this, "popup", undefined);
+    _defineProperty(this, "node", undefined);
+    _defineProperty(this, "parent", undefined);
+    _defineProperty(this, "container", undefined);
+    _defineProperty(this, "ringPopupTarget", undefined);
     _defineProperty(this, "listeners", new Listeners());
     _defineProperty(this, "redrawScheduler", scheduleRAF(true));
     _defineProperty(this, "uid", getUID('popup-'));
@@ -131,8 +131,8 @@ class Popup extends PureComponent {
         this.redrawScheduler(this._updatePosition);
       }
     });
-    _defineProperty(this, "_listenersEnabled", void 0);
-    _defineProperty(this, "_prevTimeout", void 0);
+    _defineProperty(this, "_listenersEnabled", undefined);
+    _defineProperty(this, "_prevTimeout", undefined);
     _defineProperty(this, "_onEscPress", evt => {
       this.props.onEscPress(evt);
       this._onCloseAttempt(evt, true);
@@ -143,7 +143,7 @@ class Popup extends PureComponent {
      */
     _defineProperty(this, "_onDocumentClick", evt => {
       var _this$_getAnchor;
-      if (this.container && evt.target instanceof Node && this.container.contains(evt.target) || !this._listenersEnabled || this.props.dontCloseOnAnchorClick && evt.target instanceof Node && (_this$_getAnchor = this._getAnchor()) !== null && _this$_getAnchor !== void 0 && _this$_getAnchor.contains(evt.target)) {
+      if (this.container && evt.target instanceof Node && this.container.contains(evt.target) || !this._listenersEnabled || this.props.dontCloseOnAnchorClick && evt.target instanceof Node && (_this$_getAnchor = this._getAnchor()) !== null && _this$_getAnchor !== undefined && _this$_getAnchor.contains(evt.target)) {
         return;
       }
       this.props.onOutsideClick(evt);

package/components/popup/position.js

@@ -246,7 +246,7 @@ function position(attrs) {
       anchorRect,
       maxHeight,
       direction: chosenDirection,
-      popupScrollHeight: (_popup$scrollHeight = popup === null || popup === void 0 ? void 0 : popup.scrollHeight) !== null && _popup$scrollHeight !== void 0 ? _popup$scrollHeight : 0,
+      popupScrollHeight: (_popup$scrollHeight = popup === null || popup === undefined ? undefined : popup.scrollHeight) !== null && _popup$scrollHeight !== undefined ? _popup$scrollHeight : 0,
       scroll
     });
   }

package/components/popup-menu/popup-menu.js

@@ -69,7 +69,7 @@ class PopupMenu extends Popup {
       }
       this.props.onSelect(item, event);
     });
-    _defineProperty(this, "list", void 0);
+    _defineProperty(this, "list", undefined);
     _defineProperty(this, "listRef", el => {
       this.list = el;
     });

package/components/progress-bar/progress-bar.js

@@ -13,11 +13,11 @@ const _excluded = ["className", "global", "max", "value", "label", "staticColor"
 class ProgressBar extends PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "progressbarWrapper", void 0);
+    _defineProperty(this, "progressbarWrapper", undefined);
     _defineProperty(this, "progressbarWrapperRef", el => {
       this.progressbarWrapper = el;
     });
-    _defineProperty(this, "progressbar", void 0);
+    _defineProperty(this, "progressbar", undefined);
     _defineProperty(this, "progressbarRef", el => {
       this.progressbar = el;
     });