@jetbrains/ring-ui 4.2.2 → 4.2.5

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

@@ -1,188 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.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.js';
-import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.replace.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 '../_helpers/loader-screen.js';
-import '../auth/response-parser.js';
-import 'es6-error';
-import '../global/url.js';
-
-var modules_45da1992 = {"unit":"8px","iFrame":"iFrame_rui_ea70","dialogContent":"dialogContent_rui_ea70","nonOpaqueLoader":"nonOpaqueLoader_rui_ea70","fallbackLinkContainer":"fallbackLinkContainer_rui_ea70"};
-
-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 { LoginDialog as default };

package/dist/login-dialog/service.js

@@ -1,72 +0,0 @@
-import React from 'react';
-import { unmountComponentAtNode, render } from '../global/react-render-adapter.js';
-import LoginDialog from './login-dialog.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'react-dom';
-import '../_helpers/_rollupPluginBabelHelpers.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.js';
-import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.replace.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 '../_helpers/loader-screen.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({ ...props,
-    show: true
-  });
-  return () => {
-    unmountComponentAtNode(containerElement);
-  };
-}
-
-export { showAuthDialog as default };

package/dist/markdown/code.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Code from '../code/code.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'classnames';
-import 'highlight.js/lib/core';
-import '../global/normalize-indent.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import '../global/trivial-template-tag.js';
-import '../global/memoize.js';
-
-const MarkdownCode = _ref => {
-  let {
-    value,
-    language,
-    inline
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Code, {
-    language: language,
-    code: value || '',
-    inline: inline
-  });
-};
-
-MarkdownCode.propTypes = {
-  language: PropTypes.string,
-  value: PropTypes.string,
-  inline: PropTypes.bool
-};
-
-export { MarkdownCode as default };

package/dist/markdown/heading.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Heading from '../heading/heading.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'classnames';
-import 'util-deprecate';
-
-const MarkdownHeading = _ref => {
-  let {
-    level,
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Heading, {
-    level: level
-  }, children);
-};
-
-MarkdownHeading.propTypes = {
-  level: PropTypes.number,
-  children: PropTypes.node
-};
-
-export { MarkdownHeading as default };

package/dist/markdown/link.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Link from '../link/link.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
-import 'classnames';
-import '../global/memoize.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import '../global/data-tests.js';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-
-const MarkdownLink = _ref => {
-  let {
-    href,
-    title,
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Link, {
-    href,
-    title
-  }, children);
-};
-
-MarkdownLink.propTypes = {
-  href: PropTypes.string,
-  title: PropTypes.string,
-  children: PropTypes.node
-};
-
-export { MarkdownLink as default };

package/dist/markdown/markdown.js

@@ -1,74 +0,0 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import ReactMarkdown from 'react-markdown';
-import classNames from 'classnames';
-import RemarkBreaks from 'remark-breaks';
-import RemarkGFM from 'remark-gfm';
-import normalizeIndent from '../global/normalize-indent.js';
-import trivialTemplateTag from '../global/trivial-template-tag.js';
-import MarkdownCode from './code.js';
-import MarkdownLink from './link.js';
-import MarkdownHeading from './heading.js';
-import '../code/code.js';
-import 'highlight.js/lib/core';
-import '../global/memoize.js';
-import '../link/link.js';
-import 'focus-visible';
-import '../global/data-tests.js';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-import '../heading/heading.js';
-import 'util-deprecate';
-
-var modules_9c709e64 = {"unit":"8px","p-margin":"10px","inline":"inline_rui_e3b3","markdown":"markdown_rui_e3b3 font_rui_8bff"};
-
-/**
-  * @name Markdown
-*/
-
-class Markdown extends PureComponent {
-  render() {
-    const {
-      className,
-      renderers,
-      inline,
-      source,
-      plugins = [],
-      ...restProps
-    } = this.props;
-    const classes = classNames(className, {
-      [modules_9c709e64.markdown]: !inline,
-      [modules_9c709e64.inline]: inline
-    });
-    return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({
-      className: classes,
-      source: normalizeIndent(source),
-      plugins: [RemarkBreaks, RemarkGFM, ...plugins],
-      renderers: {
-        link: MarkdownLink,
-        linkReference: MarkdownLink,
-        code: MarkdownCode,
-        inlineCode: MarkdownCode,
-        heading: MarkdownHeading,
-        ...renderers
-      }
-    }, restProps));
-  }
-
-}
-
-_defineProperty(Markdown, "propTypes", {
-  inline: PropTypes.bool,
-  source: PropTypes.string,
-  className: PropTypes.string,
-  renderers: PropTypes.object,
-  plugins: PropTypes.array
-});
-
-const md = trivialTemplateTag(source => /*#__PURE__*/React.createElement(Markdown, {
-  source
-}));
-
-export { Markdown as default, md };

package/dist/message/message.js

@@ -1,235 +0,0 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import gift from '@jetbrains/icons/gift';
-import Popup from '../popup/popup.js';
-import Icon from '../icon/icon.js';
-import Button from '../button/button.js';
-import 'core-js/modules/es.string.replace.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../global/data-tests.js';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
-import '../global/memoize.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-
-var modules_8b837449 = {"unit":"8px","padding":"12px","message":"message_rui_f3db","icon":"icon_rui_f3db","title":"title_rui_f3db font-lower_rui_8bff font_rui_8bff","description":"description_rui_f3db font-smaller-lower_rui_8bff font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","button":"button_rui_f3db","tail":"tail_rui_f3db"};
-
-/**
-  * @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() {
-    super(...arguments);
-
-    _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 { Message as default };