@jetbrains/ring-ui 4.2.7 → 4.2.10

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

@@ -0,0 +1,188 @@
+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

@@ -0,0 +1,72 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,74 @@
+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

@@ -0,0 +1,235 @@
+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 };