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

package/dist/login-dialog.js

@@ -1,173 +0,0 @@
-import { b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Dialog from './dialog.js';
-import { Content as ContentWrapper } from './island.js';
-import LoaderScreen from './loader-screen.js';
-import { H as HUB_AUTH_PAGE_OPENED } from './_helpers/background-flow.js';
-import 'react-dom';
-import 'classnames';
-import '@jetbrains/icons/close';
-import './_helpers/get-uid.js';
-import './_helpers/data-tests.js';
-import './shortcuts.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './tab-trap.js';
-import './_helpers/dom.js';
-import './_helpers/button.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import './icon.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-import './_helpers/theme.js';
-import './_helpers/clickableLink.js';
-import './_helpers/popup.target.js';
-import 'scrollbar-width';
-import './_helpers/linear-function.js';
-import 'element-resize-detector';
-import './_helpers/schedule-raf.js';
-import './loader.js';
-import 'es6-error';
-import './_helpers/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(...args) {
-    super(...args);
-
-    _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/logo.js

@@ -1,8 +0,0 @@
-import './_helpers/_rollupPluginBabelHelpers.js';
-import 'react';
-import 'prop-types';
-import 'classnames';
-import './icon.js';
-export { L as default } from './_helpers/logo.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';

package/dist/message.js

@@ -1,226 +0,0 @@
-import { b as _defineProperty, a as _extends } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import gift from '@jetbrains/icons/gift';
-import { P as Popup } from './_helpers/popup.js';
-import Icon from './icon.js';
-import { B as Button } from './_helpers/button.js';
-import 'react-dom';
-import './_helpers/get-uid.js';
-import './_helpers/schedule-raf.js';
-import './_helpers/dom.js';
-import './shortcuts.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './_helpers/data-tests.js';
-import './tab-trap.js';
-import './_helpers/popup.target.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import './_helpers/theme.js';
-import './_helpers/clickableLink.js';
-
-var modules_8b837449 = {"unit":"8px","padding":"12px","message":"message_message__18608ba2","icon":"message_icon__18608ba2","title":"message_title__18608ba2 global_fontLower__0f8f4370 global_font__0f8f4370","description":"message_description__18608ba2 global_fontSmallerLower__0f8f4370 global_fontSmaller__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","button":"message_button__18608ba2","tail":"message_tail__18608ba2"};
-
-/**
-  * @name Message
-  */
-
-const {
-  Directions
-} = Popup.PopupProps;
-const UNIT = 8;
-
-const getTailOffsets = offset => ({
-  [Directions.BOTTOM_RIGHT]: {
-    top: 0,
-    left: offset - UNIT,
-    transform: 'rotate(180deg)'
-  },
-  [Directions.BOTTOM_LEFT]: {
-    top: 0,
-    right: offset - UNIT,
-    transform: 'rotate(180deg)'
-  },
-  [Directions.BOTTOM_CENTER]: {
-    top: 0,
-    left: offset - UNIT,
-    transform: 'rotate(180deg)'
-  },
-  [Directions.TOP_RIGHT]: {
-    bottom: -UNIT + 1,
-    left: offset - UNIT
-  },
-  [Directions.TOP_LEFT]: {
-    bottom: -UNIT + 1,
-    right: offset - UNIT
-  },
-  [Directions.TOP_CENTER]: {
-    bottom: -UNIT + 1,
-    left: offset - UNIT
-  },
-  [Directions.RIGHT_TOP]: {
-    bottom: offset - UNIT,
-    left: -UNIT,
-    transform: 'rotate(90deg)'
-  },
-  [Directions.RIGHT_BOTTOM]: {
-    top: offset,
-    left: -UNIT,
-    transform: 'rotate(90deg)'
-  },
-  [Directions.RIGHT_CENTER]: {
-    top: offset,
-    left: -UNIT,
-    transform: 'rotate(90deg)'
-  },
-  [Directions.LEFT_TOP]: {
-    bottom: offset - UNIT,
-    right: -UNIT,
-    transform: 'rotate(-90deg)'
-  },
-  [Directions.LEFT_BOTTOM]: {
-    top: offset,
-    right: -UNIT,
-    transform: 'rotate(-90deg)'
-  },
-  [Directions.LEFT_CENTER]: {
-    top: offset,
-    right: -UNIT,
-    transform: 'rotate(-90deg)'
-  }
-});
-/**
- * Displays a popup containing a message.
- */
-
-
-class Message extends Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {});
-
-    _defineProperty(this, "_onDirectionChange", direction => this.setState({
-      direction
-    }));
-
-    _defineProperty(this, "popupRef", el => {
-      var _this$popup;
-
-      this.popup = el;
-      this.node = (_this$popup = this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
-    });
-  }
-
-  getTailOffset() {
-    var _this$popup2;
-
-    const DEFAULT_OFFSET = 32;
-    const {
-      popupProps
-    } = this.props;
-
-    if (this.props.tailOffset != null) {
-      return this.props.tailOffset;
-    }
-
-    const anchor = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === void 0 ? void 0 : _this$popup2.parent);
-
-    if (!anchor) {
-      return DEFAULT_OFFSET;
-    }
-
-    const offset = Math.floor(anchor.offsetWidth / 2);
-    const isOpenedToRight = [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
-
-    if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
-      return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
-    }
-
-    return offset;
-  }
-
-  render() {
-    const {
-      children,
-      className,
-      tailClassName,
-      title,
-      icon,
-      popupProps,
-      buttonProps,
-      onClose,
-      onDismiss,
-      translations
-    } = this.props;
-    const classes = classNames(modules_8b837449.message, className);
-    const tailClasses = classNames(modules_8b837449.tail, tailClassName);
-    const popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
-    const {
-      direction
-    } = this.state;
-    return /*#__PURE__*/React.createElement(Popup, _extends({
-      ref: this.popupRef,
-      hidden: false,
-      directions: popupDirections,
-      className: classes,
-      offset: UNIT * 2,
-      onDirectionChange: this._onDirectionChange
-    }, popupProps), direction && /*#__PURE__*/React.createElement("div", {
-      className: tailClasses,
-      style: getTailOffsets(this.getTailOffset())[direction]
-    }), icon && /*#__PURE__*/React.createElement(Icon, {
-      className: modules_8b837449.icon,
-      glyph: icon
-    }), /*#__PURE__*/React.createElement("h1", {
-      "data-test": "rgMessageTitle",
-      className: modules_8b837449.title
-    }, title), children && /*#__PURE__*/React.createElement("div", {
-      className: modules_8b837449.description
-    }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
-      className: modules_8b837449.button,
-      onClick: onClose,
-      primary: true
-    }, buttonProps), translations.gotIt), onDismiss && /*#__PURE__*/React.createElement(Button, {
-      onClick: onDismiss,
-      text: true
-    }, translations.dismiss));
-  }
-
-}
-
-_defineProperty(Message, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  tailClassName: PropTypes.string,
-  title: PropTypes.string.isRequired,
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  directions: PropTypes.arrayOf(PropTypes.string),
-  direction: PropTypes.string,
-  popupProps: PropTypes.object,
-  buttonProps: PropTypes.object,
-  tailOffset: PropTypes.number,
-  onClose: PropTypes.func,
-  onDismiss: PropTypes.func,
-  translations: PropTypes.object
-});
-
-_defineProperty(Message, "defaultProps", {
-  icon: gift,
-  directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
-  translations: {
-    gotIt: 'Got it',
-    dismiss: 'Dismiss'
-  }
-});
-
-_defineProperty(Message, "Directions", Directions);
-
-_defineProperty(Message, "PopupProps", Popup.PopupProps);
-
-export default Message;

