@jetbrains/ring-ui-built 6.0.1

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

@@ -0,0 +1,221 @@
+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';
+import '../island/island.js';
+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 '../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.array.iterator.js';
+import 'core-js/modules/es.set.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-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 '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/heading.js';
+
+var modules_ae521deb = {"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"};
+
+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(_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;
+  }
+  _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,
+  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.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import AuthDialog, { AuthDialogProps } from '../auth-dialog/auth-dialog';
+export declare const reactRoot: import("react-dom/client").Root;
+type AuthDialogAttributes = JSX.LibraryManagedAttributes<typeof AuthDialog, AuthDialogProps>;
+export default function showAuthDialog(props?: AuthDialogAttributes): () => void;
+export {};

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

@@ -0,0 +1,92 @@
+import { g 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 '../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 '../island/content.js';
+import 'element-resize-detector';
+import '../global/schedule-raf.js';
+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.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.array.iterator.js';
+import 'core-js/modules/es.set.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';
+import '../_helpers/dialog__body-scroll-preventer.js';
+import 'scrollbar-width';
+import '../heading/heading.js';
+import '../_helpers/heading.js';
+
+/**
+ * @name Auth Dialog Service
+ */
+var containerElement = document.createElement('div');
+var reactRoot = createRoot(containerElement);
+/**
+ * Renders AuthDialog into virtual node to skip maintaining container
+ */
+function renderAuthDialog(props) {
+  reactRoot.render( /*#__PURE__*/React.createElement(ControlsHeightContext.Provider, {
+    value: getGlobalControlsHeight()
+  }, /*#__PURE__*/React.createElement(AuthDialog, props)));
+}
+function showAuthDialog() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  renderAuthDialog(_objectSpread2(_objectSpread2({}, props), {}, {
+    show: true
+  }));
+  return function () {
+    renderAuthDialog({
+      show: false
+    });
+  };
+}
+
+export { showAuthDialog as default, reactRoot };

package/components/avatar/avatar-example-datauri.d.ts

@@ -0,0 +1 @@
+export declare const avatarDataUri: string;

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

@@ -0,0 +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"));
+
+export { avatarDataUri };

package/components/avatar/avatar.d.ts

@@ -0,0 +1,52 @@
+import React, { PureComponent, ImgHTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Avatar
+ */
+export declare enum Size {
+    Size18 = 18,
+    Size20 = 20,
+    Size24 = 24,
+    Size28 = 28,
+    Size32 = 32,
+    Size40 = 40,
+    Size48 = 48,
+    Size56 = 56
+}
+export interface AvatarProps extends ImgHTMLAttributes<HTMLImageElement> {
+    dpr: number;
+    size: Size | number;
+    subavatarSize: number;
+    url?: string | null | undefined;
+    round?: boolean | null | undefined;
+    subavatar?: string | null | undefined;
+    username?: string | null | undefined;
+    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;
+        subavatarSize: number;
+        style: {};
+    };
+    state: {
+        errorUrl: string;
+    };
+    handleError: () => void;
+    handleSuccess: () => void;
+    render(): React.JSX.Element;
+}
+export type AvatarAttrs = JSX.LibraryManagedAttributes<typeof Avatar, AvatarProps>;

package/components/avatar/avatar.js

