@docsvision/webclient 5.17.0-beta.9 → 5.17.0

package/Helpers/ModalHost.d.ts

@@ -0,0 +1,63 @@
+/// <reference types="react" />
+import { IBasicEvent } from '@docsvision/webclient/System/IBasicEvent';
+import { ICancelableEvent } from '@docsvision/webclient/System/ICancelableEvent';
+import { IEventArgs } from '@docsvision/webclient/System/IEventArgs';
+import { Optional } from '@docsvision/web/core/services';
+import { $RootCssClass } from '@docsvision/webclient/Helpers/$RootCssClass';
+/**
+ * Предоставляет контейнер для отрисовки модального окна. Позволяет отображать диалоговое окно вне react-компонент.
+ *
+ * Пример использования:
+ *
+ *     let host = new ModalHost("time-dialog", () => {
+ *          return (
+ *              <ModalBackdrop visible={true}>
+ *                  <ModalDialog isOpen={true}>
+ *                      <ModalDialogCloseButton onClick={() => host.unmount()} />
+ *                      <ModalDialogHeader>Текущее время</ModalDialogHeader>
+ *                      <div>Текущее время: {(new Date()).toTimeString()}</div>
+ *                  </ModalDialog>
+ *              </ModalBackdrop>
+ *          );
+ *      });
+ *      host.mount();
+ *      setInterval(() => host.forceUpdate(), 1000);
+ *
+ */
+export declare class ModalHost {
+    private mId;
+    private mContainer;
+    private mRenderFunction;
+    private static mModalDialogHostContainerProvider;
+    private unmountingEvent;
+    private unmountedEvent;
+    private rootCssClass;
+    private static getModalDialogHostContainer;
+    /**
+     * Инициализирует объект ModalDialogHost
+     * @param className Класс, который будет задан элементу-контейнеру в DOM
+     * @param render Функция, выполняющая отрисовку модального окна
+     */
+    constructor(className: string, render: () => React.ReactNode | React.ReactNode[], services?: Optional<$RootCssClass> | {});
+    get className(): string;
+    set className(c: string);
+    get unmounting(): ICancelableEvent<IEventArgs>;
+    get unmounted(): IBasicEvent<IEventArgs>;
+    /**
+     * Иницирует перерисовку модального окна. При этом вызывается функция render, переданная в конструктор.
+     */
+    forceUpdate(callback?: Function): Promise<void>;
+    /**
+     * Создает в DOM элемент-контейнер, и запускает отрисовку модального окна.
+     */
+    mount(callback?: Function): Promise<void>;
+    /**
+     * Удаляет все созданные элементы из DOM.
+     */
+    unmount(timeoutMs?: number): Promise<any>;
+    /**
+     * Создано ли модальное окно
+     */
+    isMounted(): boolean;
+    private render;
+}

package/Helpers/ModalSidebar/ModalSidebar.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+/** Свойства для {@link ModalSidebar} */
+export interface IModalSidebarProps {
+    /** При смене значения на true модальное окно откроется, при смене в false - скроется. */
+    isOpen: boolean;
+    /** Содержимое панели */
+    children?: React.ReactNode;
+    /**
+     * Если флаг установлен, то событие click внутри панели не поднимается к родителельскому элементу.
+     * По умолчанию: true
+     */
+    stopClickPropagation?: boolean;
+    /** Дополнительный css-класс. */
+    className?: string;
+    paddings?: boolean;
+}
+/**
+ * Представляет выезжающую боковую панель.
+ *
+ * Пример использования:
+ *
+ *     <div>
+ *         <ModalBackdrop onClick={() => this.setState({ sidebarOpen: false })}>
+ *             <ModalSidebar isOpen={this.state.sidebarOpen} >
+ *                 <ModalSidebarCloseButton onClick={() => this.setState({ sidebarOpen: false })} />
+ *                 <ModalSidebarHeader>Some header</ModalSidebarHeader>
+ *                 <div>Some content</div>
+ *             </ModalSidebar>
+ *         </ModalBackdrop>
+ *     </div>
+ *
+ * Пример использование вне компонента:
+ *
+ *     let host: ModalHost = new ModalHost("time-sidebar", () => {
+ *         return (
+ *             <ModalBackdrop visible={true} onClick={() => host.unmount()} >
+ *                 <ModalSidebar isOpen={true} >
+ *                     <ModalSidebarCloseButton onClick={() => host.unmount()} />
+ *                     <ModalSidebarHeader>Some header</ModalSidebarHeader>
+ *                     <div>Current time {(new Date()).toTimeString()}</div>
+ *                 </ModalSidebar>
+ *             </ModalBackdrop>
+ *         );
+ *     });
+ *     host.mount();
+ *     setInterval(() => host.forceUpdate(), 1000);
+ *
+ */
+export declare const ModalSidebar: (props: IModalSidebarProps) => JSX.Element;

