@jetbrains/ring-ui 5.1.1 → 6.0.2-beta.0

package/dist/auth-dialog/auth-dialog.js

@@ -1,4 +1,7 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, h as _asyncToGenerator, d as _createClass, 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';
@@ -8,131 +11,185 @@ import { Button } from '../button/button.js';
 import { H2 } from '../heading/heading.js';
 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.to-string.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 '../island/header.js';
+import 'element-resize-detector';
+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.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.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/web.dom-collections.for-each.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.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 '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 '../_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';
-import 'element-resize-detector';
-import '../global/schedule-raf.js';
 
-var modules_ae521deb = {"unit":"8px","light":"light_rui_159b","dialog":"dialog_rui_159b","content":"content_rui_159b font_rui_8bff","button":"button_rui_159b","firstButton":"firstButton_rui_159b button_rui_159b","title":"title_rui_159b","logo":"logo_rui_159b","error":"error_rui_159b"};
+var modules_ae521deb = {"unit":"i__const_unit_0","light":"light_rui_2ac4","dialog":"dialog_rui_159b","content":"content_rui_159b font_rui_8bff","button":"button_rui_159b","firstButton":"firstButton_rui_159b button_rui_159b","title":"title_rui_159b","logo":"logo_rui_159b","error":"error_rui_159b"};
 
-class AuthDialog extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+var AuthDialog = /*#__PURE__*/function (_Component) {
+  _inherits(AuthDialog, _Component);
+  var _super = _createSuper(AuthDialog);
+  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 = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
       retrying: false
     });
-    _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(_assertThisInitialized(_this), "onEscPress", function () {
+      if (_this.props.cancelOnEsc) {
+        _this.props.onCancel();
       }
     });
+    _defineProperty(_assertThisInitialized(_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;
   }
-  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 : '');
-    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))));
-  }
-}
+  _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__*/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))));
+    }
+  }]);
+  return AuthDialog;
+}(Component);
 _defineProperty(AuthDialog, "propTypes", {
   className: PropTypes.string,
   title: PropTypes.string,
@@ -158,8 +215,8 @@ _defineProperty(AuthDialog, "defaultProps", {
   cancelOnEsc: true,
   confirmLabel: 'Log in',
   cancelLabel: 'Remain a guest',
-  onConfirm: () => {},
-  onCancel: () => {}
+  onConfirm: function onConfirm() {},
+  onCancel: function onCancel() {}
 });
 
 export { AuthDialog as default };

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

@@ -1,12 +1,23 @@
+import { g as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
+import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
 import { render } from '../global/react-render-adapter.js';
 import AuthDialog from '../auth-dialog/auth-dialog.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
-import '../_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 'prop-types';
 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 '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
@@ -17,24 +28,37 @@ import '../global/schedule-raf.js';
 import '../dialog/dialog.js';
 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.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.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/web.dom-collections.for-each.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.set.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 '../_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 '../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';
@@ -44,20 +68,21 @@ import '../heading/heading.js';
 /**
  * @name Auth Dialog Service
  */
-const containerElement = document.createElement('div');
+var containerElement = document.createElement('div');
 /**
  * Renders AuthDialog into virtual node to skip maintaining container
  */
 function renderAuthDialog(props) {
-  render( /*#__PURE__*/React.createElement(AuthDialog, props), containerElement);
+  render( /*#__PURE__*/React.createElement(ControlsHeightContext.Provider, {
+    value: getGlobalControlsHeight()
+  }, /*#__PURE__*/React.createElement(AuthDialog, props)), containerElement);
 }
 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/dist/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 };

package/dist/avatar/avatar.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, ImgHTMLAttributes } from 'react';
+import React, { PureComponent, ImgHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 /**
  * @name Avatar
@@ -15,7 +15,7 @@ export declare enum Size {
 }
 export interface AvatarProps extends ImgHTMLAttributes<HTMLImageElement> {
     dpr: number;
-    size: Size;
+    size: Size | number;
     subavatarSize: number;
     url?: string | null | undefined;
     round?: boolean | null | undefined;
@@ -47,6 +47,6 @@ export default class Avatar extends PureComponent<AvatarProps> {
     };
     handleError: () => void;
     handleSuccess: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type AvatarAttrs = JSX.LibraryManagedAttributes<typeof Avatar, AvatarProps>;