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

package/components/loader-inline/loader-inline.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+export interface LoaderInlineProps extends HTMLAttributes<HTMLDivElement> {
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Loader Inline
+ */
+declare class LoaderInline extends PureComponent<LoaderInlineProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): React.JSX.Element;
+}
+export type LoaderInlineAtrrs = JSX.LibraryManagedAttributes<typeof LoaderInline, LoaderInlineProps>;
+export default LoaderInline;

package/components/loader-inline/loader-inline.js

@@ -0,0 +1,50 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import joinDataTestAttributes from '../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 'core-js/modules/es.array.concat.js';
+
+var modules_e49a3529 = {"dark":"dark_rui_eb55","unit":"i__const_unit_1","light":"light_rui_2ac4","loader":"loader_rui_e6f2","spin":"spin_rui_e6f2","pulse":"pulse_rui_e6f2","children":"children_rui_e6f2"};
+
+var _excluded = ["className", "data-test", "children"];
+/**
+ * @name Loader Inline
+ */
+var LoaderInline = /*#__PURE__*/function (_PureComponent) {
+  _inherits(LoaderInline, _PureComponent);
+  var _super = _createSuper(LoaderInline);
+  function LoaderInline() {
+    _classCallCheck(this, LoaderInline);
+    return _super.apply(this, arguments);
+  }
+  _createClass(LoaderInline, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        dataTest = _this$props['data-test'],
+        children = _this$props.children,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_e49a3529.loader, className);
+      var loader = /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
+        className: classes
+      }));
+      return children ? /*#__PURE__*/React.createElement(React.Fragment, null, loader, /*#__PURE__*/React.createElement("span", {
+        className: modules_e49a3529.children
+      }, children)) : loader;
+    }
+  }]);
+  return LoaderInline;
+}(PureComponent);
+_defineProperty(LoaderInline, "propTypes", {
+  className: PropTypes.string,
+  'data-test': PropTypes.string,
+  children: PropTypes.node
+});
+
+export { LoaderInline as default };

package/components/loader-screen/loader-screen.d.ts

@@ -0,0 +1,17 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { LoaderProps } from '../loader/loader';
+export interface LoaderScreenProps extends LoaderProps {
+    containerClassName?: string | null | undefined;
+}
+/**
+ * @name Loader Screen
+ */
+export default class LoaderScreen extends PureComponent<LoaderScreenProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        containerClassName: PropTypes.Requireable<string>;
+        message: PropTypes.Requireable<string>;
+    };
+    render(): React.JSX.Element;
+}

package/components/loader-screen/loader-screen.js

@@ -0,0 +1,62 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import Loader from '../loader/loader.js';
+import 'core-js/modules/es.array.concat.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 '../loader/loader__core.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.filter.js';
+import '../global/dom.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';
+
+var modules_122a82e9 = {"light":"light_rui_2ac4","loaderScreen":"loaderScreen_rui_c963","loader":"loader_rui_c963","loaderWithoutSpacing":"loaderWithoutSpacing_rui_c963"};
+
+var _excluded = ["message", "className", "containerClassName"];
+/**
+ * @name Loader Screen
+ */
+var LoaderScreen = /*#__PURE__*/function (_PureComponent) {
+  _inherits(LoaderScreen, _PureComponent);
+  var _super = _createSuper(LoaderScreen);
+  function LoaderScreen() {
+    _classCallCheck(this, LoaderScreen);
+    return _super.apply(this, arguments);
+  }
+  _createClass(LoaderScreen, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        message = _this$props.message,
+        className = _this$props.className,
+        containerClassName = _this$props.containerClassName,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var containerClasses = classNames(containerClassName, modules_122a82e9.loaderScreen);
+      var loaderClasses = classNames(className, modules_122a82e9.loader, {
+        [modules_122a82e9.loaderWithoutSpacing]: !message
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: containerClasses
+      }, /*#__PURE__*/React.createElement(Loader, _extends({}, restProps, {
+        message: message,
+        className: loaderClasses
+      })));
+    }
+  }]);
+  return LoaderScreen;
+}(PureComponent);
+_defineProperty(LoaderScreen, "propTypes", {
+  className: PropTypes.string,
+  containerClassName: PropTypes.string,
+  message: PropTypes.string
+});
+
+export { LoaderScreen as default };

