@jetbrains/ring-ui 4.1.12 → 5.0.0-beta.11

package/dist/header/services.js

@@ -2,12 +2,14 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import servicesIcon from '@jetbrains/icons/services-20px';
+import classNames from 'classnames';
 import Dropdown from '../dropdown/dropdown.js';
 import Popup from '../popup/popup.js';
+import { T as Theme, m as modules_59717246 } from '../_helpers/theme.js';
 import TrayIcon from './tray-icon.js';
 import { S as ServicesLink, m as modules_74a7bf8b } from '../_helpers/services-link.js';
-import 'classnames';
 import '../global/data-tests.js';
+import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
@@ -18,8 +20,8 @@ import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import 'react-dom';
 import '../global/get-uid.js';
@@ -70,6 +72,7 @@ class Services extends PureComponent {
       loading,
       services,
       initShown,
+      theme,
       ...props
     } = this.props;
 
@@ -90,7 +93,9 @@ class Services extends PureComponent {
       anchor: makeAnchor(loading),
       initShown: initShown
     }), /*#__PURE__*/React.createElement(Popup, {
-      className: modules_74a7bf8b.services,
+      className: classNames(modules_74a7bf8b.services, {
+        [modules_59717246.dark]: theme === Theme.DARK
+      }),
       top: -3
     }, servicesWithIcons.map(service => {
       const isActive = this.serviceIsActive(service);
@@ -131,6 +136,10 @@ _defineProperty(Services, "propTypes", {
   services: PropTypes.arrayOf(ServicesLink.propTypes.service)
 });
 
+_defineProperty(Services, "defaultProps", {
+  theme: Theme.DARK
+});
+
 _defineProperty(Services, "Link", ServicesLink);
 
 export { Services as default };

package/dist/header/smart-profile.d.ts

@@ -0,0 +1,36 @@
+import { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import Auth, { AuthUser } from '../auth/auth';
+import { Size } from '../avatar/avatar';
+import { ProfileAttrs } from './profile';
+export interface SmartProfileProps extends ProfileAttrs {
+    auth: Auth;
+}
+interface SmartProfileState {
+    user: AuthUser | null | undefined | void;
+    size: Size;
+    isLogoutPostponed: boolean;
+    isUserChangePostponed: boolean;
+    loading?: boolean;
+}
+export default class SmartProfile extends PureComponent<SmartProfileProps, SmartProfileState> {
+    static propTypes: {
+        auth: PropTypes.Validator<Auth>;
+        className: PropTypes.Requireable<string>;
+        translations: PropTypes.Requireable<object>;
+        profileUrl: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<number>;
+        round: PropTypes.Requireable<boolean>;
+    };
+    state: SmartProfileState;
+    componentDidMount(): void;
+    static Size: typeof Size;
+    login: () => Promise<void>;
+    logout: () => Promise<void>;
+    switchUser: () => Promise<void>;
+    onRevertPostponement: () => void;
+    requestUser(): Promise<void>;
+    checkUserCertificateMismatch(user: AuthUser): void;
+    render(): JSX.Element;
+}
+export {};

package/dist/header/smart-profile.js

@@ -23,21 +23,21 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
-import '../global/get-uid.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../global/get-uid.js';
 import '../alert/container.js';
 import 'react-dom';
 import '../link/link.js';
-import 'focus-visible';
-import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
@@ -55,9 +55,6 @@ import '../auth/background-flow.js';
 import '../auth/token-validator.js';
 import '../avatar/avatar.js';
 import '../avatar/fallback-avatar.js';
-import '../button/button.js';
-import '@jetbrains/icons/chevron-10px';
-import '../_helpers/button__classes.js';
 import '../dropdown-menu/dropdown-menu.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
@@ -85,13 +82,13 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../dropdown/dropdown.js';
+import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../popup-menu/popup-menu.js';
 import '../popup/popup.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
 import '../_helpers/header.js';
 
 const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';

package/dist/header/smart-services.d.ts

@@ -0,0 +1,25 @@
+import { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import Auth from '../auth/auth';
+import HTTP from '../http/http';
+export interface SmartServicesProps extends HTMLAttributes<HTMLElement> {
+    auth: Auth;
+}
+export default class SmartServices extends Component<SmartServicesProps> {
+    static propTypes: {
+        auth: PropTypes.Validator<Auth>;
+    };
+    state: {
+        visible: boolean;
+        loading: boolean;
+        services: null;
+    };
+    componentDidMount(): void;
+    static allFields: string;
+    static countFields: string;
+    http?: HTTP;
+    stopLoading: () => void;
+    getServicesContent: () => void;
+    getServices(fields: string): Promise<any> | undefined;
+    render(): JSX.Element | null;
+}

package/dist/header/smart-services.js

@@ -26,19 +26,19 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
-import '../alert/container.js';
-import '../link/link.js';
+import '../button/button.js';
 import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../alert/container.js';
+import '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
@@ -55,10 +55,8 @@ import '../auth/background-flow.js';
 import '../auth/token-validator.js';
 import '@jetbrains/icons/services-20px';
 import '../dropdown/dropdown.js';
+import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
-import '@jetbrains/icons/chevron-10px';
-import '../button/button.js';
-import '../_helpers/button__classes.js';
 import '../popup/popup.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
@@ -69,7 +67,6 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
 import './tray-icon.js';
 import '../_helpers/header.js';
 import '../_helpers/services-link.js';
@@ -86,6 +83,8 @@ class SmartServices extends Component {
       services: null
     });
 
+    _defineProperty(this, "http", void 0);
+
     _defineProperty(this, "stopLoading", () => {
       this.setState({
         loading: false
@@ -93,10 +92,12 @@ class SmartServices extends Component {
     });
 
     _defineProperty(this, "getServicesContent", () => {
+      var _this$getServices;
+
       this.setState({
         loading: true
       });
-      this.getServices(SmartServices.allFields).then(services => {
+      (_this$getServices = this.getServices(SmartServices.allFields)) === null || _this$getServices === void 0 ? void 0 : _this$getServices.then(services => {
         this.setState({
           services
         });
@@ -106,11 +107,13 @@ class SmartServices extends Component {
   }
 
   componentDidMount() {
+    var _this$getServices2;
+
     const {
       auth
     } = this.props;
     this.http = new HTTP(auth, auth.getAPIPath());
-    this.getServices(SmartServices.countFields).then(services => {
+    (_this$getServices2 = this.getServices(SmartServices.countFields)) === null || _this$getServices2 === void 0 ? void 0 : _this$getServices2.then(services => {
       if (!services.length) {
         this.setState({
           visible: false
@@ -120,7 +123,9 @@ class SmartServices extends Component {
   }
 
   getServices(fields) {
-    return this.http.get(`services/header?fields=${fields}`);
+    var _this$http;
+
+    return (_this$http = this.http) === null || _this$http === void 0 ? void 0 : _this$http.get(`services/header?fields=${fields}`);
   }
 
   render() {

package/dist/header/tray-icon.d.ts

@@ -0,0 +1,32 @@
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+import { ButtonAttrs } from '../button/button';
+import { IconType } from '../icon/icon';
+export interface TrayIconSpecificProps {
+    icon: string | IconType;
+    rotatable?: boolean | null | undefined;
+}
+export default class TrayIcon extends Component<ButtonAttrs & TrayIconSpecificProps> {
+    static propTypes: {
+        icon: PropTypes.Validator<PropTypes.ReactComponentLike>;
+        rotatable: PropTypes.Requireable<boolean>;
+        active: PropTypes.Requireable<boolean>;
+        danger: PropTypes.Requireable<boolean>;
+        delayed: PropTypes.Requireable<boolean>;
+        loader: PropTypes.Requireable<boolean>;
+        primary: PropTypes.Requireable<boolean>;
+        short: PropTypes.Requireable<boolean>;
+        text: PropTypes.Requireable<boolean>;
+        inline: PropTypes.Requireable<boolean>;
+        dropdown: PropTypes.Requireable<boolean>;
+        href: PropTypes.Requireable<string>;
+        target: PropTypes.Requireable<string>;
+        iconSize: PropTypes.Requireable<number>;
+        iconClassName: PropTypes.Requireable<string>;
+        iconSuppressSizeWarning: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    render(): JSX.Element;
+}

package/dist/header/tray-icon.js

@@ -2,7 +2,7 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import Button from '../button/button.js';
+import { Button } from '../button/button.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
@@ -12,8 +12,8 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
 class TrayIcon extends Component {
@@ -39,7 +39,4 @@ _defineProperty(TrayIcon, "propTypes", { ...Button.propTypes,
   rotatable: PropTypes.bool
 });
 
-_defineProperty(TrayIcon, "defaultProps", { ...Button.defaultProps
-});
-
 export { TrayIcon as default };

package/dist/header/tray.d.ts

@@ -0,0 +1,9 @@
+import { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+export default class Tray extends Component<HTMLAttributes<HTMLElement>> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): JSX.Element;
+}

package/dist/heading/heading.d.ts

@@ -0,0 +1,25 @@
+import React, { HTMLAttributes } from 'react';
+/**
+ * @name Heading
+ */
+export declare enum Levels {
+    H1 = 1,
+    H2 = 2,
+    H3 = 3,
+    H4 = 4
+}
+export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    level?: Levels | undefined;
+}
+declare const Heading: React.ComponentType<HeadingProps> & {
+    Levels: typeof Levels;
+};
+export default Heading;
+export interface H1Props extends HTMLAttributes<HTMLHeadingElement> {
+    caps?: boolean | null | undefined;
+}
+declare const H1: React.ComponentType<H1Props>;
+declare const H2: React.ComponentType<React.HTMLAttributes<HTMLHeadingElement>>;
+declare const H3: React.ComponentType<React.HTMLAttributes<HTMLHeadingElement>>;
+declare const H4: React.ComponentType<React.HTMLAttributes<HTMLHeadingElement>>;
+export { H1, H2, H3, H4 };

package/dist/heading/heading.js

@@ -4,24 +4,27 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 
-var modules_901b77ec = {"heading":"heading_rui_f244 font_rui_750f","caps":"caps_rui_f244"};
+var modules_901b77ec = {"heading":"heading_rui_ecbc font_rui_750f","caps":"caps_rui_ecbc"};
 
 /**
  * @name Heading
  */
 
-const Levels = {
-  H1: 1,
-  H2: 2,
-  H3: 3,
-  H4: 4
-};
+var Levels;
+
+(function (Levels) {
+  Levels[Levels["H1"] = 1] = "H1";
+  Levels[Levels["H2"] = 2] = "H2";
+  Levels[Levels["H3"] = 3] = "H3";
+  Levels[Levels["H4"] = 4] = "H4";
+})(Levels || (Levels = {}));
+
 const fallbackHeading = deprecate(() => 'h3', 'Headings of level 5 and higher are replaced with h3');
-const Heading = /*#__PURE__*/memo(function Heading(_ref) {
+const HeadingMemo = /*#__PURE__*/memo(function Heading(_ref) {
   let {
     children,
     className,
-    level,
+    level = Levels.H1,
     ...restProps
   } = _ref;
   const classes = classNames(modules_901b77ec.heading, className);
@@ -30,13 +33,11 @@ const Heading = /*#__PURE__*/memo(function Heading(_ref) {
     className: classes
   }), children);
 });
+const Heading = HeadingMemo;
 Heading.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
-  level: PropTypes.number
-};
-Heading.defaultProps = {
-  level: Levels.H1
+  level: PropTypes.oneOf([Levels.H1, Levels.H2, Levels.H3, Levels.H4])
 };
 Heading.Levels = Levels;
 
@@ -70,4 +71,4 @@ const H2 = makeHeading(Levels.H2);
 const H3 = makeHeading(Levels.H3);
 const H4 = makeHeading(Levels.H4);
 
-export { H1, H2, H3, H4, Heading as default };
+export { H1, H2, H3, H4, Levels, Heading as default };

package/dist/http/http.d.ts

@@ -0,0 +1,49 @@
+import ExtendableError from 'es6-error';
+export declare const defaultFetchConfig: RequestInit;
+export interface HTTPErrorData {
+    error?: string;
+}
+export declare class HTTPError extends ExtendableError {
+    data: HTTPErrorData;
+    status: number | undefined;
+    constructor(response: Partial<Response>, data?: HTTPErrorData);
+}
+export declare const CODE: {
+    UNAUTHORIZED: number;
+};
+export interface FetchParams<T = unknown> extends Omit<RequestInit, 'body'> {
+    body?: T;
+    query?: Record<string, unknown> | undefined;
+}
+export declare type RequestParams = FetchParams & {
+    sendRawBody?: false;
+} | FetchParams<BodyInit | null> & {
+    sendRawBody: true;
+};
+export interface HTTPAuth {
+    requestToken(): Promise<string | null> | string | null;
+    forceTokenUpdate(): Promise<string | null>;
+}
+export default class HTTP implements Partial<HTTPAuth> {
+    baseUrl: string | null | undefined;
+    _requestsMeta: WeakMap<object, Partial<Response>>;
+    fetchConfig: RequestInit;
+    requestToken?: () => Promise<string | null> | string | null;
+    shouldRefreshToken?: (error: string) => boolean;
+    forceTokenUpdate?: () => Promise<string | null>;
+    constructor(auth?: HTTPAuth, baseUrl?: string | null | undefined, fetchConfig?: RequestInit);
+    setAuth: (auth: HTTPAuth) => void;
+    setBaseUrl: (baseUrl: string | null | undefined) => void;
+    _fetch(...args: Parameters<typeof fetch>): Promise<Response> | Partial<Response>;
+    private _makeRequestUrl;
+    private _performRequest;
+    private _storeRequestMeta;
+    private _processResponse;
+    private static _isErrorStatus;
+    fetch: (url: string, params?: FetchParams) => Promise<any>;
+    authorizedFetch(...args: Parameters<HTTP['_performRequest']>): Promise<any>;
+    request: (url: string, params?: RequestParams | undefined) => Promise<any>;
+    getMetaForResponse: (response: object) => Partial<Response> | undefined;
+    get: (url: string, params?: RequestParams | undefined) => Promise<any>;
+    post: (url: string, params?: RequestParams | undefined) => Promise<any>;
+}

package/dist/http/http.js

@@ -20,6 +20,11 @@ class HTTPError extends ExtendableError {
   constructor(response) {
     let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     super(`${response.status} ${response.statusText || ''}`);
+
+    _defineProperty(this, "data", void 0);
+
+    _defineProperty(this, "status", void 0);
+
     this.data = data;
     this.status = response.status;
   }
@@ -38,6 +43,14 @@ class HTTP {
 
     _defineProperty(this, "_requestsMeta", new WeakMap());
 
+    _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();
 
@@ -58,27 +71,33 @@ class HTTP {
         ...fetchConfig
       } = params;
       const response = await _this._fetch(_this._makeRequestUrl(url, query), { ...fetchConfig,
-        body: body ? JSON.stringify(body) : body
+        body: body !== null && body !== undefined && body !== '' ? JSON.stringify(body) : body
       });
       return _this._processResponse(response);
     });
 
     _defineProperty(this, "request", async (url, params) => {
-      let token = await this.requestToken();
+      var _this$requestToken;
+
+      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
         return await this._processResponse(response);
       } catch (error) {
+        var _this$shouldRefreshTo;
+
         if (!(error instanceof HTTPError)) {
           throw error;
         }
 
-        const shouldRefreshToken = error.data.error !== undefined ? this.shouldRefreshToken(error.data.error) : false;
+        const shouldRefreshToken = error.data.error !== undefined ? (_this$shouldRefreshTo = this.shouldRefreshToken) === null || _this$shouldRefreshTo === void 0 ? void 0 : _this$shouldRefreshTo.call(this, error.data.error) : false;
 
         if (shouldRefreshToken) {
-          token = await this.forceTokenUpdate();
+          var _this$forceTokenUpdat;
+
+          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);
         }
@@ -140,15 +159,25 @@ class HTTP {
       } : {}),
       ...headers
     };
-    Object.keys(combinedHeaders).forEach(key => {
-      if (combinedHeaders[key] === null || combinedHeaders[key] === undefined) {
+    Object.entries(combinedHeaders).forEach(_ref => {
+      let [key, header] = _ref;
+
+      if (header === null || header === undefined) {
         Reflect.deleteProperty(combinedHeaders, key);
       }
     });
+    let bodyToSend;
+
+    if (params.sendRawBody) {
+      bodyToSend = params.body;
+    } else {
+      bodyToSend = params.body === null || params.body === undefined || params.body === '' ? params.body : JSON.stringify(body);
+    }
+
     return this._fetch(this._makeRequestUrl(url, query), { ...this.fetchConfig,
       headers: combinedHeaders,
       ...fetchConfig,
-      body: body && !sendRawBody ? JSON.stringify(body) : body
+      body: bodyToSend
     });
   }
 
@@ -175,14 +204,18 @@ class HTTP {
   }
 
   async _processResponse(response) {
-    const contentType = response.headers.get('content-type');
+    var _response$headers;
+
+    const contentType = (_response$headers = response.headers) === null || _response$headers === void 0 ? void 0 : _response$headers.get('content-type');
     const isJson = contentType && contentType.indexOf('application/json') !== -1;
 
-    if (HTTP._isErrorStatus(response.status)) {
+    if (response.status != null && HTTP._isErrorStatus(response.status)) {
       let resJson;
 
       try {
-        resJson = await (isJson ? response.json() : response.text());
+        var _response$json, _response$text;
+
+        resJson = await (isJson ? (_response$json = response.json) === null || _response$json === void 0 ? void 0 : _response$json.call(response) : (_response$text = response.text) === null || _response$text === void 0 ? void 0 : _response$text.call(response));
       } catch (err) {// noop
       }
 
@@ -190,8 +223,10 @@ class HTTP {
     }
 
     try {
-      const parsedResponse = await (isJson ? response.json() : {
-        data: await response.text()
+      var _response$json2, _response$text2;
+
+      const parsedResponse = await (isJson ? (_response$json2 = response.json) === null || _response$json2 === void 0 ? void 0 : _response$json2.call(response) : {
+        data: await ((_response$text2 = response.text) === null || _response$text2 === void 0 ? void 0 : _response$text2.call(response))
       });
 
       this._storeRequestMeta(parsedResponse, response);

package/dist/http/http.mock.d.ts

@@ -0,0 +1,20 @@
+import HTTP, { FetchParams } from './http';
+export interface HTTPMockRequest {
+    url: string;
+    params: FetchParams;
+}
+export default class HTTPMock extends HTTP {
+    defaultResponse: unknown;
+    requests: HTTPMockRequest[];
+    responsesByUrlMap: Map<string | RegExp, unknown>;
+    constructor();
+    _fetch(url: string, params: RequestInit): {
+        status: number;
+        headers: Headers;
+        json: () => Promise<unknown>;
+    };
+    respondDefault(response: unknown): void;
+    respondForUrl(url: string | RegExp, response: unknown): void;
+    _getResponseForUrl(urlToMatch: string): unknown;
+    getRequestsByUrlPart(url: string): HTTPMockRequest[];
+}