@vkontakte/vkui 4.24.0 → 4.25.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalRoot/ModalRoot.tsx"],"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","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","clearTimeout","contentScrollStopTimeout","setTimeout","state","touchDown","dragging","maskElementRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","onClose","closeActiveModal","isInsideModal","frameIds","platform","document","window","Children","toArray","children","addEventListener","updateModalTranslate","toggleDocumentScrolling","removeEventListener","prevProps","closeModal","enteringState","innerElement","style","transitionDelay","onEnter","delayEnter","timeout","restoreFocusTo","activeElement","focus","enabled","documentScrolling","preventTouch","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","nextModalState","nextIsPage","prevIsPage","onExit","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","isPage","key","Component","ModalRootTouch","initModal","initCardModal","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"mappings":"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","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 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) {\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  onClose?(modalId: string): void;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\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.closeActiveModal(),\n      isInsideModal: true,\n    };\n\n    this.frameIds = {};\n  }\n\n  private documentScrolling: boolean;\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private readonly viewportRef = React.createRef<HTMLDivElement>();\n  private maskAnimationFrame: number;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private readonly frameIds: {\n    [index: string]: number;\n  };\n  private restoreFocusTo: HTMLElement;\n\n  get timeout(): number {\n    return this.props.platform === ANDROID || this.props.platform === VKCOM\n      ? 320\n      : 400;\n  }\n\n  get document(): Document {\n    return this.props.document;\n  }\n\n  get window(): Window {\n    return this.props.window;\n  }\n\n  getModalState(id: string) {\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(\"resize\", this.updateModalTranslate, false);\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.waitTransitionFinish(enteringState, () => {\n        enteringState.innerElement.style.transitionDelay = null;\n        this.props.onEnter(enteringModal);\n      });\n      enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n        ? `${this.timeout}ms`\n        : null;\n      this.animateTranslate(enteringState, enteringState.translateY);\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 && warn(`[closeActiveModal] Modal ${id} does not exist - not closing`);\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.onExit(id));\n    const exitTranslate =\n      prevIsPage &&\n      nextIsPage &&\n      prevModalState.translateY <= nextModalState.translateYFrom &&\n      !this.props.isBack\n        ? nextModalState.translateYFrom + 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;\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) {\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 + 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 + 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) {\n      const shiftYEndPercent =\n        ((startY + shiftY) / this.window.innerHeight) * 100;\n\n      let translateY = modalState.translateYCurrent;\n      const expectTranslateY =\n        (translateY / event.duration) *\n        240 *\n        0.6 *\n        (modalState.touchShiftYPercent < 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];\n        } else if (numberInRange(translateY, modalState.collapsedRange)) {\n          translateY = modalState.translateYFrom;\n        } else if (numberInRange(translateY, modalState.hiddenRange)) {\n          translateY = 100;\n        } else {\n          translateY = modalState.translateYFrom;\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.closeActiveModal();\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;\n\n      const expectTranslateY =\n        (translateY / duration) *\n        240 *\n        0.6 *\n        (modalState.touchShiftYPercent < 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.closeActiveModal();\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      clearTimeout(modalState.contentScrollStopTimeout);\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,\n          onceHandler\n        );\n        eventHandler();\n      };\n\n      modalState?.innerElement.addEventListener(\n        transitionEvent.name,\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) {\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(modalState: ModalsStateEntry, forceOpacity: number = null) {\n    if (forceOpacity === null && this.props.history[0] !== modalState.id) {\n      return;\n    }\n\n    cancelAnimationFrame(this.maskAnimationFrame);\n    this.maskAnimationFrame = requestAnimationFrame(() => {\n      if (this.maskElementRef.current) {\n        const { translateY, translateYCurrent } = 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              {\n                \"ModalRoot--vkapps\":\n                  this.props.configProvider.webviewType === WebviewType.VKAPPS,\n                \"ModalRoot--touched\": touchDown,\n                \"ModalRoot--switching\": !!(enteringModal || exitingModal),\n              }\n            )}\n            onMove={this.onTouchMove}\n            onEnd={this.onTouchEnd}\n            onScroll={this.onScroll}\n          >\n            <div\n              vkuiClass=\"ModalRoot__mask\"\n              onClick={this.props.closeActiveModal}\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                if (modalId !== activeModal && modalId !== exitingModal) {\n                  return null;\n                }\n                const modalState = { ...this.getModalState(modalId) };\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                      (this.getModalState(modalId).modalElement = e)\n                    }\n                    onClose={this.props.closeActiveModal}\n                    timeout={this.timeout}\n                    vkuiClass={classNames(\"ModalRoot__modal\", {\n                      \"ModalRoot__modal--active\": modalId === activeModal,\n                      \"ModalRoot__modal--prev\": modalId === exitingModal,\n                      \"ModalRoot__modal--next\":\n                        (exitingModal && modalId === activeModal) ||\n                        modalId === enteringModal,\n\n                      \"ModalRoot__modal--dragging\": dragging,\n\n                      \"ModalRoot__modal--expandable\":\n                        isPage && modalState.expandable,\n                      \"ModalRoot__modal--expanded\":\n                        isPage && modalState.expanded,\n                      \"ModalRoot__modal--collapsed\":\n                        isPage && modalState.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 && warn(\"[initActiveModal] modalState.type is unknown\");\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 ||\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;\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;\n    const height = contentHeight + headerHeight;\n\n    translateYFrom =\n      100 - (height / modalState.innerElement.parentElement.offsetHeight) * 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) ||\n    modalState.settlingHeight === 100\n  ) {\n    translateY = 0;\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"],"file":"ModalRoot.js"}
+{"version":3,"sources":["../../../src/components/ModalRoot/ModalRoot.tsx"],"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","closeActiveModal","isInsideModal","frameIds","platform","document","window","Children","toArray","children","addEventListener","updateModalTranslate","toggleDocumentScrolling","removeEventListener","prevProps","closeModal","enteringState","innerElement","style","transitionDelay","onEnter","delayEnter","timeout","restoreFocusTo","activeElement","focus","enabled","documentScrolling","preventTouch","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","nextModalState","nextIsPage","prevIsPage","onExit","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"],"mappings":"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","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 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  onClose?(modalId: string): void;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\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.closeActiveModal(),\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.waitTransitionFinish(enteringState, () => {\n        if (enteringState?.innerElement) {\n          enteringState.innerElement.style.transitionDelay = \"\";\n        }\n        this.props.onEnter(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 && warn(`[closeActiveModal] Modal ${id} does not exist - not closing`);\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.onExit(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;\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.closeActiveModal();\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.closeActiveModal();\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              {\n                \"ModalRoot--vkapps\":\n                  this.props.configProvider?.webviewType === WebviewType.VKAPPS,\n                \"ModalRoot--touched\": touchDown,\n                \"ModalRoot--switching\": !!(enteringModal || exitingModal),\n              }\n            )}\n            onMove={this.onTouchMove}\n            onEnd={this.onTouchEnd}\n            onScroll={this.onScroll}\n          >\n            <div\n              vkuiClass=\"ModalRoot__mask\"\n              onClick={this.props.closeActiveModal}\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.closeActiveModal}\n                    timeout={this.timeout}\n                    vkuiClass={classNames(\"ModalRoot__modal\", {\n                      \"ModalRoot__modal--active\": modalId === activeModal,\n                      \"ModalRoot__modal--prev\": modalId === exitingModal,\n                      \"ModalRoot__modal--next\":\n                        (exitingModal && modalId === activeModal) ||\n                        modalId === enteringModal,\n\n                      \"ModalRoot__modal--dragging\": dragging,\n\n                      \"ModalRoot__modal--expandable\":\n                        isPage && modalState.expandable,\n                      \"ModalRoot__modal--expanded\":\n                        isPage && modalState.expanded,\n                      \"ModalRoot__modal--collapsed\":\n                        isPage && modalState.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 && warn(\"[initActiveModal] modalState.type is unknown\");\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  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"],"file":"ModalRoot.js"}

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

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { AdaptivityProps } from "../../hoc/withAdaptivity";
-export interface ModalRootProps extends AdaptivityProps {
+import { AdaptivityContextInterface } from "../AdaptivityProvider/AdaptivityContext";
+export interface ModalRootProps extends AdaptivityContextInterface {
     activeModal?: string | null;
     /**
      * Будет вызвано при закрытии активной модалки с её id
      */
     onClose?: (modalId: string) => void;
 }
-export declare const ModalRoot: React.FC<ModalRootProps>;
+export declare const ModalRoot: React.FC<Pick<ModalRootProps, "onClose" | "activeModal"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"names":["withAdaptivity","ViewHeight","ViewWidth","ModalRootTouch","ModalRootDesktop","ModalRootComponent","props","viewWidth","viewHeight","hasMouse","isDesktop","SMALL_TABLET","MEDIUM","RootComponent","displayName","ModalRoot"],"mappings":";AACA,SACEA,cADF,EAGEC,UAHF,EAIEC,SAJF;AAMA,SAASC,cAAT;AACA,SAASC,gBAAT;;AAWA,IAAMC,kBAA4C,GAAG,SAA/CA,kBAA+C,CACnDC,KADmD,EAEhD;AACH,MAAQC,SAAR,GAA4CD,KAA5C,CAAQC,SAAR;AAAA,MAAmBC,UAAnB,GAA4CF,KAA5C,CAAmBE,UAAnB;AAAA,MAA+BC,QAA/B,GAA4CH,KAA5C,CAA+BG,QAA/B;AACA,MAAMC,SAAS,GACbH,SAAS,IAAIL,SAAS,CAACS,YAAvB,KACCF,QAAQ,IAAID,UAAU,IAAIP,UAAU,CAACW,MADtC,CADF;AAIA,MAAMC,aAAa,GAAGH,SAAS,GAAGN,gBAAH,GAAsBD,cAArD;AAEA,SAAO,oBAAC,aAAD,EAAmBG,KAAnB,CAAP;AACD,CAXD;;AAaAD,kBAAkB,CAACS,WAAnB,GAAiC,WAAjC;AAEA,OAAO,IAAMC,SAAS,GAAGf,cAAc,CAACK,kBAAD,EAAqB;AAC1DE,EAAAA,SAAS,EAAE,IAD+C;AAE1DC,EAAAA,UAAU,EAAE,IAF8C;AAG1DC,EAAAA,QAAQ,EAAE;AAHgD,CAArB,CAAhC","sourcesContent":["import * as React from \"react\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\n\nexport interface ModalRootProps extends AdaptivityProps {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при закрытии активной модалки с её id\n   */\n  onClose?: (modalId: string) => void;\n}\n\nconst ModalRootComponent: React.FC<ModalRootProps> = (\n  props: ModalRootProps\n) => {\n  const { viewWidth, viewHeight, hasMouse } = props;\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n  return <RootComponent {...props} />;\n};\n\nModalRootComponent.displayName = \"ModalRoot\";\n\nexport const ModalRoot = withAdaptivity(ModalRootComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalRootAdaptive.js"}
+{"version":3,"sources":["../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"names":["withAdaptivity","ViewHeight","ViewWidth","ModalRootTouch","ModalRootDesktop","ModalRootComponent","props","viewWidth","viewHeight","hasMouse","isDesktop","SMALL_TABLET","MEDIUM","RootComponent","displayName","ModalRoot"],"mappings":";AACA,SACEA,cADF,EAEEC,UAFF,EAGEC,SAHF;AAKA,SAASC,cAAT;AACA,SAASC,gBAAT;;AAYA,IAAMC,kBAA4C,GAAG,SAA/CA,kBAA+C,CAACC,KAAD,EAAW;AAC9D,MAAQC,SAAR,GAA4CD,KAA5C,CAAQC,SAAR;AAAA,MAAmBC,UAAnB,GAA4CF,KAA5C,CAAmBE,UAAnB;AAAA,MAA+BC,QAA/B,GAA4CH,KAA5C,CAA+BG,QAA/B;AACA,MAAMC,SAAS,GACbH,SAAS,IAAIL,SAAS,CAACS,YAAvB,KACCF,QAAQ,IAAID,UAAU,IAAIP,UAAU,CAACW,MADtC,CADF;AAIA,MAAMC,aAAa,GAAGH,SAAS,GAAGN,gBAAH,GAAsBD,cAArD;AAEA,SAAO,oBAAC,aAAD,EAAmBG,KAAnB,CAAP;AACD,CATD;;AAWAD,kBAAkB,CAACS,WAAnB,GAAiC,WAAjC;AAEA,OAAO,IAAMC,SAAS,GAAGf,cAAc,CAACK,kBAAD,EAAqB;AAC1DE,EAAAA,SAAS,EAAE,IAD+C;AAE1DC,EAAAA,UAAU,EAAE,IAF8C;AAG1DC,EAAAA,QAAQ,EAAE;AAHgD,CAArB,CAAhC","sourcesContent":["import * as React from \"react\";\nimport {\n  withAdaptivity,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport { AdaptivityContextInterface } from \"../AdaptivityProvider/AdaptivityContext\";\n\nexport interface ModalRootProps extends AdaptivityContextInterface {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при закрытии активной модалки с её id\n   */\n  onClose?: (modalId: string) => void;\n}\n\nconst ModalRootComponent: React.FC<ModalRootProps> = (props) => {\n  const { viewWidth, viewHeight, hasMouse } = props;\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n  return <RootComponent {...props} />;\n};\n\nModalRootComponent.displayName = \"ModalRoot\";\n\nexport const ModalRoot = withAdaptivity(ModalRootComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalRootAdaptive.js"}

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

@@ -14,7 +14,7 @@ export declare const ModalRootContext: React.Context<ModalRootContextInterface>;
 /**
  * All referenced elements must be static
  */
-export declare function useModalRegistry(id: string, type: ModalType): {
+export declare function useModalRegistry(id: string | undefined, type: ModalType): {
     refs: Required<ModalRefs>;
 };
 export default ModalRootContext;

package/dist/components/ModalRoot/ModalRootContext.js

@@ -19,20 +19,24 @@ export function useModalRegistry(id, type) {
   var modalContext = React.useContext(ModalRootContext);
   var elements = React.useRef({}).current;
   useIsomorphicLayoutEffect(function () {
-    modalContext.registerModal(_objectSpread(_objectSpread({}, elements), {}, {
-      type: type,
-      id: id
-    })); // unset refs on  unmount to prevent leak
+    if (id !== undefined) {
+      modalContext.registerModal(_objectSpread(_objectSpread({}, elements), {}, {
+        type: type,
+        id: id
+      })); // unset refs on  unmount to prevent leak
 
-    var reset = Object.keys(elements).reduce(function (acc, k) {
-      return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, k, null));
-    }, {
-      type: type,
-      id: id
-    });
-    return function () {
-      return modalContext.registerModal(reset);
-    };
+      var reset = Object.keys(elements).reduce(function (acc, k) {
+        return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, k, null));
+      }, {
+        type: type,
+        id: id
+      });
+      return function () {
+        return modalContext.registerModal(reset);
+      };
+    }
+
+    return undefined;
   }, []);
   var refs = React.useRef({
     modalElement: function modalElement(e) {
@@ -51,6 +55,7 @@ export function useModalRegistry(id, type) {
   return {
     refs: refs
   };
-}
+} // eslint-disable-next-line import/no-default-export
+
 export default ModalRootContext;
 //# sourceMappingURL=ModalRootContext.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalRoot/ModalRootContext.tsx"],"names":["React","useIsomorphicLayoutEffect","ModalRootContext","createContext","updateModalHeight","undefined","registerModal","isInsideModal","useModalRegistry","id","type","modalContext","useContext","elements","useRef","current","reset","Object","keys","reduce","acc","k","refs","modalElement","e","innerElement","headerElement","contentElement"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,yBAAT;AAcA,OAAO,IAAMC,gBAAgB,gBAAGF,KAAK,CAACG,aAAN,CAA+C;AAC7EC,EAAAA,iBAAiB,EAAE;AAAA,WAAMC,SAAN;AAAA,GAD0D;AAE7EC,EAAAA,aAAa,EAAE;AAAA,WAAMD,SAAN;AAAA,GAF8D;AAG7EE,EAAAA,aAAa,EAAE;AAH8D,CAA/C,CAAzB;AAMP;AACA;AACA;;AACA,OAAO,SAASC,gBAAT,CAA0BC,EAA1B,EAAsCC,IAAtC,EAAuD;AAC5D,MAAMC,YAAY,GAAGX,KAAK,CAACY,UAAN,CAAiBV,gBAAjB,CAArB;AACA,MAAMW,QAAQ,GAAGb,KAAK,CAACc,MAAN,CAA4B,EAA5B,EAAgCC,OAAjD;AACAd,EAAAA,yBAAyB,CAAC,YAAM;AAC9BU,IAAAA,YAAY,CAACL,aAAb,iCAAgCO,QAAhC;AAA0CH,MAAAA,IAAI,EAAJA,IAA1C;AAAgDD,MAAAA,EAAE,EAAFA;AAAhD,QAD8B,CAE9B;;AACA,QAAMO,KAAK,GAAGC,MAAM,CAACC,IAAP,CAAYL,QAAZ,EAAsBM,MAAtB,CACZ,UAACC,GAAD,EAAMC,CAAN;AAAA,6CAAuCD,GAAvC,2BAA6CC,CAA7C,EAAiD,IAAjD;AAAA,KADY,EAEZ;AAAEX,MAAAA,IAAI,EAAJA,IAAF;AAAQD,MAAAA,EAAE,EAAFA;AAAR,KAFY,CAAd;AAIA,WAAO;AAAA,aAAME,YAAY,CAACL,aAAb,CAA2BU,KAA3B,CAAN;AAAA,KAAP;AACD,GARwB,EAQtB,EARsB,CAAzB;AAUA,MAAMM,IAAI,GAAGtB,KAAK,CAACc,MAAN,CAAkC;AAC7CS,IAAAA,YAAY,EAAE,sBAACC,CAAD;AAAA,aAAQX,QAAQ,CAACU,YAAT,GAAwBC,CAAhC;AAAA,KAD+B;AAE7CC,IAAAA,YAAY,EAAE,sBAACD,CAAD;AAAA,aAAQX,QAAQ,CAACY,YAAT,GAAwBD,CAAhC;AAAA,KAF+B;AAG7CE,IAAAA,aAAa,EAAE,uBAACF,CAAD;AAAA,aAAQX,QAAQ,CAACa,aAAT,GAAyBF,CAAjC;AAAA,KAH8B;AAI7CG,IAAAA,cAAc,EAAE,wBAACH,CAAD;AAAA,aAAQX,QAAQ,CAACc,cAAT,GAA0BH,CAAlC;AAAA;AAJ6B,GAAlC,EAKVT,OALH;AAMA,SAAO;AAAEO,IAAAA,IAAI,EAAJA;AAAF,GAAP;AACD;AAED,eAAepB,gBAAf","sourcesContent":["import * as React from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { ModalElements, ModalsStateEntry, ModalType } from \"./types\";\n\nexport type ModalRegistryEntry = ModalElements &\n  Required<Pick<ModalsStateEntry, \"type\" | \"id\">>;\ntype ModalRefs = { [k in keyof ModalElements]: (e: ModalElements[k]) => void };\n\nexport interface ModalRootContextInterface {\n  updateModalHeight: VoidFunction;\n  registerModal(data: ModalRegistryEntry): void;\n  onClose?: VoidFunction;\n  isInsideModal: boolean;\n}\n\nexport const ModalRootContext = React.createContext<ModalRootContextInterface>({\n  updateModalHeight: () => undefined,\n  registerModal: () => undefined,\n  isInsideModal: false,\n});\n\n/**\n * All referenced elements must be static\n */\nexport function useModalRegistry(id: string, type: ModalType) {\n  const modalContext = React.useContext(ModalRootContext);\n  const elements = React.useRef<ModalElements>({}).current;\n  useIsomorphicLayoutEffect(() => {\n    modalContext.registerModal({ ...elements, type, id });\n    // unset refs on  unmount to prevent leak\n    const reset = Object.keys(elements).reduce<ModalRegistryEntry>(\n      (acc, k: keyof ModalElements) => ({ ...acc, [k]: null }),\n      { type, id }\n    );\n    return () => modalContext.registerModal(reset);\n  }, []);\n\n  const refs = React.useRef<Required<ModalRefs>>({\n    modalElement: (e) => (elements.modalElement = e),\n    innerElement: (e) => (elements.innerElement = e),\n    headerElement: (e) => (elements.headerElement = e),\n    contentElement: (e) => (elements.contentElement = e),\n  }).current;\n  return { refs };\n}\n\nexport default ModalRootContext;\n"],"file":"ModalRootContext.js"}
+{"version":3,"sources":["../../../src/components/ModalRoot/ModalRootContext.tsx"],"names":["React","useIsomorphicLayoutEffect","ModalRootContext","createContext","updateModalHeight","undefined","registerModal","isInsideModal","useModalRegistry","id","type","modalContext","useContext","elements","useRef","current","reset","Object","keys","reduce","acc","k","refs","modalElement","e","innerElement","headerElement","contentElement"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,yBAAT;AAcA,OAAO,IAAMC,gBAAgB,gBAAGF,KAAK,CAACG,aAAN,CAA+C;AAC7EC,EAAAA,iBAAiB,EAAE;AAAA,WAAMC,SAAN;AAAA,GAD0D;AAE7EC,EAAAA,aAAa,EAAE;AAAA,WAAMD,SAAN;AAAA,GAF8D;AAG7EE,EAAAA,aAAa,EAAE;AAH8D,CAA/C,CAAzB;AAMP;AACA;AACA;;AACA,OAAO,SAASC,gBAAT,CAA0BC,EAA1B,EAAkDC,IAAlD,EAAmE;AACxE,MAAMC,YAAY,GAAGX,KAAK,CAACY,UAAN,CAAiBV,gBAAjB,CAArB;AACA,MAAMW,QAAQ,GAAGb,KAAK,CAACc,MAAN,CAA4B,EAA5B,EAAgCC,OAAjD;AACAd,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAIQ,EAAE,KAAKJ,SAAX,EAAsB;AACpBM,MAAAA,YAAY,CAACL,aAAb,iCAAgCO,QAAhC;AAA0CH,QAAAA,IAAI,EAAJA,IAA1C;AAAgDD,QAAAA,EAAE,EAAFA;AAAhD,UADoB,CAEpB;;AACA,UAAMO,KAAK,GAAGC,MAAM,CAACC,IAAP,CAAYL,QAAZ,EAAsBM,MAAtB,CACZ,UAACC,GAAD,EAAMC,CAAN;AAAA,+CAAkBD,GAAlB,2BAAwBC,CAAxB,EAA4B,IAA5B;AAAA,OADY,EAEZ;AAAEX,QAAAA,IAAI,EAAJA,IAAF;AAAQD,QAAAA,EAAE,EAAFA;AAAR,OAFY,CAAd;AAIA,aAAO;AAAA,eAAME,YAAY,CAACL,aAAb,CAA2BU,KAA3B,CAAN;AAAA,OAAP;AACD;;AACD,WAAOX,SAAP;AACD,GAXwB,EAWtB,EAXsB,CAAzB;AAaA,MAAMiB,IAAI,GAAGtB,KAAK,CAACc,MAAN,CAAkC;AAC7CS,IAAAA,YAAY,EAAE,sBAACC,CAAD;AAAA,aAAQX,QAAQ,CAACU,YAAT,GAAwBC,CAAhC;AAAA,KAD+B;AAE7CC,IAAAA,YAAY,EAAE,sBAACD,CAAD;AAAA,aAAQX,QAAQ,CAACY,YAAT,GAAwBD,CAAhC;AAAA,KAF+B;AAG7CE,IAAAA,aAAa,EAAE,uBAACF,CAAD;AAAA,aAAQX,QAAQ,CAACa,aAAT,GAAyBF,CAAjC;AAAA,KAH8B;AAI7CG,IAAAA,cAAc,EAAE,wBAACH,CAAD;AAAA,aAAQX,QAAQ,CAACc,cAAT,GAA0BH,CAAlC;AAAA;AAJ6B,GAAlC,EAKVT,OALH;AAMA,SAAO;AAAEO,IAAAA,IAAI,EAAJA;AAAF,GAAP;AACD,C,CAED;;AACA,eAAepB,gBAAf","sourcesContent":["import * as React from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { ModalElements, ModalsStateEntry, ModalType } from \"./types\";\n\nexport type ModalRegistryEntry = ModalElements &\n  Required<Pick<ModalsStateEntry, \"type\" | \"id\">>;\ntype ModalRefs = { [k in keyof ModalElements]: (e: ModalElements[k]) => void };\n\nexport interface ModalRootContextInterface {\n  updateModalHeight: VoidFunction;\n  registerModal(data: ModalRegistryEntry): void;\n  onClose?: VoidFunction;\n  isInsideModal: boolean;\n}\n\nexport const ModalRootContext = React.createContext<ModalRootContextInterface>({\n  updateModalHeight: () => undefined,\n  registerModal: () => undefined,\n  isInsideModal: false,\n});\n\n/**\n * All referenced elements must be static\n */\nexport function useModalRegistry(id: string | undefined, type: ModalType) {\n  const modalContext = React.useContext(ModalRootContext);\n  const elements = React.useRef<ModalElements>({}).current;\n  useIsomorphicLayoutEffect(() => {\n    if (id !== undefined) {\n      modalContext.registerModal({ ...elements, type, id });\n      // unset refs on  unmount to prevent leak\n      const reset = Object.keys(elements).reduce<ModalRegistryEntry>(\n        (acc, k) => ({ ...acc, [k]: null }),\n        { type, id }\n      );\n      return () => modalContext.registerModal(reset);\n    }\n    return undefined;\n  }, []);\n\n  const refs = React.useRef<Required<ModalRefs>>({\n    modalElement: (e) => (elements.modalElement = e),\n    innerElement: (e) => (elements.innerElement = e),\n    headerElement: (e) => (elements.headerElement = e),\n    contentElement: (e) => (elements.contentElement = e),\n  }).current;\n  return { refs };\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default ModalRootContext;\n"],"file":"ModalRootContext.js"}

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

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

package/dist/components/ModalRoot/ModalRootDesktop.js

@@ -37,11 +37,11 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "maskElementRef", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "maskAnimationFrame", void 0);
+    _defineProperty(_assertThisInitialized(_this), "maskAnimationFrame", undefined);
 
     _defineProperty(_assertThisInitialized(_this), "modalRootContext", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "restoreFocusTo", void 0);
+    _defineProperty(_assertThisInitialized(_this), "restoreFocusTo", undefined);
 
     _this.maskElementRef = /*#__PURE__*/React.createRef();
     _this.modalRootContext = {
@@ -75,6 +75,10 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getModalState",
     value: function getModalState(id) {
+      if (id === null) {
+        return undefined;
+      }
+
       return this.props.getModalState(id);
     }
   }, {
@@ -104,12 +108,14 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
 
 
       if (this.props.activeModal && !prevProps.activeModal) {
-        this.restoreFocusTo = this.props.document.activeElement;
+        var _this$props$document$, _this$props$document;
+
+        this.restoreFocusTo = (_this$props$document$ = (_this$props$document = this.props.document) === null || _this$props$document === void 0 ? void 0 : _this$props$document.activeElement) !== null && _this$props$document$ !== void 0 ? _this$props$document$ : undefined;
       }
 
       if (!this.props.activeModal && !this.props.exitingModal && this.restoreFocusTo) {
         this.restoreFocusTo.focus();
-        this.restoreFocusTo = null;
+        this.restoreFocusTo = undefined;
       }
     }
   }, {
@@ -136,12 +142,16 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
     key: "waitTransitionFinish",
     value: function waitTransitionFinish(modalState, eventHandler) {
       if (transitionEvent.supported) {
+        var _modalState$innerElem2;
+
         var onceHandler = function onceHandler() {
-          modalState === null || modalState === void 0 ? void 0 : modalState.innerElement.removeEventListener(transitionEvent.name, onceHandler);
+          var _modalState$innerElem;
+
+          modalState === null || modalState === void 0 ? void 0 : (_modalState$innerElem = modalState.innerElement) === null || _modalState$innerElem === void 0 ? void 0 : _modalState$innerElem.removeEventListener(transitionEvent.name, onceHandler);
           eventHandler();
         };
 
-        modalState === null || modalState === void 0 ? void 0 : modalState.innerElement.addEventListener(transitionEvent.name, onceHandler);
+        modalState === null || modalState === void 0 ? void 0 : (_modalState$innerElem2 = modalState.innerElement) === null || _modalState$innerElem2 === void 0 ? void 0 : _modalState$innerElem2.addEventListener(transitionEvent.name, onceHandler);
       } else {
         setTimeout(eventHandler, this.timeout);
       }
@@ -151,27 +161,35 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "animateModalOpacity",
     value: function animateModalOpacity(modalState, display) {
-      modalState.innerElement.style.transitionDelay = display && this.props.delayEnter ? "".concat(this.timeout, "ms") : null;
-      modalState.innerElement.style.opacity = display ? "1" : "0";
+      if (modalState !== null && modalState !== void 0 && modalState.innerElement) {
+        modalState.innerElement.style.transitionDelay = display && this.props.delayEnter ? "".concat(this.timeout, "ms") : "";
+        modalState.innerElement.style.opacity = display ? "1" : "0";
+      }
     }
     /* Устанавливает прозрачность для полупрозрачной подложки */
 
   }, {
     key: "setMaskOpacity",
     value: function setMaskOpacity(modalState) {
-      var _this4 = this;
+      var _this$props$history,
+          _this4 = this;
 
       var forceOpacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
-      if (forceOpacity === null && this.props.history[0] !== modalState.id) {
+      if (forceOpacity === null && ((_this$props$history = this.props.history) === null || _this$props$history === void 0 ? void 0 : _this$props$history[0]) !== modalState.id) {
         return;
       }
 
-      cancelAnimationFrame(this.maskAnimationFrame);
+      if (this.maskAnimationFrame) {
+        cancelAnimationFrame(this.maskAnimationFrame);
+      }
+
       this.maskAnimationFrame = requestAnimationFrame(function () {
         if (_this4.maskElementRef.current) {
-          var translateY = modalState.translateY,
-              translateYCurrent = modalState.translateYCurrent;
+          var _modalState$translate = modalState.translateY,
+              translateY = _modalState$translate === void 0 ? 0 : _modalState$translate,
+              _modalState$translate2 = modalState.translateYCurrent,
+              translateYCurrent = _modalState$translate2 === void 0 ? 0 : _modalState$translate2;
           var opacity = forceOpacity === null ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0 : forceOpacity;
           _this4.maskElementRef.current.style.opacity = Math.max(0, Math.min(100, opacity)).toString();
         }
@@ -180,7 +198,8 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this5 = this;
+      var _this$props$configPro,
+          _this5 = this;
 
       var _this$props = this.props,
           exitingModal = _this$props.exitingModal,
@@ -195,7 +214,7 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
         value: this.modalRootContext
       }, createScopedElement("div", {
         vkuiClass: classNames(getClassName("ModalRoot", this.props.platform), {
-          "ModalRoot--vkapps": this.props.configProvider.webviewType === WebviewType.VKAPPS
+          "ModalRoot--vkapps": ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === WebviewType.VKAPPS
         }, "ModalRoot--desktop")
       }, createScopedElement("div", {
         vkuiClass: "ModalRoot__mask",
@@ -219,7 +238,7 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
           vkuiClass: classNames("ModalRoot__modal", {
             "ModalRoot__modal--active": !exitingModal && !enteringModal && modalId === activeModal,
             "ModalRoot__modal--prev": modalId === exitingModal,
-            "ModalRoot__modal--next": exitingModal && modalId === activeModal
+            "ModalRoot__modal--next": Boolean(exitingModal) && modalId === activeModal
           })
         }, Modal);
       }))));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"names":["React","classNames","transitionEvent","withPlatform","withContext","ModalRootContext","ConfigProviderContext","WebviewType","ANDROID","VKCOM","getClassName","withDOM","getNavId","warnOnce","FocusTrap","withModalManager","warn","ModalRootDesktopComponent","props","maskElementRef","createRef","modalRootContext","updateModalHeight","undefined","registerModal","id","data","Object","assign","getModalState","onClose","closeActiveModal","isInsideModal","platform","Children","toArray","children","prevProps","exitingModal","closeModal","enteringModal","enteringState","requestAnimationFrame","waitTransitionFinish","onEnter","animateModalOpacity","activeModal","restoreFocusTo","document","activeElement","focus","prevModalState","onExit","setMaskOpacity","modalState","eventHandler","supported","onceHandler","innerElement","removeEventListener","name","addEventListener","setTimeout","timeout","display","style","transitionDelay","delayEnter","opacity","forceOpacity","history","cancelAnimationFrame","maskAnimationFrame","current","translateY","translateYCurrent","Math","max","min","toString","configProvider","webviewType","VKAPPS","modals","map","Modal","modalId","key","Component","ModalRootDesktop"],"mappings":"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","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 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\n  /**\n   * Будет вызвано при закрытии активной модалки с её id\n   */\n  onClose?(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.closeActiveModal(),\n      isInsideModal: true,\n    };\n  }\n\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private maskAnimationFrame: number;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private restoreFocusTo: HTMLElement;\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) {\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      requestAnimationFrame(() => {\n        if (this.props.enteringModal === enteringModal) {\n          this.waitTransitionFinish(enteringState, () =>\n            this.props.onEnter(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 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\n  closeModal(id: string) {\n    const prevModalState = this.getModalState(id);\n    if (!prevModalState) {\n      return;\n    }\n\n    this.waitTransitionFinish(prevModalState, () => this.props.onExit(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,\n          onceHandler\n        );\n        eventHandler();\n      };\n\n      modalState?.innerElement.addEventListener(\n        transitionEvent.name,\n        onceHandler\n      );\n    } else {\n      setTimeout(eventHandler, this.timeout);\n    }\n  }\n\n  /* Анимирует сдивг модалки */\n  animateModalOpacity(modalState: ModalsStateEntry, display: boolean) {\n    modalState.innerElement.style.transitionDelay =\n      display && this.props.delayEnter ? `${this.timeout}ms` : null;\n    modalState.innerElement.style.opacity = display ? \"1\" : \"0\";\n  }\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  setMaskOpacity(modalState: ModalsStateEntry, forceOpacity: number = null) {\n    if (forceOpacity === null && this.props.history[0] !== modalState.id) {\n      return;\n    }\n\n    cancelAnimationFrame(this.maskAnimationFrame);\n    this.maskAnimationFrame = requestAnimationFrame(() => {\n      if (this.maskElementRef.current) {\n        const { translateY, translateYCurrent } = 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            {\n              \"ModalRoot--vkapps\":\n                this.props.configProvider.webviewType === WebviewType.VKAPPS,\n            },\n            \"ModalRoot--desktop\"\n          )}\n        >\n          <div\n            vkuiClass=\"ModalRoot__mask\"\n            ref={this.maskElementRef}\n            onClick={this.props.closeActiveModal}\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.closeActiveModal}\n                  timeout={this.timeout}\n                  key={key}\n                  vkuiClass={classNames(\"ModalRoot__modal\", {\n                    \"ModalRoot__modal--active\":\n                      !exitingModal &&\n                      !enteringModal &&\n                      modalId === activeModal,\n                    \"ModalRoot__modal--prev\": modalId === exitingModal,\n                    \"ModalRoot__modal--next\":\n                      exitingModal && modalId === activeModal,\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"],"file":"ModalRootDesktop.js"}
