@jetbrains/ring-ui 4.1.5 → 5.0.0-beta.2

package/components/user-card/card.jsx

@@ -0,0 +1,62 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Avatar, { Size } from '../avatar/avatar';
+import Link from '../link/link';
+import badgeStyles from '../badge/badge.css';
+import styles from './user-card.css';
+export default class UserCard extends PureComponent {
+    static propTypes = {
+        children: PropTypes.node,
+        className: PropTypes.string,
+        user: PropTypes.shape({
+            name: PropTypes.string.isRequired,
+            login: PropTypes.string.isRequired,
+            avatarUrl: PropTypes.string.isRequired,
+            email: PropTypes.string,
+            href: PropTypes.string,
+            online: PropTypes.bool,
+            banned: PropTypes.bool,
+            banReason: PropTypes.string
+        }).isRequired,
+        wording: PropTypes.shape({
+            banned: PropTypes.string.isRequired,
+            online: PropTypes.string.isRequired,
+            offline: PropTypes.string.isRequired
+        })
+    };
+    static defaultProps = {
+        wording: {
+            banned: 'banned',
+            online: 'online',
+            offline: 'offline'
+        }
+    };
+    render() {
+        const { children, className, user, wording, ...restProps } = this.props;
+        const classes = classNames(className, {});
+        const userActiveStatusClasses = classNames(styles.userActiveStatus, user.online ? styles.online : '');
+        return (<div className={classes} {...restProps}>
+        <div className={styles.userInformationContainer}>
+          <Avatar size={Size.Size56} url={user.avatarUrl}/>
+          <div className={styles.userInformation}>
+            <div>
+              {user.href && (<Link href={user.href} className={styles.userName}>
+                  {user.name}
+                </Link>)}
+              {!user.href && <span className={styles.userName}>{user.name}</span>}
+              {user.banned &&
+                (<span className={classNames(badgeStyles.badge, badgeStyles.invalid)} title={user.banReason}>{wording.banned}</span>)}
+            </div>
+            <div>
+              {typeof user.online === 'boolean' &&
+                (<span className={userActiveStatusClasses} title={user.online ? wording.online : wording.offline}/>)}
+              {user.login}
+            </div>
+            {user.email && <div>{user.email}</div>}
+          </div>
+        </div>
+        {children}
+      </div>);
+    }
+}

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

