@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.1

package/dist/loader/loader__core.js

@@ -1,272 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import { getPixelRatio } from '../global/dom.js';
-
-var modules_00b5ad26 = {"unit":"8px","canvas":"loader_canvas__2113523f","animate":"loader_animate__2113523f","rotation-keyframes":"loader_rotationKeyframes__2113523f","text":"loader_text__2113523f"};
-
-const INITIAL_TICKS = 100;
-
-class Particle {
-  constructor(_ref) {
-    let {
-      x,
-      y,
-      radius,
-      color
-    } = _ref;
-    this.radius = radius;
-    this.x = x;
-    this.y = y;
-    this.color = color;
-    this.decay = 0.01;
-    this.life = 1;
-  }
-
-  step() {
-    this.life -= this.decay;
-  }
-
-  isAlive() {
-    return this.life >= 0;
-  }
-
-  draw(ctx) {
-    const alpha = this.life >= 0 ? this.life : 0;
-    ctx.fillStyle = `rgba(${this.color.r}, ${this.color.g}, ${this.color.b}, ${alpha})`;
-    ctx.beginPath();
-    ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
-    ctx.fill();
-  }
-
-}
-
-const DETERMINISTIC_VALUE = 0.5;
-
-function deterministic() {
-  return DETERMINISTIC_VALUE;
-}
-
-class LoaderCore {
-  static calculateGradient(startColor, stopColor, position) {
-    const calculateChannelValue = (a, b) => a + Math.round((b - a) * position);
-
-    return {
-      r: calculateChannelValue(startColor.r, stopColor.r),
-      g: calculateChannelValue(startColor.g, stopColor.g),
-      b: calculateChannelValue(startColor.b, stopColor.b)
-    };
-  }
-
-  constructor(containerNode, props) {
-    this.props = Object.assign({}, LoaderCore.defaultProps, props);
-    this.renderInNode(containerNode);
-    this.initializeLoader();
-    this.isRunning = !this.props.stop;
-
-    if (this.isRunning) {
-      this.startAnimation();
-    } else {
-      this.draw();
-    }
-  }
-
-  static getPixelRatio() {
-    return getPixelRatio();
-  }
-
-  setCanvasSize() {
-    const pixelRatio = LoaderCore.getPixelRatio();
-    const canvasSize = this.props.size * pixelRatio;
-    this.canvas.width = canvasSize;
-    this.canvas.height = canvasSize; //Fixate canvas physical size to avoid real size scaling
-
-    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.height = this.props.size;
-    this.width = this.props.size;
-    this.particles = []; //Configuration
-
-    this.baseSpeed = 1.0;
-    this.colorIndex = 0;
-    this.maxRadius = 10;
-    this.minRadius = 6;
-    this.colorChangeTick = 40; //State
-
-    this.x = 0;
-    this.y = 0;
-    this.radius = 8;
-    this.hSpeed = 1.5;
-    this.vSpeed = 0.5;
-    this.radiusSpeed = 0.05;
-    this.tick = 0;
-    this.prepareInitialState(INITIAL_TICKS);
-  }
-
-  prepareInitialState(ticks) {
-    for (let i = 0; i < ticks; i++) {
-      this.step();
-    }
-  }
-
-  handleLimits(coord, radius, speed, limit) {
-    const randomFunc = this.props.deterministic ? deterministic : Math.random;
-    const randomizedSpeedChange = randomFunc(this.baseSpeed) - this.baseSpeed / 2;
-
-    if (coord + radius * 2 + this.baseSpeed >= limit) {
-      return -(this.baseSpeed + randomizedSpeedChange);
-    } else if (coord <= this.baseSpeed) {
-      return this.baseSpeed + randomizedSpeedChange;
-    }
-
-    return speed;
-  }
-
-  calculateNextCoordinates() {
-    this.x += this.hSpeed;
-    this.y += this.vSpeed;
-    this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
-    this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
-  }
-
-  calculateNextRadius() {
-    this.radius += this.radiusSpeed;
-
-    if (this.radius > this.maxRadius || this.radius < this.minRadius) {
-      this.radiusSpeed = -this.radiusSpeed;
-    }
-  }
-
-  getNextColor() {
-    const colors = this.props.colors;
-    const currentColor = colors[this.colorIndex];
-    const nextColor = colors[this.colorIndex + 1] || colors[0];
-    return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
-  }
-
-  nextTick() {
-    this.tick++;
-
-    if (this.tick > this.colorChangeTick) {
-      this.tick = 0;
-      this.colorIndex++;
-
-      if (this.colorIndex > this.props.colors.length - 1) {
-        this.colorIndex = 0;
-      }
-    }
-  }
-
-  step() {
-    this.nextTick();
-    this.calculateNextCoordinates();
-    this.calculateNextRadius();
-    this.particles.forEach(particle => particle.step());
-    this.particles.push(new Particle({
-      x: this.x,
-      y: this.y,
-      radius: this.radius,
-      color: this.getNextColor()
-    }));
-  }
-
-  removeDeadParticles() {
-    this.particles = this.particles.filter(it => it.isAlive());
-  }
-
-  draw() {
-    this.ctx.clearRect(0, 0, this.width, this.height);
-    this.removeDeadParticles();
-    this.particles.forEach(particle => particle.draw(this.ctx));
-  }
-
-  loop() {
-    this.step();
-    this.draw();
-
-    if (this.isRunning) {
-      window.requestAnimationFrame(() => this.loop());
-    }
-  }
-
-  updateMessage(text) {
-    this.textNode.textContent = text || '';
-  }
-
-  stopAnimation() {
-    this.isRunning = false;
-    this.canvas.classList.remove(modules_00b5ad26.animate);
-  }
-
-  startAnimation() {
-    this.isRunning = true;
-    this.canvas.classList.add(modules_00b5ad26.animate);
-    this.loop();
-  }
-
-  destroy() {
-    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", {
-  size: 64,
-  stop: false,
-  deterministic: false,
-  colors: [{
-    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
-  } //#E32581
-  ]
-});
-
-export default LoaderCore;

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

