@jetbrains/ring-ui 5.0.127 → 5.0.129

package/dist/auth/storage.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import ActualStorage from '../storage/storage.js';
 import '../storage/storage__local.js';
 import '../alert-service/alert-service.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import '../global/react-render-adapter.js';
 import 'react-dom';
@@ -62,22 +62,22 @@ const DEFAULT_STATE_QUOTA = 102400; // 100 kb ~~ 200 tabs with a large list of s
 const DEFAULT_STATE_TTL = 1000 * 60 * 60 * 24; // nobody will need auth state after a day
 const UPDATE_USER_TIMEOUT = 1000;
 class AuthStorage {
+  messagePrefix;
+  stateKeyPrefix;
+  tokenKey;
+  userKey;
+  stateTTL;
+  stateQuota;
+  _lastMessage;
+  _stateStorage;
+  _tokenStorage;
+  _messagesStorage;
+  _currentUserStorage;
   /**
    * Custom storage for Auth
    * @param {{stateKeyPrefix: string, tokenKey: string, onTokenRemove: Function}} config
    */
   constructor(config) {
-    _defineProperty(this, "messagePrefix", void 0);
-    _defineProperty(this, "stateKeyPrefix", void 0);
-    _defineProperty(this, "tokenKey", void 0);
-    _defineProperty(this, "userKey", void 0);
-    _defineProperty(this, "stateTTL", void 0);
-    _defineProperty(this, "stateQuota", void 0);
-    _defineProperty(this, "_lastMessage", void 0);
-    _defineProperty(this, "_stateStorage", void 0);
-    _defineProperty(this, "_tokenStorage", void 0);
-    _defineProperty(this, "_messagesStorage", void 0);
-    _defineProperty(this, "_currentUserStorage", void 0);
     this.messagePrefix = config.messagePrefix || '';
     this.stateKeyPrefix = config.stateKeyPrefix || '';
     this.tokenKey = config.tokenKey || '';

package/dist/auth/token-validator.js

@@ -1,22 +1,21 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import ExtendableError from 'es6-error';
 import { CODE } from '../http/http.js';
 import '../global/url.js';
 
 class TokenValidationError extends ExtendableError {
+  cause;
+  authRedirect;
   constructor(message, cause) {
     super(message);
-    _defineProperty(this, "cause", void 0);
-    _defineProperty(this, "authRedirect", void 0);
     this.cause = cause;
     this.authRedirect = true;
   }
 }
 class TokenValidator {
+  _getUser;
+  _config;
+  _storage;
   constructor(config, getUser, storage) {
-    _defineProperty(this, "_getUser", void 0);
-    _defineProperty(this, "_config", void 0);
-    _defineProperty(this, "_storage", void 0);
     this._getUser = getUser;
     this._config = config;
     this._storage = storage;
@@ -35,7 +34,14 @@ class TokenValidator {
    * @const {number}
    */
   // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-
+  static DEFAULT_REFRESH_BEFORE = 10 * 60; // 20 min in s
+  /**
+   * Error class for auth token validation
+   *
+   * @param {string} message Error message
+   * @param {Error=} cause Error that caused this error
+   */
+  static TokenValidationError = TokenValidationError;
   /**
    * Check token validity against all conditions.
    * @returns {Promise.<string>}
@@ -152,14 +158,5 @@ class TokenValidator {
     return storedToken.accessToken;
   }
 }
-_defineProperty(TokenValidator, "DEFAULT_REFRESH_BEFORE", 10 * 60);
-// 20 min in s
-/**
- * Error class for auth token validation
- *
- * @param {string} message Error message
- * @param {Error=} cause Error that caused this error
- */
-_defineProperty(TokenValidator, "TokenValidationError", TokenValidationError);
 
 export { TokenValidationError, TokenValidator as default };

package/dist/auth/window-flow.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AuthResponseParser from './response-parser.js';
 import 'es6-error';
 import '../global/url.js';
@@ -6,25 +5,13 @@ import '../global/url.js';
 const NAVBAR_HEIGHT = 50;
 const CLOSED_CHECK_INTERVAL = 200;
 class WindowFlow {
+  _timeoutId = undefined;
+  _requestBuilder;
+  _storage;
+  reject;
+  _loginWindow;
+  _promise;
   constructor(requestBuilder, storage) {
-    _defineProperty(this, "_timeoutId", undefined);
-    _defineProperty(this, "_requestBuilder", void 0);
-    _defineProperty(this, "_storage", void 0);
-    _defineProperty(this, "reject", void 0);
-    _defineProperty(this, "_loginWindow", void 0);
-    _defineProperty(this, "_promise", void 0);
-    _defineProperty(this, "checkIsClosed", () => {
-      if (this._loginWindow?.closed) {
-        this.stop();
-        return;
-      }
-      this._timeoutId = window.setTimeout(this.checkIsClosed, CLOSED_CHECK_INTERVAL);
-    });
-    _defineProperty(this, "_reset", () => {
-      this._promise = null;
-      this._loginWindow = null;
-      clearTimeout(this._timeoutId);
-    });
     this._requestBuilder = requestBuilder;
     this._storage = storage;
     this._reset();
@@ -89,6 +76,18 @@ class WindowFlow {
       this.checkIsClosed();
     });
   }
+  checkIsClosed = () => {
+    if (this._loginWindow?.closed) {
+      this.stop();
+      return;
+    }
+    this._timeoutId = window.setTimeout(this.checkIsClosed, CLOSED_CHECK_INTERVAL);
+  };
+  _reset = () => {
+    this._promise = null;
+    this._loginWindow = null;
+    clearTimeout(this._timeoutId);
+  };
   stop() {
     if (this._loginWindow != null) {
       this._loginWindow.close();

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

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,6 +6,7 @@ import Dialog from '../dialog/dialog.js';
 import { Button } from '../button/button.js';
 import { H2 } from '../heading/heading.js';
 import ContentWrapper from '../island/content.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -42,40 +42,65 @@ import '../_helpers/button__classes.js';
 var modules_ae521deb = {"unit":"i__const_unit_0","light":"light_rui_159b","dialog":"dialog_rui_159b","content":"content_rui_159b font_rui_8bff","button":"button_rui_159b","firstButton":"firstButton_rui_159b button_rui_159b","title":"title_rui_159b","logo":"logo_rui_159b","error":"error_rui_159b"};
 
 class AuthDialog extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      retrying: false
-    });
-    _defineProperty(this, "onEscPress", () => {
-      if (this.props.cancelOnEsc) {
-        this.props.onCancel();
-      }
-    });
-    _defineProperty(this, "onRetryPress", async () => {
-      if (!this.props.onTryAgain || this.state.retrying) {
-        return;
-      }
-      this.setState({
-        retrying: true
-      });
-      try {
-        await this.props.onTryAgain();
-      } catch (e) {
-        // do nothing, error is handled in onTryAgain
-      } finally {
-        this.setState({
-          retrying: false
-        });
-      }
-    });
-  }
+  static propTypes = {
+    className: PropTypes.string,
+    title: PropTypes.string,
+    errorMessage: PropTypes.string,
+    serviceImage: PropTypes.string,
+    serviceName: PropTypes.string,
+    loginCaption: PropTypes.string,
+    loginToCaption: PropTypes.string,
+    show: PropTypes.bool,
+    cancelOnEsc: PropTypes.bool,
+    confirmLabel: PropTypes.string,
+    cancelLabel: PropTypes.string,
+    tryAgainLabel: PropTypes.string,
+    onConfirm: PropTypes.func,
+    onCancel: PropTypes.func,
+    onTryAgain: PropTypes.func
+  };
+  static defaultProps = {
+    loginCaption: 'Log in',
+    loginToCaption: 'Log in to %serviceName%',
+    tryAgainLabel: 'Try again',
+    show: false,
+    cancelOnEsc: true,
+    confirmLabel: 'Log in',
+    cancelLabel: 'Remain a guest',
+    onConfirm: () => {},
+    onCancel: () => {}
+  };
+  state = {
+    retrying: false
+  };
   componentDidMount() {
     window.addEventListener('online', this.onRetryPress);
   }
   componentWillUnmount() {
     window.removeEventListener('online', this.onRetryPress);
   }
+  onEscPress = () => {
+    if (this.props.cancelOnEsc) {
+      this.props.onCancel();
+    }
+  };
+  onRetryPress = async () => {
+    if (!this.props.onTryAgain || this.state.retrying) {
+      return;
+    }
+    this.setState({
+      retrying: true
+    });
+    try {
+      await this.props.onTryAgain();
+    } catch (e) {
+      // do nothing, error is handled in onTryAgain
+    } finally {
+      this.setState({
+        retrying: false
+      });
+    }
+  };
   render() {
     const {
       show,
@@ -133,33 +158,5 @@ class AuthDialog extends Component {
     }, cancelLabel))));
   }
 }
