@jetbrains/ring-ui-built 6.0.31 → 6.0.32

package/components/auth-dialog/auth-dialog.js

@@ -1,7 +1,3 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper, h as _asyncToGenerator, i as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -10,10 +6,8 @@ import Dialog from '../dialog/dialog.js';
 import { Button } from '../button/button.js';
 import { H2 } from '../heading/heading.js';
 import ContentWrapper from '../island/content.js';
+import '../_helpers/_rollupPluginBabelHelpers.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,28 +17,13 @@ import '../global/schedule-raf.js';
 import 'react-dom';
 import '@jetbrains/icons/close';
 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.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 '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
@@ -53,10 +32,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.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';
@@ -64,156 +40,122 @@ import '../_helpers/heading.js';
 
 var modules_ae521deb = {"light":"light_rui_2ac4","dialog":"dialog_rui_e5f9","content":"content_rui_e5f9 font_rui_f295","button":"button_rui_e5f9","firstButton":"firstButton_rui_e5f9 button_rui_e5f9","title":"title_rui_e5f9","logo":"logo_rui_e5f9","error":"error_rui_e5f9"};
 
-var AuthDialog = /*#__PURE__*/function (_Component) {
-  function AuthDialog() {
-    var _this;
-    _classCallCheck(this, AuthDialog);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, AuthDialog, [].concat(args));
-    _defineProperty(_this, "state", {
-      retrying: false
-    });
-    _defineProperty(_this, "onEscPress", function () {
-      if (_this.props.cancelOnEsc) {
-        _this.props.onCancel();
-      }
-    });
-    _defineProperty(_this, "onRetryPress", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!(!_this.props.onTryAgain || _this.state.retrying)) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return");
-          case 2:
-            _this.setState({
-              retrying: true
-            });
-            _context.prev = 3;
-            _context.next = 6;
-            return _this.props.onTryAgain();
-          case 6:
-            _context.next = 10;
-            break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](3);
-          case 10:
-            _context.prev = 10;
-            _this.setState({
-              retrying: false
-            });
-            return _context.finish(10);
-          case 13:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[3, 8, 10, 13]]);
-    })));
-    return _this;
+class AuthDialog extends Component {
+  static propTypes = {
+    className: PropTypes.string,
+    title: PropTypes.string,
+    errorMessage: PropTypes.string,
+    serviceImage: PropTypes.string,
+    serviceName: PropTypes.string,
+    loginCaption: PropTypes.string,
+    loginToCaption: PropTypes.string,
+    show: PropTypes.bool,
+    cancelOnEsc: PropTypes.bool,
+    confirmLabel: PropTypes.string,
+    cancelLabel: PropTypes.string,
+    tryAgainLabel: PropTypes.string,
+    onConfirm: PropTypes.func,
+    onCancel: PropTypes.func,
+    onTryAgain: PropTypes.func
+  };
+  static defaultProps = {
+    loginCaption: 'Log in',
+    loginToCaption: 'Log in to %serviceName%',
+    tryAgainLabel: 'Try again',
+    show: false,
+    cancelOnEsc: true,
+    confirmLabel: 'Log in',
+    cancelLabel: 'Remain a guest',
+    onConfirm: () => {},
+    onCancel: () => {}
+  };
+  state = {
+    retrying: false
+  };
+  componentDidMount() {
+    window.addEventListener('online', this.onRetryPress);
   }
-  _inherits(AuthDialog, _Component);
-  return _createClass(AuthDialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      window.addEventListener('online', this.onRetryPress);
+  componentWillUnmount() {
+    window.removeEventListener('online', this.onRetryPress);
+  }
+  onEscPress = () => {
+    if (this.props.cancelOnEsc) {
+      this.props.onCancel();
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('online', this.onRetryPress);
+  };
+  onRetryPress = async () => {
+    if (!this.props.onTryAgain || this.state.retrying) {
+      return;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        show = _this$props.show,
-        className = _this$props.className,
-        errorMessage = _this$props.errorMessage,
-        serviceImage = _this$props.serviceImage,
-        serviceName = _this$props.serviceName,
-        loginCaption = _this$props.loginCaption,
-        loginToCaption = _this$props.loginToCaption,
-        confirmLabel = _this$props.confirmLabel,
-        cancelLabel = _this$props.cancelLabel,
-        tryAgainLabel = _this$props.tryAgainLabel,
-        onConfirm = _this$props.onConfirm,
-        onCancel = _this$props.onCancel,
-        onTryAgain = _this$props.onTryAgain;
-      var retrying = this.state.retrying;
-      var defaultTitle = serviceName ? loginToCaption : loginCaption;
-      var title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== void 0 ? serviceName : '').replace('{{serviceName}}', serviceName !== null && serviceName !== void 0 ? serviceName : '');
-      return /*#__PURE__*/React.createElement(Dialog, {
-        label: title,
-        "data-test": "ring-auth-dialog",
-        className: className,
-        contentClassName: classNames(className, modules_ae521deb.dialog),
-        onEscPress: this.onEscPress,
-        show: show,
-        trapFocus: true
-      }, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("div", {
-        className: modules_ae521deb.content
-      }, serviceImage && /*#__PURE__*/React.createElement("img", {
-        alt: "".concat(serviceName, " logo"),
-        className: modules_ae521deb.logo,
-        src: serviceImage
-      }), /*#__PURE__*/React.createElement(H2, {
-        className: modules_ae521deb.title
-      }, title), errorMessage && /*#__PURE__*/React.createElement("div", {
-        className: modules_ae521deb.error
-      }, errorMessage), /*#__PURE__*/React.createElement(Button, {
-        primary: true,
-        className: modules_ae521deb.firstButton,
-        "data-test": "auth-dialog-confirm-button",
-        onClick: onConfirm
-      }, confirmLabel), onTryAgain && /*#__PURE__*/React.createElement(Button, {
-        className: modules_ae521deb.button,
-        "data-test": "auth-dialog-retry-button",
-        onClick: function onClick() {
-          return _this2.onRetryPress();
-        },
-        loader: retrying,
-        disabled: retrying
-      }, tryAgainLabel), /*#__PURE__*/React.createElement(Button, {
-        className: modules_ae521deb.button,
-        "data-test": "auth-dialog-cancel-button",
-        onClick: onCancel
-      }, cancelLabel))));
+    this.setState({
+      retrying: true
+    });
+    try {
+      await this.props.onTryAgain();
+    } catch (e) {
+      // do nothing, error is handled in onTryAgain
+    } finally {
+      this.setState({
+        retrying: false
+      });
     }
-  }]);
-}(Component);
-_defineProperty(AuthDialog, "propTypes", {
-  className: PropTypes.string,
-  title: PropTypes.string,
-  errorMessage: PropTypes.string,
-  serviceImage: PropTypes.string,
-  serviceName: PropTypes.string,
-  loginCaption: PropTypes.string,
-  loginToCaption: PropTypes.string,
-  show: PropTypes.bool,
-  cancelOnEsc: PropTypes.bool,
-  confirmLabel: PropTypes.string,
-  cancelLabel: PropTypes.string,
-  tryAgainLabel: PropTypes.string,
-  onConfirm: PropTypes.func,
-  onCancel: PropTypes.func,
-  onTryAgain: PropTypes.func
-});
-_defineProperty(AuthDialog, "defaultProps", {
-  loginCaption: 'Log in',
-  loginToCaption: 'Log in to %serviceName%',
-  tryAgainLabel: 'Try again',
-  show: false,
-  cancelOnEsc: true,
-  confirmLabel: 'Log in',
-  cancelLabel: 'Remain a guest',
-  onConfirm: function onConfirm() {},
-  onCancel: function onCancel() {}
-});
+  };
+  render() {
+    const {
+      show,
+      className,
+      errorMessage,
+      serviceImage,
+      serviceName,
+      loginCaption,
+      loginToCaption,
+      confirmLabel,
+      cancelLabel,
+      tryAgainLabel,
+      onConfirm,
+      onCancel,
+      onTryAgain
+    } = this.props;
+    const {
+      retrying
+    } = this.state;
+    const defaultTitle = serviceName ? loginToCaption : loginCaption;
+    const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== void 0 ? serviceName : '').replace('{{serviceName}}', serviceName !== null && serviceName !== void 0 ? serviceName : '');
+    return /*#__PURE__*/React.createElement(Dialog, {
+      label: title,
+      "data-test": "ring-auth-dialog",
+      className: className,
+      contentClassName: classNames(className, modules_ae521deb.dialog),
+      onEscPress: this.onEscPress,
+      show: show,
+      trapFocus: true
+    }, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("div", {
+      className: modules_ae521deb.content
+    }, serviceImage && /*#__PURE__*/React.createElement("img", {
+      alt: `${serviceName} logo`,
+      className: modules_ae521deb.logo,
+      src: serviceImage
+    }), /*#__PURE__*/React.createElement(H2, {
+      className: modules_ae521deb.title
+    }, title), errorMessage && /*#__PURE__*/React.createElement("div", {
+      className: modules_ae521deb.error
+    }, errorMessage), /*#__PURE__*/React.createElement(Button, {
+      primary: true,
+      className: modules_ae521deb.firstButton,
+      "data-test": "auth-dialog-confirm-button",
+      onClick: onConfirm
+    }, confirmLabel), onTryAgain && /*#__PURE__*/React.createElement(Button, {
+      className: modules_ae521deb.button,
+      "data-test": "auth-dialog-retry-button",
+      onClick: () => this.onRetryPress(),
+      loader: retrying,
+      disabled: retrying
+    }, tryAgainLabel), /*#__PURE__*/React.createElement(Button, {
+      className: modules_ae521deb.button,
+      "data-test": "auth-dialog-cancel-button",
+      onClick: onCancel
+    }, cancelLabel))));
+  }
+}
 
 export { AuthDialog as default };

