@jetbrains/ring-ui-built 6.0.5-beta.0

package/components/user-agreement/user-agreement.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @name User Agreement
+ */
+import React, { PureComponent, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+declare function noop(): void;
+export interface UserAgreementTranslations {
+    userAgreement: string;
+    accept: string;
+    decline: string;
+    close: string;
+    scrollToAccept: string;
+    remindLater: string;
+}
+export interface UserAgreementProps {
+    translations?: UserAgreementTranslations | null | undefined;
+    children: ReactNode;
+    show: boolean;
+    onAccept: () => void;
+    onDecline: () => void;
+    onClose: () => void;
+    preview?: boolean | null | undefined;
+    onRemindLater?: (() => void) | null | undefined;
+    className?: string | null | undefined;
+}
+/**
+ * A component that displays a user agreement dialog.
+ */
+export default class UserAgreement extends PureComponent<UserAgreementProps> {
+    static propTypes: {
+        show: PropTypes.Requireable<boolean>;
+        preview: PropTypes.Requireable<boolean>;
+        onAccept: PropTypes.Requireable<(...args: any[]) => any>;
+        onDecline: PropTypes.Requireable<(...args: any[]) => any>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onRemindLater: PropTypes.Requireable<(...args: any[]) => any>;
+        translations: PropTypes.Requireable<PropTypes.InferProps<{
+            userAgreement: PropTypes.Validator<string>;
+            accept: PropTypes.Validator<string>;
+            decline: PropTypes.Validator<string>;
+            close: PropTypes.Validator<string>;
+            scrollToAccept: PropTypes.Validator<string>;
+            remindLater: PropTypes.Validator<string>;
+        }>>;
+        className: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        show: boolean;
+        onAccept: typeof noop;
+        onDecline: typeof noop;
+        onClose: typeof noop;
+    };
+    state: {
+        scrolledDown: boolean;
+    };
+    onScrollToBottom: () => void;
+    render(): React.JSX.Element;
+}
+export type UserAgreementAttrs = JSX.LibraryManagedAttributes<typeof UserAgreement, UserAgreementProps>;
+export {};

package/components/user-agreement/user-agreement.js

@@ -0,0 +1,170 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass } 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 Dialog from '../dialog/dialog.js';
+import '../island/island.js';
+import Panel from '../panel/panel.js';
+import { Button } from '../button/button.js';
+import { I18nContext } from '../i18n/i18n-context.js';
+import HeaderWrapper from '../island/header.js';
+import ContentWrapper from '../island/content.js';
+import 'react-dom';
+import '@jetbrains/icons/close';
+import '../global/get-uid.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.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.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.regexp.exec.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/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 '../island/adaptive-island-hoc.js';
+import '../global/linear-function.js';
+import '../_helpers/island.js';
+import 'element-resize-detector';
+import '../global/schedule-raf.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.replace.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 '../i18n/i18n.js';
+
+var modules_f5ed85cf = {"unit":"i__const_unit_0","extra-small-screen-media":"i__const_extra_small_screen_media_1","light":"light_rui_2ac4","agreementDialog":"agreementDialog_rui_a19e","dialogContent":"dialogContent_rui_a19e","suggestion":"suggestion_rui_a19e","remindLaterButton":"remindLaterButton_rui_a19e"};
+
+function noop() {}
+/**
+ * A component that displays a user agreement dialog.
+ */
+var UserAgreement = /*#__PURE__*/function (_PureComponent) {
+  _inherits(UserAgreement, _PureComponent);
+  var _super = _createSuper(UserAgreement);
+  function UserAgreement() {
+    var _this;
+    _classCallCheck(this, UserAgreement);
+    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", {
+      scrolledDown: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "onScrollToBottom", function () {
+      return _this.setState({
+        scrolledDown: true
+      });
+    });
+    return _this;
+  }
+  _createClass(UserAgreement, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var scrolledDown = this.state.scrolledDown;
+      var _this$props = this.props,
+        translations = _this$props.translations,
+        onAccept = _this$props.onAccept,
+        onDecline = _this$props.onDecline,
+        onClose = _this$props.onClose,
+        onRemindLater = _this$props.onRemindLater,
+        children = _this$props.children,
+        show = _this$props.show,
+        preview = _this$props.preview,
+        className = _this$props.className;
+      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref) {
+        var _translations$userAgr, _translations$userAgr2, _translations$scrollT, _translations$accept, _translations$decline, _translations$scrollT2, _translations$remindL, _translations$close;
+        var translate = _ref.translate;
+        return /*#__PURE__*/React.createElement(Dialog, {
+          label: (_translations$userAgr = translations === null || translations === void 0 ? void 0 : translations.userAgreement) !== null && _translations$userAgr !== void 0 ? _translations$userAgr : translate('userAgreement'),
+          show: show,
+          className: classNames(modules_f5ed85cf.agreementDialog, className),
+          contentClassName: modules_f5ed85cf.dialogContent,
+          trapFocus: true,
+          autoFocusFirst: false,
+          "data-test": "user-agreement"
+        }, /*#__PURE__*/React.createElement(HeaderWrapper, null, (_translations$userAgr2 = translations === null || translations === void 0 ? void 0 : translations.userAgreement) !== null && _translations$userAgr2 !== void 0 ? _translations$userAgr2 : translate('userAgreement')), /*#__PURE__*/React.createElement(ContentWrapper, {
+          fade: true,
+          onScrollToBottom: _this2.onScrollToBottom
+        }, children), !preview && /*#__PURE__*/React.createElement(Panel, null, onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("div", {
+          className: modules_f5ed85cf.suggestion
+        }, (_translations$scrollT = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT !== void 0 ? _translations$scrollT : translate('scrollToAccept')), /*#__PURE__*/React.createElement(Button, {
+          primary: true,
+          disabled: !scrolledDown,
+          onClick: onAccept,
+          "data-test": "accept"
+        }, (_translations$accept = translations === null || translations === void 0 ? void 0 : translations.accept) !== null && _translations$accept !== void 0 ? _translations$accept : translate('accept')), /*#__PURE__*/React.createElement(Button, {
+          onClick: onDecline,
+          autoFocus: true,
+          "data-test": "decline"
+        }, (_translations$decline = translations === null || translations === void 0 ? void 0 : translations.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')), !onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("span", {
+          className: modules_f5ed85cf.suggestion
+        }, (_translations$scrollT2 = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT2 !== void 0 ? _translations$scrollT2 : translate('scrollToAccept')), onRemindLater && /*#__PURE__*/React.createElement(Button, {
+          className: modules_f5ed85cf.remindLaterButton,
+          onClick: onRemindLater,
+          "data-test": "later"
+        }, (_translations$remindL = translations === null || translations === void 0 ? void 0 : translations.remindLater) !== null && _translations$remindL !== void 0 ? _translations$remindL : translate('remindLater'))), preview && /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
+          onClick: onClose,
+          autoFocus: true,
+          "data-test": "close"
+        }, (_translations$close = translations === null || translations === void 0 ? void 0 : translations.close) !== null && _translations$close !== void 0 ? _translations$close : translate('close'))));
+      });
+    }
+  }]);
+  return UserAgreement;
+}(PureComponent);
+_defineProperty(UserAgreement, "propTypes", {
+  show: PropTypes.bool,
+  preview: PropTypes.bool,
+  onAccept: PropTypes.func,
+  onDecline: PropTypes.func,
+  onClose: PropTypes.func,
+  onRemindLater: PropTypes.func,
+  translations: PropTypes.shape({
+    userAgreement: PropTypes.string.isRequired,
+    accept: PropTypes.string.isRequired,
+    decline: PropTypes.string.isRequired,
+    close: PropTypes.string.isRequired,
+    scrollToAccept: PropTypes.string.isRequired,
+    remindLater: PropTypes.string.isRequired
+  }),
+  className: PropTypes.string
+});
+_defineProperty(UserAgreement, "defaultProps", {
+  show: false,
+  onAccept: noop,
+  onDecline: noop,
+  onClose: noop
+});
+
+export { UserAgreement as default };