-_defineProperty(AuthDialog, "propTypes", {
-  className: PropTypes.string,
-  title: PropTypes.string,
-  errorMessage: PropTypes.string,
-  serviceImage: PropTypes.string,
-  serviceName: PropTypes.string,
-  loginCaption: PropTypes.string,
-  loginToCaption: PropTypes.string,
-  show: PropTypes.bool,
-  cancelOnEsc: PropTypes.bool,
-  confirmLabel: PropTypes.string,
-  cancelLabel: PropTypes.string,
-  tryAgainLabel: PropTypes.string,
-  onConfirm: PropTypes.func,
-  onCancel: PropTypes.func,
-  onTryAgain: PropTypes.func
-});
-_defineProperty(AuthDialog, "defaultProps", {
-  loginCaption: 'Log in',
-  loginToCaption: 'Log in to %serviceName%',
-  tryAgainLabel: 'Try again',
-  show: false,
-  cancelOnEsc: true,
-  confirmLabel: 'Log in',
-  cancelLabel: 'Remain a guest',
-  onConfirm: () => {},
-  onCancel: () => {}
-});
 
 export { AuthDialog as default };

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

@@ -3,10 +3,10 @@ import { ControlsHeightContext, getGlobalControlsHeight } from '../global/contro
 import { render } from '../global/react-render-adapter.js';
 import AuthDialog from '../auth-dialog/auth-dialog.js';
 import 'react-dom';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 import 'classnames';
 import '../island/island.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';

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