package/Helpers/ModalSidebar/ModalSidebarCloseButton.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+/** Свойства для {@link ModalSidebarCloseButton} */
+export interface IModalSidebarCloseButtonProps {
+    /** Доступность кнопки. Значение по умолчанию: true */
+    enabled?: boolean;
+    /** Обработчик события click */
+    onClick: (ev: React.MouseEvent<any>) => void;
+}
+/**
+ * Представляет закрывающую кнопку в правой части выезжающей панели ({@link ModalSidebar}).
+ *
+ * Пример использования:
+ *
+ *     <ModalSidebar isOpen={this.state.sidebarOpen} >
+ *         <ModalSidebarCloseButton onClick={() => this.setState({ sidebarOpen: false })} />
+ *     </ModalSidebar>
+ */
+export declare const ModalSidebarCloseButton: (props: IModalSidebarCloseButtonProps) => JSX.Element;

package/Helpers/ModalSidebar/ModalSidebarHeader.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+/** Свойства для {@link ModalSidebarHeader} */
+export interface IModalSidebarHeaderProps {
+    /** Дополнительный класс */
+    className?: string;
+    /** Содержимое заголовка  */
+    children?: React.ReactNode;
+}
+/**
+ * Представляет заголовок выезжающей панели ({@link ModalSidebar}).
+ *
+ * Пример использования:
+ *
+ *     <ModalSidebar isOpen={this.state.menuBarExpanded} >
+ *         <ModalSidebarHeader>{resources.MyHeaderText}</ModalSidebarHeader>
+ *     </ModalSidebar>
+ */
+export declare const ModalSidebarHeader: (props: IModalSidebarHeaderProps) => JSX.Element;

package/Helpers/PopoverHelpers/ClosePopoverListener.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+/** @internal Свойства для {@link ClosePopoverListener} */
+export interface IClosePopoverListenerProps {
+    /** Дополнительный класс */
+    className?: string;
+    /** Используется при закрытии по клику мышкой снаружи, разрешает клики внутри переданного контейнера (по умолчанию - корень этого компонента) */
+    boundaryTarget?: HTMLElement | string;
+    /** При закрытии выпадающего списка */
+    onClose?: () => void;
+}
+/**
+ * @internal Панель, которая отслеживает события клика вне себя и нажатия клавиши Esc.
+ */
+export declare class ClosePopoverListener extends React.PureComponent<IClosePopoverListenerProps> {
+    el: HTMLElement;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /**
+     * Закрытие выпадающего меню при клике снаружи
+     */
+    protected onDocumentClick: (event: MouseEvent) => void;
+    protected onDocumentKeyDown: (e: any) => void;
+    render(): JSX.Element;
+}

package/Helpers/PopoverHelpers/CommonPopover.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { PopoverMode } from '@docsvision/webclient/Helpers/PopoverHelpers/Popover';
+export interface CommonPopoverProps {
+    isOpen?: boolean;
+    /** Вызывается при щелчке во вне или нажатии Esc. */
+    onClose?: () => void;
+    className?: string;
+    /**
+     * Место относительно целевого элемента, где будет размещено вспылвающее окно.
+     *
+     * Замечение: если места сверху будет недостаточно (будут мешать границы экрана), то всплывающее окно
+     * автоматически сместится вниз.
+     *
+     * По умолчанию: PopoverMode.Above
+     */
+    mode?: PopoverMode;
+    /** Статичное смещение всплывающего окна от вычисленного положения по оси X в пикселях. */
+    xShift?: number;
+    /** Статичное смещение всплывающего окна от вычисленного положения по оси Y в пикселях. */
+    yShift?: number;
+    /** Событие click внутри всплывающего окна. */
+    onClickInside?: (ev: MouseEvent) => void;
+    children: any;
+}
+export declare const CommonPopover: (props: CommonPopoverProps) => JSX.Element;