+{"version":3,"sources":["../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"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","closeActiveModal","isInsideModal","platform","Children","toArray","children","prevProps","exitingModal","closeModal","enteringModal","enteringState","requestAnimationFrame","waitTransitionFinish","onEnter","animateModalOpacity","activeModal","restoreFocusTo","document","activeElement","focus","prevModalState","onExit","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"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,eAAT;AAEA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,gBAAP;AAGA,SACEC,qBADF,EAGEC,WAHF;AAMA,SAASC,OAAT,EAAkBC,KAAlB;AACA,SAASC,YAAT;AACA,SAAmBC,OAAnB;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,SAAT;AACA,SAA+BC,gBAA/B;AAGA,IAAMC,IAAI,GAAGH,QAAQ,CAAC,WAAD,CAArB;;IAeMI,yB;;;;;AAGJ,qCAAYC,KAAZ,EAA0D;AAAA;;AAAA;;AACxD,8BAAMA,KAAN;;AADwD;;AAAA,yEAeTC,SAfS;;AAAA;;AAAA,qEAiBRA,SAjBQ;;AAGxD,UAAKC,cAAL,gBAAsBpB,KAAK,CAACqB,SAAN,EAAtB;AAEA,UAAKC,gBAAL,GAAwB;AACtBC,MAAAA,iBAAiB,EAAE;AAAA,eAAMJ,SAAN;AAAA,OADG;AAEtBK,MAAAA,aAAa,EAAE;AAAA,YAAGC,EAAH,QAAGA,EAAH;AAAA,YAAUC,IAAV;;AAAA,eACbC,MAAM,CAACC,MAAP,CAAc,MAAKC,aAAL,CAAmBJ,EAAnB,CAAd,EAAsCC,IAAtC,CADa;AAAA,OAFO;AAItBI,MAAAA,OAAO,EAAE;AAAA,eAAM,MAAKZ,KAAL,CAAWa,gBAAX,EAAN;AAAA,OAJa;AAKtBC,MAAAA,aAAa,EAAE;AALO,KAAxB;AALwD;AAYzD;;;;SAOD,eAAsB;AACpB,aAAO,KAAKd,KAAL,CAAWe,QAAX,KAAwBzB,OAAxB,IAAmC,KAAKU,KAAL,CAAWe,QAAX,KAAwBxB,KAA3D,GACH,GADG,GAEH,GAFJ;AAGD;;;SAED,eAAqB;AACnB,aAAOT,KAAK,CAACkC,QAAN,CAAeC,OAAf,CAAuB,KAAKjB,KAAL,CAAWkB,QAAlC,CAAP;AACD;;;WAED,uBAAcX,EAAd,EAAiC;AAC/B,UAAIA,EAAE,KAAK,IAAX,EAAiB;AACf,eAAON,SAAP;AACD;;AACD,aAAO,KAAKD,KAAL,CAAWW,aAAX,CAAyBJ,EAAzB,CAAP;AACD;;;WAED,4BAAmBY,SAAnB,EAAqE;AAAA;;AACnE;AACA,UACE,KAAKnB,KAAL,CAAWoB,YAAX,IACA,KAAKpB,KAAL,CAAWoB,YAAX,KAA4BD,SAAS,CAACC,YAFxC,EAGE;AACA,aAAKC,UAAL,CAAgB,KAAKrB,KAAL,CAAWoB,YAA3B;AACD,OAPkE,CASnE;;;AACA,UACE,KAAKpB,KAAL,CAAWsB,aAAX,IACA,KAAKtB,KAAL,CAAWsB,aAAX,KAA6BH,SAAS,CAACG,aAFzC,EAGE;AACA,YAAQA,aAAR,GAA0B,KAAKtB,KAA/B,CAAQsB,aAAR;AACA,YAAMC,aAAa,GAAG,KAAKZ,aAAL,CAAmBW,aAAnB,CAAtB;AACAE,QAAAA,qBAAqB,CAAC,YAAM;AAC1B,cAAI,MAAI,CAACxB,KAAL,CAAWsB,aAAX,KAA6BA,aAAjC,EAAgD;AAC9C,YAAA,MAAI,CAACG,oBAAL,CAA0BF,aAA1B,EAAyC;AAAA,qBACvC,MAAI,CAACvB,KAAL,CAAW0B,OAAX,CAAmBJ,aAAnB,CADuC;AAAA,aAAzC;;AAGA,YAAA,MAAI,CAACK,mBAAL,CAAyBJ,aAAzB,EAAwC,IAAxC;AACD;AACF,SAPoB,CAArB;AAQD,OAxBkE,CA0BnE;;;AACA,UAAI,KAAKvB,KAAL,CAAW4B,WAAX,IAA0B,CAACT,SAAS,CAACS,WAAzC,EAAsD;AAAA;;AACpD,aAAKC,cAAL,oDAAuB,KAAK7B,KAAL,CAAW8B,QAAlC,yDAAuB,qBAAqBC,aAA5C,yEACE9B,SADF;AAED;;AACD,UACE,CAAC,KAAKD,KAAL,CAAW4B,WAAZ,IACA,CAAC,KAAK5B,KAAL,CAAWoB,YADZ,IAEA,KAAKS,cAHP,EAIE;AACA,aAAKA,cAAL,CAAoBG,KAApB;AACA,aAAKH,cAAL,GAAsB5B,SAAtB;AACD;AACF;;;WAED,oBAAWM,EAAX,EAAuB;AAAA;;AACrB,UAAM0B,cAAc,GAAG,KAAKtB,aAAL,CAAmBJ,EAAnB,CAAvB;;AACA,UAAI,CAAC0B,cAAL,EAAqB;AACnB;AACD;;AAED,WAAKR,oBAAL,CAA0BQ,cAA1B,EAA0C;AAAA,eAAM,MAAI,CAACjC,KAAL,CAAWkC,MAAX,CAAkB3B,EAAlB,CAAN;AAAA,OAA1C;AACA,WAAKoB,mBAAL,CAAyBM,cAAzB,EAAyC,KAAzC;;AACA,UAAI,CAAC,KAAKjC,KAAL,CAAW4B,WAAhB,EAA6B;AAC3B,aAAKO,cAAL,CAAoBF,cAApB,EAAoC,CAApC;AACD;AACF;;;WAED,8BACEG,UADF,EAEEC,YAFF,EAGE;AACA,UAAIrD,eAAe,CAACsD,SAApB,EAA+B;AAAA;;AAC7B,YAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AAAA;;AACxBH,UAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,qCAAAA,UAAU,CAAEI,YAAZ,gFAA0BC,mBAA1B,CACEzD,eAAe,CAAC0D,IADlB,EAEEH,WAFF;AAIAF,UAAAA,YAAY;AACb,SAND;;AAQAD,QAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,sCAAAA,UAAU,CAAEI,YAAZ,kFAA0BG,gBAA1B,CACE3D,eAAe,CAAC0D,IADlB,EAEEH,WAFF;AAID,OAbD,MAaO;AACLK,QAAAA,UAAU,CAACP,YAAD,EAAe,KAAKQ,OAApB,CAAV;AACD;AACF;AAED;;;;WACA,6BACET,UADF,EAEEU,OAFF,EAGE;AACA,UAAIV,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEI,YAAhB,EAA8B;AAC5BJ,QAAAA,UAAU,CAACI,YAAX,CAAwBO,KAAxB,CAA8BC,eAA9B,GACEF,OAAO,IAAI,KAAK9C,KAAL,CAAWiD,UAAtB,aAAsC,KAAKJ,OAA3C,UAAyD,EAD3D;AAEAT,QAAAA,UAAU,CAACI,YAAX,CAAwBO,KAAxB,CAA8BG,OAA9B,GAAwCJ,OAAO,GAAG,GAAH,GAAS,GAAxD;AACD;AACF;AAED;;;;WACA,wBACEV,UADF,EAGE;AAAA;AAAA;;AAAA,UADAe,YACA,uEAD8B,IAC9B;;AACA,UAAIA,YAAY,KAAK,IAAjB,IAAyB,6BAAKnD,KAAL,CAAWoD,OAAX,4EAAqB,CAArB,OAA4BhB,UAAU,CAAC7B,EAApE,EAAwE;AACtE;AACD;;AAED,UAAI,KAAK8C,kBAAT,EAA6B;AAC3BC,QAAAA,oBAAoB,CAAC,KAAKD,kBAAN,CAApB;AACD;;AACD,WAAKA,kBAAL,GAA0B7B,qBAAqB,CAAC,YAAM;AACpD,YAAI,MAAI,CAACtB,cAAL,CAAoBqD,OAAxB,EAAiC;AAC/B,sCAAkDnB,UAAlD,CAAQoB,UAAR;AAAA,cAAQA,UAAR,sCAAqB,CAArB;AAAA,uCAAkDpB,UAAlD,CAAwBqB,iBAAxB;AAAA,cAAwBA,iBAAxB,uCAA4C,CAA5C;AAEA,cAAMP,OAAO,GACXC,YAAY,KAAK,IAAjB,GACI,IAAI,CAACM,iBAAiB,GAAGD,UAArB,KAAoC,MAAMA,UAA1C,CAAJ,IAA6D,CADjE,GAEIL,YAHN;AAIA,UAAA,MAAI,CAACjD,cAAL,CAAoBqD,OAApB,CAA4BR,KAA5B,CAAkCG,OAAlC,GAA4CQ,IAAI,CAACC,GAAL,CAC1C,CAD0C,EAE1CD,IAAI,CAACE,GAAL,CAAS,GAAT,EAAcV,OAAd,CAF0C,EAG1CW,QAH0C,EAA5C;AAID;AACF,OAb8C,CAA/C;AAcD;;;WAED,kBAAS;AAAA;AAAA;;AACP,wBAAqD,KAAK7D,KAA1D;AAAA,UAAQoB,YAAR,eAAQA,YAAR;AAAA,UAAsBQ,WAAtB,eAAsBA,WAAtB;AAAA,UAAmCN,aAAnC,eAAmCA,aAAnC;;AAEA,UAAI,CAACM,WAAD,IAAgB,CAACR,YAArB,EAAmC;AACjC,eAAO,IAAP;AACD;;AAED,aACE,oBAAC,gBAAD,CAAkB,QAAlB;AAA2B,QAAA,KAAK,EAAE,KAAKhB;AAAvC,SACE;AACE,QAAA,SAAS,EAAErB,UAAU,CACnBS,YAAY,CAAC,WAAD,EAAc,KAAKQ,KAAL,CAAWe,QAAzB,CADO,EAEnB;AACE,+BACE,+BAAKf,KAAL,CAAW8D,cAAX,gFAA2BC,WAA3B,MAA2C1E,WAAW,CAAC2E;AAF3D,SAFmB,EAMnB,oBANmB;AADvB,SAUE;AACE,QAAA,SAAS,EAAC,iBADZ;AAEE,QAAA,GAAG,EAAE,KAAK9D,cAFZ;AAGE,QAAA,OAAO,EAAE,KAAKF,KAAL,CAAWa;AAHtB,QAVF,EAeE;AAAK,QAAA,SAAS,EAAC;AAAf,SACG,KAAKoD,MAAL,CAAYC,GAAZ,CAAgB,UAACC,KAAD,EAA+B;AAC9C,YAAMC,OAAO,GAAG1E,QAAQ,CAACyE,KAAK,CAACnE,KAAP,EAAcF,IAAd,CAAxB;;AACA,YAAIsE,OAAO,KAAKxC,WAAZ,IAA2BwC,OAAO,KAAKhD,YAA3C,EAAyD;AACvD,iBAAO,IAAP;AACD;;AAED,YAAMiD,GAAG,mBAAYD,OAAZ,CAAT;AAEA,eACE,oBAAC,SAAD;AACE,UAAA,YAAY,EAAE,KADhB;AAEE,UAAA,OAAO,EAAE,MAAI,CAACpE,KAAL,CAAWa,gBAFtB;AAGE,UAAA,OAAO,EAAE,MAAI,CAACgC,OAHhB;AAIE,UAAA,GAAG,EAAEwB,GAJP;AAKE,UAAA,SAAS,EAAEtF,UAAU,CAAC,kBAAD,EAAqB;AACxC,wCACE,CAACqC,YAAD,IACA,CAACE,aADD,IAEA8C,OAAO,KAAKxC,WAJ0B;AAKxC,sCAA0BwC,OAAO,KAAKhD,YALE;AAMxC,sCACEkD,OAAO,CAAClD,YAAD,CAAP,IAAyBgD,OAAO,KAAKxC;AAPC,WAArB;AALvB,WAeGuC,KAfH,CADF;AAmBD,OA3BA,CADH,CAfF,CADF,CADF;AAkDD;;;;EApNqCrF,KAAK,CAACyF,S;;AAuN9C,OAAO,IAAMC,gBAAgB,GAAGtF,WAAW,CACzCD,YAAY,CACVQ,OAAO,CAAiBI,gBAAgB,GAAGE,yBAAH,CAAjC,CADG,CAD6B,EAIzCX,qBAJyC,EAKzC,gBALyC,CAApC","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 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\n  /**\n   * Будет вызвано при закрытии активной модалки с её id\n   */\n  onClose?(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.closeActiveModal(),\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      requestAnimationFrame(() => {\n        if (this.props.enteringModal === enteringModal) {\n          this.waitTransitionFinish(enteringState, () =>\n            this.props.onEnter(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.onExit(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            {\n              \"ModalRoot--vkapps\":\n                this.props.configProvider?.webviewType === WebviewType.VKAPPS,\n            },\n            \"ModalRoot--desktop\"\n          )}\n        >\n          <div\n            vkuiClass=\"ModalRoot__mask\"\n            ref={this.maskElementRef}\n            onClick={this.props.closeActiveModal}\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.closeActiveModal}\n                  timeout={this.timeout}\n                  key={key}\n                  vkuiClass={classNames(\"ModalRoot__modal\", {\n                    \"ModalRoot__modal--active\":\n                      !exitingModal &&\n                      !enteringModal &&\n                      modalId === activeModal,\n                    \"ModalRoot__modal--prev\": modalId === exitingModal,\n                    \"ModalRoot__modal--next\":\n                      Boolean(exitingModal) && modalId === activeModal,\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"],"file":"ModalRootDesktop.js"}

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