@@ -2,7 +2,6 @@ import angular from 'angular';
 import '../auth/auth.js';
 import Auth from '../auth/auth__core.js';
 import '../auth/window-flow.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../auth/response-parser.js';
 import 'es6-error';
 import '../global/url.js';
@@ -10,6 +9,7 @@ import '../auth/down-notification.js';
 import 'react';
 import 'prop-types';
 import '../alert-service/alert-service.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';

package/dist/avatar/avatar.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -24,22 +24,37 @@ var Size;
   Size[Size["Size56"] = 56] = "Size56";
 })(Size || (Size = {}));
 class Avatar extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      errorUrl: ''
-    });
-    _defineProperty(this, "handleError", () => {
-      this.setState({
-        errorUrl: this.props.url
-      });
+  static propTypes = {
+    dpr: PropTypes.number,
+    className: PropTypes.string,
+    size: PropTypes.number,
+    style: PropTypes.object,
+    url: PropTypes.string,
+    round: PropTypes.bool,
+    subavatar: PropTypes.string,
+    subavatarSize: PropTypes.number,
+    username: PropTypes.string,
+    skipParams: PropTypes.bool
+  };
+  static defaultProps = {
+    dpr: getPixelRatio(),
+    size: Size.Size20,
+    subavatarSize: Size.Size20 / 2,
+    style: {}
+  };
+  state = {
+    errorUrl: ''
+  };
+  handleError = () => {
+    this.setState({
+      errorUrl: this.props.url
     });
-    _defineProperty(this, "handleSuccess", () => {
-      this.setState({
-        errorUrl: ''
-      });
+  };
+  handleSuccess = () => {
+    this.setState({
+      errorUrl: ''
     });
-  }
+  };
   render() {
     const {
       size,
@@ -129,23 +144,5 @@ class Avatar extends PureComponent {
     }
   }
 }
-_defineProperty(Avatar, "propTypes", {
-  dpr: PropTypes.number,
-  className: PropTypes.string,
-  size: PropTypes.number,
-  style: PropTypes.object,
-  url: PropTypes.string,
-  round: PropTypes.bool,
-  subavatar: PropTypes.string,
-  subavatarSize: PropTypes.number,
-  username: PropTypes.string,
-  skipParams: PropTypes.bool
-});
-_defineProperty(Avatar, "defaultProps", {
-  dpr: getPixelRatio(),
-  size: Size.Size20,
-  subavatarSize: Size.Size20 / 2,
-  style: {}
-});
 
 export { Size, Avatar as default };

package/dist/avatar-ng/avatar-ng.js

@@ -1,6 +1,5 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Avatar from '../avatar/avatar.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.js';
@@ -8,6 +7,7 @@ import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '../global/url.js';
 import '../global/dom.js';

package/dist/badge/badge.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -9,6 +9,15 @@ import { m as modules_6c9187df } from '../_helpers/badge.js';
  * @name Badge
  */
 class Badge extends PureComponent {
+  static propTypes = {
+    gray: PropTypes.bool,
+    valid: PropTypes.bool,
+    invalid: PropTypes.bool,
+    disabled: PropTypes.bool,
+    className: PropTypes.string,
+    children: PropTypes.node,
+    'data-test': PropTypes.string
+  };
   render() {
     const {
       // Modifiers
@@ -34,14 +43,5 @@ class Badge extends PureComponent {
     }), children);
   }
 }
-_defineProperty(Badge, "propTypes", {
-  gray: PropTypes.bool,
-  valid: PropTypes.bool,
-  invalid: PropTypes.bool,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  'data-test': PropTypes.string
-});
 
 export { Badge as default };

package/dist/badge-ng/badge-ng.js

@@ -1,6 +1,5 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Badge from '../badge/badge.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.js';
@@ -8,6 +7,7 @@ import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '../global/data-tests.js';
 import '../_helpers/badge.js';

package/dist/breadcrumb-ng/breadcrumb-ng.js

@@ -5,7 +5,6 @@ import IconNG from '../icon-ng/icon-ng.js';
 import '../_helpers/link.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/ring-angular-component.js';
 import '../_helpers/icon.js';
 

package/dist/button/button.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'focus-visible';
 import React, { PureComponent, createRef } from 'react';
 import PropTypes from 'prop-types';
@@ -21,10 +21,29 @@ import '../global/memoize.js';
  * A component for displaying variously styled buttons.
  */
 class Button extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "buttonRef", /*#__PURE__*/createRef());
-  }
+  static propTypes = {
+    active: PropTypes.bool,
+    danger: PropTypes.bool,
+    delayed: PropTypes.bool,
+    loader: PropTypes.bool,
+    primary: PropTypes.bool,
+    short: PropTypes.bool,
+    text: PropTypes.bool,
+    inline: PropTypes.bool,
+    dropdown: PropTypes.bool,
+    href: PropTypes.string,
+    target: PropTypes.string,
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+    iconSize: PropTypes.number,
+    iconClassName: PropTypes.string,
+    iconSuppressSizeWarning: PropTypes.bool,
+    className: PropTypes.string,
+    children: PropTypes.node,
+    onClick: PropTypes.func
+  };
+  static IconSize = Size;
+  static contextType = ControlsHeightContext;
+  buttonRef = /*#__PURE__*/createRef();
   render() {
     const {
       // Modifiers
@@ -87,27 +106,5 @@ class Button extends PureComponent {
     }, commonProps));
   }
 }