package/components/login-dialog/login-dialog.d.ts

@@ -0,0 +1,47 @@
+import React, { Component, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export interface LoginDialogProps {
+    onCancel: () => void;
+    show: boolean;
+    url: string;
+    renderFallbackLink: (loggingIn: boolean) => ReactNode;
+    showFallbackTimeout: number;
+    className?: string | undefined;
+    loader?: boolean | null | undefined;
+    loadingMessage?: string | null | undefined;
+}
+/**
+ * @name Login Dialog
+ */
+export default class LoginDialog extends Component<LoginDialogProps> {
+    static propTypes: {
+        show: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        url: PropTypes.Requireable<string>;
+        loader: PropTypes.Requireable<boolean>;
+        loadingMessage: PropTypes.Requireable<string>;
+        showFallbackTimeout: PropTypes.Requireable<number>;
+        renderFallbackLink: PropTypes.Requireable<(...args: any[]) => any>;
+        onCancel: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        show: boolean;
+        url: string;
+        renderFallbackLink: () => null;
+        showFallbackTimeout: number;
+    };
+    state: {
+        loading: boolean;
+        loggingIn: boolean;
+        showFallbackLink: boolean;
+        height: number;
+        width: number;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    showFallbackTimout?: number;
+    startFallbackCountdown(): void;
+    onMessage: (event: MessageEvent) => void;
+    render(): React.JSX.Element;
+}
+export type LoginDialogAttrs = JSX.LibraryManagedAttributes<typeof LoginDialog, LoginDialogProps>;

package/components/login-dialog/login-dialog.js

@@ -0,0 +1,212 @@
+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, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Dialog from '../dialog/dialog.js';
+import '../island/island.js';
+import LoaderScreen from '../loader-screen/loader-screen.js';
+import { HUB_AUTH_PAGE_OPENED } from '../auth/background-flow.js';
+import ContentWrapper from '../island/content.js';
+import 'react-dom';
+import 'classnames';
+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 '../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.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 '../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 '../island/header.js';
+import 'element-resize-detector';
+import '../global/schedule-raf.js';
+import '../loader/loader.js';
+import '../loader/loader__core.js';
+import 'core-js/modules/es.promise.js';
+import '../auth/response-parser.js';
+import 'es6-error';
+import '../global/url.js';
+
+var modules_45da1992 = {"unit":"i__const_unit_0","light":"light_rui_2ac4","iFrame":"iFrame_rui_ea70","dialogContent":"dialogContent_rui_ea70","nonOpaqueLoader":"nonOpaqueLoader_rui_ea70","fallbackLinkContainer":"fallbackLinkContainer_rui_ea70"};
+
+var HUB_AUTH_PAGE_LOGIN_STARTED = 'HUB_AUTH_PAGE_LOGIN_STARTED';
+var HUB_AUTH_PAGE_LOGIN_DIMENSIONS = 'HUB_AUTH_PAGE_LOGIN_DIMENSIONS';
+var DEFAULT_HEIGHT = 517;
+var DEFAULT_WIDTH = 333;
+var DEFAULT_SHOW_FALLBACK_TIMEOUT = 5000;
+/**
+ * @name Login Dialog
+ */
+var LoginDialog = /*#__PURE__*/function (_Component) {
+  _inherits(LoginDialog, _Component);
+  var _super = _createSuper(LoginDialog);
+  function LoginDialog() {
+    var _this;
+    _classCallCheck(this, LoginDialog);
+    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", {
+      loading: true,
+      loggingIn: false,
+      showFallbackLink: false,
+      height: DEFAULT_HEIGHT,
+      width: DEFAULT_WIDTH
+    });
+    _defineProperty(_assertThisInitialized(_this), "showFallbackTimout", void 0);
+    _defineProperty(_assertThisInitialized(_this), "onMessage", function (event) {
+      var data = event.data;
+      if (!data) {
+        return;
+      }
+      if (data === HUB_AUTH_PAGE_OPENED) {
+        clearTimeout(_this.showFallbackTimout);
+        _this.setState({
+          loading: false,
+          loggingIn: false
+        });
+        return;
+      }
+      if (data === HUB_AUTH_PAGE_LOGIN_STARTED) {
+        _this.setState({
+          loading: true,
+          loggingIn: true
+        });
+        _this.startFallbackCountdown();
+        return;
+      }
+      if (data.message === HUB_AUTH_PAGE_LOGIN_DIMENSIONS) {
+        _this.setState({
+          height: data.height,
+          width: data.width
+        });
+      }
+    });
+    return _this;
+  }
+  _createClass(LoginDialog, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      window.addEventListener('message', this.onMessage);
+      this.startFallbackCountdown();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('message', this.onMessage);
+    }
+  }, {
+    key: "startFallbackCountdown",
+    value: function startFallbackCountdown() {
+      var _this2 = this;
+      this.showFallbackTimout = window.setTimeout(function () {
+        return _this2.setState({
+          showFallbackLink: true
+        });
+      }, this.props.showFallbackTimeout);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        show = _this$props.show,
+        className = _this$props.className,
+        url = _this$props.url,
+        loadingMessage = _this$props.loadingMessage,
+        renderFallbackLink = _this$props.renderFallbackLink,
+        onCancel = _this$props.onCancel;
+      var _this$state = this.state,
+        loading = _this$state.loading,
+        height = _this$state.height,
+        width = _this$state.width,
+        loggingIn = _this$state.loggingIn,
+        showFallbackLink = _this$state.showFallbackLink;
+      var iFrameStyle = {
+        height,
+        width
+      };
+      return /*#__PURE__*/React.createElement(Dialog, {
+        "data-test": "ring-login-dialog",
+        className: className,
+        contentClassName: modules_45da1992.dialogContent,
+        trapFocus: true,
+        autoFocusFirst: false,
+        show: show,
+        showCloseButton: true,
+        onCloseAttempt: onCancel
+      }, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("iframe", {
+        title: "Login dialog",
+        style: iFrameStyle,
+        src: url,
+        className: modules_45da1992.iFrame,
+        scrolling: "no"
+      })), loading && /*#__PURE__*/React.createElement(LoaderScreen, {
+        message: loadingMessage,
+        containerClassName: modules_45da1992.nonOpaqueLoader
+      }), showFallbackLink && /*#__PURE__*/React.createElement("div", {
+        className: modules_45da1992.fallbackLinkContainer
+      }, renderFallbackLink(loggingIn)));
+    }
+  }]);
+  return LoginDialog;
+}(Component);
+_defineProperty(LoginDialog, "propTypes", {
+  show: PropTypes.bool,
+  className: PropTypes.string,
+  url: PropTypes.string,
+  loader: PropTypes.bool,
+  loadingMessage: PropTypes.string,
+  showFallbackTimeout: PropTypes.number,
+  renderFallbackLink: PropTypes.func,
+  onCancel: PropTypes.func.isRequired
+});
+_defineProperty(LoginDialog, "defaultProps", {
+  show: false,
+  url: 'about:blank',
+  renderFallbackLink: function renderFallbackLink() {
+    return null;
+  },
+  showFallbackTimeout: DEFAULT_SHOW_FALLBACK_TIMEOUT
+});
+
+export { LoginDialog as default };

