@jetbrains/ring-ui 4.1.4 → 5.0.0-beta.1

package/dist/auth/token-validator.d.ts

@@ -0,0 +1,93 @@
+import ExtendableError from 'es6-error';
+import AuthStorage, { StoredToken } from './storage';
+export interface TokenValidatorConfig {
+    scope: string[];
+    optionalScopes?: readonly string[] | null | undefined;
+}
+export declare class TokenValidationError extends ExtendableError {
+    cause: Error | undefined;
+    authRedirect: true;
+    constructor(message: string, cause?: Error);
+}
+export default class TokenValidator {
+    private _getUser;
+    private _config;
+    private _storage;
+    constructor(config: TokenValidatorConfig, getUser: (accessToken: string) => Promise<void>, storage: AuthStorage);
+    /**
+     * Returns epoch - seconds since 1970.
+     * Used for calculation of expire times.
+     * @return {number} epoch, seconds since 1970
+     * @private
+     */
+    static _epoch(): number;
+    /**
+     * @const {number}
+     */
+    static DEFAULT_REFRESH_BEFORE: number;
+    /**
+     * Error class for auth token validation
+     *
+     * @param {string} message Error message
+     * @param {Error=} cause Error that caused this error
+     */
+    static TokenValidationError: typeof TokenValidationError;
+    /**
+     * Check token validity against all conditions.
+     * @returns {Promise.<string>}
+     */
+    validateTokenLocally(): Promise<string>;
+    /**
+     * Check token validity against all conditions.
+     * @returns {Promise.<string>}
+     */
+    validateToken(): Promise<string>;
+    /**
+     * Check if there is a token
+     * @param {StoredToken} storedToken
+     * @return {Promise.<StoredToken>}
+     * @private
+     */
+    private static _validateExistence;
+    /**
+     * Check expiration
+     * @param {StoredToken} storedToken
+     * @return {Promise.<StoredToken>}
+     * @private
+     */
+    private static _validateExpiration;
+    /**
+     * Check scopes
+     * @param {StoredToken} storedToken
+     * @return {Promise.<StoredToken>}
+     * @private
+     */
+    private _validateScopes;
+    /**
+     * Check by error code if token should be refreshed
+     * @param {string} error
+     * @return {boolean}
+     */
+    static shouldRefreshToken(error: string | undefined): boolean;
+    /**
+     * Check scopes
+     * @param {StoredToken} storedToken
+     * @return {Promise.<StoredToken>}
+     * @private
+     */
+    _validateAgainstUser(storedToken: StoredToken): Promise<void>;
+    /**
+     * Token Validator function
+     * @typedef {(function(StoredToken): Promise<StoredToken>)} TokenValidator
+     */
+    /**
+     * Gets stored token and applies provided validators
+     * @param {TokenValidator[]} validators An array of validation
+     * functions to check the stored token against.
+     * @return {Promise.<string>} promise that is resolved to access token if the stored token is valid. If it is
+     * invalid then the promise is rejected. If invalid token should be re-requested then rejection object will
+     * have {authRedirect: true}.
+     * @private
+     */
+    _getValidatedToken(validators: ((token: StoredToken) => void | Promise<void>)[]): Promise<string>;
+}

package/dist/auth/token-validator.js

@@ -3,8 +3,27 @@ import ExtendableError from 'es6-error';
 import { CODE } from '../http/http.js';
 import '../global/url.js';
 