package/Helpers/PopoverHelpers/EditPopover/EditPopover.d.ts

@@ -0,0 +1,107 @@
+import { IEditPopoverProps } from "@docsvision/webclient/Helpers/PopoverHelpers/EditPopover/IEditPopoverProps";
+import { IEditPopoverState } from "@docsvision/webclient/Helpers/PopoverHelpers/EditPopover/IEditPopoverState";
+import { IBasicEvent } from "@docsvision/webclient/System/IBasicEvent";
+import { ICancelableEvent } from "@docsvision/webclient/System/ICancelableEvent";
+import { IEventArgs } from "@docsvision/webclient/System/IEventArgs";
+import React from "react";
+/**
+ * Использует {@link Popover} для отображения вслывающего окна контролов, в режиме edit-in-place.
+ *
+ * Для создания всплывающего окна следует исполдьзовать статический метод {@link EditPopover.CreatePopover}
+ */
+export declare class EditPopover extends React.Component<IEditPopoverProps, IEditPopoverState> {
+    private contentRoot;
+    private wrapper;
+    private popover;
+    constructor(props: IEditPopoverProps);
+    /** Событие, возникающее перед показом окна */
+    get showing(): ICancelableEvent<IEventArgs>;
+    /** Событие, возникающее после показа окна */
+    get shown(): IBasicEvent<IEventArgs>;
+    /** Событие, возникающее перед нажатием кнопки OK */
+    get accepting(): ICancelableEvent<IEventArgs>;
+    /** Событие, возникающее после нажатия кнопки ОК */
+    get accepted(): IBasicEvent<IEventArgs>;
+    /** Событие, возникающее перед закрытием окна путем нажатия кнопки Отмена, клавиши Esc или щелчка вне вслывающего окна) */
+    get canceling(): ICancelableEvent<IEventArgs>;
+    /** Событие, возникающее после нажатия кнопки Отмена, клавиши Esc или щелчка вне вслывающего окна. */
+    get canceled(): IBasicEvent<IEventArgs>;
+    /** Событие, возникающее перед показом окна */
+    get hidding(): ICancelableEvent<IEventArgs>;
+    /** Событие, возникающее после скрытия окна */
+    get hidden(): IBasicEvent<IEventArgs>;
+    /** Css-класс */
+    get className(): string;
+    set className(val: string);
+    /** Css-класс рутового элемента */
+    get rootClassName(): string;
+    set rootClassName(val: string);
+    /**
+     * Создает экземпляр вслывающего окна.
+     *
+     * После создания следует использовать {@link contentElement} свойство для задания содержимого, и методы {@link show} и {@link hide}
+     * для управления всплывающим окном.
+     */
+    static CreatePopover(popoverOptions: IEditPopoverProps): Promise<EditPopover>;
+    /**
+     * HTMLElement, в который следует поместить содержимое всплывающего окна.
+     *
+     * Внимание! Значение свойства будет принициализировано только после вызова {@link IEditPopoverProps.onMounted}
+     */
+    get contentElement(): HTMLElement;
+    /**
+     * Отображает всплыающее окно на экране.
+     */
+    show(): Promise<void>;
+    /**
+     * Скрывает всплыающее окно.
+     */
+    hide(): Promise<unknown>;
+    /**
+     * Отображается всплыающее окно на экране в данный момент или нет.
+     */
+    get visible(): boolean;
+    set visible(val: boolean);
+    /**
+     * Настройка, определяющая, будет ли окно скрываться по клику во вне.
+     */
+    get hideByClickOutside(): boolean;
+    set hideByClickOutside(val: boolean);
+    /**
+     * Настройка, определяющая, будет ли окно скрываться по нажатию Esc
+     */
+    get hideByEsc(): boolean;
+    set hideByEsc(val: boolean);
+    /**
+     * Настройка, определяющая, будет ли иницироваться применение изменений по нажатию клавиши Enter.
+     */
+    get acceptByEnter(): boolean;
+    set acceptByEnter(val: boolean);
+    get ignoreOutsideClicksSelectors(): string[] | undefined;
+    set ignoreOutsideClicksSelectors(val: string[] | undefined);
+    /**
+     * Корректно очищает содержимое {@link contentElement}
+     */
+    clearContent(): void;
+    /**
+     * Скрывает окно и очищает все используемые ресурсы.
+     */
+    dispose(): void;
+    /**
+     * Перессчитать позицию окна.
+     */
+    updatePositions(): void;
+    private attachPopover;
+    private onKeyEnter;
+    private onKeyEsc;
+    private attachContentRoot;
+    private hideInternal;
+    accept(): Promise<unknown>;
+    cancel(): Promise<unknown>;
+    private onOkClick;
+    private onCancelClick;
+    private onClickOutside;
+    private renderSaveCancelButtons;
+    /** @internal */
+    render(): JSX.Element;
+}

