@jetbrains/ring-ui-built 6.0.32 → 6.0.34

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

@@ -1,3 +1,7 @@
+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';
@@ -6,8 +10,10 @@ 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';
@@ -17,13 +23,28 @@ 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';
@@ -32,7 +53,10 @@ 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';
@@ -40,122 +64,156 @@ 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"};
 
-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);
-  }
-  componentWillUnmount() {
-    window.removeEventListener('online', this.onRetryPress);
+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;
   }
-  onEscPress = () => {
-    if (this.props.cancelOnEsc) {
-      this.props.onCancel();
+  _inherits(AuthDialog, _Component);
+  return _createClass(AuthDialog, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      window.addEventListener('online', this.onRetryPress);
     }
-  };
-  onRetryPress = async () => {
-    if (!this.props.onTryAgain || this.state.retrying) {
-      return;
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('online', this.onRetryPress);
     }
-    this.setState({
-      retrying: true
-    });
-    try {
-      await this.props.onTryAgain();
-    } catch (e) {
-      // do nothing, error is handled in onTryAgain
-    } finally {
-      this.setState({
-        retrying: false
-      });
+  }, {
+    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))));
     }
-  };
-  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))));
-  }
-}
+  }]);
+}(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() {}
+});
 
 export { AuthDialog as default };

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

@@ -1,12 +1,18 @@
+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';
@@ -18,20 +24,38 @@ 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';
@@ -43,8 +67,8 @@ import '../_helpers/heading.js';
 /**
  * @name Auth Dialog Service
  */
-const containerElement = document.createElement('div');
-const reactRoot = createRoot(containerElement);
+var containerElement = document.createElement('div');
+var reactRoot = createRoot(containerElement);
 /**
  * Renders AuthDialog into virtual node to skip maintaining container
  */
@@ -54,12 +78,11 @@ function renderAuthDialog(props) {
   }, /*#__PURE__*/React.createElement(AuthDialog, props)));
 }
 function showAuthDialog() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  renderAuthDialog({
-    ...props,
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  renderAuthDialog(_objectSpread2(_objectSpread2({}, props), {}, {
     show: true
-  });
-  return () => {
+  }));
+  return function () {
     renderAuthDialog({
       show: false
     });

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

@@ -1,26 +1,4 @@
 // Taken from https://hub.jetbrains.com/api/rest/avatar/default?username=Jet%20Brains&dpr=2&size=56
-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>
-`)}`;
+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"));
 
 export { avatarDataUri };