package/components/user-card/card.d.ts

@@ -0,0 +1,70 @@
+import React, { HTMLAttributes, PureComponent, ReactElement } from 'react';
+import PropTypes from 'prop-types';
+export interface UserCardUser {
+    name: string;
+    login: string;
+    avatarUrl?: string | null | undefined;
+    email?: string | null | undefined;
+    href?: string | null | undefined;
+    online?: boolean | null | undefined;
+    banned?: boolean | null | undefined;
+    banReason?: string | undefined;
+    unverifiedEmail?: boolean | null | undefined;
+}
+export interface UserCardTranslations {
+    banned: string;
+    online: string;
+    offline: string;
+    copyToClipboard?: string;
+    copiedToClipboard?: string;
+    copingToClipboardError?: string;
+    unverified?: string;
+}
+export interface UserCardProps extends HTMLAttributes<HTMLDivElement> {
+    user: UserCardUser;
+    translations?: UserCardTranslations | null | undefined;
+    info?: ReactElement | readonly ReactElement[] | string;
+    avatarInfo?: ReactElement | readonly ReactElement[] | string;
+    'data-test'?: string | null | undefined;
+}
+export default class UserCard extends PureComponent<UserCardProps> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        info: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        user: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            login: PropTypes.Validator<string>;
+            avatarUrl: PropTypes.Validator<string>;
+            email: PropTypes.Requireable<string>;
+            href: PropTypes.Requireable<string>;
+            online: PropTypes.Requireable<boolean>;
+            banned: PropTypes.Requireable<boolean>;
+            banReason: PropTypes.Requireable<string>;
+            unverifiedEmail: PropTypes.Requireable<boolean>;
+        }>>>;
+        wording: PropTypes.Requireable<PropTypes.InferProps<{
+            banned: PropTypes.Validator<string>;
+            online: PropTypes.Validator<string>;
+            offline: PropTypes.Validator<string>;
+            copyToClipboard: PropTypes.Requireable<string>;
+            copiedToClipboard: PropTypes.Requireable<string>;
+            copingToClipboardError: PropTypes.Requireable<string>;
+            unverified: PropTypes.Requireable<string>;
+        }>>;
+        translations: PropTypes.Requireable<PropTypes.InferProps<{
+            banned: PropTypes.Validator<string>;
+            online: PropTypes.Validator<string>;
+            offline: PropTypes.Validator<string>;
+            copyToClipboard: PropTypes.Requireable<string>;
+            copiedToClipboard: PropTypes.Requireable<string>;
+            copingToClipboardError: PropTypes.Requireable<string>;
+            unverified: PropTypes.Requireable<string>;
+        }>>;
+    };
+    static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
+    context: React.ContextType<typeof UserCard.contextType>;
+    copyEmail: () => void;
+    render(): React.JSX.Element;
+}
+export type UserCardAttrs = JSX.LibraryManagedAttributes<typeof UserCard, UserCardProps>;

