@docsvision/webclient 6.1.0 → 6.1.2

package/Helpers/MainMenu/SpaceGap.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 /** @internal */
 export interface ISpaceGapProps {
-    children?: any;
+    children?: React.ReactNode | React.ReactNode[];
 }
 /** @internal */
-export declare const SpaceGap: (props: ISpaceGapProps) => JSX.Element;
+export declare function SpaceGap(props: ISpaceGapProps): JSX.Element;

package/Helpers/Menu/AdaptiveMenuBar.d.ts

@@ -1,11 +1,11 @@
-import { Popover, PopoverMode } from "@docsvision/webclient/Helpers/PopoverHelpers/Popover";
+import { IPopoverCoordinates, Popover, PopoverMode } from "@docsvision/webclient/Helpers/PopoverHelpers/Popover";
 import React from "react";
 /** @internal */
 export interface IAdaptiveMenuBarProps {
     expanded: boolean;
     children?: React.ReactNode;
     mode?: PopoverMode;
-    pageCoordinates?: any;
+    pageCoordinates?: IPopoverCoordinates;
     isContextmenuEventNeed?: boolean;
     onClose?: () => void;
     targetGetter?: () => HTMLElement;

package/Helpers/Menu/AdaptiveMenuItem.d.ts

@@ -21,4 +21,4 @@ export interface IAdaptiveMenuItemProps {
  * @internal Представляет собой адаптивный элемент для меню {@link AdaptiveMenuBar}.
  * См. также {@link AdaptiveMenuContent}
  */
-export declare const AdaptiveMenuItem: (props: IAdaptiveMenuItemProps) => JSX.Element;
+export declare function AdaptiveMenuItem(props: IAdaptiveMenuItemProps): JSX.Element;

package/Helpers/Menu/Content/AdaptiveMenuContent.d.ts

@@ -8,4 +8,4 @@ export interface IAdaptiveMenuContentProps {
  * @internal Представляет собой адаптивное содержимое для меню {@link AdaptiveMenuBar}.
  * См. также {@link AdaptiveMenuItem}
  */
-export declare const AdaptiveMenuContent: (props: IAdaptiveMenuContentProps) => JSX.Element;
+export declare function AdaptiveMenuContent(props: IAdaptiveMenuContentProps): JSX.Element;

package/Helpers/Menu/Content/DesktopMenuContent.d.ts

@@ -6,4 +6,4 @@ export interface IDesktopMenuContentProps extends IAdaptiveMenuContentProps {
 /**
  * @internal Представляет собой обёртку для содержимого меню в настольной версии.
  */
-export declare const DesktopMenuContent: (props: IDesktopMenuContentProps) => JSX.Element;
+export declare function DesktopMenuContent(props: IDesktopMenuContentProps): JSX.Element;

package/Helpers/Menu/Content/MobileMenuContent.d.ts

@@ -6,4 +6,4 @@ export interface IMobileMenuContentProps extends IAdaptiveMenuContentProps {
 /**
  * @internal Представляет собой обёртку для содержимого меню в мобильной версии.
  */
-export declare const MobileMenuContent: (props: IMobileMenuContentProps) => JSX.Element;
+export declare function MobileMenuContent(props: IMobileMenuContentProps): JSX.Element;

package/Helpers/Menu/DesktopMenuBar.d.ts

@@ -7,4 +7,4 @@ export interface IDesktopMenuBarProps {
 /**
  * @internal Представляет собой панель с меню для настольной версии.
  */
-export declare const DesktopMenuBar: (props: IDesktopMenuBarProps) => JSX.Element;
+export declare function DesktopMenuBar(props: IDesktopMenuBarProps): JSX.Element;

package/Helpers/Menu/DesktopMenuItem.d.ts

@@ -10,6 +10,6 @@ export interface IDesktopMenuItemState {
  * @internal Представляет собой элемент меню для настольной версии.
  */
 export declare class DesktopMenuItem extends React.Component<IDesktopMenuItemProps, IDesktopMenuItemState> {
-    protected onKeyDown: (event: React.KeyboardEvent<any>) => void;
+    protected onKeyDown: (event: React.KeyboardEvent) => void;
     render(): JSX.Element;
 }

package/Helpers/Menu/MobileMenuBar.d.ts

@@ -12,4 +12,4 @@ export interface IMobileMenuBarProps {
 /**
  * @internal Представляет собой панель с меню для мобильной версии.
  */
-export declare const MobileMenuBar: (props: IMobileMenuBarProps) => JSX.Element;
+export declare function MobileMenuBar(props: IMobileMenuBarProps): JSX.Element;

package/Helpers/MessageBox/MessageBox.d.ts

@@ -1,6 +1,6 @@
 import { BodyContainerProvider } from "@docsvision/webclient/Helpers/BodyContainerProvider";
 import React from "react";
-import { MessageBoxButton } from '@docsvision/webclient/System/$MessageBox';
+import { MessageBoxButton } from "@docsvision/webclient/System/$MessageBox";
 /**
  * Предоставляет статические методы для отображения простых модальных окон.
  */
@@ -22,7 +22,7 @@ export declare class MessageBox {
      *    });
      *
      */
-    static ShowError(content: React.ReactNode, customCaptionText?: React.ReactNode): Promise<any>;
+    static ShowError(content: React.ReactNode, customCaptionText?: React.ReactNode): Promise<void>;
     /**
      * Показывает модальное окно с информационным сообщением.
      *
@@ -37,7 +37,7 @@ export declare class MessageBox {
      *    });
      *
      */
-    static ShowInfo(content: React.ReactNode, customCaptionText?: React.ReactNode): Promise<any>;
+    static ShowInfo(content: React.ReactNode, customCaptionText?: React.ReactNode): Promise<void>;
     /**
      * Показывает модальное окно с предупреждением.
      *
@@ -52,7 +52,7 @@ export declare class MessageBox {
      *    });
      *
      */
-    static ShowWarning(content: React.ReactNode, customCaptionText?: React.ReactNode): Promise<any>;
+    static ShowWarning(content: React.ReactNode, customCaptionText?: React.ReactNode): Promise<void>;
     /**
      * Показывает модальное окно с запросом подтвердить какое-либо действие.
      *
@@ -69,7 +69,7 @@ export declare class MessageBox {
      *    });
      *
      */
-    static ShowConfirmation(content: React.ReactNode, customCaptionText?: React.ReactNode, customButtonOkText?: React.ReactNode, customButtonCancelText?: React.ReactNode, hideByBackdropClick?: boolean, msgType?: MessageBoxType): Promise<any>;
+    static ShowConfirmation(content: React.ReactNode, customCaptionText?: React.ReactNode, customButtonOkText?: React.ReactNode, customButtonCancelText?: React.ReactNode, hideByBackdropClick?: boolean, msgType?: MessageBoxType): Promise<void>;
     static ShowCustom<T>(content: React.ReactNode, customCaptionText: React.ReactNode, buttons: MessageBoxButton<T>[], hideByBackdropClick?: boolean): Promise<T>;
     /**
      * Показывает модальное окно с информацией об исключении

package/Helpers/ModalBackdrop.d.ts

@@ -4,7 +4,7 @@ export interface IModalBackdropProps {
     /** Видимость. */
     visible: boolean;
     /** Обработчик события click. */
-    onClick?: (ev: React.MouseEvent<any>) => void;
+    onClick?: (ev: React.MouseEvent) => void;
     /** Элементы, располагающиеся поверх затемнения.  */
     children?: React.ReactNode;
 }
@@ -16,16 +16,18 @@ export interface IModalBackdropState {
  *
  * Пример использования:
  *
- *     <ModalBackdrop onClick={() => this.setState({ sidebarOpen: false })} >
- *         <ModalSidebar isOpen={this.state.sidebarOpen} >
- *             Sidebar content
- *         </ModalSidebar>
+ *     <ModalBackdrop onClick={() => this.setState({ sidebarOpen: false })}>
+ *         <EscHandler onEsc={() => this.setState({ sidebarOpen: false })}>
+ *              <ModalSidebar isOpen={this.state.sidebarOpen}>
+ *                  Sidebar content
+ *              </ModalSidebar>
+ *         </EscHandler>
  *     </ModalBackdrop>
  */
 export declare class ModalBackdrop extends React.Component<IModalBackdropProps, IModalBackdropState> {
     currentClickTarget: EventTarget;
     el: HTMLElement;
-    onMouseDown: (e: React.MouseEvent<any>) => void;
-    onMouseUp: (e: React.MouseEvent<any>) => void;
+    onMouseDown: (e: React.MouseEvent) => void;
+    onMouseUp: (e: React.MouseEvent) => void;
     render(): JSX.Element;
 }

package/Helpers/ModalDialog/CommonModalDialog.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { $DeviceType } from '@docsvision/webclient/StandardServices';
+import React from "react";
+import { $DeviceType } from "@docsvision/webclient/StandardServices";
 /** Свойства {@link CommonModalDialog}.  */
-export interface CommonModalDialogProps {
+export interface ICommonModalDialogProps {
     /** Существует ли кнопка закрытия модального окна (крестик) */
     closeButtonDisabled?: boolean;
     /** Открыт диалог или нет. */
@@ -33,10 +33,12 @@ export interface CommonModalDialogProps {
     maxHeight?: string;
     services: $DeviceType;
 }
-export declare type Props = CommonModalDialogProps;
+export declare type Props = ICommonModalDialogProps;
 /**
  * Обертка, использующая {@link StackingModal}, {@link ModalBackdrop}, {@link ModalDialog},
  * {@link ModalDialogBox}, {@link ModalDialogHeader}, {@link ModalDialogCloseButton},{@link ModalDialogContent}, {@link ModalDialogButtonPanel}
  * для отображения модального окна.
  */
-export declare const CommonModalDialog: (props: Props) => JSX.Element;
+export declare function CommonModalDialog(props: Props): JSX.Element;
+export interface CommonModalDialogProps extends ICommonModalDialogProps {
+}

package/Helpers/ModalDialog/CommonModalDialogHost.d.ts

@@ -1,22 +1,22 @@
-import { $RootCssClass } from '@docsvision/webclient/Helpers/$RootCssClass';
-import { $DialogManagement } from '@docsvision/webclient/Helpers/ModalDialog/$DialogManagement';
-import { CommonModalDialogProps } from '@docsvision/webclient/Helpers/ModalDialog/CommonModalDialog';
-import { $DeviceType } from '@docsvision/webclient/StandardServices';
-import { Optional } from '@docsvision/web/core/services';
-import React from 'react';
+import { $RootCssClass } from "@docsvision/webclient/Helpers/$RootCssClass";
+import { $DialogManagement } from "@docsvision/webclient/Helpers/ModalDialog/$DialogManagement";
+import { ICommonModalDialogProps } from "@docsvision/webclient/Helpers/ModalDialog/CommonModalDialog";
+import { $DeviceType } from "@docsvision/webclient/StandardServices";
+import { Optional } from "@docsvision/web/core/services";
+import React from "react";
 /** Вспомогательный класс для отрисовки {@link CommonModalDialog} в {@link ModalHost}. */
 export declare class CommonModalDialogHost {
-    dialogProps: Partial<CommonModalDialogProps> | (() => Partial<CommonModalDialogProps>);
+    dialogProps: Partial<ICommonModalDialogProps> | (() => Partial<ICommonModalDialogProps>);
     renderCallback: () => React.ReactNode;
     onAcceptCallback?: () => Promise<void>;
     onCancelCallback?: () => Promise<void>;
     private modalHost;
     private resolve;
     private reject;
-    private _service;
+    private serviceInternal;
     private contentDiv;
     private isCancelled;
-    constructor(className: string, services: $DeviceType & Optional<$RootCssClass>, dialogProps?: Partial<CommonModalDialogProps> | (() => Partial<CommonModalDialogProps>), renderCallback?: () => React.ReactNode, onAcceptCallback?: () => Promise<void>, onCancelCallback?: () => Promise<void>);
+    constructor(className: string, services: $DeviceType & Optional<$RootCssClass>, dialogProps?: Partial<ICommonModalDialogProps> | (() => Partial<ICommonModalDialogProps>), renderCallback?: () => React.ReactNode, onAcceptCallback?: () => Promise<void>, onCancelCallback?: () => Promise<void>);
     forceUpdate(callback?: Function): Promise<void>;
     isMounted(): boolean;
     get service(): $DialogManagement & $DeviceType;

package/Helpers/ModalDialog/EscHandler.d.ts

@@ -1,18 +1,20 @@
 import React from "react";
 /** Свойства для {@link EscHandler} */
-export interface Props {
+export interface IProps {
     /** Временно отключает обработчик. */
     disabled?: boolean;
     /** Обработчик события нажатия Esc. */
-    onEsc: (ev: React.KeyboardEvent<any>) => void;
+    onEsc: (ev: React.KeyboardEvent) => void;
     /** Элементы, располагающиеся поверх затемнения.  */
     children?: React.ReactNode;
 }
 /**
  * Реагирует событие нажатия клавиши Esc и вызывает обработчик, переданный в параметры.
  */
-export declare class EscHandler extends React.Component<Props, {}> {
+export declare class EscHandler extends React.Component<IProps, object> {
     currentClickTarget: EventTarget;
-    onKeyDown: (e: React.KeyboardEvent<any>) => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
     render(): JSX.Element;
 }
+export interface Props extends IProps {
+}

package/Helpers/ModalDialog/KeyHandler.d.ts

@@ -4,7 +4,7 @@ export interface IKeyHandlerProps extends HtmlProps.div {
     /** Отключает обработчик. */
     disabled?: boolean;
     /** Обработчик события нажатия клавиши. */
-    onKeyDown: (ev: React.KeyboardEvent<any>) => void;
+    onKeyDown: (ev: React.KeyboardEvent) => void;
 }
 /**
  * Реагирует событие нажатия клавиши и вызывает обработчик, переданный в параметры.

package/Helpers/ModalDialog/ModalDialog.d.ts

@@ -10,6 +10,7 @@ export interface IModalDialogProps {
      * По умолчанию: true
      */
     stopClickPropagation?: boolean;
+    dataTestId?: string;
 }
 /**
  * Представляет всплывающее окно.
@@ -17,22 +18,24 @@ export interface IModalDialogProps {
  * Пример использования:
  *
  *     <ModalBackdrop onClick={() => this.setState({ dialogOpen: false })} />
- *         <ModalDialog expanded={this.state.dialogOpen} >
- *             <ModalDialogBox defaultWidth={true}>
- *                 <ModalDialogCloseButton onClick={() => this.setState({ dialogOpen: false })} />
- *                 <ModalDialogHeader>Dialog header</ModalDialogHeader>
- *                 <ModalDialogContent>Some content</ModalDialogContent>
- *                 <ModalDialogButtonPanel>
- *                     <Button onClick={() => this.setState({ dialogOpen: false })} key="cancel">
- *                         {resources.Navigator_ButtonClose}
- *                     </Button>
- *                     <Button disabled={!this.state.directoryDialogSelectedValue}
- *                         onClick={this.onDirectoryDialogSelectButtonClick} key="ok">
- *                         {resources.Navigator_ButtonSelect}
- *                     </Button>
- *                 </ModalDialogButtonPanel>
- *             </ModalDialogBox>
- *         </ModalDialog>
+ *         <EscHandler onEsc={() => this.setState({ dialogOpen: false })}>
+ *             <ModalDialog expanded={this.state.dialogOpen} >
+ *                 <ModalDialogBox defaultWidth={true}>
+ *                     <ModalDialogCloseButton onClick={() => this.setState({ dialogOpen: false })} />
+ *                     <ModalDialogHeader>Dialog header</ModalDialogHeader>
+ *                     <ModalDialogContent>Some content</ModalDialogContent>
+ *                     <ModalDialogButtonPanel>
+ *                         <Button onClick={() => this.setState({ dialogOpen: false })} key="cancel">
+ *                             {resources.Navigator_ButtonClose}
+ *                         </Button>
+ *                         <Button disabled={!this.state.directoryDialogSelectedValue}
+ *                             onClick={this.onDirectoryDialogSelectButtonClick} key="ok">
+ *                              {resources.Navigator_ButtonSelect}
+ *                         </Button>
+ *                     </ModalDialogButtonPanel>
+ *                 </ModalDialogBox>
+ *             </ModalDialog>
+ *         </EscHandler>
  *     </ModalBackdrop>
  */
-export declare const ModalDialog: (props: IModalDialogProps) => JSX.Element;
+export declare function ModalDialog(props: IModalDialogProps): JSX.Element;

package/Helpers/ModalDialog/ModalDialogBox.d.ts

@@ -20,22 +20,24 @@ export interface IModalDialogBoxProps {
  * Пример использования:
  *
  *     <ModalBackdrop onClick={() => this.setState({ dialogOpen: false })} />
- *         <ModalDialog expanded={this.state.dialogOpen} >
- *             <ModalDialogBox defaultWidth={true}>
- *                 <ModalDialogCloseButton onClick={() => this.setState({ dialogOpen: false })} />
- *                 <ModalDialogHeader>Dialog header</ModalDialogHeader>
- *                 <ModalDialogContent>Some content</ModalDialogContent>
- *                 <ModalDialogButtonPanel>
- *                     <Button onClick={() => this.setState({ dialogOpen: false })} key="cancel">
- *                         {resources.Navigator_ButtonClose}
- *                     </Button>
- *                     <Button disabled={!this.state.directoryDialogSelectedValue}
- *                         onClick={this.onDirectoryDialogSelectButtonClick} key="ok">
- *                         {resources.Navigator_ButtonSelect}
- *                     </Button>
- *                 </ModalDialogButtonPanel>
- *             </ModalDialogBox>
- *         </ModalDialog>
+ *         <EscHandler onEsc={() => this.setState({ dialogOpen: false })}>
+ *             <ModalDialog expanded={this.state.dialogOpen} >
+ *                 <ModalDialogBox defaultWidth={true}>
+ *                     <ModalDialogCloseButton onClick={() => this.setState({ dialogOpen: false })} />
+ *                     <ModalDialogHeader>Dialog header</ModalDialogHeader>
+ *                     <ModalDialogContent>Some content</ModalDialogContent>
+ *                     <ModalDialogButtonPanel>
+ *                         <Button onClick={() => this.setState({ dialogOpen: false })} key="cancel">
+ *                             {resources.Navigator_ButtonClose}
+ *                         </Button>
+ *                         <Button disabled={!this.state.directoryDialogSelectedValue}
+ *                             onClick={this.onDirectoryDialogSelectButtonClick} key="ok">
+ *                             {resources.Navigator_ButtonSelect}
+ *                         </Button>
+ *                     </ModalDialogButtonPanel>
+ *                 </ModalDialogBox>
+ *             </ModalDialog>
+ *         </EscHandler>
  *     </ModalBackdrop>
  */
-export declare const ModalDialogBox: (props: IModalDialogBoxProps) => JSX.Element;
+export declare function ModalDialogBox(props: IModalDialogBoxProps): JSX.Element;

package/Helpers/ModalDialog/ModalDialogButtonPanel.d.ts

@@ -25,4 +25,4 @@ export interface IModalDialogButtonPanelProps {
  *         </ModalDialogBox>
  *     </ModalDialog>
  */
-export declare const ModalDialogButtonPanel: (props: IModalDialogButtonPanelProps) => JSX.Element;
+export declare function ModalDialogButtonPanel(props: IModalDialogButtonPanelProps): JSX.Element;

package/Helpers/ModalDialog/ModalDialogCloseButton.d.ts

@@ -5,7 +5,7 @@ export interface IModalDialogCloseButtonProps {
     /** Доступность кнопки. Значение по умолчанию: true */
     enabled?: boolean;
     /** Обработчик события click */
-    onClick: (ev: React.MouseEvent<any>) => void;
+    onClick: (ev: React.MouseEvent) => void;
 }
 /**
  * Представляет закрывающую кнопку в правой части выезжающей панели ({@link ModalDialog}).
@@ -18,4 +18,4 @@ export interface IModalDialogCloseButtonProps {
  *         </ModalDialogBox>
  *     </ModalDialog>
  */
-export declare const ModalDialogCloseButton: (props: IModalSidebarCloseButtonProps) => JSX.Element;
+export declare function ModalDialogCloseButton(props: IModalSidebarCloseButtonProps): JSX.Element;

package/Helpers/ModalDialog/ModalDialogContent.d.ts

@@ -18,4 +18,4 @@ export interface IModalDialogContentProps {
  *         </ModalDialogBox>
  *     </ModalDialog>
  */
-export declare const ModalDialogContent: (props: IModalDialogContentProps) => JSX.Element;
+export declare function ModalDialogContent(props: IModalDialogContentProps): JSX.Element;

package/Helpers/ModalDialog/ModalDialogHeader.d.ts

@@ -18,4 +18,4 @@ export interface IModalDialogHeaderProps {
  *         </ModalDialogBox>
  *     </ModalDialog>
  */
-export declare const ModalDialogHeader: (props: IModalDialogHeaderProps) => JSX.Element;
+export declare function ModalDialogHeader(props: IModalDialogHeaderProps): JSX.Element;

package/Helpers/ModalDialog/ModalDialogMaximizeButton.d.ts

@@ -5,7 +5,7 @@ export interface IModalDialogMaximizeButtonProps {
     /** Доступность кнопки. Значение по умолчанию: true */
     enabled?: boolean;
     /** Обработчик события click */
-    onClick: (ev: React.MouseEvent<any>) => void;
+    onClick: (ev: React.MouseEvent) => void;
     maximized?: boolean;
     services: $DeviceType;
 }
@@ -20,4 +20,4 @@ export interface IModalDialogMaximizeButtonProps {
  *         </ModalDialogBox>
  *     </ModalDialog>
  */
-export declare const ModalMaximizeButton: (props: IModalDialogMaximizeButtonProps) => JSX.Element;
+export declare function ModalMaximizeButton(props: IModalDialogMaximizeButtonProps): JSX.Element;

package/Helpers/ModalDialog/ModalDialogTopBorder.d.ts

@@ -14,4 +14,4 @@ export interface IModalDialogTopBorderProps {
  *         </ModalDialogBox>
  *     </ModalDialog>
  */
-export declare const ModalDialogTopBorder: (props: IModalDialogTopBorderProps) => JSX.Element;
+export declare function ModalDialogTopBorder(props: IModalDialogTopBorderProps): JSX.Element;

package/Helpers/ModalDialog/ScrollableModal.d.ts

@@ -39,6 +39,6 @@ export interface IScrollableModalProps {
  * @internal
  * Представляет всплывающее окно со скроллящимся контентом.
  */
-export declare class ScrollableModal extends React.Component<IScrollableModalProps, {}> {
+export declare class ScrollableModal extends React.Component<IScrollableModalProps, object> {
     render(): JSX.Element;
 }

package/Helpers/ModalHost.d.ts

@@ -1,9 +1,9 @@
 /// <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';
+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-компонент.
  *
@@ -12,11 +12,13 @@ import { $RootCssClass } from '@docsvision/webclient/Helpers/$RootCssClass';
  *     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>
+ *                  <EscHandler onEsc={onClose}>
+ *                      <ModalDialog isOpen={true}>
+ *                          <ModalDialogCloseButton onClick={() => host.unmount()} />
+ *                          <ModalDialogHeader>Текущее время</ModalDialogHeader>
+ *                          <div>Текущее время: {(new Date()).toTimeString()}</div>
+ *                      </ModalDialog>
+ *                  </EscHandler>
  *              </ModalBackdrop>
  *          );
  *      });
@@ -38,7 +40,7 @@ export declare class ModalHost {
      * @param className Класс, который будет задан элементу-контейнеру в DOM
      * @param render Функция, выполняющая отрисовку модального окна
      */
-    constructor(className: string, render: () => React.ReactNode | React.ReactNode[], services?: Optional<$RootCssClass> | {});
+    constructor(className: string, render: () => React.ReactNode | React.ReactNode[], services?: Optional<$RootCssClass> | object);
     get className(): string;
     set className(c: string);
     get unmounting(): ICancelableEvent<IEventArgs>;
@@ -54,7 +56,7 @@ export declare class ModalHost {
     /**
      * Удаляет все созданные элементы из DOM.
      */
-    unmount(timeoutMs?: number): Promise<any>;
+    unmount(timeoutMs?: number): Promise<void>;
     /**
      * Создано ли модальное окно
      */

package/Helpers/ModalSidebar/ModalSidebar.d.ts

@@ -46,4 +46,4 @@ export interface IModalSidebarProps {
  *     setInterval(() => host.forceUpdate(), 1000);
  *
  */
-export declare const ModalSidebar: (props: IModalSidebarProps) => JSX.Element;
+export declare function ModalSidebar(props: IModalSidebarProps): JSX.Element;

package/Helpers/ModalSidebar/ModalSidebarCloseButton.d.ts

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

package/Helpers/ModalSidebar/ModalSidebarHeader.d.ts

@@ -15,4 +15,4 @@ export interface IModalSidebarHeaderProps {
  *         <ModalSidebarHeader>{resources.MyHeaderText}</ModalSidebarHeader>
  *     </ModalSidebar>
  */
-export declare const ModalSidebarHeader: (props: IModalSidebarHeaderProps) => JSX.Element;
+export declare function ModalSidebarHeader(props: IModalSidebarHeaderProps): JSX.Element;

package/Helpers/PopoverHelpers/ClosePopoverListener.d.ts

@@ -5,6 +5,8 @@ export interface IClosePopoverListenerProps {
     className?: string;
     /** Используется при закрытии по клику мышкой снаружи, разрешает клики внутри переданного контейнера (по умолчанию - корень этого компонента) */
     boundaryTarget?: HTMLElement | string;
+    /**Разрешает всплытие события  onKeyDown*/
+    offStopPropagation?: boolean;
     /** При закрытии выпадающего списка */
     onClose?: () => void;
 }

package/Helpers/PopoverHelpers/CommonPopover.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { PopoverMode } from '@docsvision/webclient/Helpers/PopoverHelpers/Popover';
-export interface CommonPopoverProps {
+import { PopoverMode } from "@docsvision/webclient/Helpers/PopoverHelpers/Popover";
+export interface ICommonPopoverProps {
     isOpen?: boolean;
     /** Вызывается при щелчке во вне или нажатии Esc. */
     onClose?: () => void;
@@ -22,4 +22,6 @@ export interface CommonPopoverProps {
     onClickInside?: (ev: MouseEvent) => void;
     children: any;
 }
-export declare const CommonPopover: (props: CommonPopoverProps) => JSX.Element;
+export declare function CommonPopover(props: ICommonPopoverProps): JSX.Element;
+export interface CommonPopoverProps extends ICommonPopoverProps {
+}

package/Helpers/PopoverHelpers/Popover.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { PopoverCalcProcess } from '@docsvision/webclient/Helpers/PopoverHelpers/PopoverProcess';
+import { PopoverCalcProcess } from "@docsvision/webclient/Helpers/PopoverHelpers/PopoverProcess";
+import { IControlContext } from "@docsvision/webclient/System/IControlContext";
 /** Свойства для  {@link Popover} */
 export interface IPopoverProps {
     /** При смене значения на true всплывающее окно откроется, при смене в false - скроется. */
@@ -53,10 +54,12 @@ export interface IPopoverProps {
     className?: string;
     /** Минимальная ширина. */
     minWidth?: string;
+    /** Установить ширину всплывающего окна по максимальному значению ширины содержимого */
+    widthMaxContent?: boolean;
     /** Ширина всплывающего окна */
     width?: string;
     /** Координаты клика мыши. */
-    pageCoordinates?: any;
+    pageCoordinates?: IPopoverCoordinates;
     /** Показывает необходимость обработать событие contextmenu. */
     isContextmenuEventNeed?: boolean;
 }
@@ -73,6 +76,13 @@ export interface IPopoverState {
     ignoreClickOutsideEvent: boolean;
     popoverclick: boolean;
 }
+/** @internal */
+export interface IPopoverCoordinates {
+    top?: number;
+    left?: number;
+    tableWidth?: number;
+    paddingLeft?: number;
+}
 /**
  * Режим Popover.
  */
@@ -151,7 +161,7 @@ export declare class Popover extends React.Component<IPopoverProps, IPopoverStat
     /** @internal */
     componentWillUnmount(): void;
     /** @internal */
-    UNSAFE_componentWillReceiveProps(nextProps: IPopoverProps, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps(nextProps: IPopoverProps, nextContext: IControlContext): void;
     isLastShownPopover(): boolean;
     updateVisibility(hidden: boolean): void;
     /** @internal */
@@ -162,7 +172,7 @@ export declare class Popover extends React.Component<IPopoverProps, IPopoverStat
     private onShow;
     private onHide;
     /** Скрывает всплывающее окна и очищает все занимаемые ресурсы. */
-    dispose(): Promise<any>;
+    dispose(): Promise<void>;
     private onDocumentClick;
     private onDocumentRightButtonClick;
     protected isElementAbovePopover(elem: HTMLElement): boolean;

package/Helpers/PopoverHelpers/PopoverAcceptButton.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 /** Свойства для {@link PopoverAcceptButton} */
 export interface IPopoverAcceptButtonProps {
     /** Обработчик события click */
-    onClick: (ev: React.MouseEvent<any>) => void;
+    onClick: (ev: React.MouseEvent) => void;
 }
 /**
  * Представляет кнопку в виде иконки "принять".
@@ -32,4 +32,4 @@ export interface IPopoverAcceptButtonProps {
  *
  * См. также {@link Popover}
  */
-export declare const PopoverAcceptButton: (props: IPopoverAcceptButtonProps) => JSX.Element;
+export declare function PopoverAcceptButton(props: IPopoverAcceptButtonProps): JSX.Element;

package/Helpers/PopoverHelpers/PopoverBox.d.ts

@@ -19,4 +19,4 @@ export interface IPopoverBoxProps {
  *
  * См. также {@link Popover}
  */
-export declare const PopoverBox: (props: IPopoverBoxProps) => JSX.Element;
+export declare function PopoverBox(props: IPopoverBoxProps): JSX.Element;