@jetbrains/ring-ui-built 7.0.28 → 7.0.30

package/components/global/normalize-indent.js

@@ -25,7 +25,7 @@ function normalizeIndent(string) {
   }
   const indents = lines.filter(line => nonemptyRE.test(line)).map(line => {
     var _line$match$0$length, _line$match;
-    return (_line$match$0$length = (_line$match = line.match(indentRE)) === null || _line$match === undefined ? undefined : _line$match[0].length) !== null && _line$match$0$length !== undefined ? _line$match$0$length : 0;
+    return (_line$match$0$length = (_line$match = line.match(indentRE)) === null || _line$match === void 0 ? void 0 : _line$match[0].length) !== null && _line$match$0$length !== void 0 ? _line$match$0$length : 0;
   });
   const minIndent = Math.min(...indents);
   return lines.map(line => line.slice(minIndent)).join('\n');

package/components/global/react-dom-renderer.js

@@ -6,7 +6,7 @@ import { Component } from 'react';
 class Renderer extends Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "node", undefined);
+    _defineProperty(this, "node", void 0);
     _defineProperty(this, "nodeRef", node => {
       this.node = node;
     });

package/components/global/schedule-raf.js

@@ -5,7 +5,7 @@ function scheduleRAF(trailingCall) {
   function doSchedule() {
     RAF = window.requestAnimationFrame(() => {
       var _scheduledCb;
-      (_scheduledCb = scheduledCb) === null || _scheduledCb === undefined || _scheduledCb();
+      (_scheduledCb = scheduledCb) === null || _scheduledCb === void 0 || _scheduledCb();
       if (trailingCallScheduled) {
         trailingCallScheduled = false;
         doSchedule();

package/components/header/profile.js

@@ -147,29 +147,29 @@ class Profile extends PureComponent {
     });
     const items = [showApplyChangedUser && {
       rgItemType,
-      label: (_translations$applyCh = translations === null || translations === undefined ? undefined : translations.applyChangedUser) !== null && _translations$applyCh !== undefined ? _translations$applyCh : translate('applyChangedUser'),
+      label: (_translations$applyCh = translations === null || translations === void 0 ? void 0 : translations.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
       className: styles.profileMenuItem,
       onClick: onRevertPostponement
     }, showLogIn && {
       rgItemType,
-      label: (_translations$login = translations === null || translations === undefined ? undefined : translations.login) !== null && _translations$login !== undefined ? _translations$login : translate('login'),
+      label: (_translations$login = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login !== void 0 ? _translations$login : translate('login'),
       className: styles.profileMenuItem,
       onClick: onRevertPostponement
     }, {
       rgItemType: PopupMenu.ListProps.Type.LINK,
-      label: (_translations$profile = translations === null || translations === undefined ? undefined : translations.profile) !== null && _translations$profile !== undefined ? _translations$profile : translate('profile'),
+      label: (_translations$profile = translations === null || translations === void 0 ? void 0 : translations.profile) !== null && _translations$profile !== void 0 ? _translations$profile : translate('profile'),
       target: '_self',
       // Full page reload in Angular
       href: profileUrl,
       LinkComponent
     }, showSwitchUser && {
       rgItemType,
-      label: (_translations$switchU = translations === null || translations === undefined ? undefined : translations.switchUser) !== null && _translations$switchU !== undefined ? _translations$switchU : translate('switchUser'),
+      label: (_translations$switchU = translations === null || translations === void 0 ? void 0 : translations.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : translate('switchUser'),
       className: styles.profileMenuItem,
       onClick: onSwitchUser
     }, showLogOut && {
       rgItemType,
-      label: (_translations$logout = translations === null || translations === undefined ? undefined : translations.logout) !== null && _translations$logout !== undefined ? _translations$logout : translate('logout'),
+      label: (_translations$logout = translations === null || translations === void 0 ? void 0 : translations.logout) !== null && _translations$logout !== void 0 ? _translations$logout : translate('logout'),
       onClick: onLogout
     }].filter(isTruthy);
     return jsx(DropdownMenu, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -215,7 +215,7 @@ _defineProperty(Profile, "defaultProps", {
             disabled: loading,
             loader: loading,
             onClick: onLogin,
-            children: (_translations$login2 = translations === null || translations === undefined ? undefined : translations.login) !== null && _translations$login2 !== undefined ? _translations$login2 : translate('login')
+            children: (_translations$login2 = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login2 !== void 0 ? _translations$login2 : translate('login')
           })
         });
       }

package/components/header/smart-profile.js

@@ -189,8 +189,8 @@ class SmartProfile extends PureComponent {
       translations
     } = this.props;
     const userMeta = auth.http.getMetaForResponse(user);
-    if (userMeta !== null && userMeta !== undefined && (_userMeta$headers = userMeta.headers) !== null && _userMeta$headers !== undefined && _userMeta$headers.has(CERTIFICATE_MISMATCH_HEADER)) {
-      const message = (translations === null || translations === undefined ? undefined : translations.certificateMismatch) || "You are authenticated as ".concat(user.login || user.name, ". To authenticate with the client certificate for your account, log out, then click the \"Log in with certificate\" option on the login page.");
+    if (userMeta !== null && userMeta !== void 0 && (_userMeta$headers = userMeta.headers) !== null && _userMeta$headers !== void 0 && _userMeta$headers.has(CERTIFICATE_MISMATCH_HEADER)) {
+      const message = (translations === null || translations === void 0 ? void 0 : translations.certificateMismatch) || "You are authenticated as ".concat(user.login || user.name, ". To authenticate with the client certificate for your account, log out, then click the \"Log in with certificate\" option on the login page.");
       alertService.warning(message, 0);
     }
   }

package/components/header/smart-services.js

@@ -65,7 +65,7 @@ class SmartServices extends Component {
       loading: false,
       services: null
     });
-    _defineProperty(this, "http", undefined);
+    _defineProperty(this, "http", void 0);
     _defineProperty(this, "stopLoading", () => {
       this.setState({
         loading: false
@@ -76,7 +76,7 @@ class SmartServices extends Component {
       this.setState({
         loading: true
       });
-      (_this$getServices = this.getServices(SmartServices.allFields)) === null || _this$getServices === undefined || _this$getServices.then(services => {
+      (_this$getServices = this.getServices(SmartServices.allFields)) === null || _this$getServices === void 0 || _this$getServices.then(services => {
         this.setState({
           services
         });
@@ -90,7 +90,7 @@ class SmartServices extends Component {
       auth
     } = this.props;
     this.http = new HTTP(auth, auth.getAPIPath());
-    (_this$getServices2 = this.getServices(SmartServices.countFields)) === null || _this$getServices2 === undefined || _this$getServices2.then(services => {
+    (_this$getServices2 = this.getServices(SmartServices.countFields)) === null || _this$getServices2 === void 0 || _this$getServices2.then(services => {
       if (!services.length) {
         this.setState({
           visible: false
@@ -100,7 +100,7 @@ class SmartServices extends Component {
   }
   getServices(fields) {
     var _this$http;
-    return (_this$http = this.http) === null || _this$http === undefined ? undefined : _this$http.get("services/header?fields=".concat(fields));
+    return (_this$http = this.http) === null || _this$http === void 0 ? void 0 : _this$http.get("services/header?fields=".concat(fields));
   }
   render() {
     const {

package/components/http/http.js

@@ -26,8 +26,8 @@ class HTTPError extends ExtendableError {
   constructor(response) {
     let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     super("".concat(response.status, " ").concat(response.statusText || ''));
-    _defineProperty(this, "data", undefined);
-    _defineProperty(this, "status", undefined);
+    _defineProperty(this, "data", void 0);
+    _defineProperty(this, "status", void 0);
     this.data = data;
     this.status = response.status;
   }
@@ -44,10 +44,10 @@ class HTTP {
     let _fetchConfig = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     _defineProperty(this, "baseUrl", null);
     _defineProperty(this, "_requestsMeta", new WeakMap());
-    _defineProperty(this, "fetchConfig", undefined);
-    _defineProperty(this, "requestToken", undefined);
-    _defineProperty(this, "shouldRefreshToken", undefined);
-    _defineProperty(this, "forceTokenUpdate", undefined);
+    _defineProperty(this, "fetchConfig", void 0);
+    _defineProperty(this, "requestToken", void 0);
+    _defineProperty(this, "shouldRefreshToken", void 0);
+    _defineProperty(this, "forceTokenUpdate", void 0);
     _defineProperty(this, "setAuth", auth => {
       this.requestToken = () => auth.requestToken();
       this.shouldRefreshToken = auth.constructor.shouldRefreshToken;
@@ -71,7 +71,7 @@ class HTTP {
     });
     _defineProperty(this, "request", async (url, params) => {
       var _this$requestToken;
-      let token = await ((_this$requestToken = this.requestToken) === null || _this$requestToken === undefined ? undefined : _this$requestToken.call(this));
+      let token = await ((_this$requestToken = this.requestToken) === null || _this$requestToken === void 0 ? void 0 : _this$requestToken.call(this));
       let response = await this._performRequest(url, token, params);
       try {
         // Wait for result to catch an HTTP error
@@ -81,10 +81,10 @@ class HTTP {
         if (!(error instanceof HTTPError)) {
           throw error;
         }
-        const shouldRefreshToken = typeof error.data.error === 'string' ? (_this$shouldRefreshTo = this.shouldRefreshToken) === null || _this$shouldRefreshTo === undefined ? undefined : _this$shouldRefreshTo.call(this, error.data.error) : false;
+        const shouldRefreshToken = typeof error.data.error === 'string' ? (_this$shouldRefreshTo = this.shouldRefreshToken) === null || _this$shouldRefreshTo === void 0 ? void 0 : _this$shouldRefreshTo.call(this, error.data.error) : false;
         if (shouldRefreshToken) {
           var _this$forceTokenUpdat;
-          token = await ((_this$forceTokenUpdat = this.forceTokenUpdate) === null || _this$forceTokenUpdat === undefined ? undefined : _this$forceTokenUpdat.call(this));
+          token = await ((_this$forceTokenUpdat = this.forceTokenUpdate) === null || _this$forceTokenUpdat === void 0 ? void 0 : _this$forceTokenUpdat.call(this));
           response = await this._performRequest(url, token, params);
           return this._processResponse(response);
         }

package/components/http/http.mock.js

@@ -19,9 +19,9 @@ const authMock = {
 class HTTPMock extends HTTP {
   constructor() {
     super(authMock);
-    _defineProperty(this, "defaultResponse", undefined);
-    _defineProperty(this, "requests", undefined);
-    _defineProperty(this, "responsesByUrlMap", undefined);
+    _defineProperty(this, "defaultResponse", void 0);
+    _defineProperty(this, "requests", void 0);
+    _defineProperty(this, "responsesByUrlMap", void 0);
     this.defaultResponse = null;
     this.requests = [];
     this.responsesByUrlMap = new Map();

package/components/hub-source/hub-source.js

@@ -15,12 +15,12 @@ const defaultOptions = {
  */
 class HubSource {
   constructor(auth, relativeUrl, options) {
-    _defineProperty(this, "http", undefined);
-    _defineProperty(this, "relativeUrl", undefined);
-    _defineProperty(this, "options", undefined);
-    _defineProperty(this, "storedData", undefined);
-    _defineProperty(this, "isClientSideSearch", undefined);
-    _defineProperty(this, "filterFn", undefined);
+    _defineProperty(this, "http", void 0);
+    _defineProperty(this, "relativeUrl", void 0);
+    _defineProperty(this, "options", void 0);
+    _defineProperty(this, "storedData", void 0);
+    _defineProperty(this, "isClientSideSearch", void 0);
+    _defineProperty(this, "filterFn", void 0);
     this.http = auth.http;
     this.relativeUrl = relativeUrl;
     this.options = Object.assign({}, defaultOptions, options);

package/components/hub-source/hub-source__user.js

@@ -18,8 +18,8 @@ function convertUserForCard(hubUser) {
     login: hubUser.login,
     banned: hubUser.banned,
     banReason: hubUser.banReason,
-    email: (_hubUser$profile = hubUser.profile) === null || _hubUser$profile === undefined || (_hubUser$profile = _hubUser$profile.email) === null || _hubUser$profile === undefined ? undefined : _hubUser$profile.email,
-    avatarUrl: (_hubUser$profile2 = hubUser.profile) === null || _hubUser$profile2 === undefined || (_hubUser$profile2 = _hubUser$profile2.avatar) === null || _hubUser$profile2 === undefined ? undefined : _hubUser$profile2.url,
+    email: (_hubUser$profile = hubUser.profile) === null || _hubUser$profile === void 0 || (_hubUser$profile = _hubUser$profile.email) === null || _hubUser$profile === void 0 ? void 0 : _hubUser$profile.email,
+    avatarUrl: (_hubUser$profile2 = hubUser.profile) === null || _hubUser$profile2 === void 0 || (_hubUser$profile2 = _hubUser$profile2.avatar) === null || _hubUser$profile2 === void 0 ? void 0 : _hubUser$profile2.url,
     href: "".concat(serverUri, "users/").concat(hubUser.id)
   };
 }

package/components/hub-source/hub-source__users-groups.js

@@ -10,10 +10,10 @@ const defaultOptions = {
 };
 class HubSourceUsersGroups {
   constructor(auth, options) {
-    _defineProperty(this, "auth", undefined);
-    _defineProperty(this, "options", undefined);
-    _defineProperty(this, "usersSource", undefined);
-    _defineProperty(this, "groupsSource", undefined);
+    _defineProperty(this, "auth", void 0);
+    _defineProperty(this, "options", void 0);
+    _defineProperty(this, "usersSource", void 0);
+    _defineProperty(this, "groupsSource", void 0);
     this.auth = auth;
     this.options = Object.assign({}, defaultOptions, options);
     this.usersSource = new HubSource(auth, 'users', {

package/components/i18n/i18n.js

@@ -130,7 +130,7 @@ function translate(key) {
   if (!(key in messages)) {
     warnMissedKeyOnce(key);
   }
-  return (_messages$key = messages[key]) !== null && _messages$key !== undefined ? _messages$key : defaultMessages[key];
+  return (_messages$key = messages[key]) !== null && _messages$key !== void 0 ? _messages$key : defaultMessages[key];
 }
 
 export { getTranslations, getTranslationsWithFallback, setTranslations, translate };

package/components/island/adaptive-island-hoc.js

@@ -22,7 +22,7 @@ function adaptiveIslandHOC(ComposedComponent) {
           scrollHeight,
           clientHeight
         } = _ref;
-        if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, (_this$state$phase = this.state.phase) !== null && _this$state$phase !== undefined ? _this$state$phase : 0)) {
+        if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, (_this$state$phase = this.state.phase) !== null && _this$state$phase !== void 0 ? _this$state$phase : 0)) {
           const phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
           this.setState({
             phase

package/components/island/content.js

@@ -23,7 +23,7 @@ class Content extends Component {
     _defineProperty(this, "resizeDetector", createResizeDetector({
       strategy: 'scroll'
     }));
-    _defineProperty(this, "wrapperNode", undefined);
+    _defineProperty(this, "wrapperNode", void 0);
     _defineProperty(this, "setWrapper", node => {
       if (!node) {
         return;
@@ -48,14 +48,14 @@ class Content extends Component {
       const scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
       if (scrolledToBottom) {
         var _this$props$onScrollT, _this$props;
-        (_this$props$onScrollT = (_this$props = this.props).onScrollToBottom) === null || _this$props$onScrollT === undefined || _this$props$onScrollT.call(_this$props);
+        (_this$props$onScrollT = (_this$props = this.props).onScrollToBottom) === null || _this$props$onScrollT === void 0 || _this$props$onScrollT.call(_this$props);
       }
       this.setState({
         scrolledToTop,
         scrolledToBottom
       });
     }));
-    _defineProperty(this, "scrollableNode", undefined);
+    _defineProperty(this, "scrollableNode", void 0);
     _defineProperty(this, "setScrollableNodeAndCalculatePosition", node => {
       if (!node) {
         return;

package/components/island/header.js

@@ -31,7 +31,7 @@ const BORDER_APPEAR_PHASE = 0.5;
 class Header extends Component {
   style(name) {
     var _this$props$phase;
-    return interpolateLinear(Start[name], End[name], (_this$props$phase = this.props.phase) !== null && _this$props$phase !== undefined ? _this$props$phase : 0);
+    return interpolateLinear(Start[name], End[name], (_this$props$phase = this.props.phase) !== null && _this$props$phase !== void 0 ? _this$props$phase : 0);
   }
   render() {
     const _this$props = this.props,

package/components/list/list.js

@@ -103,9 +103,9 @@ class List extends Component {
       scrolledToBottom: false
     });
     _defineProperty(this, "scheduleScrollListener", scheduleRAF());
-    _defineProperty(this, "virtualizedList", undefined);
-    _defineProperty(this, "unmounted", undefined);
-    _defineProperty(this, "container", undefined);
+    _defineProperty(this, "virtualizedList", void 0);
+    _defineProperty(this, "unmounted", void 0);
+    _defineProperty(this, "container", void 0);
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
     _defineProperty(this, "_bufferSize", 10);
     // keep X items above and below of the visible area
@@ -386,7 +386,7 @@ class List extends Component {
     _defineProperty(this, "containerRef", el => {
       this.container = el;
     });
-    _defineProperty(this, "_inner", undefined);
+    _defineProperty(this, "_inner", void 0);
     _defineProperty(this, "id", getUID('list-'));
     _defineProperty(this, "shortcutsScope", this.id);
     _defineProperty(this, "shortcutsMap", {

package/components/list/list__item.js

@@ -39,7 +39,7 @@ import 'core-js/modules/es.string.starts-with.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 
-const _excluded = ["disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "level", "onCheckboxChange", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper", "rgItemType", "scrolling", "data-test", "className", "url", "LinkComponent", "compact", "hoverClassName", "children"];
+const _excluded = ["disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "level", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper", "rgItemType", "scrolling", "data-test", "className", "url", "LinkComponent", "compact", "hoverClassName", "children"];
 /**
  * @constructor
  * @extends {ReactComponent}
@@ -70,7 +70,12 @@ class ListItem extends PureComponent {
         details,
         hover,
         level,
+        tabIndex,
+        onClick,
         onCheckboxChange,
+        onMouseOver,
+        onMouseDown,
+        onMouseUp,
         rightNodes,
         leftNodes,
         showGeneratedAvatar,
@@ -84,9 +89,9 @@ class ListItem extends PureComponent {
         LinkComponent,
         compact,
         hoverClassName,
-        children
+        children // TODO use an allow list in 8.0
       } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+      restLinkProps = _objectWithoutProperties(_this$props, _excluded);
     const checkable = checkbox !== undefined;
     const shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
     const hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
@@ -119,10 +124,16 @@ class ListItem extends PureComponent {
       className: styles.label,
       title: computedTitle,
       "data-test": "ring-list-item-label",
-      children: label !== null && label !== undefined ? label : children
+      children: label !== null && label !== void 0 ? label : children
     });
-    const commonProps = _objectSpread2(_objectSpread2({}, restProps), {}, {
+    const commonProps = {
       id: this.id,
+      tabIndex,
+      onClick,
+      onMouseOver,
+      onMouseDown,
+      onFocus: onMouseOver,
+      onMouseUp,
       className: classes,
       style,
       disabled,
@@ -168,7 +179,7 @@ class ListItem extends PureComponent {
           children: details
         })]
       })
-    });
+    };
     const LinkComponentToUse = LinkComponent ? linkHOC(LinkComponent) : Link;
     return jsxs("div", {
       className: styles.itemContainer,
@@ -182,9 +193,9 @@ class ListItem extends PureComponent {
           onChange: onCheckboxChange,
           onClick: this.stopBubbling
         })
-      }), isLink ? jsx(LinkComponentToUse, _objectSpread2({
-        pseudo: !restProps.href
-      }, commonProps)) : jsx("button", _objectSpread2({
+      }), isLink ? jsx(LinkComponentToUse, _objectSpread2(_objectSpread2({
+        pseudo: !restLinkProps.href
+      }, commonProps), restLinkProps)) : jsx("button", _objectSpread2({
         type: "button"
       }, commonProps))]
     });

package/components/list/list__users-groups-source.js

@@ -81,7 +81,7 @@ var Filter;
 class ListUsersGroupsSource extends HubSourceUsersGroups {
   constructor(auth, options) {
     super(auth, options);
-    _defineProperty(this, "listSourceOptions", undefined);
+    _defineProperty(this, "listSourceOptions", void 0);
     this.listSourceOptions = Object.assign({}, defaultOptions, options);
   }
   getGroupsSectionTitle(groups) {
@@ -107,7 +107,7 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
         return items.push(_objectSpread2(_objectSpread2({}, user), {}, {
           key: user.id,
           label: user.name,
-          avatar: user.profile ? (_user$profile$avatar = user.profile.avatar) === null || _user$profile$avatar === undefined ? undefined : _user$profile$avatar.url : null,
+          avatar: user.profile ? (_user$profile$avatar = user.profile.avatar) === null || _user$profile$avatar === void 0 ? void 0 : _user$profile$avatar.url : null,
           description: user.login
         }));
       });

package/components/loader/loader.js

@@ -19,7 +19,7 @@ const _excluded = ["message", "size", "colors", "data-test", "stop", "determinis
 class Loader extends PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "loader", undefined);
+    _defineProperty(this, "loader", void 0);
     _defineProperty(this, "initLoader", el => {
       if (el) {
         this.loader = new LoaderCore(el, this.props);
@@ -37,7 +37,7 @@ class Loader extends PureComponent {
   }
   componentWillUnmount() {
     var _this$loader;
-    (_this$loader = this.loader) === null || _this$loader === undefined || _this$loader.destroy();
+    (_this$loader = this.loader) === null || _this$loader === void 0 || _this$loader.destroy();
   }
   render() {
     const _this$props = this.props,

package/components/loader/loader__core.js

@@ -16,12 +16,12 @@ class Particle {
       radius,
       color
     } = _ref;
-    _defineProperty(this, "radius", undefined);
-    _defineProperty(this, "x", undefined);
-    _defineProperty(this, "y", undefined);
-    _defineProperty(this, "color", undefined);
-    _defineProperty(this, "decay", undefined);
-    _defineProperty(this, "life", undefined);
+    _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);
     this.radius = radius;
     this.x = x;
     this.y = y;
@@ -58,26 +58,26 @@ class LoaderCore {
   }
   constructor(containerNode, props) {
     var _this$ctx;
-    _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);
+    _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);
     this.props = Object.assign({}, LoaderCore.defaultProps, props);
     this.canvas = document.createElement('canvas');
     this.canvas.dataset.test = 'ring-loader';
@@ -96,7 +96,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 === undefined || _this$ctx.scale(pixelRatio, pixelRatio);
+    (_this$ctx = this.ctx) === null || _this$ctx === void 0 || _this$ctx.scale(pixelRatio, pixelRatio);
     this.height = this.props.size;
     this.width = this.props.size;
     this.particles = [];

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

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

package/components/message/message.js

@@ -124,12 +124,12 @@ class Message extends Component {
     _defineProperty(this, "_onDirectionChange", direction => this.setState({
       direction
     }));
-    _defineProperty(this, "popup", undefined);
-    _defineProperty(this, "node", undefined);
+    _defineProperty(this, "popup", void 0);
+    _defineProperty(this, "node", void 0);
     _defineProperty(this, "popupRef", el => {
       var _this$popup;
       this.popup = el;
-      this.node = (_this$popup = this.popup) === null || _this$popup === undefined ? undefined : _this$popup.node;
+      this.node = (_this$popup = this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
     });
   }
   getTailOffset() {
@@ -141,14 +141,14 @@ class Message extends Component {
     if (this.props.tailOffset != null) {
       return this.props.tailOffset;
     }
-    const anchor = (popupProps === null || popupProps === undefined ? undefined : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === undefined ? undefined : _this$popup2.parent);
+    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);
     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 !== undefined && popupProps.left && isOpenedToRight) {
-      return offset - (popupProps === null || popupProps === undefined ? undefined : popupProps.left);
+    if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
+      return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
     }
     return offset;
   }
@@ -212,11 +212,11 @@ class Message extends Component {
                   onClick: onClose,
                   primary: true
                 }, buttonProps), {}, {
-                  children: (_translations$gotIt = translations === null || translations === undefined ? undefined : translations.gotIt) !== null && _translations$gotIt !== undefined ? _translations$gotIt : translate('gotIt')
+                  children: (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')
                 })), onDismiss && jsx(Button, {
                   onClick: onDismiss,
                   inline: true,
-                  children: (_translations$dismiss = translations === null || translations === undefined ? undefined : translations.dismiss) !== null && _translations$dismiss !== undefined ? _translations$dismiss : translate('dismiss')
+                  children: (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss')
                 })]
               })
             }));

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

@@ -18,7 +18,7 @@ const SUPPORTED = ["and_chr 132", "chrome 132", "chrome 131", "chrome 109", "edg
 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 !== undefined ? _item$match : [];
+  const [, browserName, version] = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== void 0 ? _item$match : [];
   if (!WHITE_LISTED_BROWSERS.includes(browserName)) {
     return acc;
   }