package/components/user-card/card.js

@@ -0,0 +1,76 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import '@jetbrains/icons/copy';
+import '../avatar/avatar.js';
+import '../link/link.js';
+import '../clipboard/clipboard.js';
+import '../_helpers/badge.js';
+import '../icon/icon.js';
+import '../i18n/i18n-context.js';
+export { U as default } from '../_helpers/card.js';
+import '../icon/icon__constants.js';
+import '../global/url.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/dom.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 '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.slice.js';
+import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import 'core-js/modules/es.promise.js';
+import '../alert-service/alert-service.js';
+import 'react-dom/client';
+import '../alert/alert.js';
+import 'core-js/modules/es.object.values.js';
+import '@jetbrains/icons/exception';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/warning';
+import '@jetbrains/icons/close';
+import '../loader-inline/loader-inline.js';
+import '../button/button.js';
+import '@jetbrains/icons/chevron-10px';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import 'util-deprecate';
+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 '../_helpers/theme.js';
+import 'react-dom';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.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.array.splice.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.consts.js';
+import '../alert/container.js';
+import '../clipboard/clipboard-fallback.js';
+import '../i18n/i18n.js';

package/components/user-card/smart-user-card-tooltip.d.ts

@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { UserCardTooltipAttrs } from './tooltip';
+import { UserCardUser } from './card';
+export interface SmartUserCardTooltipProps extends UserCardTooltipAttrs {
+    userDataSource: () => Promise<UserCardUser | null | undefined> | UserCardUser | null | undefined;
+}
+export default class SmartUserCardTooltip extends Component<SmartUserCardTooltipProps> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        userDataSource: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    state: {
+        user: null;
+        loading: boolean;
+    };
+    loadUser: () => Promise<void>;
+    renderNoUser: () => "" | React.JSX.Element;
+    render(): React.JSX.Element;
+}

package/components/user-card/smart-user-card-tooltip.js