package/components/login-dialog/service.d.ts

@@ -0,0 +1,2 @@
+import { LoginDialogAttrs } from './login-dialog';
+export default function showAuthDialog(props?: LoginDialogAttrs): () => void;

package/components/login-dialog/service.js

@@ -0,0 +1,94 @@
+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 LoginDialog from './login-dialog.js';
+import 'core-js/modules/es.array.concat.js';
+import 'prop-types';
+import '../dialog/dialog.js';
+import 'react-dom';
+import 'classnames';
+import '@jetbrains/icons/close';
+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 '../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.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 '../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.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 '../_helpers/button__classes.js';
+import '../popup/popup.target.js';
+import '../_helpers/dialog__body-scroll-preventer.js';
+import 'scrollbar-width';
+import '../loader-screen/loader-screen.js';
+import '../loader/loader.js';
+import '../loader/loader__core.js';
+import '../auth/background-flow.js';
+import 'core-js/modules/es.promise.js';
+import '../auth/response-parser.js';
+import 'es6-error';
+import '../global/url.js';
+
+var containerElement = document.createElement('div');
+var reactRoot = createRoot(containerElement);
+/**
+ * Renders LoginDialog into virtual node to skip maintaining container
+ */
+function renderLoginDialog(props) {
+  reactRoot.render( /*#__PURE__*/React.createElement(ControlsHeightContext.Provider, {
+    value: getGlobalControlsHeight()
+  }, /*#__PURE__*/React.createElement(LoginDialog, props)));
+}
+function noop() {}
+function showAuthDialog() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    onCancel: noop
+  };
+  renderLoginDialog(_objectSpread2(_objectSpread2({}, props), {}, {
+    show: true
+  }));
+  return function () {
+    reactRoot.unmount();
+  };
+}
+
+export { showAuthDialog as default };