@@ -1,11 +0,0 @@
-import '../global/conic-gradient.js';
-import '../global/inject-styles.js';
-import '../global/memoize.js';
-import '../global/radial-gradient-mask.js';
-import '../global/theme.js';
-export { i as default } from '../_helpers/inject-styles.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/get-uid.js';
-import 'react';

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

@@ -1,58 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-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';
-
-/**
- * @name Loader Inline
- */
-
-class LoaderInline extends PureComponent {
-  componentDidMount() {
-    injectStyles();
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      className,
-      theme,
-      'data-test': dataTest,
-      children
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["className", "theme", "data-test", "children"]);
-
-    const classes = classNames(modules_e49a3529.loader, className, `${modules_e49a3529.loader}_${theme}`);
-    const loader = /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
-      className: classes
-    }));
-    return children ? /*#__PURE__*/React.createElement(React.Fragment, null, loader, /*#__PURE__*/React.createElement("span", {
-      className: modules_e49a3529.children
-    }, children)) : loader;
-  }
-
-}
-
-_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 default LoaderInline$1;

package/dist/loader-screen/loader-screen.js

@@ -1,46 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import Loader from '../loader/loader.js';
-import '../global/data-tests.js';
-import '../loader/loader__core.js';
-import '../global/dom.js';
-
-var modules_122a82e9 = {"loaderScreen":"loaderScreen_loaderScreen__58811ca6","loader":"loaderScreen_loader__58811ca6","loaderWithoutSpacing":"loaderScreen_loaderWithoutSpacing__58811ca6"};
-
-/**
- * @name Loader Screen
- */
-
-class LoaderScreen extends PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      message,
-      className,
-      containerClassName
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["message", "className", "containerClassName"]);
-
-    const containerClasses = classNames(containerClassName, modules_122a82e9.loaderScreen);
-    const loaderClasses = classNames(className, modules_122a82e9.loader, {
-      [modules_122a82e9.loaderWithoutSpacing]: !message
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: containerClasses
-    }, /*#__PURE__*/React.createElement(Loader, _extends({}, restProps, {
-      message: message,
-      className: loaderClasses
-    })));
-  }
-
-}
-
-_defineProperty(LoaderScreen, "propTypes", {
-  className: PropTypes.string,
-  containerClassName: PropTypes.string,
-  message: PropTypes.string
-});
-
-export default LoaderScreen;

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

