@vkontakte/vkui 5.2.4 → 5.3.1

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

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

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

@@ -1,24 +1,24 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "ModalRoot", {
+    enumerable: true,
+    get: function() {
+        return ModalRoot;
+    }
 });
-exports.ModalRoot = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
-var _ScrollContext = require("../AppRoot/ScrollContext");
-var _ModalRoot = require("./ModalRoot");
-var _ModalRootDesktop = require("./ModalRootDesktop");
-/**
- * @see https://vkcom.github.io/VKUI/#/ModalRoot
- */
-var ModalRoot = function ModalRoot(props) {
-  var _useAdaptivityWithJSM = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)(),
-    isDesktop = _useAdaptivityWithJSM.isDesktop;
-  (0, _ScrollContext.useScrollLock)(!!props.activeModal);
-  var RootComponent = isDesktop ? _ModalRootDesktop.ModalRootDesktop : _ModalRoot.ModalRootTouch;
-  return /*#__PURE__*/React.createElement(RootComponent, props);
+var _scrollContext = require("../AppRoot/ScrollContext");
+var _modalRoot = require("./ModalRoot");
+var _modalRootDesktop = require("./ModalRootDesktop");
+var ModalRoot = function(props) {
+    var isDesktop = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)().isDesktop;
+    (0, _scrollContext.useScrollLock)(!!props.activeModal);
+    var RootComponent = isDesktop ? _modalRootDesktop.ModalRootDesktop : _modalRoot.ModalRootTouch;
+    return /*#__PURE__*/ _react.createElement(RootComponent, props);
 };