package/components/markdown/markdown.d.ts

@@ -0,0 +1,12 @@
+import React, { PureComponent, ReactNode } from 'react';
+export interface MarkdownProps {
+    inline?: boolean | null | undefined;
+    children: ReactNode;
+    className?: string | null | undefined;
+}
+/**
+  * @name Markdown
+*/
+export default class Markdown extends PureComponent<MarkdownProps> {
+    render(): React.JSX.Element;
+}

package/components/markdown/markdown.js

@@ -0,0 +1,43 @@
+import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_901b77ec } from '../_helpers/heading.js';
+import { m as modules_607b0772 } from '../_helpers/link.js';
+
+var modules_9c709e64 = {"unit":"i__const_unit_0","p-margin":"10px","light":"light_rui_2ac4","inline":"inline_rui_e3b3","markdown":"markdown_rui_e3b3 font_rui_8bff"};
+
+/**
+  * @name Markdown
+*/
+var Markdown = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Markdown, _PureComponent);
+  var _super = _createSuper(Markdown);
+  function Markdown() {
+    _classCallCheck(this, Markdown);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Markdown, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        children = _this$props.children,
+        inline = _this$props.inline;
+      var classes = classNames(className, modules_901b77ec.contentWithHeadings, modules_607b0772.withLinks, {
+        [modules_9c709e64.markdown]: !inline,
+        [modules_9c709e64.inline]: inline
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes
+      }, children);
+    }
+  }]);
+  return Markdown;
+}(PureComponent);
+Markdown.propTypes = {
+  inline: PropTypes.bool,
+  className: PropTypes.string
+};
+
+export { Markdown as default };

package/components/message/message.d.ts

@@ -0,0 +1,55 @@
+import React, { Component, ReactNode } from 'react';
+import Popup, { PopupAttrs } from '../popup/popup';
+import { Directions } from '../popup/popup.consts';
+import { IconType } from '../icon/icon';
+import { ButtonAttrs } from '../button/button';
+import Theme from '../global/theme';
+export interface MessageTranslations {
+    gotIt: string;
+    dismiss: string;
+}
+export interface MessageProps {
+    icon: string | IconType | null;
+    directions: readonly Directions[];
+    translations?: MessageTranslations | null | undefined;
+    theme: Theme;
+    title?: string | null | undefined;
+    children?: ReactNode;
+    className?: string | null | undefined;
+    tailClassName?: string | null | undefined;
+    direction?: Directions | null | undefined;
+    popupProps?: Partial<PopupAttrs> | null | undefined;
+    buttonProps?: ButtonAttrs | null | undefined;
+    tailOffset?: number | null | undefined;
+    onClose?: (() => void) | undefined;
+    onDismiss?: (() => void) | null | undefined;
+}
+interface MessageState {
+    direction?: Directions;
+}
+/**
+ * Displays a popup containing a message.
+ */
+export default class Message extends Component<MessageProps> {
+    static defaultProps: {
+        icon: string;
+        directions: Directions[];
+        theme: Theme;
+    };
+    state: MessageState;
+    static Directions: typeof Directions;
+    static PopupProps: {
+        Directions: typeof Directions;
+        Dimension: typeof import("../popup/popup.consts").Dimension;
+        MinWidth: typeof import("../popup/popup.consts").MinWidth;
+        MaxHeight: typeof import("../popup/popup.consts").MaxHeight;
+    };
+    private _onDirectionChange;
+    popup?: Popup | null;
+    node?: HTMLElement | null;
+    popupRef: (el: Popup | null) => void;
+    getTailOffset(): number;
+    render(): React.JSX.Element;
+}
+export type MessageAttrs = JSX.LibraryManagedAttributes<typeof Message, MessageProps>;
+export {};