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

package/dist/loader/loader__core.js

@@ -1,7 +1,7 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { getPixelRatio } from '../global/dom.js';
 
-var modules_00b5ad26 = {"unit":"8px","canvas":"canvas_rui_407b","animate":"animate_rui_407b","rotation-keyframes":"rotationKeyframes_rui_407b","text":"text_rui_407b"};
+var modules_00b5ad26 = {"unit":"8px","canvas":"canvas_rui_e88a","animate":"animate_rui_e88a","rotation-keyframes":"rotationKeyframes_rui_e88a","text":"text_rui_e88a"};
 
 const INITIAL_TICKS = 100;
 
@@ -13,6 +13,19 @@ class Particle {
       radius,
       color
     } = _ref;
+
+    _defineProperty(this, "radius", void 0);
+
+    _defineProperty(this, "x", void 0);
+
+    _defineProperty(this, "y", void 0);
+
+    _defineProperty(this, "color", void 0);
+
+    _defineProperty(this, "decay", void 0);
+
+    _defineProperty(this, "life", void 0);
+
     this.radius = radius;
     this.x = x;
     this.y = y;
@@ -57,23 +70,58 @@ class LoaderCore {
   }
 
   constructor(containerNode, props) {
-    this.props = Object.assign({}, LoaderCore.defaultProps, props);
-    this.renderInNode(containerNode);
-    this.initializeLoader();
-    this.isRunning = !this.props.stop;
+    var _this$ctx;
 
-    if (this.isRunning) {
-      this.startAnimation();
-    } else {
-      this.draw();
-    }
-  }
+    _defineProperty(this, "props", void 0);
 
-  static getPixelRatio() {
-    return getPixelRatio();
-  }
+    _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);
 