@@ -0,0 +1,20 @@
+import { 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: () => JSX.Element | "";
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,47 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import LoaderInline from '../loader-inline/loader-inline';
+import UserCardTooltip from './tooltip';
+import styles from './user-card.css';
+export default class SmartUserCardTooltip extends Component {
+    static propTypes = {
+        children: PropTypes.node,
+        userDataSource: PropTypes.func
+    };
+    state = {
+        user: null,
+        loading: false
+    };
+    loadUser = async () => {
+        if (this.state.user) {
+            return;
+        }
+        try {
+            this.setState({ loading: true });
+            const user = await this.props.userDataSource();
+            this.setState({ user });
+        }
+        catch (e) {
+            // Skip it
+        }
+        finally {
+            this.setState({ loading: false });
+        }
+    };
+    renderNoUser = () => (this.state.loading
+        ? (<div className={styles.userCardSpaced}>
+          <LoaderInline />
+        </div>)
+        : '');
+    render() {
+        const { user } = this.state;
+        const { children, userDataSource, ...restProps } = this.props;
+        const dropdownProps = {
+            onMouseEnter: this.loadUser,
+            ...UserCardTooltip.defaultProps.dropdownProps
+        };
+        return (<UserCardTooltip user={user} renderNoUser={this.renderNoUser} dropdownProps={dropdownProps} {...restProps}>
+        {children}
+      </UserCardTooltip>);
+    }
+}

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

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

package/components/user-card/tooltip.jsx

@@ -0,0 +1,37 @@
+import React, { Component } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import Dropdown from '../dropdown/dropdown';
+import Popup from '../popup/popup';
+import UserCard from './card';
+import styles from './user-card.css';
+const DEFAULT_TIMEOUT = 300;
+export default class UserCardTooltip extends Component {
+    static propTypes = {
+        className: PropTypes.string,
+        children: PropTypes.node,
+        dropdownProps: PropTypes.object,
+        user: PropTypes.object,
+        renderUserCard: PropTypes.func,
+        renderNoUser: PropTypes.func
+    };
+    static defaultProps = {
+        renderUserCard: (props) => {
+            const { className, children, renderUserCard, renderNoUser, dropdownProps, user, ...restProps } = props;
+            return user && (<UserCard user={user} {...restProps} className={classNames(styles.userCardSpaced, className)}/>);
+        },
+        renderNoUser: () => '',
+        dropdownProps: {
+            hoverShowTimeOut: DEFAULT_TIMEOUT,
+            hoverHideTimeOut: DEFAULT_TIMEOUT
+        }
+    };
+    render() {
+        const { children, user, renderUserCard, renderNoUser, dropdownProps } = this.props;
+        return (<Dropdown anchor={children} hoverMode clickMode={false} {...dropdownProps}>
+        <Popup attached={false}>
+          {user ? renderUserCard(this.props) : renderNoUser()}
+        </Popup>
+      </Dropdown>);
+    }
+}

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

@@ -0,0 +1,11 @@
+/**
+ * @name User Card
+ * @category Components
+ * @tags Ring UI Language
+ * @framework React
+ * @constructor
+ * @description A component that displays user details.
+ */
+export { default as UserCard } from './card';
+export { default as UserCardTooltip } from './tooltip';
+export { default as SmartUserCardTooltip } from './smart-user-card-tooltip';

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

@@ -1,4 +1,3 @@
-
 /**
  * @name User Card
  * @category Components
@@ -7,7 +6,6 @@
  * @constructor
  * @description A component that displays user details.
  */
-
-export {default as UserCard} from './card';
-export {default as UserCardTooltip} from './tooltip';
-export {default as SmartUserCardTooltip} from './smart-user-card-tooltip';
+export { default as UserCard } from './card';
+export { default as UserCardTooltip } from './tooltip';
+export { default as SmartUserCardTooltip } from './smart-user-card-tooltip';

package/components/user-card-ng/user-card-ng.examples.js

@@ -4,12 +4,12 @@ import angularDecorator, {APP_NAME} from '../../.storybook/angular-decorator';
 
 import hubConfig from '../../.storybook/hub-config';
 
-import Auth from '@jetbrains/ring-ui/components/auth/auth';
-import {createHubUserCardSource} from '@jetbrains/ring-ui/components/hub-source/hub-source__user';
+import Auth from '../auth/auth';
+import {createHubUserCardSource} from '../hub-source/hub-source__user';
 
-import {avatarDataUri} from '@jetbrains/ring-ui/components/avatar/avatar-example-datauri';
+import {avatarDataUri} from '../avatar/avatar-example-datauri';
 
-import UserCardNG from '@jetbrains/ring-ui/components/user-card-ng/user-card-ng';
+import UserCardNG from './user-card-ng';
 
 export default {
   title: 'Legacy Angular/User Card Ng',

package/dist/_helpers/anchor.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import chevronDown from '@jetbrains/icons/chevron-10px';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
-import Button from '../button/button.js';
+import ThemedButton from '../button/button.js';
 
 var modules_d9414203 = {"dropdown":"dropdown_rui_4da7","anchor":"anchor_rui_4da7","chevron":"chevron_rui_4da7"};
 
@@ -14,7 +14,7 @@ const Anchor = _ref => {
     className,
     ...restProps
   } = _ref;
-  return /*#__PURE__*/React.createElement(Button, _extends({
+  return /*#__PURE__*/React.createElement(ThemedButton, _extends({
     "data-test-ring-dropdown-anchor": true,
     text: true,
     className: classNames(modules_d9414203.anchor, className)

package/dist/_helpers/dialog__body-scroll-preventer.js

@@ -20,7 +20,7 @@ const prevent = key => {
   document.documentElement.classList.add(modules_5e9b8c03.documentWithoutScroll);
   const scrollWidth = scrollbarWidth();
 
-  if (documentHasScroll && scrollWidth > 0) {
+  if (documentHasScroll && scrollWidth != null && scrollWidth > 0) {
     previousDocumentWidth = document.documentElement.style.width;
     document.documentElement.style.width = `calc(100% - ${scrollWidth}px)`;
   }

package/dist/_helpers/footer.js

@@ -22,7 +22,7 @@ const FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
   }, children));
 });
 FooterColumn.propTypes = {
-  position: PropTypes.string,
+  position: PropTypes.oneOf(['left', 'center', 'right']).isRequired,
   children: PropTypes.node
 };
 /**
@@ -53,7 +53,7 @@ const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
   const items = Array.isArray(props.item) ? props.item : [props.item];
 
   function renderItem(item) {
-    if ( /*#__PURE__*/isValidElement(item)) {
+    if ( /*#__PURE__*/isValidElement(item) || typeof item !== 'object') {
       return item;
     }
 

package/dist/_helpers/inject-styles.js

@@ -9,7 +9,7 @@ var modules_e49a3529 = {"unit":"8px","loader":"loader_rui_cf3e","spin":"spin_rui
 const IMAGE_SIZE = 32;
 var injectStyles = memoize(() => {
   const mask = radialGradientMask(modules_e49a3529.unit, {
-    /* eslint-disable no-magic-numbers */
+    /* eslint-disable @typescript-eslint/no-magic-numbers */
     transparent: `${23 / 32 * 100}%`,
     white: `${25 / 32 * 100}%`
     /* eslint-enable */

package/dist/_helpers/input.js

@@ -1,3 +1,3 @@
-var modules_88cfaf40 = {"unit":"8px","iconOffset":"22px","container":"container_rui_91e6 fontLower_rui_750f font_rui_750f","compact":"compact_rui_91e6","input":"input_rui_91e6","clearable":"clearable_rui_91e6","light":"light_rui_91e6","dark":"dark_rui_91e6","withIcon":"withIcon_rui_91e6","label":"label_rui_91e6","icon":"icon_rui_91e6","clear":"clear_rui_91e6","empty":"empty_rui_91e6","active":"active_rui_91e6","noLabel":"noLabel_rui_91e6","error":"error_rui_91e6","underline":"underline_rui_91e6","focusUnderline":"focusUnderline_rui_91e6","errorUnderline":"errorUnderline_rui_91e6","errorText":"errorText_rui_91e6","sizeS":"sizeS_rui_91e6","sizeM":"sizeM_rui_91e6","sizeL":"sizeL_rui_91e6","sizeFULL":"sizeFULL_rui_91e6"};
+var modules_88cfaf40 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"24px","loaderWidth":"64px","iconOffset":"22px","light":"light_rui_8df3","active":"active_rui_8df3 active_rui_e33e","withIcon":"withIcon_rui_8df3","icon":"icon_rui_8df3","primary":"primary_rui_8df3","danger":"danger_rui_8df3","loaderBackground":"loaderBackground_rui_8df3","dark":"dark_rui_8df3","dropdownIcon":"dropdownIcon_rui_8df3","button":"button_rui_8df3 button_rui_e33e button_rui_40c7 button_rui_ec74","loader":"loader_rui_8df3","text":"text_rui_8df3","content":"content_rui_8df3","text-loading":"textLoading_rui_8df3","inline":"inline_rui_8df3","withNormalIconLight":"withNormalIconLight_rui_8df3","withNormalIconDark":"withNormalIconDark_rui_8df3","withDangerIconLight":"withDangerIconLight_rui_8df3","withDangerIconDark":"withDangerIconDark_rui_8df3","progress":"progress_rui_8df3","delayed":"delayed_rui_8df3","short":"short_rui_8df3","container":"container_rui_8df3 fontLower_rui_750f font_rui_750f","compact":"compact_rui_8df3","input":"input_rui_8df3","clearable":"clearable_rui_8df3","label":"label_rui_8df3","clear":"clear_rui_8df3","empty":"empty_rui_8df3","noLabel":"noLabel_rui_8df3","error":"error_rui_8df3","underline":"underline_rui_8df3","focusUnderline":"focusUnderline_rui_8df3","errorUnderline":"errorUnderline_rui_8df3","errorText":"errorText_rui_8df3","sizeS":"sizeS_rui_8df3","sizeM":"sizeM_rui_8df3","sizeL":"sizeL_rui_8df3","sizeFULL":"sizeFULL_rui_8df3"};
 
 export { modules_88cfaf40 as m };

package/dist/_helpers/query-assist__suggestions.js

@@ -24,8 +24,8 @@ class QueryAssistSuggestions {
   static renderLabel(suggestion) {
     const {
       className,
-      matchingStart,
-      matchingEnd,
+      matchingStart = 0,
+      matchingEnd = 0,
       option,
       prefix = '',
       suffix = ''

package/dist/_helpers/select__filter.js

@@ -2,7 +2,7 @@ import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import Input from '../input/input.js';
+import ThemedInput from '../input/input.js';
 import sniffr from '../global/sniffer.js';
 import { ActiveItemContext } from '../list/list.js';
 
@@ -14,6 +14,8 @@ class SelectFilter extends Component {
   constructor() {
     super(...arguments);
 
+    _defineProperty(this, "input", void 0);
+
     _defineProperty(this, "inputRef", el => {
       this.input = el;
       this.props.inputRef(el);
@@ -47,7 +49,7 @@ class SelectFilter extends Component {
       ...restProps
     } = this.props;
     const classes = classNames(modules_b607bec2.filter, className);
-    return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
+    return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => /*#__PURE__*/React.createElement(ThemedInput, _extends({}, restProps, {
       "aria-owns": listId,
       "aria-activedescendant": activeItemId,
       autoComplete: "off",
@@ -60,17 +62,17 @@ class SelectFilter extends Component {
 
 }
 
-_defineProperty(SelectFilter, "propTypes", {
+_defineProperty(SelectFilter, "defaultProps", {
+  placeholder: 'Filter items',
+  inputRef: noop
+});
+
+SelectFilter.propTypes = {
   placeholder: PropTypes.string,
   className: PropTypes.string,
   inputRef: PropTypes.func,
   listId: PropTypes.string,
   activeItemId: PropTypes.string
-});
-
-_defineProperty(SelectFilter, "defaultProps", {
-  placeholder: 'Filter items',
-  inputRef: noop
-});
+};
 
 export { SelectFilter as S, modules_b607bec2 as m };

package/dist/_helpers/sidebar.js

@@ -14,9 +14,12 @@ class Sidebar extends Component {
 
     _defineProperty(this, "state", {
       topIsOutside: true,
-      bottomIsOutside: true
+      bottomIsOutside: true,
+      sidebarVisibleHeight: undefined
     });
 
+    _defineProperty(this, "sidebarNode", void 0);
+
     _defineProperty(this, "handleTopWaypoint", _ref => {
       let {
         currentPosition
@@ -89,10 +92,10 @@ class Sidebar extends Component {
       [modules_b8a9dd4f.sidebarRight]: right,
       [modules_b8a9dd4f.sidebarFixedTop]: shouldFixateTop,
       [modules_b8a9dd4f.sidebarFixedBottom]: shouldFixateBottom,
-      [fixedClassName]: shouldFixateTop || shouldFixateBottom
+      [fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '']: shouldFixateTop || shouldFixateBottom
     });
     const style = {
-      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : null
+      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : undefined
     };
     return /*#__PURE__*/React.createElement("aside", {
       className: containerClasses,

package/dist/_helpers/title.js

@@ -5,6 +5,7 @@ import classNames from 'classnames';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
 import Checkbox from '../checkbox/checkbox.js';
 import getUID from '../global/get-uid.js';
+import { refObject } from '../global/prop-types.js';
 
 var modules_09d014b4 = {"unit":"8px","height":"32px","compensate":"2px","dataListWrapper":"dataListWrapper_rui_00a4","dataList":"dataList_rui_00a4","itemContent":"itemContent_rui_00a4","title":"title_rui_00a4","disabledHover":"disabledHover_rui_00a4","titleSelected":"titleSelected_rui_00a4","titleFocused":"titleFocused_rui_00a4","showMore":"showMore_rui_00a4","boxes":"boxes_rui_00a4","checkboxBox":"checkboxBox_rui_00a4","collapseButton":"collapseButton_rui_00a4","collapseIcon":"collapseIcon_rui_00a4","loadingOverlay":"loadingOverlay_rui_00a4","showMoreLoader":"showMoreLoader_rui_00a4"};
 
@@ -68,32 +69,31 @@ class Title extends PureComponent {
       checked: selected,
       onFocus: this.onCheckboxFocus,
       onChange: this.onCheckboxChange,
-      tabIndex: "-1"
+      tabIndex: -1
     })), collapserExpander), title);
   }
 
 }
 
-_defineProperty(Title, "propTypes", {
+_defineProperty(Title, "defaultProps", {
+  selectable: false,
+  selected: false,
+  showFocus: false
+});
+
+Title.propTypes = {
   className: PropTypes.string,
   title: PropTypes.node,
   offset: PropTypes.number,
   selectable: PropTypes.bool,
   selected: PropTypes.bool,
-  onSelect: PropTypes.func,
+  onSelect: PropTypes.func.isRequired,
   showFocus: PropTypes.bool,
   collapserExpander: PropTypes.node,
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),
+  innerRef: PropTypes.oneOfType([refObject(PropTypes.instanceOf(HTMLDivElement)), PropTypes.func]),
   // focusSensorHOC
-  onFocusRestore: PropTypes.func
-});
-
-_defineProperty(Title, "defaultProps", {
-  selectable: false,
-  selected: false,
-  showFocus: false
-});
-
+  onFocusRestore: PropTypes.func.isRequired
+};
 var Title$1 = focusSensorHOC(Title);
 
 export { Title$1 as T, modules_09d014b4 as m };

package/dist/alert/alert.d.ts

@@ -0,0 +1,110 @@
+import React, { PureComponent, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export declare const ANIMATION_TIME = 500;
+/**
+ * @name Alert
+ */
+/**
+ * List of available alert types.
+ * @enum {string}
+ */
+export declare enum AlertType {
+    ERROR = "error",
+    MESSAGE = "message",
+    SUCCESS = "success",
+    WARNING = "warning",
+    LOADING = "loading"
+}
+export interface AlertProps {
+    timeout: number;
+    onCloseRequest: ((event?: React.MouseEvent<HTMLElement>) => void);
+    onClose: (() => void);
+    isShaking: boolean;
+    isClosing: boolean;
+    inline: boolean;
+    showWithAnimation: boolean;
+    closeable: boolean;
+    type: AlertType;
+    children?: ReactNode;
+    className?: string | null | undefined;
+    captionClassName?: string | null | undefined;
+    closeButtonClassName?: string | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+interface State {
+    height: number | null;
+}
+/**
+ * @constructor
+ * @name Alert
+ * @extends {ReactComponent}
+ */
+/**
+ * **Alert** is a component for displaying contextual notifications. If you want to display a stack of notifications, use **Alerts** instead.
+ */
+export default class Alert extends PureComponent<AlertProps, State> {
+    static propTypes: {
+        timeout: PropTypes.Requireable<number>;
+        /**
+         * Fires when alert starts closing if timeout is out or user clicks "Close" button
+         */
+        onCloseRequest: PropTypes.Requireable<(...args: any[]) => any>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        isShaking: PropTypes.Requireable<boolean>;
+        isClosing: PropTypes.Requireable<boolean>;
+        /**
+         * Whether an alert is rendered inside an **Alerts** container
+         * or standalone.
+         */
+        inline: PropTypes.Requireable<boolean>;
+        showWithAnimation: PropTypes.Requireable<boolean>;
+        closeable: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<AlertType>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        captionClassName: PropTypes.Requireable<string>;
+        closeButtonClassName: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+    };
+    /** @override */
+    static defaultProps: {
+        closeable: boolean;
+        showWithAnimation: boolean;
+        type: AlertType;
+        inline: boolean;
+        isClosing: boolean;
+        isShaking: boolean;
+        timeout: number;
+        onClose: () => void;
+        onCloseRequest: () => void;
+    };
+    state: {
+        height: null;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    node?: HTMLDivElement | null;
+    hideTimeout?: number;
+    static Type: typeof AlertType;
+    closeRequest: (event: React.MouseEvent<HTMLElement>) => void;
+    startCloseAnimation: () => void;
+    private _close;
+    /**
+     * @param {SyntheticEvent} evt
+     * @private
+     */
+    private _handleCaptionsLinksClick;
+    /**
+     * @private
+     */
+    private _getCaption;
+    /**
+     * @private
+     * @return {XML|string}
+     */
+    private _getIcon;
+    storeAlertRef: (node: HTMLDivElement | null) => void;
+    render(): JSX.Element;
+}
+export { default as Container } from './container';