package/dist/old-browsers-message.js

@@ -1,129 +0,0 @@
-import { c as _objectSpread2 } from './_helpers/_rollupPluginBabelHelpers.js';
-import { s as sniffr } from './_helpers/sniffer.js';
-import 'sniffr';
-
-const MAJOR_VERSION_INDEX = 0;
-/**
- * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
- */
-
-/* global SUPPORTED_BROWSERS */
-
-if (!["and_chr 90", "and_uc 12.12", "chrome 89", "chrome 88", "edge 89", "firefox 86", "ios_saf 14.0-14.5", "safari 14", "samsung 13.0"]) {
-  // eslint-disable-next-line no-console
-  console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
-}
-
-const SUPPORTED = ["and_chr 90", "and_uc 12.12", "chrome 89", "chrome 88", "edge 89", "firefox 86", "ios_saf 14.0-14.5", "safari 14", "samsung 13.0"] || [];
-const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
-const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
-  const [, browserName, version] = item.match(/(\S+)\s(\S+)/);
-
-  if (!WHITE_LISTED_BROWSERS.includes(browserName)) {
-    return acc;
-  }
-
-  return _objectSpread2(_objectSpread2({}, acc), {}, {
-    [browserName]: parseInt(version, 10)
-  });
-}, {});
-function isBrowserInWhiteList() {
-  return sniffr.browser.version[MAJOR_VERSION_INDEX] >= WHITE_LIST[sniffr.browser.name];
-}
-
-/**
- * @name Old Browsers Message
- */
-
-/**
-  The list of versions which are definitely supported. "Browser is unsupported"
-  won't be displayed for those and higher versions even when a JS error occurs
-  on application start.
- */
-
-let smileChanges = 0;
-const MAX_SMILE_CHANGES = 50;
-let previousWindowErrorHandler;
-
-function changeSmileClickListener(event) {
-  const eyes = ['O', 'o', '-', '>', '<'];
-  const target = event.target || event.srcElement;
-  smileChanges++;
-
-  function rand(min, max) {
-    return Math.round(Math.random() * (max - min)) + min;
-  }
-
-  function getRandomEye() {
-    return eyes[rand(0, eyes.length - 1)];
-  }
-
-  function getRandomSmile() {
-    if (smileChanges >= MAX_SMILE_CHANGES) {
-      return '\\\\ (x_x) //';
-    }
-
-    return `{{ (${getRandomEye()}_${getRandomEye()}) }}`;
-  }
-
-  target.innerHTML = getRandomSmile();
-}
-
-function attachSmileClickListener(smileNode) {
-  if (smileNode.addEventListener) {
-    smileNode.addEventListener('click', changeSmileClickListener);
-  } else if (smileNode.attachEvent) {
-    smileNode.attachEvent('onclick', changeSmileClickListener);
-  }
-}
-/**
- * Listens to unhandled errors and displays passed node
- */
-
-
-function startOldBrowsersDetector(onOldBrowserDetected) {
-  previousWindowErrorHandler = window.onerror;
-
-  window.onerror = function oldBrowsersMessageShower(errorMsg, url, lineNumber) {
-    if (onOldBrowserDetected) {
-      onOldBrowserDetected();
-    }
-
-    if (previousWindowErrorHandler) {
-      return previousWindowErrorHandler(errorMsg, url, lineNumber);
-    }
-
-    return false;
-  };
-}
-
-function stopOldBrowserDetector() {
-  window.onerror = previousWindowErrorHandler;
-} //Start javascript error detection
-
-
-startOldBrowsersDetector(() => {
-  const oldBrowsersMessageContainer = document.getElementById('ring-old-browsers-message');
-  const browserMessage = document.getElementById('ring-old-browsers-message__browser-message');
-  const errorMessage = document.getElementById('ring-old-browsers-message__error-message');
-  const smileNode = document.getElementById('ring-old-browsers-message__smile');
-
-  if (isBrowserInWhiteList()) {
-    browserMessage.style.display = 'none';
-    errorMessage.style.display = 'block';
-  } else {
-    browserMessage.style.display = 'block';
-    errorMessage.style.display = 'none';
-  }
-
-  if (oldBrowsersMessageContainer) {
-    oldBrowsersMessageContainer.hidden = false;
-    oldBrowsersMessageContainer.style.display = 'block';
-  }
-
-  if (smileNode) {
-    attachSmileClickListener(smileNode);
-  }
-});
-
-export { stopOldBrowserDetector as stop };