@@ -0,0 +1,183 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, g as _objectSpread2, f as _extends, j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { isDataURI, parseQueryString, encodeURL } from '../global/url.js';
+import { getPixelRatio } from '../global/dom.js';
+import FallbackAvatar from './fallback-avatar.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.array.slice.js';
+import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
+
+var modules_61ca8c75 = {"light":"light_rui_2ac4","avatar":"avatar_rui_a03e","subavatar":"subavatar_rui_a03e","empty":"empty_rui_a03e"};
+
+var _excluded = ["size", "url", "dpr", "style", "round", "subavatar", "subavatarSize", "username", "skipParams"];
+/**
+ * @name Avatar
+ */
+var Size;
+(function (Size) {
+  Size[Size["Size18"] = 18] = "Size18";
+  Size[Size["Size20"] = 20] = "Size20";
+  Size[Size["Size24"] = 24] = "Size24";
+  Size[Size["Size28"] = 28] = "Size28";
+  Size[Size["Size32"] = 32] = "Size32";
+  Size[Size["Size40"] = 40] = "Size40";
+  Size[Size["Size48"] = 48] = "Size48";
+  Size[Size["Size56"] = 56] = "Size56";
+})(Size || (Size = {}));
+var Avatar = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Avatar, _PureComponent);
+  var _super = _createSuper(Avatar);
+  function Avatar() {
+    var _this;
+    _classCallCheck(this, Avatar);
+    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", {
+      errorUrl: ''
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleError", function () {
+      _this.setState({
+        errorUrl: _this.props.url
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleSuccess", function () {
+      _this.setState({
+        errorUrl: ''
+      });
+    });
+    return _this;
+  }
+  _createClass(Avatar, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        size = _this$props.size,
+        url = _this$props.url,
+        dpr = _this$props.dpr,
+        style = _this$props.style,
+        round = _this$props.round,
+        subavatar = _this$props.subavatar,
+        subavatarSize = _this$props.subavatarSize,
+        username = _this$props.username,
+        skipParams = _this$props.skipParams,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var sizeString = "".concat(size, "px");
+      var subavatarSizeString = "".concat(subavatarSize, "px");
+      var borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
+      var styleObj = _objectSpread2({
+        borderRadius: round ? '50%' : borderRadius,
+        height: sizeString,
+        width: sizeString
+      }, style);
+      var styleObjGroup = _objectSpread2({
+        borderRadius: '2px',
+        height: subavatarSizeString,
+        width: subavatarSizeString
+      }, style);
+      if (!url || this.state.errorUrl === url) {
+        return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
+          "data-test": "avatar",
+          className: classNames(modules_61ca8c75.avatar, this.props.className, {
+            [modules_61ca8c75.empty]: username == null
+          }),
+          style: styleObj
+        }), username != null && /*#__PURE__*/React.createElement(FallbackAvatar, {
+          size: size,
+          round: round,
+          username: username
+        }));
+      }
+      var src = url;
+      if (!skipParams && !isDataURI(url)) {
+        var _url$split = url.split('?'),
+          _url$split2 = _slicedToArray(_url$split, 2),
+          urlStart = _url$split2[0],
+          query = _url$split2[1];
+        var queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(query)), {}, {
+          dpr,
+          size
+        });
+        src = encodeURL(urlStart, queryParams);
+      }
+      var subavatarSrc = null;
+      if (subavatar && !isDataURI(subavatar)) {
+        var _subavatar$split = subavatar.split('?'),
+          _subavatar$split2 = _slicedToArray(_subavatar$split, 2),
+          _urlStart = _subavatar$split2[0],
+          _query = _subavatar$split2[1];
+        var _queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(_query)), {}, {
+          dpr,
+          subavatarSizeString
+        });
+        subavatarSrc = skipParams ? subavatar : encodeURL(_urlStart, _queryParams);
+        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
+          onError: this.handleError,
+          onLoad: this.handleSuccess,
+          className: classNames(modules_61ca8c75.avatar, this.props.className),
+          style: styleObj,
+          src: src,
+          alt: "User avatar"
+        })), /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
+          "data-test": "avatar",
+          onError: this.handleError,
+          onLoad: this.handleSuccess,
+          className: classNames(modules_61ca8c75.subavatar),
+          style: styleObjGroup,
+          src: subavatarSrc,
+          alt: "Subavatar"
+        })));
+      } else {
+        return /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
+          "data-test": "avatar",
+          onError: this.handleError,
+          onLoad: this.handleSuccess,
+          className: classNames(modules_61ca8c75.avatar, this.props.className),
+          style: styleObj,
+          src: src,
+          alt: "User avatar"
+        }));
+      }
+    }
+  }]);
+  return Avatar;
+}(PureComponent);
+_defineProperty(Avatar, "propTypes", {
+  dpr: PropTypes.number,
+  className: PropTypes.string,
+  size: PropTypes.number,
+  style: PropTypes.object,
+  url: PropTypes.string,
+  round: PropTypes.bool,
+  subavatar: PropTypes.string,
+  subavatarSize: PropTypes.number,
+  username: PropTypes.string,
+  skipParams: PropTypes.bool
+});
+_defineProperty(Avatar, "defaultProps", {
+  dpr: getPixelRatio(),
+  size: Size.Size20,
+  subavatarSize: Size.Size20 / 2,
+  style: {}
+});
+
+export { Size, Avatar as default };

package/components/avatar/fallback-avatar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Size } from './avatar';
+export interface FallbackAvatarProps {
+    username: string;
+    size: Size;
+    round: boolean | null | undefined;
+}
+declare function FallbackAvatar({ username, size, round }: FallbackAvatarProps): React.JSX.Element;
+declare namespace FallbackAvatar {
+    var propTypes: {
+        username: PropTypes.Validator<string>;
+        size: PropTypes.Validator<number>;
+        round: PropTypes.Requireable<boolean>;
+    };
+}
+export default FallbackAvatar;