@@ -0,0 +1,168 @@
+import { m as modules_a4196c17 } from '../_helpers/card.js';
+import UserCardTooltip from './tooltip.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, h as _asyncToGenerator, d as _createClass, e as _objectWithoutProperties, g as _objectSpread2, f as _extends, i as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import LoaderInline from '../loader-inline/loader-inline.js';
+import 'classnames';
+import '@jetbrains/icons/copy';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/dom.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 '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.slice.js';
+import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import '../link/link.js';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../clipboard/clipboard.js';
+import 'core-js/modules/es.promise.js';
+import '../alert-service/alert-service.js';
+import 'react-dom/client';
+import '../alert/alert.js';
+import 'core-js/modules/es.object.values.js';
+import '@jetbrains/icons/exception';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/warning';
+import '@jetbrains/icons/close';
+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 '../button/button.js';
+import '@jetbrains/icons/chevron-10px';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import 'react-dom';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.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.array.splice.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.consts.js';
+import '../alert/container.js';
+import '../clipboard/clipboard-fallback.js';
+import '../_helpers/badge.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
+import '../dropdown/dropdown.js';
+import '../global/typescript-utils.js';
+import '../_helpers/anchor.js';
+
+var _excluded = ["children", "userDataSource"];
+var SmartUserCardTooltip = /*#__PURE__*/function (_Component) {
+  _inherits(SmartUserCardTooltip, _Component);
+  var _super = _createSuper(SmartUserCardTooltip);
+  function SmartUserCardTooltip() {
+    var _this;
+    _classCallCheck(this, SmartUserCardTooltip);
+    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", {
+      user: null,
+      loading: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "loadUser", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var user;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!_this.state.user) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            _context.prev = 2;
+            _this.setState({
+              loading: true
+            });
+            _context.next = 6;
+            return _this.props.userDataSource();
+          case 6:
+            user = _context.sent;
+            _this.setState({
+              user
+            });
+            _context.next = 12;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](2);
+          case 12:
+            _context.prev = 12;
+            _this.setState({
+              loading: false
+            });
+            return _context.finish(12);
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 10, 12, 15]]);
+    })));
+    _defineProperty(_assertThisInitialized(_this), "renderNoUser", function () {
+      return _this.state.loading ? /*#__PURE__*/React.createElement("div", {
+        className: modules_a4196c17.userCardSpaced
+      }, /*#__PURE__*/React.createElement(LoaderInline, null)) : '';
+    });
+    return _this;
+  }
+  _createClass(SmartUserCardTooltip, [{
+    key: "render",
+    value: function render() {
+      var user = this.state.user;
+      var _this$props = this.props,
+        children = _this$props.children;
+        _this$props.userDataSource;
+        var restProps = _objectWithoutProperties(_this$props, _excluded);
+      var dropdownProps = _objectSpread2({
+        onMouseEnter: this.loadUser
+      }, UserCardTooltip.defaultProps.dropdownProps);
+      return /*#__PURE__*/React.createElement(UserCardTooltip, _extends({
+        user: user,
+        renderNoUser: this.renderNoUser,
+        dropdownProps: dropdownProps
+      }, restProps), children);
+    }
+  }]);
+  return SmartUserCardTooltip;
+}(Component);
+_defineProperty(SmartUserCardTooltip, "propTypes", {
+  children: PropTypes.node,
+  userDataSource: PropTypes.func
+});
+
+export { SmartUserCardTooltip as default };

package/components/user-card/tooltip.d.ts

@@ -0,0 +1,36 @@
+import React, { Component, ReactElement, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { DropdownAttrs } from '../dropdown/dropdown';
+import { UserCardAttrs, UserCardUser } from './card';
+interface ChildrenProps {
+    active: boolean;
+    pinned: boolean;
+}
+export interface UserCardTooltipProps extends Omit<UserCardAttrs, 'children' | 'user'> {
+    user?: UserCardUser | null | undefined;
+    children: ReactElement | readonly ReactElement[] | string | ((props: ChildrenProps) => ReactNode);
+    dropdownProps: Partial<DropdownAttrs>;
+    renderUserCard: (props: UserCardAttrs) => ReactNode;
+    renderNoUser: () => ReactNode;
+}
+export default class UserCardTooltip extends Component<UserCardTooltipProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+        dropdownProps: PropTypes.Requireable<object>;
+        user: PropTypes.Requireable<object>;
+        renderUserCard: PropTypes.Requireable<(...args: any[]) => any>;
+        renderNoUser: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        renderUserCard: (props: UserCardAttrs) => React.JSX.Element;
+        renderNoUser: () => string;
+        dropdownProps: {
+            hoverShowTimeOut: number;
+            hoverHideTimeOut: number;
+        };
+    };
+    render(): React.JSX.Element;
+}
+export type UserCardTooltipAttrs = JSX.LibraryManagedAttributes<typeof UserCardTooltip, UserCardTooltipProps>;
+export {};