@vkontakte/vkui 4.37.0 → 4.37.2

package/dist/cjs/components/ModalCard/ModalCard.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { NavIdProps } from "../../lib/getNavId";
+import { ModalCardBaseProps } from "../ModalCardBase/ModalCardBase";
+import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
+import "./ModalCard.css";
+export interface ModalCardProps extends HasPlatform, AdaptivityProps, NavIdProps, ModalCardBaseProps {
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalCard
+ */
+export declare const ModalCard: React.FC<Pick<Pick<ModalCardProps & AdaptivityContextInterface, "hidden" | "dir" | "header" | "nav" | "slot" | "style" | "title" | "color" | "icon" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "getRootRef" | "viewWidth" | "viewHeight" | "hasMouse" | "deviceHasHover" | "sizeX" | "sizeY" | "onClose" | "actions" | "actionsLayout" | "dismissLabel" | "subheader">, "hidden" | "dir" | "header" | "nav" | "slot" | "style" | "title" | "color" | "icon" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "getRootRef" | "onClose" | "actions" | "actionsLayout" | "dismissLabel" | "subheader"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/ModalCardBase/ModalCardBase.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import { AdaptivityContextInterface } from "../AdaptivityProvider/AdaptivityContext";
+import "./ModalCardBase.css";
+export interface ModalCardBaseProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
+    /**
+     * Иконка.
+     *
+     * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src="" />`
+     */
+    icon?: React.ReactNode;
+    /**
+     * Заголовок карточки
+     */
+    header?: React.ReactNode;
+    /**
+     * Подзаголовок
+     */
+    subheader?: React.ReactNode;
+    /**
+     * Кнопки-действия.
+     *
+     * Рекомендуется использовать `<Button size="l" mode="primary" />` или `<Button size="l" mode="secondary" />`
+     */
+    actions?: React.ReactNode;
+    /**
+     * Тип отображения кнопок: вертикальный или горизонтальный
+     */
+    actionsLayout?: "vertical" | "horizontal";
+    onClose?: VoidFunction;
+    /**
+     * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.
+     */
+    dismissLabel?: string;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalCardBase
+ */
+export declare const ModalCardBase: React.FC<Pick<ModalCardBaseProps & AdaptivityContextInterface, "hidden" | "dir" | "header" | "slot" | "style" | "title" | "color" | "icon" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "getRootRef" | "onClose" | "actions" | "actionsLayout" | "dismissLabel" | "subheader"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/ModalDismissButton/ModalDismissButton.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import "./ModalDismissButton.css";
+export declare type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalDismissButton
+ */
+export declare const ModalDismissButton: ({ "aria-label": ariaLabel, ...restProps }: ModalDismissButtonProps) => JSX.Element;

package/dist/cjs/components/ModalPage/ModalPage.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
+import { NavIdProps } from "../../lib/getNavId";
+import "./ModalPage.css";
+export interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, NavIdProps {
+    /**
+     * Шапка модальной страницы, `<ModalPageHeader />`
+     */
+    header?: React.ReactNode;
+    /**
+     * Задаёт контенту максимальную ширину.
+     *
+     * > ⚠️ **Заметки:**
+     * > - Для `viewWidth < SMALL_TABLET_SIZE` будет всегда `"s"`
+     * > - Для `platform === VKCOM` максимальная ширина зашита, её не изменить.
+     */
+    size?: "s" | "m" | "l";
+    /**
+     * Будет вызвано при начале открытия модалки.
+     */
+    onOpen?: VoidFunction;
+    /**
+     * Будет вызвано при окончательном открытии модалки.
+     */
+    onOpened?: VoidFunction;
+    /**
+     * Будет вызвано при начале закрытия модалки.
+     */
+    onClose?: VoidFunction;
+    /**
+     * Будет вызвано при окончательном закрытии модалки.
+     */
+    onClosed?: VoidFunction;
+    /**
+     * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.
+     */
+    settlingHeight?: number;
+    /**
+     * Если высота контента в модальной странице может поменяться, нужно установить это свойство
+     */
+    dynamicContentHeight?: boolean;
+    getModalContentRef?: React.Ref<HTMLDivElement>;
+    /**
+     * Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)
+     */
+    hideCloseButton?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalPage
+ */
+export declare const ModalPage: React.FC<Pick<ModalPageProps & AdaptivityContextInterface, "hidden" | "dir" | "header" | "nav" | "slot" | "style" | "title" | "color" | "size" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "settlingHeight" | "dynamicContentHeight" | "getModalContentRef" | "hideCloseButton"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/ModalPageHeader/ModalPageHeader.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { HasRef } from "../../types";
+import { PanelHeaderProps } from "../PanelHeader/PanelHeader";
+import "./ModalPageHeader.css";
+export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElement>, Omit<PanelHeaderProps, "fixed" | "shadow">, HasRef<HTMLDivElement> {
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalPageHeader
+ */
+export declare const ModalPageHeader: ({ children, separator, getRef, ...restProps }: ModalPageHeaderProps) => JSX.Element;

package/dist/cjs/components/ModalRoot/ModalRoot.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import "./ModalRoot.css";
+export interface ModalRootProps extends HasPlatform {
+    activeModal?: string | null;
+    /**
+     * Будет вызвано при начале открытия активной модалки с её id
+     */
+    onOpen?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном открытии активной модалки с её id
+     */
+    onOpened?(modalId: string): void;
+    /**
+     * Будет вызвано при начале закрытия активной модалки с её id
+     */
+    onClose?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном закрытии активной модалки с её id
+     */
+    onClosed?(modalId: string): void;
+    /**
+     * @ignore
+     */
+    configProvider?: ConfigProviderContextInterface;
+    children?: React.ReactNode;
+}
+export declare const ModalRootTouch: React.FC<Pick<ModalRootProps, "children" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal" | "configProvider">>;

package/dist/cjs/components/ModalRoot/ModalRoot.js

@@ -778,7 +778,7 @@ function initPageModal(modalState) {
   } // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран
 
 
-  if (modalState.expandable && translateY > (prevTranslateY !== null && prevTranslateY !== void 0 ? prevTranslateY : 0) || modalState.settlingHeight === 100) {
+  if (modalState.expandable && translateY > (prevTranslateY !== null && prevTranslateY !== void 0 ? prevTranslateY : 100) || modalState.settlingHeight === 100) {
     translateY = 0;
   } // Если модалка уже раскрыта обновляем состояния
 

package/dist/cjs/components/ModalRoot/ModalRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalRoot.js","names":["warn","warnOnce","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","ModalRootTouchComponent","props","React","createRef","undefined","event","originalEvent","preventDefault","modalState","getModalState","activeModal","animateTranslate","translateY","type","ModalType","PAGE","dynamicContentHeight","enteringModal","waitTransitionFinish","requestAnimationFrame","checkPageContentHeight","e","exitingModal","onPageTouchMove","CARD","onCardTouchMove","onPageTouchEnd","onCardTouchEnd","target","contentElement","contains","contentScrolled","contentScrollStopTimeout","clearTimeout","setTimeout","state","touchDown","dragging","maskElementRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","onClose","onExit","isInsideModal","frameIds","platform","ANDROID","VKCOM","document","window","Children","toArray","children","IOS","addEventListener","updateModalTranslate","toggleDocumentScrolling","removeEventListener","prevProps","closeModal","enteringState","onEnter","innerElement","style","transitionDelay","onEntered","delayEnter","timeout","restoreFocusTo","activeElement","focus","enabled","documentScrolling","preventTouch","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","setMaskOpacity","shiftY","isY","viewportRef","current","stopPropagation","collapsed","expanded","touchStartContentScrollTop","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","rubber","touchShiftYPercent","translateYCurrent","offsetHeight","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","transitionEvent","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","setTransformStyle","forceOpacity","history","maskAnimationFrame","opacity","toString","classNames","getClassName","configProvider","webviewType","WebviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","getNavId","_modalState","isPage","key","Component","ModalRootTouch","withContext","withPlatform","withDOM","withModalManager","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","initCardModal","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { setTransformStyle } from \"../../lib/styles\";\nimport { rubber } from \"../../lib/touch\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n  ModalRootContext,\n  ModalRootContextInterface,\n} from \"./ModalRootContext\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { ModalsStateEntry, ModalType, TranslateRange } from \"./types\";\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from \"./constants\";\nimport { DOMProps, withDOM } from \"../../lib/dom\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { ModalTransitionProps, withModalManager } from \"./useModalManager\";\nimport \"./ModalRoot.css\";\n\nconst warn = warnOnce(\"ModalRoot\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nfunction numberInRange(number: number, range: TranslateRange | undefined) {\n  if (!range) {\n    return false;\n  }\n  return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n  return Math.max(0, Math.min(98, number));\n}\n\nexport interface ModalRootProps extends HasPlatform {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id\n   */\n  onOpen?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id\n   */\n  onOpened?(modalId: string): void;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id\n   */\n  onClosed?(modalId: string): void;\n\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  children?: React.ReactNode;\n}\n\ninterface ModalRootState {\n  touchDown?: boolean;\n  dragging?: boolean;\n}\n\nclass ModalRootTouchComponent extends React.Component<\n  ModalRootProps & DOMProps & ModalTransitionProps,\n  ModalRootState\n> {\n  constructor(props: ModalRootProps & ModalTransitionProps) {\n    super(props);\n    this.state = {\n      touchDown: false,\n      dragging: false,\n    };\n\n    this.maskElementRef = React.createRef();\n\n    this.modalRootContext = {\n      updateModalHeight: this.updateModalHeight,\n      registerModal: ({ id, ...data }) =>\n        Object.assign(this.getModalState(id), data),\n      onClose: () => this.props.onExit(),\n      isInsideModal: true,\n    };\n\n    this.frameIds = {};\n  }\n\n  private documentScrolling = false;\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private readonly viewportRef = React.createRef<HTMLDivElement>();\n  private maskAnimationFrame: number | undefined = undefined;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private readonly frameIds: {\n    [index: string]: number;\n  };\n  private restoreFocusTo: HTMLElement | undefined | null = undefined;\n\n  get timeout(): number {\n    return this.props.platform === ANDROID || this.props.platform === VKCOM\n      ? 320\n      : 400;\n  }\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  getModalState(id: string | undefined | null) {\n    if (!id) {\n      return undefined;\n    }\n    return this.props.getModalState(id);\n  }\n\n  getModals() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  componentDidMount() {\n    // Отслеживаем изменение размеров viewport (Необходимо для iOS)\n    if (this.props.platform === IOS) {\n      this.window?.addEventListener(\"resize\", this.updateModalTranslate, false);\n    }\n  }\n\n  componentWillUnmount() {\n    this.toggleDocumentScrolling(true);\n    this.window!.removeEventListener(\n      \"resize\",\n      this.updateModalTranslate,\n      false\n    );\n  }\n\n  componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n    // transition phase 2: animate exiting modal\n    if (\n      this.props.exitingModal &&\n      this.props.exitingModal !== prevProps.exitingModal\n    ) {\n      this.closeModal(this.props.exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (\n      this.props.enteringModal &&\n      this.props.enteringModal !== prevProps.enteringModal\n    ) {\n      const { enteringModal } = this.props;\n      const enteringState = this.getModalState(enteringModal);\n      this.props.onEnter();\n      this.waitTransitionFinish(enteringState, () => {\n        if (enteringState?.innerElement) {\n          enteringState.innerElement.style.transitionDelay = \"\";\n        }\n        this.props.onEntered(enteringModal);\n      });\n\n      if (enteringState?.innerElement) {\n        enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n          ? `${this.timeout}ms`\n          : \"\";\n        this.animateTranslate(enteringState, enteringState.translateY);\n      }\n    }\n\n    // focus restoration\n    if (this.props.activeModal && !prevProps.activeModal) {\n      this.restoreFocusTo = this.document!.activeElement as HTMLElement;\n    }\n    if (\n      !this.props.activeModal &&\n      !this.props.exitingModal &&\n      this.restoreFocusTo\n    ) {\n      this.restoreFocusTo.focus();\n      this.restoreFocusTo = null;\n    }\n\n    this.toggleDocumentScrolling(\n      !this.props.activeModal && !this.props.exitingModal\n    );\n  }\n\n  /* Отключает скролл документа */\n  toggleDocumentScrolling(enabled: boolean) {\n    if (this.documentScrolling === enabled) {\n      return;\n    }\n    this.documentScrolling = enabled;\n\n    if (enabled) {\n      // Здесь нужен последний аргумент с такими же параметрами, потому что\n      // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n      // https://github.com/VKCOM/VKUI/issues/444\n      this.window!.removeEventListener(\"touchmove\", this.preventTouch, {\n        // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)\n        passive: false,\n      });\n    } else {\n      this.window!.addEventListener(\"touchmove\", this.preventTouch, {\n        passive: false,\n      });\n    }\n  }\n\n  preventTouch = (event: any) => {\n    if (!event) {\n      return false;\n    }\n    while (event.originalEvent) {\n      event = event.originalEvent;\n    }\n    if (event.preventDefault) {\n      event.preventDefault();\n    }\n    return false;\n  };\n\n  updateModalTranslate = () => {\n    const modalState = this.getModalState(this.props.activeModal);\n    modalState && this.animateTranslate(modalState, modalState.translateY);\n  };\n\n  checkPageContentHeight() {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE && modalState?.modalElement) {\n      const prevModalState = { ...modalState };\n      initPageModal(modalState);\n      const currentModalState = { ...modalState };\n\n      let needAnimate = false;\n\n      if (prevModalState.expandable === currentModalState.expandable) {\n        if (\n          prevModalState.translateYFrom !== currentModalState.translateYFrom\n        ) {\n          needAnimate = true;\n        }\n      } else {\n        needAnimate = true;\n      }\n\n      if (needAnimate) {\n        this.animateTranslate(modalState, modalState.translateY);\n      }\n    }\n  }\n\n  updateModalHeight = () => {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (\n      modalState &&\n      modalState.type === ModalType.PAGE &&\n      modalState.dynamicContentHeight\n    ) {\n      if (this.props.enteringModal) {\n        this.waitTransitionFinish(modalState, () => {\n          requestAnimationFrame(() => this.checkPageContentHeight());\n        });\n      } else {\n        requestAnimationFrame(() => this.checkPageContentHeight());\n      }\n    }\n  };\n\n  closeModal(id: string) {\n    // Сбрасываем состояния, которые могут помешать закрытию модального окна\n    this.setState({ touchDown: false });\n\n    const prevModalState = this.getModalState(id);\n\n    if (!prevModalState) {\n      id &&\n        warn(\n          `closeActiveModal: модальное окно (страница) ${id} не существует`,\n          \"error\"\n        );\n      return;\n    }\n\n    const nextModalState = this.getModalState(this.props.activeModal);\n    const nextIsPage =\n      !!nextModalState && nextModalState.type === ModalType.PAGE;\n\n    const prevIsPage =\n      !!prevModalState && prevModalState.type === ModalType.PAGE;\n    this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n    const exitTranslate =\n      prevIsPage &&\n      nextIsPage &&\n      (prevModalState.translateY ?? 0) <=\n        (nextModalState?.translateYFrom ?? 0) &&\n      !this.props.isBack\n        ? (nextModalState?.translateYFrom ?? 0) + 10\n        : 100;\n    this.animateTranslate(prevModalState, exitTranslate);\n\n    if (!nextModalState) {\n      // NOTE: was only for clean exit\n      this.setMaskOpacity(prevModalState, 0);\n    }\n  }\n\n  onTouchMove = (e: TouchEvent) => {\n    if (this.props.exitingModal) {\n      return;\n    }\n    const modalState = this.getModalState(this.props.activeModal);\n    if (!modalState) {\n      return;\n    }\n\n    if (modalState.type === ModalType.PAGE) {\n      return this.onPageTouchMove(e, modalState);\n    }\n\n    if (modalState.type === ModalType.CARD) {\n      return this.onCardTouchMove(e, modalState);\n    }\n  };\n\n  onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { shiftY, originalEvent } = event;\n    const target = originalEvent.target as HTMLElement;\n\n    if (!event.isY) {\n      if (this.viewportRef.current?.contains(target)) {\n        originalEvent.preventDefault();\n      }\n      return;\n    }\n\n    if (!modalState.innerElement?.contains(target)) {\n      return originalEvent.preventDefault();\n    }\n\n    originalEvent.stopPropagation();\n\n    const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n    if (!this.state.touchDown) {\n      modalState.touchStartContentScrollTop =\n        modalState.contentElement?.scrollTop ?? 0;\n      this.setState({ touchDown: true });\n    }\n\n    if (contentScrolled) {\n      return;\n    }\n\n    if (modalState.touchMovePositive === null) {\n      modalState.touchMovePositive = shiftY > 0;\n    }\n\n    if (\n      !modalState.expandable ||\n      collapsed ||\n      (expanded &&\n        modalState.touchMovePositive &&\n        modalState.touchStartContentScrollTop === 0) ||\n      modalState.headerElement?.contains(target)\n    ) {\n      originalEvent.preventDefault();\n\n      if ((!expandable && shiftY < 0) || !this.window) {\n        return;\n      }\n\n      !this.state.dragging && this.setState({ dragging: true });\n\n      const shiftYPercent = (shiftY / this.window.innerHeight) * 100;\n      const shiftYCurrent = rubber(\n        shiftYPercent,\n        72,\n        0.8,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n      );\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = rangeTranslate(\n        (modalState.translateY ?? 0) + shiftYCurrent\n      );\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { originalEvent, shiftY } = event;\n    const target = originalEvent.target as HTMLElement;\n    if (modalState.innerElement?.contains(target)) {\n      if (!this.state.touchDown) {\n        this.setState({ touchDown: true, dragging: true });\n      }\n\n      const shiftYPercent =\n        (shiftY / modalState.innerElement.offsetHeight) * 100;\n      const shiftYCurrent = rubber(\n        shiftYPercent,\n        72,\n        1.2,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n      );\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = Math.max(\n        0,\n        (modalState.translateY ?? 0) + shiftYCurrent\n      );\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onTouchEnd = (e: TouchEvent) => {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE) {\n      return this.onPageTouchEnd(e, modalState);\n    }\n\n    if (modalState?.type === ModalType.CARD) {\n      return this.onCardTouchEnd(e, modalState);\n    }\n  };\n\n  onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { startY, shiftY } = event;\n\n    modalState.contentScrolled = false;\n    modalState.touchMovePositive = null;\n\n    let setStateCallback;\n\n    if (this.state.dragging && this.window) {\n      const shiftYEndPercent =\n        ((startY + shiftY) / this.window.innerHeight) * 100;\n\n      let translateY = modalState.translateYCurrent ?? 0;\n      const expectTranslateY =\n        (translateY / event.duration) *\n        240 *\n        0.6 *\n        ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = rangeTranslate(translateY + expectTranslateY);\n\n      if (modalState.settlingHeight !== 100) {\n        if (numberInRange(translateY, modalState.expandedRange)) {\n          translateY = modalState.expandedRange?.[0] ?? 0;\n        } else if (numberInRange(translateY, modalState.collapsedRange)) {\n          translateY = modalState.translateYFrom ?? 0;\n        } else if (numberInRange(translateY, modalState.hiddenRange)) {\n          translateY = 100;\n        } else {\n          translateY = modalState.translateYFrom ?? 0;\n        }\n      } else {\n        if (numberInRange(translateY, [0, 25])) {\n          translateY = 0;\n        } else {\n          translateY = 100;\n        }\n      }\n\n      if (translateY !== 100 && shiftYEndPercent >= 75) {\n        translateY = 100;\n      }\n\n      modalState.translateY = translateY;\n      modalState.translateYCurrent = translateY;\n      modalState.collapsed = translateY > 0 && translateY < shiftYEndPercent;\n      modalState.expanded = translateY === 0;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.onExit();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback\n    );\n  }\n\n  onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n    let setStateCallback;\n\n    if (this.state.dragging) {\n      let translateY = modalState.translateYCurrent ?? 0;\n\n      const expectTranslateY =\n        (translateY / duration) *\n        240 *\n        0.6 *\n        ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = Math.max(0, translateY + expectTranslateY);\n\n      if (translateY >= 30) {\n        translateY = 100;\n      } else {\n        translateY = 0;\n      }\n\n      modalState.translateY = translateY;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.onExit();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback\n    );\n  }\n\n  onScroll = (e: React.SyntheticEvent) => {\n    const activeModal = this.props.activeModal;\n\n    const target = e.target as HTMLElement;\n\n    if (!activeModal) {\n      return;\n    }\n    const modalState = this.getModalState(activeModal);\n    if (\n      modalState?.type === ModalType.PAGE &&\n      modalState?.contentElement?.contains(target)\n    ) {\n      modalState.contentScrolled = true;\n\n      if (modalState.contentScrollStopTimeout) {\n        clearTimeout(modalState.contentScrollStopTimeout);\n      }\n\n      modalState.contentScrollStopTimeout = setTimeout(() => {\n        if (modalState.contentScrolled) {\n          modalState.contentScrolled = false;\n        }\n      }, 250);\n    }\n  };\n\n  waitTransitionFinish(\n    modalState: ModalsStateEntry | undefined,\n    eventHandler: () => void\n  ) {\n    if (transitionEvent.supported) {\n      const onceHandler = () => {\n        modalState?.innerElement?.removeEventListener(\n          transitionEvent.name as string,\n          onceHandler\n        );\n        eventHandler();\n      };\n\n      modalState?.innerElement?.addEventListener(\n        transitionEvent.name as string,\n        onceHandler\n      );\n    } else {\n      setTimeout(eventHandler, this.timeout);\n    }\n  }\n\n  /**\n   * Анимирует сдвиг модалки\n   *\n   * @param {ModalsStateEntry} modalState\n   * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n   */\n  animateTranslate(modalState: ModalsStateEntry, percent: number | undefined) {\n    const frameId = `animateTranslateFrame${modalState.id}`;\n\n    cancelAnimationFrame(this.frameIds[frameId]);\n\n    this.frameIds[frameId] = requestAnimationFrame(() => {\n      setTransformStyle(\n        modalState.innerElement,\n        `translate3d(0, ${percent}%, 0)`\n      );\n    });\n  }\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  setMaskOpacity(\n    modalState: ModalsStateEntry,\n    forceOpacity: number | null = null\n  ) {\n    if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n      return;\n    }\n    if (this.maskAnimationFrame) {\n      cancelAnimationFrame(this.maskAnimationFrame);\n    }\n    this.maskAnimationFrame = requestAnimationFrame(() => {\n      if (this.maskElementRef.current) {\n        const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n        const opacity =\n          forceOpacity === null\n            ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n            : forceOpacity;\n        this.maskElementRef.current.style.opacity = Math.max(\n          0,\n          Math.min(100, opacity)\n        ).toString();\n      }\n    });\n  }\n\n  render() {\n    const { activeModal, exitingModal, enteringModal } = this.props;\n    const { touchDown, dragging } = this.state;\n\n    if (!activeModal && !exitingModal) {\n      return null;\n    }\n\n    return (\n      <TouchRootContext.Provider value={true}>\n        <ModalRootContext.Provider value={this.modalRootContext}>\n          <Touch\n            vkuiClass={classNames(\n              getClassName(\"ModalRoot\", this.props.platform),\n              this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n                \"ModalRoot--vkapps\",\n              touchDown && \"ModalRoot--touched\",\n              !!(enteringModal || exitingModal) && \"ModalRoot--switching\"\n            )}\n            onMove={this.onTouchMove}\n            onEnd={this.onTouchEnd}\n            onScroll={this.onScroll}\n          >\n            <div\n              vkuiClass=\"ModalRoot__mask\"\n              onClick={this.props.onExit}\n              ref={this.maskElementRef}\n            />\n            <div vkuiClass=\"ModalRoot__viewport\" ref={this.viewportRef}>\n              {this.getModals().map((Modal) => {\n                const modalId = getNavId(Modal.props, warn);\n                const _modalState = this.getModalState(modalId);\n                if (\n                  (modalId !== activeModal && modalId !== exitingModal) ||\n                  !_modalState\n                ) {\n                  return null;\n                }\n                const modalState = { ..._modalState };\n\n                const isPage = modalState.type === ModalType.PAGE;\n                const key = `modal-${modalId}`;\n\n                return (\n                  <FocusTrap\n                    key={key}\n                    getRootRef={(e) => {\n                      const modalState = this.getModalState(modalId);\n                      if (modalState) {\n                        modalState.modalElement = e;\n                      }\n                    }}\n                    onClose={this.props.onExit}\n                    timeout={this.timeout}\n                    vkuiClass={classNames(\n                      \"ModalRoot__modal\",\n                      modalId === activeModal && \"ModalRoot__modal--active\",\n                      modalId === exitingModal && \"ModalRoot__modal--prev\",\n                      ((exitingModal && modalId === activeModal) ||\n                        modalId === enteringModal) &&\n                        \"ModalRoot__modal--next\",\n\n                      dragging && \"ModalRoot__modal--dragging\",\n\n                      isPage &&\n                        modalState.expandable &&\n                        \"ModalRoot__modal--expandable\",\n                      isPage &&\n                        modalState.expanded &&\n                        \"ModalRoot__modal--expanded\",\n                      isPage &&\n                        modalState.collapsed &&\n                        \"ModalRoot__modal--collapsed\"\n                    )}\n                    restoreFocus={false}\n                  >\n                    {Modal}\n                  </FocusTrap>\n                );\n              })}\n            </div>\n          </Touch>\n        </ModalRootContext.Provider>\n      </TouchRootContext.Provider>\n    );\n  }\n}\n\nexport const ModalRootTouch = withContext(\n  withPlatform(\n    withDOM<ModalRootProps>(\n      withModalManager(initModal)(ModalRootTouchComponent)\n    )\n  ),\n  ConfigProviderContext,\n  \"configProvider\"\n);\n\n/**\n * Инициализирует модалку перед анимацией открытия\n */\nfunction initModal(modalState: ModalsStateEntry) {\n  switch (modalState.type) {\n    case ModalType.PAGE:\n      modalState.settlingHeight =\n        modalState.settlingHeight || MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n      return initPageModal(modalState);\n    case ModalType.CARD:\n      return initCardModal(modalState);\n    default:\n      IS_DEV &&\n        warn(\n          `initActiveModal: modalState.type=\"${modalState.type}\" не поддерживается`,\n          \"error\"\n        );\n  }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n  const { contentElement } = modalState;\n  const contentHeight = (contentElement?.firstElementChild as HTMLElement)\n    .offsetHeight;\n\n  let prevTranslateY = modalState.translateY;\n\n  modalState.expandable =\n    contentHeight > (contentElement?.clientHeight ?? 0) ||\n    modalState.settlingHeight === 100;\n\n  let collapsed = false;\n  let expanded = false;\n  let translateYFrom;\n  let translateY;\n  let expandedRange: TranslateRange;\n  let collapsedRange: TranslateRange;\n  let hiddenRange: TranslateRange;\n\n  if (modalState.expandable) {\n    translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n    const shiftHalf = translateYFrom / 2;\n    const visiblePart = 100 - translateYFrom;\n\n    expandedRange = [0, shiftHalf];\n    collapsedRange = [shiftHalf, translateYFrom + visiblePart / 4];\n    hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n    collapsed = translateYFrom > 0;\n    expanded = translateYFrom <= 0;\n    translateY = translateYFrom;\n  } else {\n    const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n    const height = contentHeight + headerHeight;\n\n    translateYFrom =\n      100 -\n      (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) *\n        100;\n    translateY = translateYFrom;\n\n    expandedRange = [translateY, translateY + 25];\n    collapsedRange = [translateY + 25, translateY + 25];\n    hiddenRange = [translateY + 25, translateY + 100];\n  }\n\n  // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n  if (\n    (modalState.expandable && translateY > (prevTranslateY ?? 0)) ||\n    modalState.settlingHeight === 100\n  ) {\n    translateY = 0;\n  }\n\n  // Если модалка уже раскрыта обновляем состояния\n  if (translateY === 0) {\n    expanded = true;\n    collapsed = false;\n  }\n\n  modalState.expandedRange = expandedRange;\n  modalState.collapsedRange = collapsedRange;\n  modalState.hiddenRange = hiddenRange;\n  modalState.translateY = translateY;\n  modalState.translateYFrom = translateYFrom;\n  modalState.collapsed = collapsed;\n  modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n  modalState.translateY = 0;\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalRoot.js","names":["warn","warnOnce","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","ModalRootTouchComponent","props","React","createRef","undefined","event","originalEvent","preventDefault","modalState","getModalState","activeModal","animateTranslate","translateY","type","ModalType","PAGE","dynamicContentHeight","enteringModal","waitTransitionFinish","requestAnimationFrame","checkPageContentHeight","e","exitingModal","onPageTouchMove","CARD","onCardTouchMove","onPageTouchEnd","onCardTouchEnd","target","contentElement","contains","contentScrolled","contentScrollStopTimeout","clearTimeout","setTimeout","state","touchDown","dragging","maskElementRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","onClose","onExit","isInsideModal","frameIds","platform","ANDROID","VKCOM","document","window","Children","toArray","children","IOS","addEventListener","updateModalTranslate","toggleDocumentScrolling","removeEventListener","prevProps","closeModal","enteringState","onEnter","innerElement","style","transitionDelay","onEntered","delayEnter","timeout","restoreFocusTo","activeElement","focus","enabled","documentScrolling","preventTouch","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","setMaskOpacity","shiftY","isY","viewportRef","current","stopPropagation","collapsed","expanded","touchStartContentScrollTop","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","rubber","touchShiftYPercent","translateYCurrent","offsetHeight","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","transitionEvent","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","setTransformStyle","forceOpacity","history","maskAnimationFrame","opacity","toString","classNames","getClassName","configProvider","webviewType","WebviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","getNavId","_modalState","isPage","key","Component","ModalRootTouch","withContext","withPlatform","withDOM","withModalManager","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","initCardModal","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { setTransformStyle } from \"../../lib/styles\";\nimport { rubber } from \"../../lib/touch\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n  ModalRootContext,\n  ModalRootContextInterface,\n} from \"./ModalRootContext\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { ModalsStateEntry, ModalType, TranslateRange } from \"./types\";\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from \"./constants\";\nimport { DOMProps, withDOM } from \"../../lib/dom\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { ModalTransitionProps, withModalManager } from \"./useModalManager\";\nimport \"./ModalRoot.css\";\n\nconst warn = warnOnce(\"ModalRoot\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nfunction numberInRange(number: number, range: TranslateRange | undefined) {\n  if (!range) {\n    return false;\n  }\n  return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n  return Math.max(0, Math.min(98, number));\n}\n\nexport interface ModalRootProps extends HasPlatform {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id\n   */\n  onOpen?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id\n   */\n  onOpened?(modalId: string): void;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id\n   */\n  onClosed?(modalId: string): void;\n\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  children?: React.ReactNode;\n}\n\ninterface ModalRootState {\n  touchDown?: boolean;\n  dragging?: boolean;\n}\n\nclass ModalRootTouchComponent extends React.Component<\n  ModalRootProps & DOMProps & ModalTransitionProps,\n  ModalRootState\n> {\n  constructor(props: ModalRootProps & ModalTransitionProps) {\n    super(props);\n    this.state = {\n      touchDown: false,\n      dragging: false,\n    };\n\n    this.maskElementRef = React.createRef();\n\n    this.modalRootContext = {\n      updateModalHeight: this.updateModalHeight,\n      registerModal: ({ id, ...data }) =>\n        Object.assign(this.getModalState(id), data),\n      onClose: () => this.props.onExit(),\n      isInsideModal: true,\n    };\n\n    this.frameIds = {};\n  }\n\n  private documentScrolling = false;\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private readonly viewportRef = React.createRef<HTMLDivElement>();\n  private maskAnimationFrame: number | undefined = undefined;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private readonly frameIds: {\n    [index: string]: number;\n  };\n  private restoreFocusTo: HTMLElement | undefined | null = undefined;\n\n  get timeout(): number {\n    return this.props.platform === ANDROID || this.props.platform === VKCOM\n      ? 320\n      : 400;\n  }\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  getModalState(id: string | undefined | null) {\n    if (!id) {\n      return undefined;\n    }\n    return this.props.getModalState(id);\n  }\n\n  getModals() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  componentDidMount() {\n    // Отслеживаем изменение размеров viewport (Необходимо для iOS)\n    if (this.props.platform === IOS) {\n      this.window?.addEventListener(\"resize\", this.updateModalTranslate, false);\n    }\n  }\n\n  componentWillUnmount() {\n    this.toggleDocumentScrolling(true);\n    this.window!.removeEventListener(\n      \"resize\",\n      this.updateModalTranslate,\n      false\n    );\n  }\n\n  componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n    // transition phase 2: animate exiting modal\n    if (\n      this.props.exitingModal &&\n      this.props.exitingModal !== prevProps.exitingModal\n    ) {\n      this.closeModal(this.props.exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (\n      this.props.enteringModal &&\n      this.props.enteringModal !== prevProps.enteringModal\n    ) {\n      const { enteringModal } = this.props;\n      const enteringState = this.getModalState(enteringModal);\n      this.props.onEnter();\n      this.waitTransitionFinish(enteringState, () => {\n        if (enteringState?.innerElement) {\n          enteringState.innerElement.style.transitionDelay = \"\";\n        }\n        this.props.onEntered(enteringModal);\n      });\n\n      if (enteringState?.innerElement) {\n        enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n          ? `${this.timeout}ms`\n          : \"\";\n        this.animateTranslate(enteringState, enteringState.translateY);\n      }\n    }\n\n    // focus restoration\n    if (this.props.activeModal && !prevProps.activeModal) {\n      this.restoreFocusTo = this.document!.activeElement as HTMLElement;\n    }\n    if (\n      !this.props.activeModal &&\n      !this.props.exitingModal &&\n      this.restoreFocusTo\n    ) {\n      this.restoreFocusTo.focus();\n      this.restoreFocusTo = null;\n    }\n\n    this.toggleDocumentScrolling(\n      !this.props.activeModal && !this.props.exitingModal\n    );\n  }\n\n  /* Отключает скролл документа */\n  toggleDocumentScrolling(enabled: boolean) {\n    if (this.documentScrolling === enabled) {\n      return;\n    }\n    this.documentScrolling = enabled;\n\n    if (enabled) {\n      // Здесь нужен последний аргумент с такими же параметрами, потому что\n      // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n      // https://github.com/VKCOM/VKUI/issues/444\n      this.window!.removeEventListener(\"touchmove\", this.preventTouch, {\n        // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)\n        passive: false,\n      });\n    } else {\n      this.window!.addEventListener(\"touchmove\", this.preventTouch, {\n        passive: false,\n      });\n    }\n  }\n\n  preventTouch = (event: any) => {\n    if (!event) {\n      return false;\n    }\n    while (event.originalEvent) {\n      event = event.originalEvent;\n    }\n    if (event.preventDefault) {\n      event.preventDefault();\n    }\n    return false;\n  };\n\n  updateModalTranslate = () => {\n    const modalState = this.getModalState(this.props.activeModal);\n    modalState && this.animateTranslate(modalState, modalState.translateY);\n  };\n\n  checkPageContentHeight() {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE && modalState?.modalElement) {\n      const prevModalState = { ...modalState };\n      initPageModal(modalState);\n      const currentModalState = { ...modalState };\n\n      let needAnimate = false;\n\n      if (prevModalState.expandable === currentModalState.expandable) {\n        if (\n          prevModalState.translateYFrom !== currentModalState.translateYFrom\n        ) {\n          needAnimate = true;\n        }\n      } else {\n        needAnimate = true;\n      }\n\n      if (needAnimate) {\n        this.animateTranslate(modalState, modalState.translateY);\n      }\n    }\n  }\n\n  updateModalHeight = () => {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (\n      modalState &&\n      modalState.type === ModalType.PAGE &&\n      modalState.dynamicContentHeight\n    ) {\n      if (this.props.enteringModal) {\n        this.waitTransitionFinish(modalState, () => {\n          requestAnimationFrame(() => this.checkPageContentHeight());\n        });\n      } else {\n        requestAnimationFrame(() => this.checkPageContentHeight());\n      }\n    }\n  };\n\n  closeModal(id: string) {\n    // Сбрасываем состояния, которые могут помешать закрытию модального окна\n    this.setState({ touchDown: false });\n\n    const prevModalState = this.getModalState(id);\n\n    if (!prevModalState) {\n      id &&\n        warn(\n          `closeActiveModal: модальное окно (страница) ${id} не существует`,\n          \"error\"\n        );\n      return;\n    }\n\n    const nextModalState = this.getModalState(this.props.activeModal);\n    const nextIsPage =\n      !!nextModalState && nextModalState.type === ModalType.PAGE;\n\n    const prevIsPage =\n      !!prevModalState && prevModalState.type === ModalType.PAGE;\n    this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n    const exitTranslate =\n      prevIsPage &&\n      nextIsPage &&\n      (prevModalState.translateY ?? 0) <=\n        (nextModalState?.translateYFrom ?? 0) &&\n      !this.props.isBack\n        ? (nextModalState?.translateYFrom ?? 0) + 10\n        : 100;\n    this.animateTranslate(prevModalState, exitTranslate);\n\n    if (!nextModalState) {\n      // NOTE: was only for clean exit\n      this.setMaskOpacity(prevModalState, 0);\n    }\n  }\n\n  onTouchMove = (e: TouchEvent) => {\n    if (this.props.exitingModal) {\n      return;\n    }\n    const modalState = this.getModalState(this.props.activeModal);\n    if (!modalState) {\n      return;\n    }\n\n    if (modalState.type === ModalType.PAGE) {\n      return this.onPageTouchMove(e, modalState);\n    }\n\n    if (modalState.type === ModalType.CARD) {\n      return this.onCardTouchMove(e, modalState);\n    }\n  };\n\n  onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { shiftY, originalEvent } = event;\n    const target = originalEvent.target as HTMLElement;\n\n    if (!event.isY) {\n      if (this.viewportRef.current?.contains(target)) {\n        originalEvent.preventDefault();\n      }\n      return;\n    }\n\n    if (!modalState.innerElement?.contains(target)) {\n      return originalEvent.preventDefault();\n    }\n\n    originalEvent.stopPropagation();\n\n    const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n    if (!this.state.touchDown) {\n      modalState.touchStartContentScrollTop =\n        modalState.contentElement?.scrollTop ?? 0;\n      this.setState({ touchDown: true });\n    }\n\n    if (contentScrolled) {\n      return;\n    }\n\n    if (modalState.touchMovePositive === null) {\n      modalState.touchMovePositive = shiftY > 0;\n    }\n\n    if (\n      !modalState.expandable ||\n      collapsed ||\n      (expanded &&\n        modalState.touchMovePositive &&\n        modalState.touchStartContentScrollTop === 0) ||\n      modalState.headerElement?.contains(target)\n    ) {\n      originalEvent.preventDefault();\n\n      if ((!expandable && shiftY < 0) || !this.window) {\n        return;\n      }\n\n      !this.state.dragging && this.setState({ dragging: true });\n\n      const shiftYPercent = (shiftY / this.window.innerHeight) * 100;\n      const shiftYCurrent = rubber(\n        shiftYPercent,\n        72,\n        0.8,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n      );\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = rangeTranslate(\n        (modalState.translateY ?? 0) + shiftYCurrent\n      );\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { originalEvent, shiftY } = event;\n    const target = originalEvent.target as HTMLElement;\n    if (modalState.innerElement?.contains(target)) {\n      if (!this.state.touchDown) {\n        this.setState({ touchDown: true, dragging: true });\n      }\n\n      const shiftYPercent =\n        (shiftY / modalState.innerElement.offsetHeight) * 100;\n      const shiftYCurrent = rubber(\n        shiftYPercent,\n        72,\n        1.2,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n      );\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = Math.max(\n        0,\n        (modalState.translateY ?? 0) + shiftYCurrent\n      );\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onTouchEnd = (e: TouchEvent) => {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE) {\n      return this.onPageTouchEnd(e, modalState);\n    }\n\n    if (modalState?.type === ModalType.CARD) {\n      return this.onCardTouchEnd(e, modalState);\n    }\n  };\n\n  onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { startY, shiftY } = event;\n\n    modalState.contentScrolled = false;\n    modalState.touchMovePositive = null;\n\n    let setStateCallback;\n\n    if (this.state.dragging && this.window) {\n      const shiftYEndPercent =\n        ((startY + shiftY) / this.window.innerHeight) * 100;\n\n      let translateY = modalState.translateYCurrent ?? 0;\n      const expectTranslateY =\n        (translateY / event.duration) *\n        240 *\n        0.6 *\n        ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = rangeTranslate(translateY + expectTranslateY);\n\n      if (modalState.settlingHeight !== 100) {\n        if (numberInRange(translateY, modalState.expandedRange)) {\n          translateY = modalState.expandedRange?.[0] ?? 0;\n        } else if (numberInRange(translateY, modalState.collapsedRange)) {\n          translateY = modalState.translateYFrom ?? 0;\n        } else if (numberInRange(translateY, modalState.hiddenRange)) {\n          translateY = 100;\n        } else {\n          translateY = modalState.translateYFrom ?? 0;\n        }\n      } else {\n        if (numberInRange(translateY, [0, 25])) {\n          translateY = 0;\n        } else {\n          translateY = 100;\n        }\n      }\n\n      if (translateY !== 100 && shiftYEndPercent >= 75) {\n        translateY = 100;\n      }\n\n      modalState.translateY = translateY;\n      modalState.translateYCurrent = translateY;\n      modalState.collapsed = translateY > 0 && translateY < shiftYEndPercent;\n      modalState.expanded = translateY === 0;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.onExit();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback\n    );\n  }\n\n  onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n    let setStateCallback;\n\n    if (this.state.dragging) {\n      let translateY = modalState.translateYCurrent ?? 0;\n\n      const expectTranslateY =\n        (translateY / duration) *\n        240 *\n        0.6 *\n        ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = Math.max(0, translateY + expectTranslateY);\n\n      if (translateY >= 30) {\n        translateY = 100;\n      } else {\n        translateY = 0;\n      }\n\n      modalState.translateY = translateY;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.onExit();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback\n    );\n  }\n\n  onScroll = (e: React.SyntheticEvent) => {\n    const activeModal = this.props.activeModal;\n\n    const target = e.target as HTMLElement;\n\n    if (!activeModal) {\n      return;\n    }\n    const modalState = this.getModalState(activeModal);\n    if (\n      modalState?.type === ModalType.PAGE &&\n      modalState?.contentElement?.contains(target)\n    ) {\n      modalState.contentScrolled = true;\n\n      if (modalState.contentScrollStopTimeout) {\n        clearTimeout(modalState.contentScrollStopTimeout);\n      }\n\n      modalState.contentScrollStopTimeout = setTimeout(() => {\n        if (modalState.contentScrolled) {\n          modalState.contentScrolled = false;\n        }\n      }, 250);\n    }\n  };\n\n  waitTransitionFinish(\n    modalState: ModalsStateEntry | undefined,\n    eventHandler: () => void\n  ) {\n    if (transitionEvent.supported) {\n      const onceHandler = () => {\n        modalState?.innerElement?.removeEventListener(\n          transitionEvent.name as string,\n          onceHandler\n        );\n        eventHandler();\n      };\n\n      modalState?.innerElement?.addEventListener(\n        transitionEvent.name as string,\n        onceHandler\n      );\n    } else {\n      setTimeout(eventHandler, this.timeout);\n    }\n  }\n\n  /**\n   * Анимирует сдвиг модалки\n   *\n   * @param {ModalsStateEntry} modalState\n   * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n   */\n  animateTranslate(modalState: ModalsStateEntry, percent: number | undefined) {\n    const frameId = `animateTranslateFrame${modalState.id}`;\n\n    cancelAnimationFrame(this.frameIds[frameId]);\n\n    this.frameIds[frameId] = requestAnimationFrame(() => {\n      setTransformStyle(\n        modalState.innerElement,\n        `translate3d(0, ${percent}%, 0)`\n      );\n    });\n  }\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  setMaskOpacity(\n    modalState: ModalsStateEntry,\n    forceOpacity: number | null = null\n  ) {\n    if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n      return;\n    }\n    if (this.maskAnimationFrame) {\n      cancelAnimationFrame(this.maskAnimationFrame);\n    }\n    this.maskAnimationFrame = requestAnimationFrame(() => {\n      if (this.maskElementRef.current) {\n        const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n        const opacity =\n          forceOpacity === null\n            ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n            : forceOpacity;\n        this.maskElementRef.current.style.opacity = Math.max(\n          0,\n          Math.min(100, opacity)\n        ).toString();\n      }\n    });\n  }\n\n  render() {\n    const { activeModal, exitingModal, enteringModal } = this.props;\n    const { touchDown, dragging } = this.state;\n\n    if (!activeModal && !exitingModal) {\n      return null;\n    }\n\n    return (\n      <TouchRootContext.Provider value={true}>\n        <ModalRootContext.Provider value={this.modalRootContext}>\n          <Touch\n            vkuiClass={classNames(\n              getClassName(\"ModalRoot\", this.props.platform),\n              this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n                \"ModalRoot--vkapps\",\n              touchDown && \"ModalRoot--touched\",\n              !!(enteringModal || exitingModal) && \"ModalRoot--switching\"\n            )}\n            onMove={this.onTouchMove}\n            onEnd={this.onTouchEnd}\n            onScroll={this.onScroll}\n          >\n            <div\n              vkuiClass=\"ModalRoot__mask\"\n              onClick={this.props.onExit}\n              ref={this.maskElementRef}\n            />\n            <div vkuiClass=\"ModalRoot__viewport\" ref={this.viewportRef}>\n              {this.getModals().map((Modal) => {\n                const modalId = getNavId(Modal.props, warn);\n                const _modalState = this.getModalState(modalId);\n                if (\n                  (modalId !== activeModal && modalId !== exitingModal) ||\n                  !_modalState\n                ) {\n                  return null;\n                }\n                const modalState = { ..._modalState };\n\n                const isPage = modalState.type === ModalType.PAGE;\n                const key = `modal-${modalId}`;\n\n                return (\n                  <FocusTrap\n                    key={key}\n                    getRootRef={(e) => {\n                      const modalState = this.getModalState(modalId);\n                      if (modalState) {\n                        modalState.modalElement = e;\n                      }\n                    }}\n                    onClose={this.props.onExit}\n                    timeout={this.timeout}\n                    vkuiClass={classNames(\n                      \"ModalRoot__modal\",\n                      modalId === activeModal && \"ModalRoot__modal--active\",\n                      modalId === exitingModal && \"ModalRoot__modal--prev\",\n                      ((exitingModal && modalId === activeModal) ||\n                        modalId === enteringModal) &&\n                        \"ModalRoot__modal--next\",\n\n                      dragging && \"ModalRoot__modal--dragging\",\n\n                      isPage &&\n                        modalState.expandable &&\n                        \"ModalRoot__modal--expandable\",\n                      isPage &&\n                        modalState.expanded &&\n                        \"ModalRoot__modal--expanded\",\n                      isPage &&\n                        modalState.collapsed &&\n                        \"ModalRoot__modal--collapsed\"\n                    )}\n                    restoreFocus={false}\n                  >\n                    {Modal}\n                  </FocusTrap>\n                );\n              })}\n            </div>\n          </Touch>\n        </ModalRootContext.Provider>\n      </TouchRootContext.Provider>\n    );\n  }\n}\n\nexport const ModalRootTouch = withContext(\n  withPlatform(\n    withDOM<ModalRootProps>(\n      withModalManager(initModal)(ModalRootTouchComponent)\n    )\n  ),\n  ConfigProviderContext,\n  \"configProvider\"\n);\n\n/**\n * Инициализирует модалку перед анимацией открытия\n */\nfunction initModal(modalState: ModalsStateEntry) {\n  switch (modalState.type) {\n    case ModalType.PAGE:\n      modalState.settlingHeight =\n        modalState.settlingHeight || MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n      return initPageModal(modalState);\n    case ModalType.CARD:\n      return initCardModal(modalState);\n    default:\n      IS_DEV &&\n        warn(\n          `initActiveModal: modalState.type=\"${modalState.type}\" не поддерживается`,\n          \"error\"\n        );\n  }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n  const { contentElement } = modalState;\n  const contentHeight = (contentElement?.firstElementChild as HTMLElement)\n    .offsetHeight;\n\n  let prevTranslateY = modalState.translateY;\n\n  modalState.expandable =\n    contentHeight > (contentElement?.clientHeight ?? 0) ||\n    modalState.settlingHeight === 100;\n\n  let collapsed = false;\n  let expanded = false;\n  let translateYFrom;\n  let translateY;\n  let expandedRange: TranslateRange;\n  let collapsedRange: TranslateRange;\n  let hiddenRange: TranslateRange;\n\n  if (modalState.expandable) {\n    translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n    const shiftHalf = translateYFrom / 2;\n    const visiblePart = 100 - translateYFrom;\n\n    expandedRange = [0, shiftHalf];\n    collapsedRange = [shiftHalf, translateYFrom + visiblePart / 4];\n    hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n    collapsed = translateYFrom > 0;\n    expanded = translateYFrom <= 0;\n    translateY = translateYFrom;\n  } else {\n    const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n    const height = contentHeight + headerHeight;\n\n    translateYFrom =\n      100 -\n      (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) *\n        100;\n    translateY = translateYFrom;\n\n    expandedRange = [translateY, translateY + 25];\n    collapsedRange = [translateY + 25, translateY + 25];\n    hiddenRange = [translateY + 25, translateY + 100];\n  }\n\n  // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n  if (\n    (modalState.expandable && translateY > (prevTranslateY ?? 100)) ||\n    modalState.settlingHeight === 100\n  ) {\n    translateY = 0;\n  }\n\n  // Если модалка уже раскрыта обновляем состояния\n  if (translateY === 0) {\n    expanded = true;\n    collapsed = false;\n  }\n\n  modalState.expandedRange = expandedRange;\n  modalState.collapsedRange = collapsedRange;\n  modalState.hiddenRange = hiddenRange;\n  modalState.translateY = translateY;\n  modalState.translateYFrom = translateYFrom;\n  modalState.collapsed = collapsed;\n  modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n  modalState.translateY = 0;\n}\n"],"mappings":"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"}

package/dist/cjs/components/ModalRoot/ModalRootAdaptive.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
+export interface ModalRootProps extends AdaptivityProps {
+    activeModal?: string | null;
+    /**
+     * Будет вызвано при начале открытия активной модалки с её id
+     */
+    onOpen?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном открытии активной модалки с её id
+     */
+    onOpened?(modalId: string): void;
+    /**
+     * Будет вызвано при начале закрытия активной модалки с её id
+     */
+    onClose?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном закрытии активной модалки с её id
+     */
+    onClosed?(modalId: string): void;
+    children?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalRoot
+ */
+export declare const ModalRoot: React.FC<Pick<ModalRootProps & AdaptivityContextInterface, "children" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/ModalRoot/ModalRootContext.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { ModalElements, ModalsStateEntry, ModalType } from "./types";
+export declare type ModalRegistryEntry = ModalElements & Required<Pick<ModalsStateEntry, "type" | "id">>;
+declare type ModalRefs = {
+    [k in keyof ModalElements]: (e: ModalElements[k]) => void;
+};
+export interface ModalRootContextInterface {
+    updateModalHeight: VoidFunction;
+    registerModal(data: ModalRegistryEntry): void;
+    onClose?: VoidFunction;
+    isInsideModal: boolean;
+}
+export declare const ModalRootContext: React.Context<ModalRootContextInterface>;
+/**
+ * All referenced elements must be static
+ */
+export declare function useModalRegistry(id: string | undefined, type: ModalType): {
+    refs: Required<ModalRefs>;
+};
+export {};

package/dist/cjs/components/ModalRoot/ModalRootDesktop.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import "./ModalRoot.css";
+export interface ModalRootProps extends HasPlatform {
+    activeModal?: string | null;
+    /**
+     * @ignore
+     */
+    configProvider?: ConfigProviderContextInterface;
+    children?: React.ReactNode;
+    /**
+     * Будет вызвано при начале открытия активной модалки с её id
+     */
+    onOpen?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном открытии активной модалки с её id
+     */
+    onOpened?(modalId: string): void;
+    /**
+     * Будет вызвано при начале закрытия активной модалки с её id
+     */
+    onClose?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном закрытии активной модалки с её id
+     */
+    onClosed?(modalId: string): void;
+}
+export declare const ModalRootDesktop: React.FC<Pick<ModalRootProps, "children" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal" | "configProvider">>;

package/dist/cjs/components/ModalRoot/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;
+export declare const PERCENT_OPENED = 0;
+export declare const PERCENT_CLOSED = 100;

package/dist/cjs/components/ModalRoot/types.d.ts

@@ -0,0 +1,60 @@
+export declare enum ModalType {
+    PAGE = "page",
+    CARD = "card"
+}
+export declare type TranslateRange = [number, number];
+export declare type ModalsState = {
+    [index: string]: ModalsStateEntry;
+};
+export interface ModalElements {
+    modalElement?: HTMLElement | null;
+    innerElement?: HTMLElement | null;
+    headerElement?: HTMLElement | null;
+    contentElement?: HTMLElement | null;
+}
+export interface ModalsStateEntry extends ModalElements {
+    id: string | null;
+    /**
+     * Событие начала открытия модалки.
+     */
+    onOpen?: VoidFunction;
+    /**
+     * Событие открытия модалки.
+     */
+    onOpened?: VoidFunction;
+    /**
+     * Событие начала закрытия модалки.
+     */
+    onClose?: VoidFunction;
+    /**
+     * Событие закрытия модалки.
+     */
+    onClosed?: VoidFunction;
+    type?: ModalType;
+    settlingHeight?: number;
+    dynamicContentHeight?: boolean;
+    expandable?: boolean;
+    /**
+     * Процент текущего сдвига модалки
+     */
+    translateY?: number;
+    /**
+     * Процент сдвига модалки в изначальном состоянии
+     */
+    translateYFrom?: number;
+    /**
+     * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)
+     */
+    translateYCurrent?: number;
+    touchStartContentScrollTop?: number;
+    touchMovePositive?: boolean | null;
+    touchShiftYPercent?: number;
+    expanded?: boolean;
+    collapsed?: boolean;
+    hidden?: boolean;
+    contentScrolled?: boolean;
+    contentScrollStopTimeout?: ReturnType<typeof setTimeout>;
+    expandedRange?: TranslateRange;
+    collapsedRange?: TranslateRange;
+    hiddenRange?: TranslateRange;
+}