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

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

@@ -1,63 +1,42 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper, g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import '../island/island.js';
+import 'core-js/modules/es.array.reduce.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../island/header.js';
+import ContentWrapper from '../island/content.js';
 import Dialog from '../dialog/dialog.js';
 import { Button } from '../button/button.js';
 import { H2 } from '../heading/heading.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import ContentWrapper from '../island/content.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';
-import '../island/header.js';
+import '../island/adaptive-island-hoc.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import 'react-dom';
 import '@jetbrains/icons/close';
+import '../island/island.js';
+import '../global/data-tests.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.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';
 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.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';
@@ -65,155 +44,107 @@ 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", {
+class AuthDialog extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       retrying: false
     });
-    _defineProperty(_this, "onEscPress", function () {
-      if (_this.props.cancelOnEsc) {
-        _this.props.onCancel();
+    _defineProperty(this, "onEscPress", () => {
+      if (this.props.cancelOnEsc) {
+        this.props.onCancel();
+      }
+    });
+    _defineProperty(this, "onRetryPress", async () => {
+      if (!this.props.onTryAgain || this.state.retrying) {
+        return;
+      }
+      this.setState({
+        retrying: true
+      });
+      try {
+        await this.props.onTryAgain();
+      } catch (e) {
+        // do nothing, error is handled in onTryAgain
+      } finally {
+        this.setState({
+          retrying: false
+        });
       }
     });
-    _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;
   }
-  _inherits(AuthDialog, _Component);
-  return _createClass(AuthDialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      window.addEventListener('online', this.onRetryPress);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('online', this.onRetryPress);
-    }
-  }, {
-    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__*/jsx(Dialog, {
-        label: title,
-        "data-test": "ring-auth-dialog",
-        className: className,
-        contentClassName: classNames(className, modules_ae521deb.dialog),
-        onEscPress: this.onEscPress,
-        show: show,
-        trapFocus: true,
-        children: /*#__PURE__*/jsx(ContentWrapper, {
-          children: /*#__PURE__*/jsxs("div", {
-            className: modules_ae521deb.content,
-            children: [serviceImage && /*#__PURE__*/jsx("img", {
-              alt: "".concat(serviceName, " logo"),
-              className: modules_ae521deb.logo,
-              src: serviceImage
-            }), /*#__PURE__*/jsx(H2, {
-              className: modules_ae521deb.title,
-              children: title
-            }), errorMessage && /*#__PURE__*/jsx("div", {
-              className: modules_ae521deb.error,
-              children: errorMessage
-            }), /*#__PURE__*/jsx(Button, {
-              primary: true,
-              className: modules_ae521deb.firstButton,
-              "data-test": "auth-dialog-confirm-button",
-              onClick: onConfirm,
-              children: confirmLabel
-            }), onTryAgain && /*#__PURE__*/jsx(Button, {
-              className: modules_ae521deb.button,
-              "data-test": "auth-dialog-retry-button",
-              onClick: function onClick() {
-                return _this2.onRetryPress();
-              },
-              loader: retrying,
-              disabled: retrying,
-              children: tryAgainLabel
-            }), /*#__PURE__*/jsx(Button, {
-              className: modules_ae521deb.button,
-              "data-test": "auth-dialog-cancel-button",
-              onClick: onCancel,
-              children: cancelLabel
-            })]
-          })
+  componentDidMount() {
+    window.addEventListener('online', this.onRetryPress);
+  }
+  componentWillUnmount() {
+    window.removeEventListener('online', this.onRetryPress);
+  }
+  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__*/jsx(Dialog, {
+      label: title,
+      "data-test": "ring-auth-dialog",
+      className: className,
+      contentClassName: classNames(className, modules_ae521deb.dialog),
+      onEscPress: this.onEscPress,
+      show: show,
+      trapFocus: true,
+      children: /*#__PURE__*/jsx(ContentWrapper, {
+        children: /*#__PURE__*/jsxs("div", {
+          className: modules_ae521deb.content,
+          children: [serviceImage && /*#__PURE__*/jsx("img", {
+            alt: "".concat(serviceName, " logo"),
+            className: modules_ae521deb.logo,
+            src: serviceImage
+          }), /*#__PURE__*/jsx(H2, {
+            className: modules_ae521deb.title,
+            children: title
+          }), errorMessage && /*#__PURE__*/jsx("div", {
+            className: modules_ae521deb.error,
+            children: errorMessage
+          }), /*#__PURE__*/jsx(Button, {
+            primary: true,
+            className: modules_ae521deb.firstButton,
+            "data-test": "auth-dialog-confirm-button",
+            onClick: onConfirm,
+            children: confirmLabel
+          }), onTryAgain && /*#__PURE__*/jsx(Button, {
+            className: modules_ae521deb.button,
+            "data-test": "auth-dialog-retry-button",
+            onClick: () => this.onRetryPress(),
+            loader: retrying,
+            disabled: retrying,
+            children: tryAgainLabel
+          }), /*#__PURE__*/jsx(Button, {
+            className: modules_ae521deb.button,
+            "data-test": "auth-dialog-cancel-button",
+            onClick: onCancel,
+            children: 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%',
@@ -222,8 +153,8 @@ _defineProperty(AuthDialog, "defaultProps", {
   cancelOnEsc: true,
   confirmLabel: 'Log in',
   cancelLabel: 'Remain a guest',
-  onConfirm: function onConfirm() {},
-  onCancel: function onCancel() {}
+  onConfirm: () => {},
+  onCancel: () => {}
 });
 
 export { AuthDialog as default };

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

@@ -1,62 +1,41 @@
-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 AuthDialog from '../auth-dialog/auth-dialog.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
-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 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
-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 '../island/header.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
-import '../island/header.js';
+import '../island/adaptive-island-hoc.js';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../dialog/dialog.js';
 import 'react-dom';
 import '@jetbrains/icons/close';
+import '../island/island.js';
+import '../global/data-tests.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.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.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,23 +44,23 @@ import 'scrollbar-width';
 import '../heading/heading.js';
 import '../_helpers/heading.js';
 
-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
  */
 function renderAuthDialog(props) {
-  reactRoot.render( /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
     value: getGlobalControlsHeight(),
     children: /*#__PURE__*/jsx(AuthDialog, _objectSpread2({}, props))
   }));
 }
 function showAuthDialog() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   renderAuthDialog(_objectSpread2(_objectSpread2({}, props), {}, {
     show: true
   }));
-  return function () {
+  return () => {
     renderAuthDialog({
       show: false
     });

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

@@ -1,4 +1,4 @@
 // 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,".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 };

package/components/avatar/avatar.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent, ImgHTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 /**
  * @name Avatar
  */
@@ -24,18 +23,6 @@ export interface AvatarProps extends ImgHTMLAttributes<HTMLImageElement> {
     skipParams?: boolean | null | undefined;
 }
 export default class Avatar extends PureComponent<AvatarProps> {
-    static propTypes: {
-        dpr: PropTypes.Requireable<number>;
-        className: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<number>;
-        style: PropTypes.Requireable<object>;
-        url: PropTypes.Requireable<string>;
-        round: PropTypes.Requireable<boolean>;
-        subavatar: PropTypes.Requireable<string>;
-        subavatarSize: PropTypes.Requireable<number>;
-        username: PropTypes.Requireable<string>;
-        skipParams: PropTypes.Requireable<boolean>;
-    };
     static defaultProps: {
         dpr: number;
         size: Size;