-exports.ModalRoot = ModalRoot;
+
 //# sourceMappingURL=ModalRootAdaptive.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalRootAdaptive.js","names":["ModalRoot","props","useAdaptivityWithJSMediaQueries","isDesktop","useScrollLock","activeModal","RootComponent","ModalRootDesktop","ModalRootTouch"],"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { ModalRootTouch } from './ModalRoot';\nimport { ModalRootDesktop } from './ModalRootDesktop';\n\nexport interface ModalRootProps {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id\n   */\n  onOpen?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id\n   */\n  onOpened?(modalId: string): void;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id\n   */\n  onClosed?(modalId: string): void;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalRoot\n */\nexport const ModalRoot = (props: ModalRootProps) => {\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  useScrollLock(!!props.activeModal);\n\n  const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n  return <RootComponent {...props} />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AA2BA;AACA;AACA;AACO,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAIC,KAAqB,EAAK;EAClD,4BAAsB,IAAAC,gEAA+B,GAAE;IAA/CC,SAAS,yBAATA,SAAS;EAEjB,IAAAC,4BAAa,EAAC,CAAC,CAACH,KAAK,CAACI,WAAW,CAAC;EAElC,IAAMC,aAAa,GAAGH,SAAS,GAAGI,kCAAgB,GAAGC,yBAAc;EAEnE,oBAAO,oBAAC,aAAa,EAAKP,KAAK,CAAI;AACrC,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { ModalRootTouch } from './ModalRoot';\nimport { ModalRootDesktop } from './ModalRootDesktop';\n\nexport interface ModalRootProps {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id\n   */\n  onOpen?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id\n   */\n  onOpened?(modalId: string): void;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id\n   */\n  onClosed?(modalId: string): void;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalRoot\n */\nexport const ModalRoot = (props: ModalRootProps) => {\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  useScrollLock(!!props.activeModal);\n\n  const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n  return <RootComponent {...props} />;\n};\n"],"names":["ModalRoot","props","isDesktop","useAdaptivityWithJSMediaQueries","useScrollLock","activeModal","RootComponent","ModalRootDesktop","ModalRootTouch"],"mappings":";;;;+BAkCaA;;;eAAAA;;;;2DAlCU;+CACyB;6BAClB;yBACC;gCACE;AA8B1B,IAAMA,YAAY,SAACC,OAA0B;IAClD,IAAM,AAAEC,YAAcC,IAAAA,gEAA+B,IAA7CD;IAERE,IAAAA,4BAAa,EAAC,CAAC,CAACH,MAAMI,WAAW;IAEjC,IAAMC,gBAAgBJ,YAAYK,kCAAgB,GAAGC,yBAAc;IAEnE,qBAAO,qBAACF,eAAkBL;AAC5B"}

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ModalElements, ModalsStateEntry, ModalType } from './types';
-export declare type ModalRegistryEntry = ModalElements & Required<Pick<ModalsStateEntry, 'type' | 'id'>>;
-declare type ModalRefs = {
+export type ModalRegistryEntry = ModalElements & Required<Pick<ModalsStateEntry, 'type' | 'id'>>;
+type ModalRefs = {
     [k in keyof ModalElements]: (e: ModalElements[k]) => void;
 };
 export interface ModalRootContextInterface {

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

@@ -1,68 +1,75 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModalRootContext = void 0;
-exports.useModalRegistry = useModalRegistry;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var React = _interopRequireWildcard(require("react"));
-var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var ModalRootContext = /*#__PURE__*/React.createContext({
-  updateModalHeight: function updateModalHeight() {
-    return undefined;
-  },
-  registerModal: function registerModal() {
-    return undefined;
-  },
-  isInsideModal: false
+    value: true
 });
-
-/**
- * All referenced elements must be static
- */
-exports.ModalRootContext = ModalRootContext;
-function useModalRegistry(id, type) {
-  var modalContext = React.useContext(ModalRootContext);
-  var elements = React.useRef({}).current;
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (id !== undefined) {
-      modalContext.registerModal((0, _objectSpread3.default)((0, _objectSpread3.default)({}, elements), {}, {
-        type: type,
-        id: id
-      }));
-      // unset refs on  unmount to prevent leak
-      var reset = Object.keys(elements).reduce(function (acc, k) {
-        return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, k, null));
-      }, {
-        type: type,
-        id: id
-      });
-      return function () {
-        return modalContext.registerModal(reset);
-      };
-    }
-    return undefined;
-  }, []);
-  var refs = React.useRef({
-    modalElement: function modalElement(e) {
-      return elements.modalElement = e;
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ModalRootContext: function() {
+        return ModalRootContext;
     },
-    innerElement: function innerElement(e) {
-      return elements.innerElement = e;
+    useModalRegistry: function() {
+        return useModalRegistry;
+    }
+});
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
+var ModalRootContext = /*#__PURE__*/ _react.createContext({
+    updateModalHeight: function() {
+        return undefined;
     },
-    headerElement: function headerElement(e) {
-      return elements.headerElement = e;
+    registerModal: function() {
+        return undefined;
     },
-    contentElement: function contentElement(e) {
-      return elements.contentElement = e;
-    }
-  }).current;
-  return {
-    refs: refs
-  };
+    isInsideModal: false
+});
+function useModalRegistry(id, type) {
+    var modalContext = _react.useContext(ModalRootContext);
+    var elements = _react.useRef({}).current;
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        if (id !== undefined) {
+            modalContext.registerModal(_objectSpreadProps(_objectSpread({}, elements), {
+                type: type,
+                id: id
+            }));
+            // unset refs on  unmount to prevent leak
+            var reset = Object.keys(elements).reduce(function(acc, k) {
+                return _objectSpreadProps(_objectSpread({}, acc), _defineProperty({}, k, null));
+            }, {
+                type: type,
+                id: id
+            });
+            return function() {
+                return modalContext.registerModal(reset);
+            };
+        }
+        return undefined;
+    }, []);
+    var refs = _react.useRef({
+        modalElement: function(e) {
+            return elements.modalElement = e;
+        },
+        innerElement: function(e) {
+            return elements.innerElement = e;
+        },
+        headerElement: function(e) {
+            return elements.headerElement = e;
+        },
+        contentElement: function(e) {
+            return elements.contentElement = e;
+        }
+    }).current;
+    return {
+        refs: refs
+    };
 }