package/Helpers/PopoverHelpers/EditPopover/IEditPopoverProps.d.ts

@@ -0,0 +1,60 @@
+import { EditPopover } from "@docsvision/webclient/Helpers/PopoverHelpers/EditPopover/EditPopover";
+import { PopoverMode } from "@docsvision/webclient/Helpers/PopoverHelpers/Popover";
+/** Свойства для {@link EditPopover} */
+export interface IEditPopoverProps {
+    /** Элемент, возле которого будет отображено всплывающее окно */
+    target: HTMLElement;
+    /** Аналог {@see target}, но с динамическим определением значения. */
+    targetGetter?: () => HTMLElement;
+    /** Уникальный идентфикатор окна. */
+    key?: string;
+    /** Ширина содержимого всплывающего окна */
+    width?: string;
+    /** Максимальная высота содержимого всплывающего окна */
+    maxHeight?: string;
+    /** Максимальная ширина содержимого всплывающего окна */
+    maxWidth?: string;
+    /** Текст заголовка всплывающего окна */
+    title?: string;
+    /** Настройка, определяющая, будет ли иницироваться применение изменений по нажатию клавиши Enter. */
+    acceptByEnter?: boolean;
+    /** Настройка, определяющая, будет ли окно скрываться по нажатию Esc */
+    hideByEsc?: boolean;
+    /** Минимальное расстояние до границ экрана */
+    screenPadding?: number;
+    /** @internal */
+    className?: string;
+    /** Css-класс, добавляемый к корневому элементу. */
+    rootClassName?: string;
+    /** Не вызывает событие onClickOutside в случае, если клавиша мишы была зажата внутри Popover и отжата вне его */
+    preventClickOutsideEventOnMouseUp: boolean;
+    /**
+     * Настройка, определяющая, будет ли окно скрываться по клику во вне.
+     */
+    hideByClickOutside?: boolean;
+    /**
+     * Настройка, определяющая будет ли проигнорирован клик во вне, если этот клик был совершен в пределах другого модального окна.
+     * Модальными окнами считаются элементы, созданные при помощи BodyContainerProvider.
+     *
+     * Значение по умолчанию: true
+     */
+    ignoreModalOutsideClicks?: boolean;
+    /**
+     * Настройка, определяющая селекторы для элементов, клик по которым не будет считаться кликом во вне.
+     */
+    ignoreOutsideClicksSelectors?: string[];
+    /**
+     * Место относительно целевого элемента, где будет размещено вспылвающее окно.
+     */
+    mode?: PopoverMode;
+    /** Статичное смещение всплывающего окна от вычисленного положения по оси X в пикселях.  */
+    xShift?: number;
+    /** Статичное смещение всплывающего окна от вычисленного положения по оси Y в пикселях.  */
+    yShift?: number;
+    /** Если значение указано, то Popover не будет вычислять собственную ширину, но будет использовать заданную. */
+    forceWidth?: number;
+    /** Настройка, определяющая, возможность перетаскивания окна мышкой */
+    draggable?: boolean;
+    /** Функция, которая будет вызвана после того, как {@link EditPopover.contentElement} примет корректное значение. */
+    onMounted: (popover: EditPopover) => void;
+}

package/Helpers/PopoverHelpers/EditPopover/IEditPopoverState.d.ts