-  setCanvasSize() {
+    _defineProperty(this, "isRunning", void 0);
+
+    this.props = Object.assign({}, LoaderCore.defaultProps, props);
+    this.canvas = document.createElement('canvas');
+    this.canvas.dataset.test = 'ring-loader';
+    this.canvas.classList.add(modules_00b5ad26.canvas);
+    this.textNode = document.createElement('div');
+    this.textNode.dataset.test = 'ring-loader-text';
+    this.textNode.classList.add(modules_00b5ad26.text);
+    this.textNode.textContent = this.props.message ? this.props.message : '';
+    containerNode.appendChild(this.canvas);
+    containerNode.appendChild(this.textNode);
     const pixelRatio = LoaderCore.getPixelRatio();
     const canvasSize = this.props.size * pixelRatio;
     this.canvas.width = canvasSize;
@@ -82,11 +130,7 @@ class LoaderCore {
     this.canvas.style.width = `${this.props.size}px`;
     this.canvas.style.height = `${this.props.size}px`;
     this.ctx = this.canvas.getContext('2d');
-    this.ctx.scale(pixelRatio, pixelRatio);
-  }
-
-  initializeLoader() {
-    this.setCanvasSize();
+    (_this$ctx = this.ctx) === null || _this$ctx === void 0 ? void 0 : _this$ctx.scale(pixelRatio, pixelRatio);
     this.height = this.props.size;
     this.width = this.props.size;
     this.particles = []; //Configuration
@@ -105,6 +149,17 @@ class LoaderCore {
     this.radiusSpeed = 0.05;
     this.tick = 0;
     this.prepareInitialState(INITIAL_TICKS);
+    this.isRunning = !this.props.stop;
+
+    if (this.isRunning) {
+      this.startAnimation();
+    } else {
+      this.draw();
+    }
+  }
+
+  static getPixelRatio() {
+    return getPixelRatio();
   }
 
   prepareInitialState(ticks) {
@@ -115,7 +170,7 @@ class LoaderCore {
 
   handleLimits(coord, radius, speed, limit) {
     const randomFunc = this.props.deterministic ? deterministic : Math.random;
-    const randomizedSpeedChange = randomFunc(this.baseSpeed) - this.baseSpeed / 2;
+    const randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
 
     if (coord + radius * 2 + this.baseSpeed >= limit) {
       return -(this.baseSpeed + randomizedSpeedChange);
@@ -179,9 +234,15 @@ class LoaderCore {
   }
 
   draw() {
-    this.ctx.clearRect(0, 0, this.width, this.height);
+    const ctx = this.ctx;
+
+    if (ctx == null) {
+      return;
+    }
+
+    ctx.clearRect(0, 0, this.width, this.height);
     this.removeDeadParticles();
-    this.particles.forEach(particle => particle.draw(this.ctx));
+    this.particles.forEach(particle => particle.draw(ctx));
   }
 
   loop() {
@@ -212,19 +273,6 @@ class LoaderCore {
     this.isRunning = false;
   }
 
-  renderInNode(node) {
-    this.canvas = document.createElement('canvas');
-    this.canvas.dataset.test = 'ring-loader';
-    this.canvas.classList.add(modules_00b5ad26.canvas);
-    this.textNode = document.createElement('div');
-    this.textNode.dataset.test = 'ring-loader-text';
-    this.textNode.classList.add(modules_00b5ad26.text);
-    this.textNode.textContent = this.props.message ? this.props.message : '';
-    node.appendChild(this.canvas);
-    node.appendChild(this.textNode);
-    return node;
-  }
-
 }
 
 _defineProperty(LoaderCore, "defaultProps", {
@@ -235,33 +283,27 @@ _defineProperty(LoaderCore, "defaultProps", {
     r: 215,
     g: 60,
     b: 234
-  }, //#D73CEA
-  {
+  }, {
     r: 145,
     g: 53,
     b: 224
-  }, //#9135E0
-  {
+  }, {
     r: 88,
     g: 72,
     b: 224
-  }, //#5848F4
-  {
+  }, {
     r: 37,
     g: 183,
     b: 255
-  }, //#25B7FF
-  {
+  }, {
     r: 89,
     g: 189,
     b: 0
-  }, //#59BD00
-  {
+  }, {
     r: 251,
     g: 172,
     b: 2
-  }, //#FBAC02
-  {
+  }, {
     r: 227,
     g: 37,
     b: 129

package/dist/loader-inline/loader-inline.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+export interface LoaderInlineProps extends HTMLAttributes<HTMLDivElement> {
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Loader Inline
+ */
+declare class LoaderInline extends PureComponent<LoaderInlineProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): JSX.Element;
+}
+export declare type LoaderInlineAtrrs = JSX.LibraryManagedAttributes<typeof LoaderInline, LoaderInlineProps>;
+export default LoaderInline;

package/dist/loader-inline/loader-inline.js

@@ -2,35 +2,22 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import Theme, { withTheme } from '../global/theme.js';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { i as injectStyles, m as modules_e49a3529 } from '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/memoize.js';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
-import '../global/get-uid.js';
+import { m as modules_e49a3529 } from '../_helpers/loader-inline.js';
 
 /**
  * @name Loader Inline
  */
 
 class LoaderInline extends PureComponent {
-  componentDidMount() {
-    injectStyles();
-  }
-
   render() {
     const {
       className,
-      theme,
       'data-test': dataTest,
       children,
       ...restProps
     } = this.props;
-    const classes = classNames(modules_e49a3529.loader, className, `${modules_e49a3529.loader}_${theme}`);
+    const classes = classNames(modules_e49a3529.loader, className);
     const loader = /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
       "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
       className: classes
@@ -43,14 +30,9 @@ class LoaderInline extends PureComponent {
 }
 
 _defineProperty(LoaderInline, "propTypes", {
-  theme: PropTypes.oneOf(Object.values(Theme)),
   className: PropTypes.string,
   'data-test': PropTypes.string,
   children: PropTypes.node
 });
 
-_defineProperty(LoaderInline, "Theme", Theme);
-
-var LoaderInline$1 = withTheme()(LoaderInline);
-
-export { LoaderInline$1 as default };
+export { LoaderInline as default };

package/dist/loader-inline-ng/loader-inline-ng.js

@@ -1,41 +1,13 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import angular from 'angular';
-import { m as modules_e49a3529, i as injectStyles } from '../_helpers/inject-styles.js';
-import Theme from '../global/theme.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/memoize.js';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
-import '../global/get-uid.js';
-import 'react';
+import { m as modules_e49a3529 } from '../_helpers/loader-inline.js';
 
 /**
  * @name Loader Inline Ng
  */
 
 const angularModule = angular.module('Ring.loader-inline', []);
-
-class LoaderController {
-  constructor() {
-    _defineProperty(this, "getThemeClass", () => `${modules_e49a3529.loader}_${this.theme}`);
-  }
-
-  $onInit() {
-    injectStyles();
-    this.theme = this.theme || Theme.LIGHT;
-  }
-
-}
-
-LoaderController.$inject = [];
 angularModule.component('rgLoaderInline', {
-  bindings: {
-    theme: '@?'
-  },
-  template: `<div data-test="ring-loader-inline-ng" class="${modules_e49a3529.loader}" ng-class="$ctrl.getThemeClass()"></div>`,
-  controller: LoaderController
+  template: `<div data-test="ring-loader-inline-ng" class="${modules_e49a3529.loader}"></div>`
 });
 var loaderInlineNg = angularModule.name;
 

package/dist/loader-screen/loader-screen.d.ts

@@ -0,0 +1,17 @@
+import { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { LoaderProps } from '../loader/loader';
+export interface LoaderScreenProps extends LoaderProps {
+    containerClassName?: string | null | undefined;
+}
+/**
+ * @name Loader Screen
+ */
+export default class LoaderScreen extends PureComponent<LoaderScreenProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        containerClassName: PropTypes.Requireable<string>;
+        message: PropTypes.Requireable<string>;
+    };
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,47 @@
+import { Component, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export interface LoginDialogProps {
+    onCancel: () => void;
+    show: boolean;
+    url: string;
+    renderFallbackLink: (loggingIn: boolean) => ReactNode;
+    showFallbackTimeout: number;
+    className?: string | undefined;
+    loader?: boolean | null | undefined;
+    loadingMessage?: string | null | undefined;
+}
+/**
+ * @name Login Dialog
+ */
+export default class LoginDialog extends Component<LoginDialogProps> {
+    static propTypes: {
+        show: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        url: PropTypes.Requireable<string>;
+        loader: PropTypes.Requireable<boolean>;
+        loadingMessage: PropTypes.Requireable<string>;
+        showFallbackTimeout: PropTypes.Requireable<number>;
+        renderFallbackLink: PropTypes.Requireable<(...args: any[]) => any>;
+        onCancel: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        show: boolean;
+        url: string;
+        renderFallbackLink: () => null;
+        showFallbackTimeout: number;
+    };
+    state: {
+        loading: boolean;
+        loggingIn: boolean;
+        showFallbackLink: boolean;
+        height: number;
+        width: number;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    showFallbackTimout?: number;
+    startFallbackCountdown(): void;
+    onMessage: (event: MessageEvent) => void;
+    render(): JSX.Element;
+}
+export declare type LoginDialogAttrs = JSX.LibraryManagedAttributes<typeof LoginDialog, LoginDialogProps>;

package/dist/login-dialog/login-dialog.js

@@ -27,8 +27,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';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
@@ -46,7 +46,7 @@ import '../auth/response-parser.js';
 import 'es6-error';
 import '../global/url.js';
 
-var modules_45da1992 = {"unit":"8px","iFrame":"iFrame_rui_fb27","dialogContent":"dialogContent_rui_fb27","nonOpaqueLoader":"nonOpaqueLoader_rui_fb27","fallbackLinkContainer":"fallbackLinkContainer_rui_fb27"};
+var modules_45da1992 = {"unit":"8px","iFrame":"iFrame_rui_6e5b","dialogContent":"dialogContent_rui_6e5b","nonOpaqueLoader":"nonOpaqueLoader_rui_6e5b","fallbackLinkContainer":"fallbackLinkContainer_rui_6e5b"};
 
 const HUB_AUTH_PAGE_LOGIN_STARTED = 'HUB_AUTH_PAGE_LOGIN_STARTED';
 const HUB_AUTH_PAGE_LOGIN_DIMENSIONS = 'HUB_AUTH_PAGE_LOGIN_DIMENSIONS';
@@ -69,6 +69,8 @@ class LoginDialog extends Component {
       width: DEFAULT_WIDTH
     });
 
+    _defineProperty(this, "showFallbackTimout", void 0);
+
     _defineProperty(this, "onMessage", event => {
       const {
         data
@@ -115,7 +117,7 @@ class LoginDialog extends Component {
   }
 
   startFallbackCountdown() {
-    this.showFallbackTimout = setTimeout(() => this.setState({
+    this.showFallbackTimout = window.setTimeout(() => this.setState({
       showFallbackLink: true
     }), this.props.showFallbackTimeout);
   }

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

@@ -0,0 +1,2 @@
+import { LoginDialogAttrs } from './login-dialog';
+export default function showAuthDialog(props?: LoginDialogAttrs): () => void;

package/dist/login-dialog/service.js

@@ -32,8 +32,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';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
@@ -56,8 +56,12 @@ function renderLoginDialog(props) {
   render( /*#__PURE__*/React.createElement(LoginDialog, props), containerElement);
 }
 
+function noop() {}
+
 function showAuthDialog() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    onCancel: noop
+  };
   renderLoginDialog({ ...props,
     show: true
   });

package/dist/markdown/code.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CodeProps } from 'react-markdown/lib/ast-to-react';
+declare module 'react-markdown/lib/complex-types' {
+    interface ReactMarkdownProps {
+        language?: string;
+    }
+}
+declare const MarkdownCode: ({ children, language, inline }: CodeProps) => JSX.Element;
+export default MarkdownCode;

package/dist/markdown/code.js

@@ -10,20 +10,20 @@ import '../global/memoize.js';
 
 const MarkdownCode = _ref => {
   let {
-    value,
+    children,
     language,
     inline
   } = _ref;
   return /*#__PURE__*/React.createElement(Code, {
     language: language,
-    code: value || '',
+    code: (children === null || children === void 0 ? void 0 : children.join('')) || '',
     inline: inline
   });
 };
 
 MarkdownCode.propTypes = {
   language: PropTypes.string,
-  value: PropTypes.string,
+  children: PropTypes.array.isRequired,
   inline: PropTypes.bool
 };
 

package/dist/markdown/heading.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { HeadingProps } from 'react-markdown/lib/ast-to-react';
+declare const MarkdownHeading: {
+    ({ level, children }: HeadingProps): JSX.Element;
+    propTypes: {
+        level: PropTypes.Validator<number>;
+        children: PropTypes.Validator<any[]>;
+    };
+};
+export default MarkdownHeading;

package/dist/markdown/heading.js

@@ -16,8 +16,8 @@ const MarkdownHeading = _ref => {
 };
 
 MarkdownHeading.propTypes = {
-  level: PropTypes.number,
-  children: PropTypes.node
+  level: PropTypes.number.isRequired,
+  children: PropTypes.array.isRequired
 };
 
 export { MarkdownHeading as default };

package/dist/markdown/link.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { ReactMarkdownProps } from 'react-markdown/lib/complex-types';
+declare const MarkdownLink: {
+    ({ href, title, children }: JSX.IntrinsicElements['a'] & ReactMarkdownProps): JSX.Element;
+    propTypes: {
+        href: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        children: PropTypes.Validator<any[]>;
+    };
+};
+export default MarkdownLink;

package/dist/markdown/link.js

@@ -16,15 +16,15 @@ const MarkdownLink = _ref => {
     children
   } = _ref;
   return /*#__PURE__*/React.createElement(Link, {
-    href,
-    title
+    href: href,
+    title: title
   }, children);
 };
 
 MarkdownLink.propTypes = {
   href: PropTypes.string,
   title: PropTypes.string,
-  children: PropTypes.node
+  children: PropTypes.array.isRequired
 };
 
 export { MarkdownLink as default };

package/dist/markdown/markdown.d.ts

@@ -0,0 +1,14 @@
+import { PureComponent } from 'react';
+import { Options } from 'react-markdown';
+export interface BaseMarkdownProps {
+    inline?: boolean | null | undefined;
+}
+export declare type MarkdownProps = Options & BaseMarkdownProps;
+/**
+  * @name Markdown
+*/
+export default class Markdown extends PureComponent<MarkdownProps> {
+    render(): JSX.Element;
+}
+declare const md: (strings: TemplateStringsArray, ...interpolations: unknown[]) => void;
+export { md };

package/dist/markdown/markdown.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import ReactMarkdown from 'react-markdown';
@@ -21,7 +21,7 @@ import '../_helpers/link.js';
 import '../heading/heading.js';
 import 'util-deprecate';
 
-var modules_9c709e64 = {"unit":"8px","p-margin":"10px","inline":"inline_rui_b3aa","markdown":"markdown_rui_b3aa font_rui_750f"};
+var modules_9c709e64 = {"unit":"8px","p-margin":"10px","inline":"inline_rui_06b6","markdown":"markdown_rui_06b6 font_rui_750f"};
 
 /**
   * @name Markdown
@@ -31,9 +31,9 @@ class Markdown extends PureComponent {
   render() {
     const {
       className,
-      renderers,
+      components,
       inline,
-      source,
+      children,
       plugins = [],
       ...restProps
     } = this.props;
@@ -43,31 +43,29 @@ class Markdown extends PureComponent {
     });
     return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({
       className: classes,
-      source: normalizeIndent(source),
       plugins: [RemarkBreaks, RemarkGFM, ...plugins],
-      renderers: {
-        link: MarkdownLink,
-        linkReference: MarkdownLink,
+      components: {
+        a: MarkdownLink,
         code: MarkdownCode,
-        inlineCode: MarkdownCode,
-        heading: MarkdownHeading,
-        ...renderers
+        h1: MarkdownHeading,
+        h2: MarkdownHeading,
+        h3: MarkdownHeading,
+        h4: MarkdownHeading,
+        h5: MarkdownHeading,
+        h6: MarkdownHeading,
+        ...components
       }
-    }, restProps));
+    }, restProps), normalizeIndent(children));
   }
 
 }
-
-_defineProperty(Markdown, "propTypes", {
+Markdown.propTypes = {
   inline: PropTypes.bool,
-  source: PropTypes.string,
+  children: PropTypes.string,
   className: PropTypes.string,
-  renderers: PropTypes.object,
+  components: PropTypes.object,
   plugins: PropTypes.array
-});
-
-const md = trivialTemplateTag(source => /*#__PURE__*/React.createElement(Markdown, {
-  source
-}));
+};
+const md = trivialTemplateTag(source => /*#__PURE__*/React.createElement(Markdown, null, source));
 
 export { Markdown as default, md };