@@ -1,184 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Dialog from '../dialog/dialog.js';
-import '../island/island.js';
-import LoaderScreen from '../loader-screen/loader-screen.js';
-import { HUB_AUTH_PAGE_OPENED } from '../auth/background-flow.js';
-import ContentWrapper from '../island/content.js';
-import 'react-dom';
-import 'classnames';
-import '@jetbrains/icons/close';
-import '../global/get-uid.js';
-import '../global/data-tests.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../global/dom.js';
-import '../button/button.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../icon/icon.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../global/memoize.js';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-import '../popup/popup.target.js';
-import '../_helpers/dialog__body-scroll-preventer.js';
-import 'scrollbar-width';
-import '../island/adaptive-island-hoc.js';
-import '../global/linear-function.js';
-import '../_helpers/island.js';
-import '../island/header.js';
-import 'element-resize-detector';
-import '../global/schedule-raf.js';
-import '../loader/loader.js';
-import '../loader/loader__core.js';
-import '../auth/response-parser.js';
-import 'es6-error';
-import '../global/url.js';
-
-var modules_45da1992 = {"unit":"8px","iFrame":"loginDialog_iFrame__ea283227","dialogContent":"loginDialog_dialogContent__ea283227","nonOpaqueLoader":"loginDialog_nonOpaqueLoader__ea283227","fallbackLinkContainer":"loginDialog_fallbackLinkContainer__ea283227"};
-
-const HUB_AUTH_PAGE_LOGIN_STARTED = 'HUB_AUTH_PAGE_LOGIN_STARTED';
-const HUB_AUTH_PAGE_LOGIN_DIMENSIONS = 'HUB_AUTH_PAGE_LOGIN_DIMENSIONS';
-const DEFAULT_HEIGHT = 517;
-const DEFAULT_WIDTH = 333;
-const DEFAULT_SHOW_FALLBACK_TIMEOUT = 5000;
-/**
- * @name Login Dialog
- */
-
-class LoginDialog extends Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "state", {
-      loading: true,
-      loggingIn: false,
-      showFallbackLink: false,
-      height: DEFAULT_HEIGHT,
-      width: DEFAULT_WIDTH
-    });
-
-    _defineProperty(this, "onMessage", event => {
-      const {
-        data
-      } = event;
-
-      if (!data) {
-        return;
-      }
-
-      if (data === HUB_AUTH_PAGE_OPENED) {
-        clearTimeout(this.showFallbackTimout);
-        this.setState({
-          loading: false,
-          loggingIn: false
-        });
-        return;
-      }
-
-      if (data === HUB_AUTH_PAGE_LOGIN_STARTED) {
-        this.setState({
-          loading: true,
-          loggingIn: true
-        });
-        this.startFallbackCountdown();
-        return;
-      }
-
-      if (data.message === HUB_AUTH_PAGE_LOGIN_DIMENSIONS) {
-        this.setState({
-          height: data.height,
-          width: data.width
-        });
-      }
-    });
-  }
-
-  componentDidMount() {
-    window.addEventListener('message', this.onMessage);
-    this.startFallbackCountdown();
-  }
-
-  componentWillUnmount() {
-    window.removeEventListener('message', this.onMessage);
-  }
-
-  startFallbackCountdown() {
-    this.showFallbackTimout = setTimeout(() => this.setState({
-      showFallbackLink: true
-    }), this.props.showFallbackTimeout);
-  }
-
-  render() {
-    const {
-      show,
-      className,
-      url,
-      loadingMessage,
-      renderFallbackLink,
-      onCancel
-    } = this.props;
-    const {
-      loading,
-      height,
-      width,
-      loggingIn,
-      showFallbackLink
-    } = this.state;
-    const iFrameStyle = {
-      height,
-      width
-    };
-    return /*#__PURE__*/React.createElement(Dialog, {
-      "data-test": "ring-login-dialog",
-      className: className,
-      contentClassName: modules_45da1992.dialogContent,
-      trapFocus: true,
-      autoFocusFirst: false,
-      show: show,
-      showCloseButton: true,
-      onCloseAttempt: onCancel
-    }, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("iframe", {
-      title: "Login dialog",
-      style: iFrameStyle,
-      src: url,
-      className: modules_45da1992.iFrame,
-      scrolling: "no"
-    })), loading && /*#__PURE__*/React.createElement(LoaderScreen, {
-      message: loadingMessage,
-      containerClassName: modules_45da1992.nonOpaqueLoader
-    }), showFallbackLink && /*#__PURE__*/React.createElement("div", {
-      className: modules_45da1992.fallbackLinkContainer
-    }, renderFallbackLink(loggingIn)));
-  }
-
-}
-
-_defineProperty(LoginDialog, "propTypes", {
-  show: PropTypes.bool,
-  className: PropTypes.string,
-  url: PropTypes.string,
-  loader: PropTypes.bool,
-  loadingMessage: PropTypes.string,
-  showFallbackTimeout: PropTypes.number,
-  renderFallbackLink: PropTypes.func,
-  onCancel: PropTypes.func.isRequired
-});
-
-_defineProperty(LoginDialog, "defaultProps", {
-  show: false,
-  url: 'about:blank',
-  renderFallbackLink: () => null,
-  showFallbackTimeout: DEFAULT_SHOW_FALLBACK_TIMEOUT
-});
-
-export default LoginDialog;