+class TokenValidationError extends ExtendableError {
+  constructor(message, cause) {
+    super(message);
+
+    _defineProperty(this, "cause", void 0);
+
+    _defineProperty(this, "authRedirect", void 0);
+
+    this.cause = cause;
+    this.authRedirect = true;
+  }
+
+}
 class TokenValidator {
   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;
@@ -24,7 +43,7 @@ class TokenValidator {
   /**
    * @const {number}
    */
-  // eslint-disable-next-line no-magic-numbers
+  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
 
 
   /**
@@ -90,7 +109,11 @@ class TokenValidator {
       optionalScopes
     } = this._config;
     const requiredScopes = optionalScopes ? scope.filter(scopeId => !optionalScopes.includes(scopeId)) : scope;
-    const hasAllScopes = requiredScopes.every(scopeId => storedToken.scopes.includes(scopeId));
+    const hasAllScopes = requiredScopes.every(scopeId => {
+      var _storedToken$scopes;
+
+      return (_storedToken$scopes = storedToken.scopes) === null || _storedToken$scopes === void 0 ? void 0 : _storedToken$scopes.includes(scopeId);
+    });
 
     if (!hasAllScopes) {
       throw new TokenValidator.TokenValidationError('Token doesn\'t match required scopes');
@@ -116,7 +139,7 @@ class TokenValidator {
 
   async _validateAgainstUser(storedToken) {
     try {
-      return await this._getUser(storedToken.accessToken);
+      return await this._getUser(storedToken.accessToken); // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (errorResponse) {
       let response = {};
 
@@ -153,6 +176,10 @@ class TokenValidator {
   async _getValidatedToken(validators) {
     const storedToken = await this._storage.getToken();
 
+    if (storedToken == null) {
+      throw new TokenValidator.TokenValidationError('Token not found');
+    }
+
     for (let i = 0; i < validators.length; i++) {
       await validators[i](storedToken);
     }
@@ -164,13 +191,6 @@ class TokenValidator {
 
 _defineProperty(TokenValidator, "DEFAULT_REFRESH_BEFORE", 10 * 60);
 
-_defineProperty(TokenValidator, "TokenValidationError", class TokenValidationError extends ExtendableError {
-  constructor(message, cause) {
-    super(message);
-    this.cause = cause;
-    this.authRedirect = true;
-  }
-
-});
+_defineProperty(TokenValidator, "TokenValidationError", TokenValidationError);
 
-export { TokenValidator as default };
+export { TokenValidationError, TokenValidator as default };

package/dist/auth/window-flow.d.ts

@@ -0,0 +1,26 @@
+import { LoginFlow } from './auth__core';
+import AuthRequestBuilder from './request-builder';
+import AuthStorage from './storage';
+export default class WindowFlow implements LoginFlow {
+    private _timeoutId;
+    private _requestBuilder;
+    private _storage;
+    reject?: (reason: unknown) => void;
+    private _loginWindow?;
+    private _promise?;
+    constructor(requestBuilder: AuthRequestBuilder, storage: AuthStorage);
+    /**
+     * Opens window with the given URL
+     * @param {string} url
+     * @private
+     */
+    private _openWindow;
+    /**
+     * Initiates authorization in window
+     */
+    private _load;
+    checkIsClosed: () => void;
+    _reset: () => void;
+    stop(): void;
+    authorize(): Promise<string>;
+}

package/dist/auth/window-flow.js

@@ -7,15 +7,27 @@ const NAVBAR_HEIGHT = 50;
 const CLOSED_CHECK_INTERVAL = 200;
 class WindowFlow {
   constructor(requestBuilder, storage) {
-    _defineProperty(this, "_timeoutId", null);
+    _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) {
+      var _this$_loginWindow;
+
+      if ((_this$_loginWindow = this._loginWindow) !== null && _this$_loginWindow !== void 0 && _this$_loginWindow.closed) {
         this.stop();
         return;
       }
 
-      this._timeoutId = setTimeout(this.checkIsClosed, CLOSED_CHECK_INTERVAL);
+      this._timeoutId = window.setTimeout(this.checkIsClosed, CLOSED_CHECK_INTERVAL);
     });
 
     _defineProperty(this, "_reset", () => {
@@ -62,19 +74,20 @@ class WindowFlow {
       let cleanRun;
 
       const cleanUp = () => {
+        var _this$_loginWindow2;
+
         if (cleanRun) {
           return;
         }
 
         cleanRun = true;
-        /* eslint-disable no-use-before-define */
+        /* eslint-disable @typescript-eslint/no-use-before-define */
 
         removeStateListener();
         removeTokenListener();
-        /* eslint-enable no-use-before-define */
-
-        this._loginWindow.close();
+        /* eslint-enable @typescript-eslint/no-use-before-define */
 
+        (_this$_loginWindow2 = this._loginWindow) === null || _this$_loginWindow2 === void 0 ? void 0 : _this$_loginWindow2.close();
         clearTimeout(this._timeoutId);
       };
 
@@ -92,10 +105,10 @@ class WindowFlow {
         }
       });
 
-      if (this._loginWindow === null || this._loginWindow.closed === true) {
+      if (this._loginWindow == null || this._loginWindow.closed) {
         this._loginWindow = this._openWindow(authRequest.url);
       } else {
-        this._loginWindow.location = authRequest.url;
+        this._loginWindow.location.href = authRequest.url;
       }
 
       this.checkIsClosed();
@@ -103,7 +116,7 @@ class WindowFlow {
   }
 
   stop() {
-    if (this._loginWindow !== null) {
+    if (this._loginWindow != null) {
       this._loginWindow.close();
     }
 
@@ -115,7 +128,7 @@ class WindowFlow {
   }
 
   authorize() {
-    if (this._promise !== null && this._loginWindow !== null && this._loginWindow.closed !== true) {
+    if (this._promise != null && this._loginWindow != null && !this._loginWindow.closed) {
       this._loginWindow.focus();
 
       return this._promise;

package/dist/auth-dialog/auth-dialog.d.ts

@@ -0,0 +1,49 @@
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Auth Dialog
+ */
+export interface AuthDialogProps {
+    className?: string | undefined;
+    title?: string | null | undefined;
+    errorMessage?: string | null | undefined;
+    serviceImage?: string | null | undefined;
+    serviceName?: string | null | undefined;
+    loginCaption: string;
+    loginToCaption: string;
+    show: boolean;
+    cancelOnEsc: boolean;
+    confirmLabel: string;
+    cancelLabel: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export default class AuthDialog extends Component<AuthDialogProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        errorMessage: PropTypes.Requireable<string>;
+        serviceImage: PropTypes.Requireable<string>;
+        serviceName: PropTypes.Requireable<string>;
+        loginCaption: PropTypes.Requireable<string>;
+        loginToCaption: PropTypes.Requireable<string>;
+        show: PropTypes.Requireable<boolean>;
+        cancelOnEsc: PropTypes.Requireable<boolean>;
+        confirmLabel: PropTypes.Requireable<string>;
+        cancelLabel: PropTypes.Requireable<string>;
+        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        loginCaption: string;
+        loginToCaption: string;
+        show: boolean;
+        cancelOnEsc: boolean;
+        confirmLabel: string;
+        cancelLabel: string;
+        onConfirm: () => void;
+        onCancel: () => void;
+    };
+    onEscPress: () => void;
+    render(): JSX.Element;
+}

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

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import '../island/island.js';
 import Dialog from '../dialog/dialog.js';
-import Button from '../button/button.js';
+import ThemedButton from '../button/button.js';
 import { H2 } from '../heading/heading.js';
 import ContentWrapper from '../island/content.js';
 import '../global/data-tests.js';
@@ -39,11 +39,7 @@ import '../_helpers/button__classes.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 
-var modules_ae521deb = {"unit":"8px","dialog":"dialog_rui_eba2","content":"content_rui_eba2 font_rui_750f","button":"button_rui_eba2","firstButton":"firstButton_rui_eba2 button_rui_eba2","title":"title_rui_eba2","logo":"logo_rui_eba2","error":"error_rui_eba2"};
-
-/**
- * @name Auth Dialog
- */
+var modules_ae521deb = {"unit":"8px","dialog":"dialog_rui_3593","content":"content_rui_3593 font_rui_750f","button":"button_rui_3593","firstButton":"firstButton_rui_3593 button_rui_3593","title":"title_rui_3593","logo":"logo_rui_3593","error":"error_rui_3593"};
 
 class AuthDialog extends Component {
   constructor() {
@@ -71,7 +67,7 @@ class AuthDialog extends Component {
       onCancel
     } = this.props;
     const defaultTitle = serviceName ? loginToCaption : loginCaption;
-    const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName);
+    const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== void 0 ? serviceName : '');
     return /*#__PURE__*/React.createElement(Dialog, {
       label: title,
       "data-test": "ring-auth-dialog",
@@ -90,12 +86,12 @@ class AuthDialog extends Component {
       className: modules_ae521deb.title
     }, title), errorMessage && /*#__PURE__*/React.createElement("div", {
       className: modules_ae521deb.error
-    }, errorMessage), /*#__PURE__*/React.createElement(Button, {
+    }, errorMessage), /*#__PURE__*/React.createElement(ThemedButton, {
       primary: true,
       className: modules_ae521deb.firstButton,
       "data-test": "auth-dialog-confirm-button",
       onClick: onConfirm
-    }, confirmLabel), /*#__PURE__*/React.createElement(Button, {
+    }, confirmLabel), /*#__PURE__*/React.createElement(ThemedButton, {
       className: modules_ae521deb.button,
       "data-test": "auth-dialog-cancel-button",
       onClick: onCancel

package/dist/auth-dialog-service/auth-dialog-service.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import AuthDialog, { AuthDialogProps } from '../auth-dialog/auth-dialog';
+declare type AuthDialogAttributes = JSX.LibraryManagedAttributes<typeof AuthDialog, AuthDialogProps>;
+export default function showAuthDialog(props?: AuthDialogAttributes): () => void;
+export {};

package/dist/avatar/avatar-example-datauri.d.ts

@@ -0,0 +1 @@
+export declare const avatarDataUri: string;

package/dist/avatar/avatar.d.ts

@@ -0,0 +1,51 @@
+import { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Avatar
+ */
+export declare enum Size {
+    Size18 = 18,
+    Size20 = 20,
+    Size24 = 24,
+    Size28 = 28,
+    Size32 = 32,
+    Size40 = 40,
+    Size48 = 48,
+    Size56 = 56
+}
+export interface AvatarProps extends HTMLAttributes<HTMLElement> {
+    dpr: number;
+    size: Size;
+    subavatarSize: number;
+    url?: string | null | undefined;
+    round?: boolean | null | undefined;
+    subavatar?: string | null | undefined;
+    username?: string | null | undefined;
+    skipParams?: boolean | null | undefined;
+}
+export default class Avatar extends PureComponent<AvatarProps> {
+    static propTypes: {
+        dpr: PropTypes.Requireable<number>;
+        className: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<number>;
+        style: PropTypes.Requireable<object>;
+        url: PropTypes.Requireable<string>;
+        round: PropTypes.Requireable<boolean>;
+        subavatar: PropTypes.Requireable<string>;
+        subavatarSize: PropTypes.Requireable<number>;
+        username: PropTypes.Requireable<string>;
+        skipParams: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        dpr: number;
+        size: Size;
+        subavatarSize: number;
+        style: {};
+    };
+    state: {
+        errorUrl: string;
+    };
+    handleError: () => void;
+    handleSuccess: () => void;
+    render(): JSX.Element;
+}

package/dist/avatar/avatar.js

@@ -7,22 +7,25 @@ import { getPixelRatio } from '../global/dom.js';
 import FallbackAvatar from './fallback-avatar.js';
 import '../global/get-uid.js';
 
-var modules_61ca8c75 = {"avatar":"avatar_rui_0937","subavatar":"subavatar_rui_0937","empty":"empty_rui_0937"};
+var modules_61ca8c75 = {"avatar":"avatar_rui_fed3","subavatar":"subavatar_rui_fed3","empty":"empty_rui_fed3"};
 
 /**
  * @name Avatar
  */
 
-const Size = {
-  Size18: 18,
-  Size20: 20,
-  Size24: 24,
-  Size28: 28,
-  Size32: 32,
-  Size40: 40,
-  Size48: 48,
-  Size56: 56
-};
+var Size;
+
+(function (Size) {
+  Size[Size["Size18"] = 18] = "Size18";
+  Size[Size["Size20"] = 20] = "Size20";
+  Size[Size["Size24"] = 24] = "Size24";
+  Size[Size["Size28"] = 28] = "Size28";
+  Size[Size["Size32"] = 32] = "Size32";
+  Size[Size["Size40"] = 40] = "Size40";
+  Size[Size["Size48"] = 48] = "Size48";
+  Size[Size["Size56"] = 56] = "Size56";
+})(Size || (Size = {}));
+
 class Avatar extends PureComponent {
   constructor() {
     super(...arguments);

package/dist/avatar/fallback-avatar.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { Size } from './avatar';
+export interface FallbackAvatarProps {
+    username: string;
+    size: Size;
+    round: boolean | null | undefined;
+}
+declare function FallbackAvatar({ username, size, round }: FallbackAvatarProps): JSX.Element;
+declare namespace FallbackAvatar {
+    var propTypes: {
+        username: PropTypes.Validator<string>;
+        size: PropTypes.Validator<number>;
+        round: PropTypes.Requireable<boolean>;
+    };
+}
+export default FallbackAvatar;

package/dist/badge/badge.d.ts

@@ -0,0 +1,24 @@
+import { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+export interface BadgeProps extends HTMLAttributes<HTMLElement> {
+    gray?: boolean | null | undefined;
+    valid?: boolean | null | undefined;
+    invalid?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Badge
+ */
+export default class Badge extends PureComponent<BadgeProps> {
+    static propTypes: {
+        gray: PropTypes.Requireable<boolean>;
+        valid: PropTypes.Requireable<boolean>;
+        invalid: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        'data-test': PropTypes.Requireable<string>;
+    };
+    render(): JSX.Element;
+}

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

@@ -9,7 +9,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/ring-angular-component.js';
 import '../_helpers/icon.js';
 
-var modules_2c17c81e = {"unit":"8px","breadcrumb":"breadcrumb_rui_6cdd","header":"header_rui_6cdd","breadcrumbSmall":"breadcrumbSmall_rui_6cdd","breadcrumbElement":"breadcrumbElement_rui_6cdd","active":"active_rui_6cdd","elementDescription":"elementDescription_rui_6cdd","separatorIcon":"separatorIcon_rui_6cdd"};
+var modules_2c17c81e = {"unit":"8px","breadcrumb":"breadcrumb_rui_936c","header":"header_rui_936c","breadcrumbSmall":"breadcrumbSmall_rui_936c","breadcrumbElement":"breadcrumbElement_rui_936c","active":"active_rui_936c","elementDescription":"elementDescription_rui_936c","separatorIcon":"separatorIcon_rui_936c"};
 
 /**
  * @name Breadcrumb Ng