@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.11

package/components/login-dialog/login-dialog.js

@@ -1,218 +1,167 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { 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 'classnames';
+import 'core-js/modules/es.array.reduce.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import '../island/header.js';
 import ContentWrapper from '../island/content.js';
+import LoaderScreen from '../loader-screen/loader-screen.js';
+import { HUB_AUTH_PAGE_OPENED } from '../auth/background-flow.js';
 import 'react-dom';
-import 'classnames';
 import '@jetbrains/icons/close';
-import '../global/get-uid.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.to-string.js';
+import '../island/island.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
+import '../island/adaptive-island-hoc.js';
+import '../global/linear-function.js';
+import '../_helpers/island.js';
+import 'element-resize-detector';
+import '../global/schedule-raf.js';
+import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
-import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
-import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.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';
 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 'core-js/modules/es.array.fill.js';
-import 'core-js/modules/es.promise.js';
 import '../auth/response-parser.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'es6-error';
 import '../global/url.js';
 
 var modules_45da1992 = {"light":"light_rui_2ac4","iFrame":"iFrame_rui_2d2e","dialogContent":"dialogContent_rui_2d2e","nonOpaqueLoader":"nonOpaqueLoader_rui_2d2e","fallbackLinkContainer":"fallbackLinkContainer_rui_2d2e"};
 
-var HUB_AUTH_PAGE_LOGIN_STARTED = 'HUB_AUTH_PAGE_LOGIN_STARTED';
-var HUB_AUTH_PAGE_LOGIN_DIMENSIONS = 'HUB_AUTH_PAGE_LOGIN_DIMENSIONS';
-var DEFAULT_HEIGHT = 517;
-var DEFAULT_WIDTH = 333;
-var DEFAULT_SHOW_FALLBACK_TIMEOUT = 5000;
+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
  */
-var LoginDialog = /*#__PURE__*/function (_Component) {
-  function LoginDialog() {
-    var _this;
-    _classCallCheck(this, LoginDialog);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, LoginDialog, [].concat(args));
-    _defineProperty(_this, "state", {
+class LoginDialog extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       loading: true,
       loggingIn: false,
       showFallbackLink: false,
       height: DEFAULT_HEIGHT,
       width: DEFAULT_WIDTH
     });
-    _defineProperty(_this, "showFallbackTimout", void 0);
-    _defineProperty(_this, "onMessage", function (event) {
-      var data = event.data;
+    _defineProperty(this, "showFallbackTimout", void 0);
+    _defineProperty(this, "onMessage", event => {
+      const {
+        data
+      } = event;
       if (!data) {
         return;
       }
       if (data === HUB_AUTH_PAGE_OPENED) {
-        clearTimeout(_this.showFallbackTimout);
-        _this.setState({
+        clearTimeout(this.showFallbackTimout);
+        this.setState({
           loading: false,
           loggingIn: false
         });
         return;
       }
       if (data === HUB_AUTH_PAGE_LOGIN_STARTED) {
-        _this.setState({
+        this.setState({
           loading: true,
           loggingIn: true
         });
-        _this.startFallbackCountdown();
+        this.startFallbackCountdown();
         return;
       }
       if (data.message === HUB_AUTH_PAGE_LOGIN_DIMENSIONS) {
-        _this.setState({
+        this.setState({
           height: data.height,
           width: data.width
         });
       }
     });
-    return _this;
   }
-  _inherits(LoginDialog, _Component);
-  return _createClass(LoginDialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      window.addEventListener('message', this.onMessage);
-      this.startFallbackCountdown();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('message', this.onMessage);
-    }
-  }, {
-    key: "startFallbackCountdown",
-    value: function startFallbackCountdown() {
-      var _this2 = this;
-      this.showFallbackTimout = window.setTimeout(function () {
-        return _this2.setState({
-          showFallbackLink: true
-        });
-      }, this.props.showFallbackTimeout);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        show = _this$props.show,
-        className = _this$props.className,
-        url = _this$props.url,
-        loadingMessage = _this$props.loadingMessage,
-        renderFallbackLink = _this$props.renderFallbackLink,
-        onCancel = _this$props.onCancel;
-      var _this$state = this.state,
-        loading = _this$state.loading,
-        height = _this$state.height,
-        width = _this$state.width,
-        loggingIn = _this$state.loggingIn,
-        showFallbackLink = _this$state.showFallbackLink;
-      var iFrameStyle = {
-        height,
-        width
-      };
-      return /*#__PURE__*/jsxs(Dialog, {
-        "data-test": "ring-login-dialog",
-        className: className,
-        contentClassName: modules_45da1992.dialogContent,
-        trapFocus: true,
-        autoFocusFirst: false,
-        show: show,
-        showCloseButton: true,
-        onCloseAttempt: onCancel,
-        children: [/*#__PURE__*/jsx(ContentWrapper, {
-          children: /*#__PURE__*/jsx("iframe", {
-            title: "Login dialog",
-            style: iFrameStyle,
-            src: url,
-            className: modules_45da1992.iFrame,
-            scrolling: "no"
-          })
-        }), loading && /*#__PURE__*/jsx(LoaderScreen, {
-          message: loadingMessage,
-          containerClassName: modules_45da1992.nonOpaqueLoader
-        }), showFallbackLink && /*#__PURE__*/jsx("div", {
-          className: modules_45da1992.fallbackLinkContainer,
-          children: renderFallbackLink(loggingIn)
-        })]
-      });
-    }
-  }]);
-}(Component);
-_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
-});
+  componentDidMount() {
+    window.addEventListener('message', this.onMessage);
+    this.startFallbackCountdown();
+  }
+  componentWillUnmount() {
+    window.removeEventListener('message', this.onMessage);
+  }
+  startFallbackCountdown() {
+    this.showFallbackTimout = window.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__*/jsxs(Dialog, {
+      "data-test": "ring-login-dialog",
+      className: className,
+      contentClassName: modules_45da1992.dialogContent,
+      trapFocus: true,
+      autoFocusFirst: false,
+      show: show,
+      showCloseButton: true,
+      onCloseAttempt: onCancel,
+      children: [/*#__PURE__*/jsx(ContentWrapper, {
+        children: /*#__PURE__*/jsx("iframe", {
+          title: "Login dialog",
+          style: iFrameStyle,
+          src: url,
+          className: modules_45da1992.iFrame,
+          scrolling: "no"
+        })
+      }), loading && /*#__PURE__*/jsx(LoaderScreen, {
+        message: loadingMessage,
+        containerClassName: modules_45da1992.nonOpaqueLoader
+      }), showFallbackLink && /*#__PURE__*/jsx("div", {
+        className: modules_45da1992.fallbackLinkContainer,
+        children: renderFallbackLink(loggingIn)
+      })]
+    });
+  }
+}
 _defineProperty(LoginDialog, "defaultProps", {
   show: false,
   url: 'about:blank',
-  renderFallbackLink: function renderFallbackLink() {
-    return null;
-  },
+  renderFallbackLink: () => null,
   showFallbackTimeout: DEFAULT_SHOW_FALLBACK_TIMEOUT
 });
 

package/components/login-dialog/service.js

@@ -1,11 +1,10 @@
-import { d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { createRoot } from 'react-dom/client';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
 import LoginDialog from './login-dialog.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
-import 'core-js/modules/es.array.concat.js';
-import 'prop-types';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../dialog/dialog.js';
 import 'react-dom';
 import 'classnames';
@@ -13,8 +12,6 @@ import '@jetbrains/icons/close';
 import '../island/island.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
@@ -23,40 +20,22 @@ import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../shortcuts/shortcuts.js';
-import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
-import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.target.js';
@@ -65,35 +44,34 @@ import 'scrollbar-width';
 import '../loader-screen/loader-screen.js';
 import '../loader/loader.js';
 import '../loader/loader__core.js';
-import 'core-js/modules/es.array.fill.js';
 import '../auth/background-flow.js';
-import 'core-js/modules/es.promise.js';
 import '../auth/response-parser.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'es6-error';
 import '../global/url.js';
 
-var containerElement = document.createElement('div');
-var reactRoot = createRoot(containerElement);
+const containerElement = document.createElement('div');
+const reactRoot = createRoot(containerElement);
 /**
  * Renders LoginDialog into virtual node to skip maintaining container
  */
 function renderLoginDialog(props) {
-  reactRoot.render( /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
     value: getGlobalControlsHeight(),
     children: /*#__PURE__*/jsx(LoginDialog, _objectSpread2({}, props))
   }));
 }
 function noop() {}
 function showAuthDialog() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     onCancel: noop
   };
   renderLoginDialog(_objectSpread2(_objectSpread2({}, props), {}, {
     show: true
   }));