@@ -13,7 +13,7 @@ export interface ModalElements {
     contentElement?: HTMLElement | null;
 }
 export interface ModalsStateEntry extends ModalElements {
-    id: string;
+    id: string | null;
     onClose?: () => any;
     type?: ModalType;
     settlingHeight?: number;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalRoot/types.ts"],"names":["ModalType"],"mappings":"AAAA,WAAYA,SAAZ;;WAAYA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,KAAAA,S","sourcesContent":["export enum ModalType {\n  PAGE = \"page\",\n  CARD = \"card\",\n}\n\nexport type TranslateRange = [number, number];\n\nexport type ModalsState = { [index: string]: ModalsStateEntry };\n\nexport interface ModalElements {\n  modalElement?: HTMLElement | null;\n  innerElement?: HTMLElement | null;\n  headerElement?: HTMLElement | null;\n  contentElement?: HTMLElement | null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n  id: string;\n  onClose?: () => any;\n  type?: ModalType;\n\n  settlingHeight?: number;\n  dynamicContentHeight?: boolean;\n  expandable?: boolean;\n\n  /**\n   * Процент текущего сдвига модалки\n   */\n  translateY?: number;\n  /**\n   * Процент сдвига модалки в изначальном состоянии\n   */\n  translateYFrom?: number;\n  /**\n   * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)\n   */\n  translateYCurrent?: number;\n\n  touchStartContentScrollTop?: number;\n  touchMovePositive?: boolean | null;\n  touchShiftYPercent?: number;\n\n  expanded?: boolean;\n  collapsed?: boolean;\n  hidden?: boolean;\n\n  contentScrolled?: boolean;\n  contentScrollStopTimeout?: ReturnType<typeof setTimeout>;\n\n  expandedRange?: TranslateRange;\n  collapsedRange?: TranslateRange;\n  hiddenRange?: TranslateRange;\n}\n"],"file":"types.js"}