@@ -0,0 +1,36 @@
+import { PopoverMode } from "@docsvision/webclient/Helpers/PopoverHelpers/Popover";
+import { LoadingState } from "@docsvision/webclient/System/LoadingState";
+import { CancelableEvent } from "@docsvision/webclient/System/CancelableEvent";
+import { IEventArgs } from "@docsvision/webclient/System/IEventArgs";
+import { SimpleEvent } from "@docsvision/webclient/System/SimpleEvent";
+/** @internal */
+export interface IEditPopoverState {
+    waitingState: LoadingState;
+    currentTarget: HTMLElement;
+    offScreenX?: boolean;
+    offScreenY?: boolean;
+    visible?: boolean;
+    hideByEscOption: boolean;
+    acceptByEnterOption: boolean;
+    title: string;
+    screenPadding: number;
+    mode: PopoverMode;
+    className?: string;
+    /** Css-класс, добавляемый к корневому элементу. */
+    rootClassName?: string;
+    /**
+     * Должен ли Popover скрываться при клике снаружи него.
+     * Значение по умолчанию: false
+     */
+    hideByClickOutside?: boolean;
+    ignoreModalOutsideClicks?: boolean;
+    ignoreOutsideClicksSelectors?: string[];
+    acceptingEvent: CancelableEvent<IEventArgs>;
+    acceptedEvent: SimpleEvent<IEventArgs>;
+    cancelingEvent: CancelableEvent<IEventArgs>;
+    canceledEvent: SimpleEvent<IEventArgs>;
+    showingEvent: CancelableEvent<IEventArgs>;
+    shownEvent: SimpleEvent<IEventArgs>;
+    hiddingEvent: CancelableEvent<IEventArgs>;
+    hiddenEvent: SimpleEvent<IEventArgs>;
+}