-  return function () {
-    reactRoot.unmount();
+  return () => {
+    renderLoginDialog(_objectSpread2(_objectSpread2({}, props), {}, {
+      show: false
+    }));
   };
 }
 

package/components/markdown/markdown.js

@@ -1,6 +1,4 @@
-import { a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_901b77ec } from '../_helpers/heading.js';
 import { m as modules_607b0772 } from '../_helpers/link.js';
@@ -8,33 +6,22 @@ import { jsx } from 'react/jsx-runtime';
 
 var modules_9c709e64 = {"p-margin":"10px","light":"light_rui_2ac4","inline":"inline_rui_9a22","markdown":"markdown_rui_9a22 font_rui_f295"};
 
-var Markdown = /*#__PURE__*/function (_PureComponent) {
-  function Markdown() {
-    _classCallCheck(this, Markdown);
-    return _callSuper(this, Markdown, arguments);
+class Markdown extends PureComponent {
+  render() {
+    const {
+      className,
+      children,
+      inline
+    } = this.props;
+    const classes = classNames(className, modules_901b77ec.contentWithHeadings, modules_607b0772.withLinks, {
+      [modules_9c709e64.markdown]: !inline,
+      [modules_9c709e64.inline]: inline
+    });
+    return /*#__PURE__*/jsx("div", {
+      className: classes,
+      children: children
+    });
   }
-  _inherits(Markdown, _PureComponent);
-  return _createClass(Markdown, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        children = _this$props.children,
-        inline = _this$props.inline;
-      var classes = classNames(className, modules_901b77ec.contentWithHeadings, modules_607b0772.withLinks, {
-        [modules_9c709e64.markdown]: !inline,
-        [modules_9c709e64.inline]: inline
-      });
-      return /*#__PURE__*/jsx("div", {
-        className: classes,
-        children: children
-      });
-    }
-  }]);
-}(PureComponent);
-Markdown.propTypes = {
-  inline: PropTypes.bool,
-  className: PropTypes.string
-};
+}
 
 export { Markdown as default };