+
 //# sourceMappingURL=ModalRootContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalRootContext.js","names":["ModalRootContext","React","createContext","updateModalHeight","undefined","registerModal","isInsideModal","useModalRegistry","id","type","modalContext","useContext","elements","useRef","current","useIsomorphicLayoutEffect","reset","Object","keys","reduce","acc","k","refs","modalElement","e","innerElement","headerElement","contentElement"],"sources":["../../../../src/components/ModalRoot/ModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { ModalElements, ModalsStateEntry, ModalType } from './types';\n\nexport type ModalRegistryEntry = ModalElements & 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"],"mappings":";;;;;;;;;;;AAAA;AACA;AAaO,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,aAAa,CAA4B;EAC7EC,iBAAiB,EAAE;IAAA,OAAMC,SAAS;EAAA;EAClCC,aAAa,EAAE;IAAA,OAAMD,SAAS;EAAA;EAC9BE,aAAa,EAAE;AACjB,CAAC,CAAC;;AAEF;AACA;AACA;AAFA;AAGO,SAASC,gBAAgB,CAACC,EAAsB,EAAEC,IAAe,EAAE;EACxE,IAAMC,YAAY,GAAGT,KAAK,CAACU,UAAU,CAACX,gBAAgB,CAAC;EACvD,IAAMY,QAAQ,GAAGX,KAAK,CAACY,MAAM,CAAgB,CAAC,CAAC,CAAC,CAACC,OAAO;EACxD,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,IAAIP,EAAE,KAAKJ,SAAS,EAAE;MACpBM,YAAY,CAACL,aAAa,6DAAMO,QAAQ;QAAEH,IAAI,EAAJA,IAAI;QAAED,EAAE,EAAFA;MAAE,GAAG;MACrD;MACA,IAAMQ,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACN,QAAQ,CAAC,CAACO,MAAM,CACxC,UAACC,GAAG,EAAEC,CAAC;QAAA,mEAAWD,GAAG,yCAAGC,CAAC,EAAG,IAAI;MAAA,CAAG,EACnC;QAAEZ,IAAI,EAAJA,IAAI;QAAED,EAAE,EAAFA;MAAG,CAAC,CACb;MACD,OAAO;QAAA,OAAME,YAAY,CAACL,aAAa,CAACW,KAAK,CAAC;MAAA;IAChD;IACA,OAAOZ,SAAS;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMkB,IAAI,GAAGrB,KAAK,CAACY,MAAM,CAAsB;IAC7CU,YAAY,EAAE,sBAACC,CAAC;MAAA,OAAMZ,QAAQ,CAACW,YAAY,GAAGC,CAAC;IAAA,CAAC;IAChDC,YAAY,EAAE,sBAACD,CAAC;MAAA,OAAMZ,QAAQ,CAACa,YAAY,GAAGD,CAAC;IAAA,CAAC;IAChDE,aAAa,EAAE,uBAACF,CAAC;MAAA,OAAMZ,QAAQ,CAACc,aAAa,GAAGF,CAAC;IAAA,CAAC;IAClDG,cAAc,EAAE,wBAACH,CAAC;MAAA,OAAMZ,QAAQ,CAACe,cAAc,GAAGH,CAAC;IAAA;EACrD,CAAC,CAAC,CAACV,OAAO;EACV,OAAO;IAAEQ,IAAI,EAAJA;EAAK,CAAC;AACjB"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { ModalElements, ModalsStateEntry, ModalType } from './types';\n\nexport type ModalRegistryEntry = ModalElements & 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"],"names":["ModalRootContext","useModalRegistry","React","createContext","updateModalHeight","undefined","registerModal","isInsideModal","id","type","modalContext","useContext","elements","useRef","current","useIsomorphicLayoutEffect","reset","Object","keys","reduce","acc","k","refs","modalElement","e","innerElement","headerElement","contentElement"],"mappings":";;;;;;;;;;;IAcaA,gBAAgB;eAAhBA;;IASGC,gBAAgB;eAAhBA;;;;;;;2DAvBO;yCACmB;AAanC,IAAMD,iCAAmBE,OAAMC,aAAa,CAA4B;IAC7EC,mBAAmB;eAAMC;;IACzBC,eAAe;eAAMD;;IACrBE,eAAe,KAAK;AACtB;AAKO,SAASN,iBAAiBO,EAAsB,EAAEC,IAAe,EAAE;IACxE,IAAMC,eAAeR,OAAMS,UAAU,CAACX;IACtC,IAAMY,WAAWV,OAAMW,MAAM,CAAgB,CAAC,GAAGC,OAAO;IACxDC,IAAAA,oDAAyB,EAAC,WAAM;QAC9B,IAAIP,OAAOH,WAAW;YACpBK,aAAaJ,aAAa,CAAC,qCAAKM;gBAAUH,MAAAA;gBAAMD,IAAAA;;YAChD,yCAAyC;YACzC,IAAMQ,QAAQC,OAAOC,IAAI,CAACN,UAAUO,MAAM,CACxC,SAACC,KAAKC;uBAAO,qCAAKD,MAAK,oBAACC,GAAI,IAAI;eAChC;gBAAEZ,MAAAA;gBAAMD,IAAAA;YAAG;YAEb,OAAO;uBAAME,aAAaJ,aAAa,CAACU;;QAC1C,CAAC;QACD,OAAOX;IACT,GAAG,EAAE;IAEL,IAAMiB,OAAOpB,OAAMW,MAAM,CAAsB;QAC7CU,cAAc,SAACC;mBAAOZ,SAASW,YAAY,GAAGC;;QAC9CC,cAAc,SAACD;mBAAOZ,SAASa,YAAY,GAAGD;;QAC9CE,eAAe,SAACF;mBAAOZ,SAASc,aAAa,GAAGF;;QAChDG,gBAAgB,SAACH;mBAAOZ,SAASe,cAAc,GAAGH;;IACpD,GAAGV,OAAO;IACV,OAAO;QAAEQ,MAAAA;IAAK;AAChB"}