package/Helpers/PopoverHelpers/InlineDropdownPopover.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+/** Свойства для  {@link Popover} */
+export interface IInlineDropdownPopoverProps {
+    /** Дополнительный класс */
+    className?: string;
+    innerElementRef?: (elem: HTMLElement) => void;
+    topPlacementShift?: string;
+}
+/** @internal */
+export interface IInlineDropdownPopoverState {
+    locatedTop?: boolean;
+    updateCount: number;
+}
+/**
+ * Компонент, который обеспечивает абсолютное позиционирование всплывающего выпадающего списка снизу так, что левый край выровнен по левому краю родителя.
+ * Если снизу оказывается недостаточно места, то панель показывается сверху.
+ */
+export declare class InlineDropdownPopover extends React.Component<IInlineDropdownPopoverProps, IInlineDropdownPopoverState> {
+    private static mPopoversContainer;
+    private static getPopoversContainer;
+    private root;
+    /** @internal */
+    state: IInlineDropdownPopoverState;
+    constructor(props: IInlineDropdownPopoverProps);
+    UNSAFE_componentWillReceiveProps(): void;
+    componentDidUpdate(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private subscribeGlobalEvents;
+    private unsubscribeGlobalEvents;
+    private onPageScroll;
+    private onWindowResize;
+    /**
+     * Перессчитать позицию всплывающего окна.
+     */
+    updatePositions(): void;
+    attachRoot: (elem: HTMLElement) => void;
+    static Wrapper: 
+import("styled-components").StyledComponent<"div", any, Partial<IInlineDropdownPopoverState & IInlineDropdownPopoverProps>, never>;
+    /** @internal */
+    render(): JSX.Element;
+}

package/Helpers/PopoverHelpers/Popover.d.ts

@@ -0,0 +1,190 @@
+import React from "react";
+import { PopoverCalcProcess } from '@docsvision/webclient/Helpers/PopoverHelpers/PopoverProcess';
+/** Свойства для  {@link Popover} */
+export interface IPopoverProps {
+    /** При смене значения на true всплывающее окно откроется, при смене в false - скроется. */
+    isOpen: boolean;
+    hidden?: boolean;
+    /** Контейнер целевого элемента, в котором будет отслеживаться скролл. */
+    container?: HTMLElement;
+    /**
+     * Элемент, относительно которого всплывающее окно будет позиционироваться.
+     *
+     * Замечание: Popover не может корректно позиционироваться относительно элементов с display: inline.
+     *
+     * По умолчанию: ближайший не-inline родитель Popover.
+     */
+    target?: HTMLElement;
+    /** Аналог {@see target}, но с динамическим определением значения. */
+    targetGetter?: () => HTMLElement;
+    /** Минимальная дистанция до границ экрана в пикселях. */
+    screenPadding?: number;
+    /**
+     * Место относительно целевого элемента, где будет размещено вспылвающее окно.
+     *
+     * Замечение: если места сверху будет недостаточно (будут мешать границы экрана), то всплывающее окно
+     * автоматически сместится вниз.
+     *
+     * По умолчанию: PopoverMode.Above
+     */
+    mode?: PopoverMode;
+    /** Статичное смещение всплывающего окна от вычисленного положения по оси X в пикселях. */
+    xShift?: number;
+    /** Статичное смещение всплывающего окна от вычисленного положения по оси Y в пикселях. */
+    yShift?: number;
+    /** Настройка, определяющая, возможность перетаскивания окна мышкой */
+    draggable?: boolean;
+    /** Настройка, определяющая, надо ли скрывать всплывающее окно, если позиции достигли границ экрана */
+    hideIfBehindPadding?: boolean;
+    /** Не вызывает событие onClickOutside в случае, если клавиша мишы была зажата внутри Popover и отжата вне его */
+    preventClickOutsideEventOnMouseUp?: boolean;
+    /** Событие click вне всплывающего окна. */
+    onClickOutside?: (ev: MouseEvent) => void;
+    /** Событие click внутри всплывающего окна. */
+    onClickInside?: (ev: MouseEvent) => void;
+    /** Событие нажатия Enter (срабатывает, даже когда фокус вне модального окна). */
+    onEnterPressed?: (ev: KeyboardEvent) => void;
+    /** Событие нажатия Esc (срабатывает, даже когда фокус вне модального окна). */
+    onEscPressed?: (ev: KeyboardEvent) => void;
+    onShouldStartDrag?: (el: EventTarget) => boolean;
+    /** Содержимое модального окна. Используйте {@link PopoverBox} для создания белой панели со скругленными краями. */
+    children?: React.ReactNode;
+    /** Дополнительный класс, который будет назначен на корневой элемент. */
+    className?: string;
+    /** Минимальная ширина. */
+    minWidth?: string;
+    /** Координаты клика мыши. */
+    pageCoordinates?: any;
+    /** Показывает необходиомость обработать событие contextmenu. */
+    isContextmenuEventNeed?: boolean;
+}
+/** @internal */
+export interface IPopoverState {
+    currentTarget: HTMLElement;
+    offScreenX?: boolean;
+    offScreenY?: boolean;
+    screenPadding: number;
+    mode: PopoverMode;
+    hideClassName: string;
+    positionCalculated?: boolean;
+    renderReady?: boolean;
+    ignoreClickOutsideEvent: boolean;
+    popoverclick: boolean;
+}
+/**
+ * Режим Popover.
+ */
+export declare enum PopoverMode {
+    /** Сверху по центру. Если сверху места нет, то показывается снизу. */
+    Above = 0,
+    /**
+     * Слева, выровненное вертикально по верхнему краю (верхний край окна совпадает с верхним краем целевого элемента).
+     * Если снизу не хватает места, то смещается вверх ровно на столько, чтобы уместить на экране.
+     * Если слева нет места, то смещается ровно на столько, чтобы уместить на экране.
+     */
+    LeftSide = 1,
+    /** Снизу, выровненное так, что левый край окна соответствует левому краю целевого элемента. Если снизу нет места, то показывается сверху. */
+    BottomDropdown = 2,
+    /** Слева, так что верхний левый угол совпадает с левым верхнем углом целевого элемента. */
+    LeftSideToRight = 3,
+    /** Слева, так что верхний левый угол совпадает с левым верхнем углом целевого элемента. */
+    LeftBottomSideToRight = 4,
+    /**
+     * Под курсором.
+     * Если нет места снизу, то выравнивается по крайней нижней границе
+     *  Если нет места справа, то выравнивается по крайней правой границе
+     */
+    UnderCursor = 5
+}
+/**
+ * Компонент, который обеспечивает позиционирование всплывающего модального окна.
+ *
+ * Замечание: при показе всплывающего окна создается элемент в body документа (или в указанном контейнере) с абсолютной позицией,
+ * который при помощи свойств top и left размещается над целевым элементом. При этом, обновление координат происходит
+ * при перерисовке компонента, при ресайзе и скроле окна, а также при скроле элемента-контейнера. Можно запустить перессчет
+ * позиции вручную при помощи метода {@link updatePositions}. Предпочитительнее использовать этот метод, вместо перерисовки
+ * компонента, т.к. данный метод только обновляет позицию, в то время как перерисовка запускает обновление содержимого
+ * всплывающего окна (это критично, если нужно обновлять позицию в события, возникающих часто).
+ *
+ * Из принципа работы компонента также следует, что анимации при показе окна могут некорректно работать при смене значения isOpen,
+ * т.к. при показе окна элемент каждый раз создается заново. Если нужно при показе только сменить css-класс (для выполнения анимации),
+ * то следует держать значение isOpen всегда true, и скрывать только содержимое всплывающего окна при помощи css. Сам компонент
+ * не создает никаких видимых артефактов на экране, поэтому данный сценарий допустим.
+ *
+ * Также следует отметить, что физически всплывающее окна располагается в другом месте DOM, не там где отрендерен элемент Popover.
+ * Поэтому, наследование css-стилей не будет работать для содержимого вслывающего окна. При необходимости, можно задать
+ * {@link IPopoverProps.container}, чтобы указать место в DOM, где должен размещаться элемент. Однако, в этом случае могут возникнуть
+ * проблемы с перекрыванием содержимого с другими элементами на странице.
+ *
+ * Пример использования:
+ *
+ *     <div>
+ *         <Popover isOpen={this.state.popoverOpen} onClickOutside={this.closePopover} onEscPressed={this.closePopover}>
+ *             <PopoverBox>
+ *                 <PopoverHead>
+ *                     <PopoverTitle>Заголовок</PopoverTitle>
+ *                 </PopoverHead>
+ *                 <PopoverContent>
+ *                     Содержимое
+ *                 </PopoverContent>
+ *             </PopoverBox>
+ *         </Popover>
+ *         <span>Элемент, около которого появится окно</span>
+ *     </div>
+ *
+ *  См. также: {@link PopoverBox}, {@link PopoverHead}, {@link PopoverTitle},
+ *  {@link PopoverCloseButton}, {@link PopoverAcceptButton}, {@link PopoverCancelButton}, {@link PopoverContent}
+ */
+export declare class Popover extends React.Component<IPopoverProps, IPopoverState> {
+    private static mPopoversContainer;
+    private static getPopoversContainer;
+    static calcPositionProcess: Array<PopoverCalcProcess>;
+    private root;
+    private xDiff;
+    private yDiff;
+    private zIndex;
+    state: IPopoverState;
+    constructor(props: IPopoverProps);
+    private getPropsTarget;
+    /** @internal */
+    componentWillUnmount(): void;
+    /** @internal */
+    UNSAFE_componentWillReceiveProps(nextProps: IPopoverProps, nextContext: any): void;
+    isLastShownPopover(): boolean;
+    updateVisibility(hidden: boolean): void;
+    /** @internal */
+    componentDidUpdate(): void;
+    /** @internal */
+    componentDidMount(): void;
+    private attachStub;
+    private onShow;
+    private onHide;
+    /** Скрывает всплывающее окна и очищает все занимаемые ресурсы. */
+    dispose(): Promise<any>;
+    private onDocumentClick;
+    private onDocumentRightButtonClick;
+    protected isElementAbovePopover(elem: HTMLElement): boolean;
+    protected isAbsoluteOrFixedPositioned(elem: HTMLElement, checkElementInBodyAndNotInContainer?: boolean): boolean;
+    private onDocumentMouseDown;
+    private onDocumentMouseUp;
+    private onDocumentKeyDown;
+    private subscribeGlobalEvents;
+    private unsubscribeGlobalEvents;
+    private onPageScroll;
+    private onWindowResize;
+    private getCurrentTarget;
+    /**
+     * Перессчитать позицию всплывающего окна.
+     */
+    updatePositions(): void;
+    private onMouseMove;
+    private onMouseDown;
+    private onMouseUp;
+    private moveDraggableIntoView;
+    private updateTopPosition;
+    addVerticalOffset(offset: number): void;
+    private updateHorizontalPosition;
+    private renderPopover;
+    /** @internal */
+    render(): JSX.Element;
+}