@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/components/ModalRoot/ModalRoot.js

@@ -11,11 +11,10 @@ import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { Touch } from "../Touch/Touch";
 import TouchRootContext from "../Touch/TouchContext";
-import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { setTransformStyle } from "../../lib/styles";
 import { rubber } from "../../lib/touch";
-import { ANDROID, IOS, VKCOM } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { transitionEvent } from "../../lib/supportEvents";
 import { withPlatform } from "../../hoc/withPlatform";
 import { withContext } from "../../hoc/withContext";
@@ -176,10 +175,12 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
     _this.modalRootContext = {
       updateModalHeight: _this.updateModalHeight,
       registerModal: function registerModal(_ref) {
+        var _this$getModalState;
+
         var id = _ref.id,
             data = _objectWithoutProperties(_ref, _excluded);
 
-        return Object.assign(_this.getModalState(id), data);
+        return Object.assign((_this$getModalState = _this.getModalState(id)) !== null && _this$getModalState !== void 0 ? _this$getModalState : {}, data);
       },
       onClose: function onClose() {
         return _this.props.onExit();
@@ -193,7 +194,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
   _createClass(ModalRootTouchComponent, [{
     key: "timeout",
     get: function get() {
-      return this.props.platform === ANDROID || this.props.platform === VKCOM ? 320 : 400;
+      return this.props.platform === Platform.IOS ? 400 : 320;
     }
   }, {
     key: "document",
@@ -223,7 +224,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       // Отслеживаем изменение размеров viewport (Необходимо для iOS)
-      if (this.props.platform === IOS) {
+      if (this.props.platform === Platform.IOS) {
         var _this$window;
 
         (_this$window = this.window) === null || _this$window === void 0 ? void 0 : _this$window.addEventListener("resize", this.updateModalTranslate, false);
@@ -292,7 +293,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
         // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.
         // https://github.com/VKCOM/VKUI/issues/444
         this.window.removeEventListener("touchmove", this.preventTouch, {
-          // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)
+          // @ts-expect-error (В интерфейсе EventListenerOptions нет поля passive)
           passive: false
         });
       } else {
@@ -420,7 +421,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
           dragging: true
         });
         var shiftYPercent = shiftY / this.window.innerHeight * 100;
-        var shiftYCurrent = rubber(shiftYPercent, 72, 0.8, this.props.platform === ANDROID || this.props.platform === VKCOM);
+        var shiftYCurrent = rubber(shiftYPercent, 72, 0.8, this.props.platform !== Platform.IOS);
         modalState.touchShiftYPercent = shiftYPercent;
         modalState.translateYCurrent = rangeTranslate(((_modalState$translate = modalState.translateY) !== null && _modalState$translate !== void 0 ? _modalState$translate : 0) + shiftYCurrent);
         this.animateTranslate(modalState, modalState.translateYCurrent);
@@ -447,7 +448,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
         }
 
         var shiftYPercent = shiftY / modalState.innerElement.offsetHeight * 100;
-        var shiftYCurrent = rubber(shiftYPercent, 72, 1.2, this.props.platform === ANDROID || this.props.platform === VKCOM);
+        var shiftYCurrent = rubber(shiftYPercent, 72, 1.2, this.props.platform !== Platform.IOS);
         modalState.touchShiftYPercent = shiftYPercent;
         modalState.translateYCurrent = Math.max(0, ((_modalState$translate2 = modalState.translateY) !== null && _modalState$translate2 !== void 0 ? _modalState$translate2 : 0) + shiftYCurrent);
         this.animateTranslate(modalState, modalState.translateYCurrent);
@@ -653,7 +654,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
       }, createScopedElement(ModalRootContext.Provider, {
         value: this.modalRootContext
       }, createScopedElement(Touch, {
-        vkuiClass: classNames(getClassName("ModalRoot", this.props.platform), ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === WebviewType.VKAPPS && "ModalRoot--vkapps", touchDown && "ModalRoot--touched", !!(enteringModal || exitingModal) && "ModalRoot--switching"),
+        vkuiClass: classNames("ModalRoot", ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === WebviewType.VKAPPS && "ModalRoot--vkapps", touchDown && "ModalRoot--touched", !!(enteringModal || exitingModal) && "ModalRoot--switching"),
         onMove: this.onTouchMove,
         onEnd: this.onTouchEnd,
         onScroll: this.onScroll

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

@@ -1 +1 @@
-{"version":3,"file":"ModalRoot.js","names":["React","Touch","TouchRootContext","getClassName","classNames","setTransformStyle","rubber","ANDROID","IOS","VKCOM","transitionEvent","withPlatform","withContext","ModalRootContext","ConfigProviderContext","WebviewType","ModalType","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","withDOM","getNavId","warnOnce","FocusTrap","withModalManager","warn","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","ModalRootTouchComponent","props","createRef","undefined","event","originalEvent","preventDefault","modalState","getModalState","activeModal","animateTranslate","translateY","type","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","document","window","Children","toArray","children","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","touchShiftYPercent","translateYCurrent","offsetHeight","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","maskAnimationFrame","opacity","toString","configProvider","webviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","_modalState","isPage","key","Component","ModalRootTouch","initModal","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":["React","Touch","TouchRootContext","classNames","setTransformStyle","rubber","Platform","transitionEvent","withPlatform","withContext","ModalRootContext","ConfigProviderContext","WebviewType","ModalType","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","withDOM","getNavId","warnOnce","FocusTrap","withModalManager","warn","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","ModalRootTouchComponent","props","createRef","undefined","event","originalEvent","preventDefault","modalState","getModalState","activeModal","animateTranslate","translateY","type","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","IOS","document","window","Children","toArray","children","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","touchShiftYPercent","translateYCurrent","offsetHeight","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","maskAnimationFrame","opacity","toString","configProvider","webviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","_modalState","isPage","key","Component","ModalRootTouch","initModal","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 { classNames } from \"../../lib/classNames\";\nimport { setTransformStyle } from \"../../lib/styles\";\nimport { rubber } from \"../../lib/touch\";\nimport { Platform } 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 === Platform.IOS ? 400 : 320;\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 === 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-expect-error (В интерфейсе 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 !== Platform.IOS\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 !== Platform.IOS\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              \"ModalRoot\",\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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"}

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

@@ -1,6 +1,5 @@
 import * as React from "react";
-import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
-export interface ModalRootProps extends AdaptivityProps {
+export interface ModalRootProps {
     activeModal?: string | null;
     /**
      * Будет вызвано при начале открытия активной модалки с её id
@@ -23,4 +22,4 @@ export interface ModalRootProps extends AdaptivityProps {
 /**
  * @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>;
+export declare const ModalRoot: (props: ModalRootProps) => JSX.Element;

package/dist/components/ModalRoot/ModalRootAdaptive.js

@@ -1,25 +1,18 @@
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { ModalRootTouch } from "./ModalRoot";
 import { ModalRootDesktop } from "./ModalRootDesktop";
 import { useScrollLock } from "../AppRoot/ScrollContext";
-import { useAdaptivityIsDesktop } from "../../hooks/useAdaptivity";
+import { useAdaptivityWithMediaQueries } from "../../hooks/useAdaptivityWithMediaQueries";
 
-var ModalRootComponent = function ModalRootComponent(props) {
-  var isDesktop = useAdaptivityIsDesktop();
-  useScrollLock(!!props.activeModal);
-  var RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;
-  return createScopedElement(RootComponent, props);
-};
-
-ModalRootComponent.displayName = "ModalRoot";
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalRoot
  */
+export var ModalRoot = function ModalRoot(props) {
+  var _useAdaptivityWithMed = useAdaptivityWithMediaQueries(),
+      isDesktop = _useAdaptivityWithMed.isDesktop;
 
-export var ModalRoot = withAdaptivity(ModalRootComponent, {
-  viewWidth: true,
-  viewHeight: true,
-  hasMouse: true
-});
+  useScrollLock(!!props.activeModal);
+  var RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;
+  return createScopedElement(RootComponent, props);
+};
 //# sourceMappingURL=ModalRootAdaptive.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalRootAdaptive.js","names":["withAdaptivity","ModalRootTouch","ModalRootDesktop","useScrollLock","useAdaptivityIsDesktop","ModalRootComponent","props","isDesktop","activeModal","RootComponent","displayName","ModalRoot","viewWidth","viewHeight","hasMouse"],"sources":["../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\n\nexport interface ModalRootProps extends AdaptivityProps {\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  children?: React.ReactNode;\n}\n\nconst ModalRootComponent = (\n  props: ModalRootProps & AdaptivityContextInterface\n) => {\n  const isDesktop = useAdaptivityIsDesktop();\n\n  useScrollLock(!!props.activeModal);\n\n  const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n  return <RootComponent {...props} />;\n};\n\nModalRootComponent.displayName = \"ModalRoot\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalRoot\n */\nexport const ModalRoot = withAdaptivity(ModalRootComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"mappings":";AACA,SAASA,cAAT;AACA,SAASC,cAAT;AACA,SAASC,gBAAT;AAKA,SAASC,aAAT;AACA,SAASC,sBAAT;;AA2BA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CACzBC,KADyB,EAEtB;EACH,IAAMC,SAAS,GAAGH,sBAAsB,EAAxC;EAEAD,aAAa,CAAC,CAAC,CAACG,KAAK,CAACE,WAAT,CAAb;EAEA,IAAMC,aAAa,GAAGF,SAAS,GAAGL,gBAAH,GAAsBD,cAArD;EAEA,OAAO,oBAAC,aAAD,EAAmBK,KAAnB,CAAP;AACD,CAVD;;AAYAD,kBAAkB,CAACK,WAAnB,GAAiC,WAAjC;AAEA;AACA;AACA;;AACA,OAAO,IAAMC,SAAS,GAAGX,cAAc,CAACK,kBAAD,EAAqB;EAC1DO,SAAS,EAAE,IAD+C;EAE1DC,UAAU,EAAE,IAF8C;EAG1DC,QAAQ,EAAE;AAHgD,CAArB,CAAhC"}
+{"version":3,"file":"ModalRootAdaptive.js","names":["ModalRootTouch","ModalRootDesktop","useScrollLock","useAdaptivityWithMediaQueries","ModalRoot","props","isDesktop","activeModal","RootComponent"],"sources":["../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { useAdaptivityWithMediaQueries } from \"../../hooks/useAdaptivityWithMediaQueries\";\n\nexport interface ModalRootProps {\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  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalRoot\n */\nexport const ModalRoot = (props: ModalRootProps) => {\n  const { isDesktop } = useAdaptivityWithMediaQueries();\n\n  useScrollLock(!!props.activeModal);\n\n  const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n  return <RootComponent {...props} />;\n};\n"],"mappings":";AACA,SAASA,cAAT;AACA,SAASC,gBAAT;AACA,SAASC,aAAT;AACA,SAASC,6BAAT;;AA2BA;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA2B;EAClD,4BAAsBF,6BAA6B,EAAnD;EAAA,IAAQG,SAAR,yBAAQA,SAAR;;EAEAJ,aAAa,CAAC,CAAC,CAACG,KAAK,CAACE,WAAT,CAAb;EAEA,IAAMC,aAAa,GAAGF,SAAS,GAAGL,gBAAH,GAAsBD,cAArD;EAEA,OAAO,oBAAC,aAAD,EAAmBK,KAAnB,CAAP;AACD,CARM"}

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

@@ -26,4 +26,4 @@ export interface ModalRootProps extends HasPlatform {
      */
     onClosed?(modalId: string): void;
 }
-export declare const ModalRootDesktop: React.FC<Pick<ModalRootProps, "children" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal" | "configProvider">>;
+export declare const ModalRootDesktop: React.FC<Omit<ModalRootProps, "platform">>;

package/dist/components/ModalRoot/ModalRootDesktop.js

@@ -14,8 +14,7 @@ import { withPlatform } from "../../hoc/withPlatform";
 import { withContext } from "../../hoc/withContext";
 import { ModalRootContext } from "./ModalRootContext";
 import { ConfigProviderContext, WebviewType } from "../ConfigProvider/ConfigProviderContext";
-import { ANDROID, VKCOM } from "../../lib/platform";
-import { getClassName } from "../../helpers/getClassName";
+import { Platform } from "../../lib/platform";
 import { withDOM } from "../../lib/dom";
 import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
@@ -49,10 +48,12 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
         return undefined;
       },
       registerModal: function registerModal(_ref) {
+        var _this$getModalState;
+
         var id = _ref.id,
             data = _objectWithoutProperties(_ref, _excluded);
 
-        return Object.assign(_this.getModalState(id), data);
+        return Object.assign((_this$getModalState = _this.getModalState(id)) !== null && _this$getModalState !== void 0 ? _this$getModalState : {}, data);
       },
       onClose: function onClose() {
         return _this.props.onExit();
@@ -65,7 +66,7 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   _createClass(ModalRootDesktopComponent, [{
     key: "timeout",
     get: function get() {
-      return this.props.platform === ANDROID || this.props.platform === VKCOM ? 320 : 400;
+      return this.props.platform === Platform.IOS ? 400 : 320;
     }
   }, {
     key: "modals",
@@ -214,7 +215,7 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
       return createScopedElement(ModalRootContext.Provider, {
         value: this.modalRootContext
       }, createScopedElement("div", {
-        vkuiClass: classNames(getClassName("ModalRoot", this.props.platform), ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === WebviewType.VKAPPS && "ModalRoot--vkapps", "ModalRoot--desktop")
+        vkuiClass: classNames("ModalRoot", ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === WebviewType.VKAPPS && "ModalRoot--vkapps", "ModalRoot--desktop")
       }, createScopedElement("div", {
         vkuiClass: "ModalRoot__mask",
         ref: this.maskElementRef,

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

@@ -1 +1 @@
-{"version":3,"file":"ModalRootDesktop.js","names":["React","classNames","transitionEvent","withPlatform","withContext","ModalRootContext","ConfigProviderContext","WebviewType","ANDROID","VKCOM","getClassName","withDOM","getNavId","warnOnce","FocusTrap","withModalManager","warn","ModalRootDesktopComponent","props","undefined","maskElementRef","createRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","getModalState","onClose","onExit","isInsideModal","platform","Children","toArray","children","prevProps","exitingModal","closeModal","enteringModal","enteringState","onEnter","requestAnimationFrame","waitTransitionFinish","onEntered","animateModalOpacity","activeModal","restoreFocusTo","document","activeElement","focus","prevModalState","onExited","setMaskOpacity","modalState","eventHandler","supported","onceHandler","innerElement","removeEventListener","name","addEventListener","setTimeout","timeout","display","style","transitionDelay","delayEnter","opacity","forceOpacity","history","maskAnimationFrame","cancelAnimationFrame","current","translateY","translateYCurrent","Math","max","min","toString","configProvider","webviewType","VKAPPS","modals","map","Modal","modalId","key","Boolean","Component","ModalRootDesktop"],"sources":["../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\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 } from \"./types\";\nimport { ANDROID, VKCOM } from \"../../lib/platform\";\nimport { getClassName } from \"../../helpers/getClassName\";\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\");\n\nexport interface ModalRootProps extends HasPlatform {\n  activeModal?: string | null;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  children?: React.ReactNode;\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\nclass ModalRootDesktopComponent extends React.Component<\n  ModalRootProps & DOMProps & ModalTransitionProps\n> {\n  constructor(props: ModalRootProps & ModalTransitionProps) {\n    super(props);\n\n    this.maskElementRef = React.createRef();\n\n    this.modalRootContext = {\n      updateModalHeight: () => undefined,\n      registerModal: ({ id, ...data }) =>\n        Object.assign(this.getModalState(id), data),\n      onClose: () => this.props.onExit(),\n      isInsideModal: true,\n    };\n  }\n\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private maskAnimationFrame: number | undefined = undefined;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private restoreFocusTo: HTMLElement | undefined = undefined;\n\n  private get timeout() {\n    return this.props.platform === ANDROID || this.props.platform === VKCOM\n      ? 320\n      : 400;\n  }\n\n  private get modals() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  getModalState(id: string | null) {\n    if (id === null) {\n      return undefined;\n    }\n    return this.props.getModalState(id);\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      requestAnimationFrame(() => {\n        if (this.props.enteringModal === enteringModal) {\n          this.waitTransitionFinish(enteringState, () =>\n            this.props.onEntered(enteringModal)\n          );\n          this.animateModalOpacity(enteringState, true);\n        }\n      });\n    }\n\n    // focus restoration\n    if (this.props.activeModal && !prevProps.activeModal) {\n      this.restoreFocusTo = (this.props.document?.activeElement ??\n        undefined) as HTMLElement | undefined;\n    }\n    if (\n      !this.props.activeModal &&\n      !this.props.exitingModal &&\n      this.restoreFocusTo\n    ) {\n      this.restoreFocusTo.focus();\n      this.restoreFocusTo = undefined;\n    }\n  }\n\n  closeModal(id: string) {\n    const prevModalState = this.getModalState(id);\n    if (!prevModalState) {\n      return;\n    }\n\n    this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n    this.animateModalOpacity(prevModalState, false);\n    if (!this.props.activeModal) {\n      this.setMaskOpacity(prevModalState, 0);\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  animateModalOpacity(\n    modalState: ModalsStateEntry | undefined,\n    display: boolean\n  ) {\n    if (modalState?.innerElement) {\n      modalState.innerElement.style.transitionDelay =\n        display && this.props.delayEnter ? `${this.timeout}ms` : \"\";\n      modalState.innerElement.style.opacity = display ? \"1\" : \"0\";\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\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 { exitingModal, activeModal, enteringModal } = this.props;\n\n    if (!activeModal && !exitingModal) {\n      return null;\n    }\n\n    return (\n      <ModalRootContext.Provider value={this.modalRootContext}>\n        <div\n          vkuiClass={classNames(\n            getClassName(\"ModalRoot\", this.props.platform),\n            this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n              \"ModalRoot--vkapps\",\n            \"ModalRoot--desktop\"\n          )}\n        >\n          <div\n            vkuiClass=\"ModalRoot__mask\"\n            ref={this.maskElementRef}\n            onClick={this.props.onExit}\n          />\n          <div vkuiClass=\"ModalRoot__viewport\">\n            {this.modals.map((Modal: React.ReactElement) => {\n              const modalId = getNavId(Modal.props, warn);\n              if (modalId !== activeModal && modalId !== exitingModal) {\n                return null;\n              }\n\n              const key = `modal-${modalId}`;\n\n              return (\n                <FocusTrap\n                  restoreFocus={false}\n                  onClose={this.props.onExit}\n                  timeout={this.timeout}\n                  key={key}\n                  vkuiClass={classNames(\n                    \"ModalRoot__modal\",\n                    !exitingModal &&\n                      !enteringModal &&\n                      modalId === activeModal &&\n                      \"ModalRoot__modal--active\",\n                    modalId === exitingModal && \"ModalRoot__modal--prev\",\n                    Boolean(exitingModal) &&\n                      modalId === activeModal &&\n                      \"ModalRoot__modal--next\"\n                  )}\n                >\n                  {Modal}\n                </FocusTrap>\n              );\n            })}\n          </div>\n        </div>\n      </ModalRootContext.Provider>\n    );\n  }\n}\n\nexport const ModalRootDesktop = withContext(\n  withPlatform(\n    withDOM<ModalRootProps>(withModalManager()(ModalRootDesktopComponent))\n  ),\n  ConfigProviderContext,\n  \"configProvider\"\n);\n"],"mappings":"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"}
+{"version":3,"file":"ModalRootDesktop.js","names":["React","classNames","transitionEvent","withPlatform","withContext","ModalRootContext","ConfigProviderContext","WebviewType","Platform","withDOM","getNavId","warnOnce","FocusTrap","withModalManager","warn","ModalRootDesktopComponent","props","undefined","maskElementRef","createRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","getModalState","onClose","onExit","isInsideModal","platform","IOS","Children","toArray","children","prevProps","exitingModal","closeModal","enteringModal","enteringState","onEnter","requestAnimationFrame","waitTransitionFinish","onEntered","animateModalOpacity","activeModal","restoreFocusTo","document","activeElement","focus","prevModalState","onExited","setMaskOpacity","modalState","eventHandler","supported","onceHandler","innerElement","removeEventListener","name","addEventListener","setTimeout","timeout","display","style","transitionDelay","delayEnter","opacity","forceOpacity","history","maskAnimationFrame","cancelAnimationFrame","current","translateY","translateYCurrent","Math","max","min","toString","configProvider","webviewType","VKAPPS","modals","map","Modal","modalId","key","Boolean","Component","ModalRootDesktop"],"sources":["../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\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 } from \"./types\";\nimport { Platform } from \"../../lib/platform\";\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\");\n\nexport interface ModalRootProps extends HasPlatform {\n  activeModal?: string | null;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  children?: React.ReactNode;\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\nclass ModalRootDesktopComponent extends React.Component<\n  ModalRootProps & DOMProps & ModalTransitionProps\n> {\n  constructor(props: ModalRootProps & ModalTransitionProps) {\n    super(props);\n\n    this.maskElementRef = React.createRef();\n\n    this.modalRootContext = {\n      updateModalHeight: () => undefined,\n      registerModal: ({ id, ...data }) =>\n        Object.assign(this.getModalState(id) ?? {}, data),\n      onClose: () => this.props.onExit(),\n      isInsideModal: true,\n    };\n  }\n\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private maskAnimationFrame: number | undefined = undefined;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private restoreFocusTo: HTMLElement | undefined = undefined;\n\n  private get timeout() {\n    return this.props.platform === Platform.IOS ? 400 : 320;\n  }\n\n  private get modals() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  getModalState(id: string | null) {\n    if (id === null) {\n      return undefined;\n    }\n    return this.props.getModalState(id);\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      requestAnimationFrame(() => {\n        if (this.props.enteringModal === enteringModal) {\n          this.waitTransitionFinish(enteringState, () =>\n            this.props.onEntered(enteringModal)\n          );\n          this.animateModalOpacity(enteringState, true);\n        }\n      });\n    }\n\n    // focus restoration\n    if (this.props.activeModal && !prevProps.activeModal) {\n      this.restoreFocusTo = (this.props.document?.activeElement ??\n        undefined) as HTMLElement | undefined;\n    }\n    if (\n      !this.props.activeModal &&\n      !this.props.exitingModal &&\n      this.restoreFocusTo\n    ) {\n      this.restoreFocusTo.focus();\n      this.restoreFocusTo = undefined;\n    }\n  }\n\n  closeModal(id: string) {\n    const prevModalState = this.getModalState(id);\n    if (!prevModalState) {\n      return;\n    }\n\n    this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n    this.animateModalOpacity(prevModalState, false);\n    if (!this.props.activeModal) {\n      this.setMaskOpacity(prevModalState, 0);\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  animateModalOpacity(\n    modalState: ModalsStateEntry | undefined,\n    display: boolean\n  ) {\n    if (modalState?.innerElement) {\n      modalState.innerElement.style.transitionDelay =\n        display && this.props.delayEnter ? `${this.timeout}ms` : \"\";\n      modalState.innerElement.style.opacity = display ? \"1\" : \"0\";\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\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 { exitingModal, activeModal, enteringModal } = this.props;\n\n    if (!activeModal && !exitingModal) {\n      return null;\n    }\n\n    return (\n      <ModalRootContext.Provider value={this.modalRootContext}>\n        <div\n          vkuiClass={classNames(\n            \"ModalRoot\",\n            this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n              \"ModalRoot--vkapps\",\n            \"ModalRoot--desktop\"\n          )}\n        >\n          <div\n            vkuiClass=\"ModalRoot__mask\"\n            ref={this.maskElementRef}\n            onClick={this.props.onExit}\n          />\n          <div vkuiClass=\"ModalRoot__viewport\">\n            {this.modals.map((Modal: React.ReactElement) => {\n              const modalId = getNavId(Modal.props, warn);\n              if (modalId !== activeModal && modalId !== exitingModal) {\n                return null;\n              }\n\n              const key = `modal-${modalId}`;\n\n              return (\n                <FocusTrap\n                  restoreFocus={false}\n                  onClose={this.props.onExit}\n                  timeout={this.timeout}\n                  key={key}\n                  vkuiClass={classNames(\n                    \"ModalRoot__modal\",\n                    !exitingModal &&\n                      !enteringModal &&\n                      modalId === activeModal &&\n                      \"ModalRoot__modal--active\",\n                    modalId === exitingModal && \"ModalRoot__modal--prev\",\n                    Boolean(exitingModal) &&\n                      modalId === activeModal &&\n                      \"ModalRoot__modal--next\"\n                  )}\n                >\n                  {Modal}\n                </FocusTrap>\n              );\n            })}\n          </div>\n        </div>\n      </ModalRootContext.Provider>\n    );\n  }\n}\n\nexport const ModalRootDesktop = withContext(\n  withPlatform(\n    withDOM<ModalRootProps>(withModalManager()(ModalRootDesktopComponent))\n  ),\n  ConfigProviderContext,\n  \"configProvider\"\n);\n"],"mappings":"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"}

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

@@ -32,7 +32,7 @@ export declare function modalTransitionReducer(state: ModalTransitionState, acti
  * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен
  */
 export declare function useModalManager(activeModal: string | null | undefined, children: React.ReactNode | React.ReactNode[], onOpen?: (id: string) => void, onOpened?: (id: string) => void, onClose?: (id: string) => void, onClosed?: (id: string) => void, initModal?: (state: ModalsStateEntry) => void): ModalTransitionProps;
-export declare function withModalManager(initModal?: (a: ModalsStateEntry) => void): <Props extends ModalTransitionProps>(Wrapped: React.ComponentType<Props>) => React.ComponentType<Pick<Props, Exclude<keyof Props, "isBack" | "onEnter" | "history" | "onEntered" | "onExit" | "onExited" | "getModalState" | "delayEnter" | "activeModal" | "enteringModal" | "exitingModal">> & {
+export declare function withModalManager(initModal?: (a: ModalsStateEntry) => void): <Props extends ModalTransitionProps>(Wrapped: React.ComponentType<Props>) => React.ComponentType<Omit<Props, keyof ModalTransitionProps> & {
     activeModal?: string | null | undefined;
     children?: React.ReactNode;
 }>;

package/dist/components/NativeSelect/NativeSelect.d.ts

@@ -2,12 +2,11 @@ import * as React from "react";
 import { FormFieldProps } from "../FormField/FormField";
 import { HasAlign, HasRef, HasRootRef } from "../../types";
 import { SelectType } from "../Select/Select";
-import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
 import "../Select/Select.css";
-export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, HasRef<HTMLSelectElement>, HasRootRef<HTMLLabelElement>, HasAlign, AdaptivityProps, Pick<FormFieldProps, "status"> {
+export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, HasRef<HTMLSelectElement>, HasRootRef<HTMLLabelElement>, HasAlign, Pick<FormFieldProps, "status"> {
     placeholder?: string;
     multiline?: boolean;
-    selectType?: keyof typeof SelectType;
+    selectType?: SelectType;
 }
 export interface SelectState {
     value?: React.SelectHTMLAttributes<HTMLSelectElement>["value"];
@@ -17,4 +16,5 @@ export interface SelectState {
 /**
  * @see https://vkcom.github.io/VKUI/#/NativeSelect
  */
-export declare const NativeSelect: React.FC<Pick<NativeSelectProps & AdaptivityContextInterface, "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "size" | "multiple" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "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" | "status" | "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" | "value" | "autoFocus" | "autoComplete" | "align" | "getRootRef" | "getRef" | "multiline" | "selectType"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+declare const NativeSelect: React.FC<NativeSelectProps>;
+export { NativeSelect };