+{"version":3,"sources":["../../../src/components/ModalRoot/types.ts"],"names":["ModalType"],"mappings":"AAAA,WAAYA,SAAZ;;WAAYA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,KAAAA,S","sourcesContent":["export enum ModalType {\n  PAGE = \"page\",\n  CARD = \"card\",\n}\n\nexport type TranslateRange = [number, number];\n\nexport type ModalsState = { [index: string]: ModalsStateEntry };\n\nexport interface ModalElements {\n  modalElement?: HTMLElement | null;\n  innerElement?: HTMLElement | null;\n  headerElement?: HTMLElement | null;\n  contentElement?: HTMLElement | null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n  id: string | null;\n  onClose?: () => any;\n  type?: ModalType;\n\n  settlingHeight?: number;\n  dynamicContentHeight?: boolean;\n  expandable?: boolean;\n\n  /**\n   * Процент текущего сдвига модалки\n   */\n  translateY?: number;\n  /**\n   * Процент сдвига модалки в изначальном состоянии\n   */\n  translateYFrom?: number;\n  /**\n   * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)\n   */\n  translateYCurrent?: number;\n\n  touchStartContentScrollTop?: number;\n  touchMovePositive?: boolean | null;\n  touchShiftYPercent?: number;\n\n  expanded?: boolean;\n  collapsed?: boolean;\n  hidden?: boolean;\n\n  contentScrolled?: boolean;\n  contentScrollStopTimeout?: ReturnType<typeof setTimeout>;\n\n  expandedRange?: TranslateRange;\n  collapsedRange?: TranslateRange;\n  hiddenRange?: TranslateRange;\n}\n"],"file":"types.js"}