package/dist/login-dialog/service.js

@@ -1,67 +0,0 @@
-import { c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import { unmountComponentAtNode, render } from 'react-dom';
-import LoginDialog from './login-dialog.js';
-import 'prop-types';
-import '../dialog/dialog.js';
-import 'classnames';
-import '@jetbrains/icons/close';
-import '../island/island.js';
-import '../global/data-tests.js';
-import '../island/adaptive-island-hoc.js';
-import '../global/linear-function.js';
-import '../_helpers/island.js';
-import '../island/header.js';
-import '../island/content.js';
-import 'element-resize-detector';
-import '../global/schedule-raf.js';
-import '../global/get-uid.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../global/dom.js';
-import '../button/button.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../icon/icon.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../global/memoize.js';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-import '../popup/popup.target.js';
-import '../_helpers/dialog__body-scroll-preventer.js';
-import 'scrollbar-width';
-import '../loader-screen/loader-screen.js';
-import '../loader/loader.js';
-import '../loader/loader__core.js';
-import '../auth/background-flow.js';
-import '../auth/response-parser.js';
-import 'es6-error';
-import '../global/url.js';
-
-const containerElement = document.createElement('div');
-/**
- * Renders LoginDialog into virtual node to skip maintaining container
- */
-
-function renderLoginDialog(props) {
-  render( /*#__PURE__*/React.createElement(LoginDialog, props), containerElement);
-}
-
-function showAuthDialog() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  renderLoginDialog(_objectSpread2(_objectSpread2({}, props), {}, {
-    show: true
-  }));
-  return () => {
-    unmountComponentAtNode(containerElement);
-  };
-}
-
-export default showAuthDialog;