-_defineProperty(Button, "propTypes", {
-  active: PropTypes.bool,
-  danger: PropTypes.bool,
-  delayed: PropTypes.bool,
-  loader: PropTypes.bool,
-  primary: PropTypes.bool,
-  short: PropTypes.bool,
-  text: PropTypes.bool,
-  inline: PropTypes.bool,
-  dropdown: PropTypes.bool,
-  href: PropTypes.string,
-  target: PropTypes.string,
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  iconSize: PropTypes.number,
-  iconClassName: PropTypes.string,
-  iconSuppressSizeWarning: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  onClick: PropTypes.func
-});
-_defineProperty(Button, "IconSize", Size);
-_defineProperty(Button, "contextType", ControlsHeightContext);
 
 export { Button, Size as IconSize, Button as default };

package/dist/button-group/button-group.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -10,6 +10,10 @@ import { m as modules_1068e447 } from '../_helpers/button-group.js';
  * @name Button Group
  */
 class ButtonGroup extends PureComponent {
+  static propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string
+  };
   render() {
     const {
       className,
@@ -24,9 +28,5 @@ class ButtonGroup extends PureComponent {
     }));
   }
 }
-_defineProperty(ButtonGroup, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string
-});
 
 export { ButtonGroup as default };

package/dist/button-group/caption.js

@@ -1,10 +1,13 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_1068e447 } from '../_helpers/button-group.js';
 
 class Caption extends PureComponent {
+  static propTypes = {
+    className: PropTypes.node
+  };
   render() {
     const {
       className
@@ -15,8 +18,5 @@ class Caption extends PureComponent {
     }));
   }
 }
-_defineProperty(Caption, "propTypes", {
-  className: PropTypes.node
-});
 
 export { Caption as default };