package/components/auth-dialog-service/auth-dialog-service.js

@@ -1,18 +1,12 @@
-import { d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
 import AuthDialog from '../auth-dialog/auth-dialog.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import 'prop-types';
 import 'classnames';
 import '../island/island.js';
+import '../_helpers/_rollupPluginBabelHelpers.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';
@@ -24,38 +18,20 @@ import '../dialog/dialog.js';
 import 'react-dom';
 import '@jetbrains/icons/close';
 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.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-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.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';
@@ -67,8 +43,8 @@ import '../_helpers/heading.js';
 /**
  * @name Auth Dialog Service
  */
-var containerElement = document.createElement('div');
-var reactRoot = createRoot(containerElement);
+const containerElement = document.createElement('div');
+const reactRoot = createRoot(containerElement);
 /**
  * Renders AuthDialog into virtual node to skip maintaining container
  */
@@ -78,11 +54,12 @@ function renderAuthDialog(props) {
   }, /*#__PURE__*/React.createElement(AuthDialog, props)));
 }
 function showAuthDialog() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  renderAuthDialog(_objectSpread2(_objectSpread2({}, props), {}, {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  renderAuthDialog({
+    ...props,
     show: true
-  }));
-  return function () {
+  });
+  return () => {
     renderAuthDialog({
       show: false
     });

package/components/avatar/avatar-example-datauri.js

@@ -1,4 +1,26 @@
 // Taken from https://hub.jetbrains.com/api/rest/avatar/default?username=Jet%20Brains&dpr=2&size=56
-var avatarDataUri = "data:image/svg+xml,".concat(encodeURIComponent("\n<svg viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\">\n    <defs>\n        <linearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop stop-color=\"#D50F6B\" offset=\"0\"/>\n            <stop stop-color=\"#E73AE8\" offset=\"1\"/>\n        </linearGradient>\n    </defs>\n    <g>\n        <rect fill=\"url(#gradient)\"\n              x=\"0\" y=\"0\" width=\"40\" height=\"40\"\n              rx=\"3\" ry=\"3\"/>\n        <text x=\"5\" y=\"19\"\n              font-family=\"Arial, Helvetica, sans-serif\"\n              font-size=\"15px\"\n              letter-spacing=\"1\"\n              fill=\"#FFFFFF\">\n            <tspan>JB</tspan>\n            <tspan x=\"6\" y=\"28\">_</tspan>\n        </text>\n    </g>\n</svg>\n"));
+const avatarDataUri = `data:image/svg+xml,${encodeURIComponent(`
+<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <linearGradient id="gradient" x1="0" y1="0" x2="0" y2="1">
+            <stop stop-color="#D50F6B" offset="0"/>
+            <stop stop-color="#E73AE8" offset="1"/>
+        </linearGradient>
+    </defs>
+    <g>
+        <rect fill="url(#gradient)"
+              x="0" y="0" width="40" height="40"
+              rx="3" ry="3"/>
+        <text x="5" y="19"
+              font-family="Arial, Helvetica, sans-serif"
+              font-size="15px"
+              letter-spacing="1"
+              fill="#FFFFFF">
+            <tspan>JB</tspan>
+            <tspan x="6" y="28">_</tspan>
+        </text>
+    </g>
+</svg>
+`)}`;
 
 export { avatarDataUri };