npm - @vkontakte/vkui - Versions diffs - 6.0.2 → 6.1.0 - Mend

@vkontakte/vkui 6.0.2 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5064) hide show

package/dist/cssm/components/ModalRoot/ModalRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 { setTransformStyle } from '../../lib/styles';\nimport { transitionEvent } from '../../lib/supportEvents';\nimport { rubber } from '../../lib/touch';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ConfigProviderContext } 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 { ModalRootWithDOMProps, ModalsStateEntry, 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\ninterface ModalRootState {\n touchDown?: boolean;\n dragging?: boolean;\n modalOpenedLog: string[];\n}\n\nclass ModalRootTouchComponent extends React.Component<\n ModalRootWithDOMProps & DOMProps & ModalTransitionProps,\n ModalRootState\n> {\n constructor(props: ModalRootWithDOMProps & ModalTransitionProps) {\n super(props);\n this.state = {\n touchDown: false,\n dragging: false,\n modalOpenedLog: [],\n };\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: this.updateModalHeight,\n registerModal: ({ id, ...data }) => Object.assign(this.props.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 === 'ios' ? 400 : 320;\n }\n\n get document(): Document {\n return this.props.document as Document;\n }\n\n get window(): Window {\n return this.props.window as Window;\n }\n\n getModals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n componentDidMount() {\n // Отслеживаем изменение размеров viewport\n this.window?.addEventListener('resize', this.updateModalHeight, false);\n }\n\n componentWillUnmount() {\n this.toggleDocumentScrolling(true);\n this.window.removeEventListener('resize', this.updateModalHeight, false);\n }\n\n componentDidUpdate(prevProps: ModalRootWithDOMProps & 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 enteringState = this.props.getModalState(this.props.enteringModal);\n this.props.onEnter();\n this.waitTransitionFinish(enteringState, () => {\n if (enteringState) {\n if (enteringState.innerElement) {\n enteringState.innerElement.style.transitionDelay = '';\n }\n this.onEntered(enteringState);\n }\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 this.setMaskOpacity(enteringState, 1);\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 // восстанавливаем значение overscroll behavior\n // eslint-disable-next-line no-restricted-properties\n this.document.documentElement.classList.remove('vkui--disable-overscroll-behavior');\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 // отключаем нативный pull-to-refresh при открытом модальном окне\n // чтобы он не срабатывал при закрытии модалки смахиванием вниз\n // eslint-disable-next-line no-restricted-properties\n this.document.documentElement.classList.add('vkui--disable-overscroll-behavior');\n\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 checkPageContentHeight() {\n const modalState = this.props.getModalState(this.props.activeModal);\n\n if (modalState?.type === '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.props.getModalState(this.props.activeModal);\n\n if (modalState && modalState.type === 'page') {\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 onEntered({ id, modalElement }: ModalsStateEntry) {\n if (\n !this.props.noFocusToDialog &&\n modalElement &&\n !modalElement.contains(this.document.activeElement)\n ) {\n modalElement.focus();\n }\n\n this.props.onEntered(id);\n }\n\n closeModal(id: string) {\n // Сбрасываем состояния, которые могут помешать закрытию модального окна\n this.setState({ touchDown: false });\n\n const prevModalState = this.props.getModalState(id);\n\n if (!prevModalState) {\n id && warn(`closeActiveModal: модальное окно (страница) ${id} не существует`, 'error');\n return;\n }\n if (!this.state.modalOpenedLog.length) {\n this.setState((prevState) => ({\n modalOpenedLog: [...prevState.modalOpenedLog, id],\n }));\n }\n const nextModalState = this.props.getModalState(this.props.activeModal);\n const nextIsPage = !!nextModalState && nextModalState.type === 'page';\n\n const prevIsPage = !!prevModalState && prevModalState.type === '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 this.setState({ modalOpenedLog: [] });\n prevModalState.translateY = undefined;\n prevModalState.expandable = undefined;\n } else if (nextModalState.id && !this.state.modalOpenedLog.includes(nextModalState.id)) {\n nextModalState.translateY = undefined;\n this.setState((prevState) => ({\n modalOpenedLog: [...prevState.modalOpenedLog, nextModalState.id!],\n }));\n }\n }\n\n onTouchMove = (e: TouchEvent) => {\n if (this.props.exitingModal) {\n return;\n }\n const modalState = this.props.getModalState(this.props.activeModal);\n if (!modalState) {\n return;\n }\n\n if (modalState.type === 'page') {\n return this.onPageTouchMove(e, modalState);\n }\n\n if (modalState.type === '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 !== '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 !== '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.props.getModalState(this.props.activeModal);\n\n if (modalState?.type === 'page') {\n return this.onPageTouchEnd(e, modalState);\n }\n\n if (modalState?.type === '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 = numberInRange(translateY, modalState.collapsedRange);\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.props.getModalState(activeModal);\n if (modalState?.type === '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 this.maskElementRef.current.style.transitionDelay =\n opacity && this.props.delayEnter ? `${this.timeout}ms` : '';\n }\n });\n }\n\n render() {\n const { activeModal, exitingModal, enteringModal, modalOverlayTestId } = 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?.hasCustomPanelHeaderAfter &&\n styles['ModalRoot--hasCustomPanelHeaderAfterSlot'],\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 data-testid={modalOverlayTestId}\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.props.getModalState(modalId);\n if ((modalId !== activeModal && modalId !== exitingModal) \|\| !_modalState) {\n return null;\n }\n const modalState = { ..._modalState };\n\n const isPage = modalState.type === 'page';\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n key={key}\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(\n withDOM<ModalRootWithDOMProps>(withModalManager(initModal)(ModalRootTouchComponent)),\n ),\n ConfigProviderContext,\n 'configProvider',\n);\n\n/\n Инициализирует модалку перед анимацией открытия\n /\nfunction initModal(modalState: ModalsStateEntry) {\n switch (modalState.type) {\n case 'page':\n modalState.settlingHeight = modalState.settlingHeight \|\| MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n return initPageModal(modalState);\n case '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, bottomInset } = modalState;\n const contentElementHeight = calculateModalContentHeight(\n contentElement?.firstElementChild as HTMLElement,\n modalState.expandable,\n );\n const bottomInsetHeight = bottomInset?.offsetHeight \|\| 0;\n const contentHeight = contentElementHeight + bottomInsetHeight;\n let prevTranslateY = modalState.translateY;\n let prevExpandable = modalState.expandable;\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 \| undefined;\n let hiddenRange: TranslateRange;\n\n const hasCollapsedState = Boolean(modalState.expandable && modalState.settlingHeight !== 100);\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 = hasCollapsedState ? [shiftHalf, translateYFrom + visiblePart / 4] : undefined;\n hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n collapsed = hasCollapsedState && 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 = undefined;\n hiddenRange = [translateY + 25, translateY + 100];\n }\n\n // Свойство expandable может измениться из-за высоты контента, в таком случае на всю высоту не разворачиваем\n const shouldExpand = prevExpandable && modalState.expandable;\n // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n if ((shouldExpand && translateY > (prevTranslateY ?? 100)) \|\| modalState.settlingHeight === 100) {\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\nfunction calculateModalContentHeight(\n element: HTMLElement,\n isExpandable: ModalsStateEntry['expandable'],\n) {\n if (!isExpandable) {\n return element.scrollHeight;\n }\n\n /\n В режиме expandable мы назначаем контейнеру контента высоту 100%, что не даёт\n * получить реальную высоту контента.\n * Поэтому мы пересчитываем высоту, временно устанавливая height: auto;\n * */\n const currentHeightStyle = element.style.height;\n element.style.height = 'auto';\n\n const elementHeight = element.scrollHeight;\n element.style.height = currentHeightStyle;\n\n return elementHeight;\n}\n"],"names":["React","classNames","clamp","withContext","withPlatform","withDOM","getNavId","setTransformStyle","transitionEvent","rubber","warnOnce","ConfigProviderContext","FocusTrap","Touch","TouchRootContext","ModalRootContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","withModalManager","styles","warn","numberInRange","number","range","rangeTranslate","ModalRootTouchComponent","Component","constructor","props","state","touchDown","dragging","modalOpenedLog","maskElementRef","createRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","getModalState","onClose","onExit","isInsideModal","frameIds","documentScrolling","viewportRef","maskAnimationFrame","undefined","restoreFocusTo","timeout","platform","document","window","getModals","Children","toArray","children","componentDidMount","addEventListener","componentWillUnmount","toggleDocumentScrolling","removeEventListener","componentDidUpdate","prevProps","exitingModal","closeModal","enteringModal","enteringState","onEnter","waitTransitionFinish","innerElement","style","transitionDelay","onEntered","delayEnter","animateTranslate","translateY","setMaskOpacity","activeModal","activeElement","focus","enabled","documentElement","classList","remove","preventTouch","passive","add","event","originalEvent","preventDefault","checkPageContentHeight","modalState","type","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","requestAnimationFrame","noFocusToDialog","contains","setState","length","prevState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","includes","onTouchMove","e","onPageTouchMove","onCardTouchMove","shiftY","target","isY","current","stopPropagation","contentScrolled","collapsed","expanded","touchStartContentScrollTop","contentElement","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","touchShiftYPercent","translateYCurrent","offsetHeight","Math","max","onTouchEnd","onPageTouchEnd","onCardTouchEnd","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","onScroll","contentScrollStopTimeout","clearTimeout","setTimeout","eventHandler","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","opacity","toString","render","modalOverlayTestId","Provider","value","className","configProvider","hasCustomPanelHeaderAfter","onMove","onEnd","div","data-testid","onClick","ref","map","Modal","modalId","_modalState","isPage","key","restoreFocus","ModalRootTouch","initModal","initCardModal","process","env","NODE_ENV","bottomInset","contentElementHeight","calculateModalContentHeight","firstElementChild","bottomInsetHeight","contentHeight","prevTranslateY","prevExpandable","clientHeight","hasCollapsedState","Boolean","shiftHalf","visiblePart","headerHeight","height","parentElement","shouldExpand","element","isExpandable","scrollHeight","currentHeightStyle","elementHeight"],"mappings":"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"}
1	+ {"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 { setTransformStyle } from '../../lib/styles';\nimport { transitionEvent } from '../../lib/supportEvents';\nimport { rubber } from '../../lib/touch';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ConfigProviderContext } 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 { ModalRootWithDOMProps, ModalsStateEntry, 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\ninterface ModalRootState {\n touchDown?: boolean;\n dragging?: boolean;\n modalOpenedLog: string[];\n}\n\nclass ModalRootTouchComponent extends React.Component<\n ModalRootWithDOMProps & DOMProps & ModalTransitionProps,\n ModalRootState\n> {\n constructor(props: ModalRootWithDOMProps & ModalTransitionProps) {\n super(props);\n this.state = {\n touchDown: false,\n dragging: false,\n modalOpenedLog: [],\n };\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: this.updateModalHeight,\n registerModal: ({ id, ...data }) => Object.assign(this.props.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 === 'ios' ? 400 : 320;\n }\n\n get document(): Document {\n return this.props.document as Document;\n }\n\n get window(): Window {\n return this.props.window as Window;\n }\n\n getModals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n componentDidMount() {\n // Отслеживаем изменение размеров viewport\n this.window?.addEventListener('resize', this.updateModalHeight, false);\n }\n\n componentWillUnmount() {\n this.toggleDocumentScrolling(true);\n this.window.removeEventListener('resize', this.updateModalHeight, false);\n }\n\n componentDidUpdate(prevProps: ModalRootWithDOMProps & 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 enteringState = this.props.getModalState(this.props.enteringModal);\n this.props.onEnter();\n this.waitTransitionFinish(enteringState, () => {\n if (enteringState) {\n if (enteringState.innerElement) {\n enteringState.innerElement.style.transitionDelay = '';\n }\n this.onEntered(enteringState);\n }\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 this.setMaskOpacity(enteringState, 1);\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 // восстанавливаем значение overscroll behavior\n // eslint-disable-next-line no-restricted-properties\n this.document.documentElement.classList.remove('vkui--disable-overscroll-behavior');\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 // отключаем нативный pull-to-refresh при открытом модальном окне\n // чтобы он не срабатывал при закрытии модалки смахиванием вниз\n // eslint-disable-next-line no-restricted-properties\n this.document.documentElement.classList.add('vkui--disable-overscroll-behavior');\n\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 checkPageContentHeight() {\n const modalState = this.props.getModalState(this.props.activeModal);\n\n if (modalState?.type === '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.props.getModalState(this.props.activeModal);\n\n if (modalState && modalState.type === 'page') {\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 onEntered({ id, modalElement }: ModalsStateEntry) {\n if (\n !this.props.noFocusToDialog &&\n modalElement &&\n !modalElement.contains(this.document.activeElement)\n ) {\n modalElement.focus();\n }\n\n this.props.onEntered(id);\n }\n\n closeModal(id: string) {\n // Сбрасываем состояния, которые могут помешать закрытию модального окна\n this.setState({ touchDown: false });\n\n const prevModalState = this.props.getModalState(id);\n\n if (!prevModalState) {\n id && warn(`closeActiveModal: модальное окно (страница) ${id} не существует`, 'error');\n return;\n }\n if (!this.state.modalOpenedLog.length) {\n this.setState((prevState) => ({\n modalOpenedLog: [...prevState.modalOpenedLog, id],\n }));\n }\n const nextModalState = this.props.getModalState(this.props.activeModal);\n const nextIsPage = !!nextModalState && nextModalState.type === 'page';\n\n const prevIsPage = !!prevModalState && prevModalState.type === '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 this.setState({ modalOpenedLog: [] });\n prevModalState.translateY = undefined;\n prevModalState.expandable = undefined;\n } else if (nextModalState.id && !this.state.modalOpenedLog.includes(nextModalState.id)) {\n nextModalState.translateY = undefined;\n this.setState((prevState) => ({\n modalOpenedLog: [...prevState.modalOpenedLog, nextModalState.id!],\n }));\n }\n }\n\n onTouchMove = (e: TouchEvent) => {\n if (this.props.exitingModal) {\n return;\n }\n const modalState = this.props.getModalState(this.props.activeModal);\n if (!modalState) {\n return;\n }\n\n if (modalState.type === 'page') {\n return this.onPageTouchMove(e, modalState);\n }\n\n if (modalState.type === '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 !== '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 !== '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.props.getModalState(this.props.activeModal);\n\n if (modalState?.type === 'page') {\n return this.onPageTouchEnd(e, modalState);\n }\n\n if (modalState?.type === '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 = modalState.preventClose ? modalState.translateYFrom ?? 0 : 100;\n } else {\n translateY = modalState.translateYFrom ?? 0;\n }\n } else {\n if (numberInRange(translateY, [0, 25])) {\n translateY = 0;\n } else {\n translateY = modalState.preventClose ? modalState.translateYFrom ?? 0 : 100;\n }\n }\n\n if (translateY !== 100 && shiftYEndPercent >= 75 && !modalState.preventClose) {\n translateY = 100;\n }\n\n modalState.translateY = translateY;\n modalState.translateYCurrent = translateY;\n modalState.collapsed = numberInRange(translateY, modalState.collapsedRange);\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.props.getModalState(activeModal);\n if (modalState?.type === '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 this.maskElementRef.current.style.transitionDelay =\n opacity && this.props.delayEnter ? `${this.timeout}ms` : '';\n }\n });\n }\n\n render() {\n const { activeModal, exitingModal, enteringModal, modalOverlayTestId } = 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?.hasCustomPanelHeaderAfter &&\n styles['ModalRoot--hasCustomPanelHeaderAfterSlot'],\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 data-testid={modalOverlayTestId}\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.props.getModalState(modalId);\n if ((modalId !== activeModal && modalId !== exitingModal) \|\| !_modalState) {\n return null;\n }\n const modalState = { ..._modalState };\n\n const isPage = modalState.type === 'page';\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n key={key}\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(\n withDOM<ModalRootWithDOMProps>(withModalManager(initModal)(ModalRootTouchComponent)),\n ),\n ConfigProviderContext,\n 'configProvider',\n);\n\n/\n Инициализирует модалку перед анимацией открытия\n /\nfunction initModal(modalState: ModalsStateEntry) {\n switch (modalState.type) {\n case 'page':\n modalState.settlingHeight = modalState.settlingHeight \|\| MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n return initPageModal(modalState);\n case '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, bottomInset } = modalState;\n const contentElementHeight = calculateModalContentHeight(\n contentElement?.firstElementChild as HTMLElement,\n modalState.expandable,\n );\n const bottomInsetHeight = bottomInset?.offsetHeight \|\| 0;\n const contentHeight = contentElementHeight + bottomInsetHeight;\n let prevTranslateY = modalState.translateY;\n let prevExpandable = modalState.expandable;\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 \| undefined;\n let hiddenRange: TranslateRange;\n\n const hasCollapsedState = Boolean(modalState.expandable && modalState.settlingHeight !== 100);\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 = hasCollapsedState ? [shiftHalf, translateYFrom + visiblePart / 4] : undefined;\n hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n collapsed = hasCollapsedState && 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 = undefined;\n hiddenRange = [translateY + 25, translateY + 100];\n }\n\n // Свойство expandable может измениться из-за высоты контента, в таком случае на всю высоту не разворачиваем\n const shouldExpand = prevExpandable && modalState.expandable;\n // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n if ((shouldExpand && translateY > (prevTranslateY ?? 100)) \|\| modalState.settlingHeight === 100) {\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\nfunction calculateModalContentHeight(\n element: HTMLElement,\n isExpandable: ModalsStateEntry['expandable'],\n) {\n if (!isExpandable) {\n return element.scrollHeight;\n }\n\n /\n В режиме expandable мы назначаем контейнеру контента высоту 100%, что не даёт\n * получить реальную высоту контента.\n * Поэтому мы пересчитываем высоту, временно устанавливая height: auto;\n * */\n const currentHeightStyle = element.style.height;\n element.style.height = 'auto';\n\n const elementHeight = element.scrollHeight;\n element.style.height = currentHeightStyle;\n\n return elementHeight;\n}\n"],"names":["React","classNames","clamp","withContext","withPlatform","withDOM","getNavId","setTransformStyle","transitionEvent","rubber","warnOnce","ConfigProviderContext","FocusTrap","Touch","TouchRootContext","ModalRootContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","withModalManager","styles","warn","numberInRange","number","range","rangeTranslate","ModalRootTouchComponent","Component","constructor","props","state","touchDown","dragging","modalOpenedLog","maskElementRef","createRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","getModalState","onClose","onExit","isInsideModal","frameIds","documentScrolling","viewportRef","maskAnimationFrame","undefined","restoreFocusTo","timeout","platform","document","window","getModals","Children","toArray","children","componentDidMount","addEventListener","componentWillUnmount","toggleDocumentScrolling","removeEventListener","componentDidUpdate","prevProps","exitingModal","closeModal","enteringModal","enteringState","onEnter","waitTransitionFinish","innerElement","style","transitionDelay","onEntered","delayEnter","animateTranslate","translateY","setMaskOpacity","activeModal","activeElement","focus","enabled","documentElement","classList","remove","preventTouch","passive","add","event","originalEvent","preventDefault","checkPageContentHeight","modalState","type","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","requestAnimationFrame","noFocusToDialog","contains","setState","length","prevState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","includes","onTouchMove","e","onPageTouchMove","onCardTouchMove","shiftY","target","isY","current","stopPropagation","contentScrolled","collapsed","expanded","touchStartContentScrollTop","contentElement","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","touchShiftYPercent","translateYCurrent","offsetHeight","Math","max","onTouchEnd","onPageTouchEnd","onCardTouchEnd","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","preventClose","hidden","onScroll","contentScrollStopTimeout","clearTimeout","setTimeout","eventHandler","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","opacity","toString","render","modalOverlayTestId","Provider","value","className","configProvider","hasCustomPanelHeaderAfter","onMove","onEnd","div","data-testid","onClick","ref","map","Modal","modalId","_modalState","isPage","key","restoreFocus","ModalRootTouch","initModal","initCardModal","process","env","NODE_ENV","bottomInset","contentElementHeight","calculateModalContentHeight","firstElementChild","bottomInsetHeight","contentHeight","prevTranslateY","prevExpandable","clientHeight","hasCollapsedState","Boolean","shiftHalf","visiblePart","headerHeight","height","parentElement","shouldExpand","element","isExpandable","scrollHeight","currentHeightStyle","elementHeight"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,WAAW,QAAQ,wBAAwB;AACpD,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAAmBC,OAAO,QAAQ,gBAAgB;AAClD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,KAAK,QAAoB,iBAAiB;AACnD,OAAOC,sBAAsB,wBAAwB;AACrD,SAASC,gBAAgB,QAAmC,qBAAqB;AACjF,SAASC,iCAAiC,QAAQ,cAAc;AAEhE,SAA+BC,gBAAgB,QAAQ,oBAAoB;AAC3E,OAAOC,YAAY,yBAAyB;AAE5C,MAAMC,OAAOT,SAAS;AAEtB,SAASU,cAAcC,MAAc,EAAEC,KAAiC;IACtE,IAAI,CAACA,OAAO;QACV,OAAO;IACT;IACA,OAAOD,UAAUC,KAAK,CAAC,EAAE,IAAID,UAAUC,KAAK,CAAC,EAAE;AACjD;AAEA,SAASC,eAAeF,MAAc;IACpC,OAAOnB,MAAMmB,QAAQ,GAAG;AAC1B;AAQA,MAAMG,gCAAgCxB,MAAMyB,SAAS;IAInDC,YAAYC,KAAmD,CAAE;QAC/D,KAAK,CAACA;QACN,IAAI,CAACC,KAAK,GAAG;YACXC,WAAW;YACXC,UAAU;YACVC,gBAAgB,EAAE;QACpB;QAEA,IAAI,CAACC,cAAc,iBAAGhC,MAAMiC,SAAS;QAErC,IAAI,CAACC,gBAAgB,GAAG;YACtBC,mBAAmB,IAAI,CAACA,iBAAiB;YACzCC,eAAe,CAAC,EAAEC,EAAE,EAAE,GAAGC,MAAM,GAAKC,OAAOC,MAAM,CAAC,IAAI,CAACb,KAAK,CAACc,aAAa,CAACJ,OAAO,CAAC,GAAGC;YACtFI,SAAS,IAAM,IAAI,CAACf,KAAK,CAACgB,MAAM;YAChCC,eAAe;QACjB;QAEA,IAAI,CAACC,QAAQ,GAAG,CAAC;IACnB;IAEQC,oBAAoB,MAAM;IACjBd,eAAgD;IAChDe,4BAAc/C,MAAMiC,SAAS,GAAmB;IACzDe,qBAAyCC,UAAU;IAC1Cf,iBAA4C;IAC5CW,SAEf;IACMK,iBAAiDD,UAAU;IAEnE,IAAIE,UAAkB;QACpB,OAAO,IAAI,CAACxB,KAAK,CAACyB,QAAQ,KAAK,QAAQ,MAAM;IAC/C;IAEA,IAAIC,WAAqB;QACvB,OAAO,IAAI,CAAC1B,KAAK,CAAC0B,QAAQ;IAC5B;IAEA,IAAIC,SAAiB;QACnB,OAAO,IAAI,CAAC3B,KAAK,CAAC2B,MAAM;IAC1B;IAEAC,YAAY;QACV,OAAOvD,MAAMwD,QAAQ,CAACC,OAAO,CAAC,IAAI,CAAC9B,KAAK,CAAC+B,QAAQ;IACnD;IAEAC,oBAAoB;QAClB,0CAA0C;QAC1C,IAAI,CAACL,MAAM,EAAEM,iBAAiB,UAAU,IAAI,CAACzB,iBAAiB,EAAE;IAClE;IAEA0B,uBAAuB;QACrB,IAAI,CAACC,uBAAuB,CAAC;QAC7B,IAAI,CAACR,MAAM,CAACS,mBAAmB,CAAC,UAAU,IAAI,CAAC5B,iBAAiB,EAAE;IACpE;IAEA6B,mBAAmBC,SAAuD,EAAE;QAC1E,4CAA4C;QAC5C,IAAI,IAAI,CAACtC,KAAK,CAACuC,YAAY,IAAI,IAAI,CAACvC,KAAK,CAACuC,YAAY,KAAKD,UAAUC,YAAY,EAAE;YACjF,IAAI,CAACC,UAAU,CAAC,IAAI,CAACxC,KAAK,CAACuC,YAAY;QACzC;QAEA,6CAA6C;QAC7C,IAAI,IAAI,CAACvC,KAAK,CAACyC,aAAa,IAAI,IAAI,CAACzC,KAAK,CAACyC,aAAa,KAAKH,UAAUG,aAAa,EAAE;YACpF,MAAMC,gBAAgB,IAAI,CAAC1C,KAAK,CAACc,aAAa,CAAC,IAAI,CAACd,KAAK,CAACyC,aAAa;YACvE,IAAI,CAACzC,KAAK,CAAC2C,OAAO;YAClB,IAAI,CAACC,oBAAoB,CAACF,eAAe;gBACvC,IAAIA,eAAe;oBACjB,IAAIA,cAAcG,YAAY,EAAE;wBAC9BH,cAAcG,YAAY,CAACC,KAAK,CAACC,eAAe,GAAG;oBACrD;oBACA,IAAI,CAACC,SAAS,CAACN;gBACjB;YACF;YAEA,IAAIA,eAAeG,cAAc;gBAC/BH,cAAcG,YAAY,CAACC,KAAK,CAACC,eAAe,GAAG,IAAI,CAAC/C,KAAK,CAACiD,UAAU,GACpE,CAAC,EAAE,IAAI,CAACzB,OAAO,CAAC,EAAE,CAAC,GACnB;gBACJ,IAAI,CAAC0B,gBAAgB,CAACR,eAAeA,cAAcS,UAAU;gBAC7D,IAAI,CAACC,cAAc,CAACV,eAAe;YACrC;QACF;QAEA,oBAAoB;QACpB,IAAI,IAAI,CAAC1C,KAAK,CAACqD,WAAW,IAAI,CAACf,UAAUe,WAAW,EAAE;YACpD,IAAI,CAAC9B,cAAc,GAAG,IAAI,CAACG,QAAQ,CAAC4B,aAAa;QACnD;QACA,IAAI,CAAC,IAAI,CAACtD,KAAK,CAACqD,WAAW,IAAI,CAAC,IAAI,CAACrD,KAAK,CAACuC,YAAY,IAAI,IAAI,CAAChB,cAAc,EAAE;YAC9E,IAAI,CAACA,cAAc,CAACgC,KAAK;YACzB,IAAI,CAAChC,cAAc,GAAG;QACxB;QAEA,IAAI,CAACY,uBAAuB,CAAC,CAAC,IAAI,CAACnC,KAAK,CAACqD,WAAW,IAAI,CAAC,IAAI,CAACrD,KAAK,CAACuC,YAAY;IAClF;IAEA,8BAA8B,GAC9BJ,wBAAwBqB,OAAgB,EAAE;QACxC,IAAI,IAAI,CAACrC,iBAAiB,KAAKqC,SAAS;YACtC;QACF;QACA,IAAI,CAACrC,iBAAiB,GAAGqC;QAEzB,IAAIA,SAAS;YACX,+CAA+C;YAC/C,oDAAoD;YACpD,IAAI,CAAC9B,QAAQ,CAAC+B,eAAe,CAACC,SAAS,CAACC,MAAM,CAAC;YAE/C,4EAA4E;YAC5E,2CAA2C;YAC3C,IAAI,CAAChC,MAAM,CAACS,mBAAmB,CAAC,aAAa,IAAI,CAACwB,YAAY,EAAE;gBAC9D,8EAA8E;gBAC9EC,SAAS;YACX;QACF,OAAO;YACL,iEAAiE;YACjE,+DAA+D;YAC/D,oDAAoD;YACpD,IAAI,CAACnC,QAAQ,CAAC+B,eAAe,CAACC,SAAS,CAACI,GAAG,CAAC;YAE5C,IAAI,CAACnC,MAAM,CAACM,gBAAgB,CAAC,aAAa,IAAI,CAAC2B,YAAY,EAAE;gBAC3DC,SAAS;YACX;QACF;IACF;IAEAD,eAAe,CAACG;QACd,IAAI,CAACA,OAAO;YACV,OAAO;QACT;QACA,MAAOA,MAAMC,aAAa,CAAE;YAC1BD,QAAQA,MAAMC,aAAa;QAC7B;QACA,IAAID,MAAME,cAAc,EAAE;YACxBF,MAAME,cAAc;QACtB;QACA,OAAO;IACT,EAAE;IAEFC,yBAAyB;QACvB,MAAMC,aAAa,IAAI,CAACnE,KAAK,CAACc,aAAa,CAAC,IAAI,CAACd,KAAK,CAACqD,WAAW;QAElE,IAAIc,YAAYC,SAAS,UAAUD,YAAYE,cAAc;YAC3D,MAAMC,iBAAiB;gBAAE,GAAGH,UAAU;YAAC;YACvCI,cAAcJ;YACd,MAAMK,oBAAoB;gBAAE,GAAGL,UAAU;YAAC;YAE1C,IAAIM,cAAc;YAElB,IAAIH,eAAeI,UAAU,KAAKF,kBAAkBE,UAAU,EAAE;gBAC9D,IAAIJ,eAAeK,cAAc,KAAKH,kBAAkBG,cAAc,EAAE;oBACtEF,cAAc;gBAChB;YACF,OAAO;gBACLA,cAAc;YAChB;YAEA,IAAIA,aAAa;gBACf,IAAI,CAACvB,gBAAgB,CAACiB,YAAYA,WAAWhB,UAAU;YACzD;QACF;IACF;IAEA3C,oBAAoB;QAClB,MAAM2D,aAAa,IAAI,CAACnE,KAAK,CAACc,aAAa,CAAC,IAAI,CAACd,KAAK,CAACqD,WAAW;QAElE,IAAIc,cAAcA,WAAWC,IAAI,KAAK,QAAQ;YAC5C,IAAI,IAAI,CAACpE,KAAK,CAACyC,aAAa,EAAE;gBAC5B,IAAI,CAACG,oBAAoB,CAACuB,YAAY;oBACpCS,sBAAsB,IAAM,IAAI,CAACV,sBAAsB;gBACzD;YACF,OAAO;gBACLU,sBAAsB,IAAM,IAAI,CAACV,sBAAsB;YACzD;QACF;IACF,EAAE;IAEFlB,UAAU,EAAEtC,EAAE,EAAE2D,YAAY,EAAoB,EAAE;QAChD,IACE,CAAC,IAAI,CAACrE,KAAK,CAAC6E,eAAe,IAC3BR,gBACA,CAACA,aAAaS,QAAQ,CAAC,IAAI,CAACpD,QAAQ,CAAC4B,aAAa,GAClD;YACAe,aAAad,KAAK;QACpB;QAEA,IAAI,CAACvD,KAAK,CAACgD,SAAS,CAACtC;IACvB;IAEA8B,WAAW9B,EAAU,EAAE;QACrB,wEAAwE;QACxE,IAAI,CAACqE,QAAQ,CAAC;YAAE7E,WAAW;QAAM;QAEjC,MAAMoE,iBAAiB,IAAI,CAACtE,KAAK,CAACc,aAAa,CAACJ;QAEhD,IAAI,CAAC4D,gBAAgB;YACnB5D,MAAMlB,KAAK,CAAC,4CAA4C,EAAEkB,GAAG,cAAc,CAAC,EAAE;YAC9E;QACF;QACA,IAAI,CAAC,IAAI,CAACT,KAAK,CAACG,cAAc,CAAC4E,MAAM,EAAE;YACrC,IAAI,CAACD,QAAQ,CAAC,CAACE,YAAe,CAAA;oBAC5B7E,gBAAgB;2BAAI6E,UAAU7E,cAAc;wBAAEM;qBAAG;gBACnD,CAAA;QACF;QACA,MAAMwE,iBAAiB,IAAI,CAAClF,KAAK,CAACc,aAAa,CAAC,IAAI,CAACd,KAAK,CAACqD,WAAW;QACtE,MAAM8B,aAAa,CAAC,CAACD,kBAAkBA,eAAed,IAAI,KAAK;QAE/D,MAAMgB,aAAa,CAAC,CAACd,kBAAkBA,eAAeF,IAAI,KAAK;QAC/D,IAAI,CAACxB,oBAAoB,CAAC0B,gBAAgB,IAAM,IAAI,CAACtE,KAAK,CAACqF,QAAQ,CAAC3E;QACpE,MAAM4E,gBACJF,cACAD,cACA,AAACb,CAAAA,eAAenB,UAAU,IAAI,CAAA,KAAO+B,CAAAA,gBAAgBP,kBAAkB,CAAA,KACvE,CAAC,IAAI,CAAC3E,KAAK,CAACuF,MAAM,GACd,AAACL,CAAAA,gBAAgBP,kBAAkB,CAAA,IAAK,KACxC;QACN,IAAI,CAACzB,gBAAgB,CAACoB,gBAAgBgB;QAEtC,IAAI,CAACJ,gBAAgB;YACnB,gCAAgC;YAChC,IAAI,CAAC9B,cAAc,CAACkB,gBAAgB;YACpC,IAAI,CAACS,QAAQ,CAAC;gBAAE3E,gBAAgB,EAAE;YAAC;YACnCkE,eAAenB,UAAU,GAAG7B;YAC5BgD,eAAeI,UAAU,GAAGpD;QAC9B,OAAO,IAAI4D,eAAexE,EAAE,IAAI,CAAC,IAAI,CAACT,KAAK,CAACG,cAAc,CAACoF,QAAQ,CAACN,eAAexE,EAAE,GAAG;YACtFwE,eAAe/B,UAAU,GAAG7B;YAC5B,IAAI,CAACyD,QAAQ,CAAC,CAACE,YAAe,CAAA;oBAC5B7E,gBAAgB;2BAAI6E,UAAU7E,cAAc;wBAAE8E,eAAexE,EAAE;qBAAE;gBACnE,CAAA;QACF;IACF;IAEA+E,cAAc,CAACC;QACb,IAAI,IAAI,CAAC1F,KAAK,CAACuC,YAAY,EAAE;YAC3B;QACF;QACA,MAAM4B,aAAa,IAAI,CAACnE,KAAK,CAACc,aAAa,CAAC,IAAI,CAACd,KAAK,CAACqD,WAAW;QAClE,IAAI,CAACc,YAAY;YACf;QACF;QAEA,IAAIA,WAAWC,IAAI,KAAK,QAAQ;YAC9B,OAAO,IAAI,CAACuB,eAAe,CAACD,GAAGvB;QACjC;QAEA,IAAIA,WAAWC,IAAI,KAAK,QAAQ;YAC9B,OAAO,IAAI,CAACwB,eAAe,CAACF,GAAGvB;QACjC;IACF,EAAE;IAEFwB,gBAAgB5B,KAAiB,EAAEI,UAA4B,EAAE;QAC/D,MAAM,EAAE0B,MAAM,EAAE7B,aAAa,EAAE,GAAGD;QAClC,MAAM+B,SAAS9B,cAAc8B,MAAM;QAEnC,IAAI,CAAC/B,MAAMgC,GAAG,EAAE;YACd,IAAI,IAAI,CAAC3E,WAAW,CAAC4E,OAAO,EAAElB,SAASgB,SAAS;gBAC9C9B,cAAcC,cAAc;YAC9B;YACA;QACF;QAEA,IAAI,CAACE,WAAWtB,YAAY,EAAEiC,SAASgB,SAAS;YAC9C,OAAO9B,cAAcC,cAAc;QACrC;QAEAD,cAAciC,eAAe;QAE7B,MAAM,EAAEvB,UAAU,EAAEwB,eAAe,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGjC;QAE7D,IAAI,CAAC,IAAI,CAAClE,KAAK,CAACC,SAAS,EAAE;YACzBiE,WAAWkC,0BAA0B,GAAGlC,WAAWmC,cAAc,EAAEC,aAAa;YAChF,IAAI,CAACxB,QAAQ,CAAC;gBAAE7E,WAAW;YAAK;QAClC;QAEA,IAAIgG,iBAAiB;YACnB;QACF;QAEA,IAAI/B,WAAWqC,iBAAiB,KAAK,MAAM;YACzCrC,WAAWqC,iBAAiB,GAAGX,SAAS;QAC1C;QAEA,IACE,CAAC1B,WAAWO,UAAU,IACtByB,aACCC,YAAYjC,WAAWqC,iBAAiB,IAAIrC,WAAWkC,0BAA0B,KAAK,KACvFlC,WAAWsC,aAAa,EAAE3B,SAASgB,SACnC;YACA9B,cAAcC,cAAc;YAE5B,IAAI,AAAC,CAACS,cAAcmB,SAAS,KAAM,CAAC,IAAI,CAAClE,MAAM,EAAE;gBAC/C;YACF;YAEA,CAAC,IAAI,CAAC1B,KAAK,CAACE,QAAQ,IAAI,IAAI,CAAC4E,QAAQ,CAAC;gBAAE5E,UAAU;YAAK;YAEvD,MAAMuG,gBAAgB,AAACb,SAAS,IAAI,CAAClE,MAAM,CAACgF,WAAW,GAAI;YAC3D,MAAMC,gBAAgB9H,OAAO4H,eAAe,IAAI,KAAK,IAAI,CAAC1G,KAAK,CAACyB,QAAQ,KAAK;YAE7E0C,WAAW0C,kBAAkB,GAAGH;YAChCvC,WAAW2C,iBAAiB,GAAGlH,eAAe,AAACuE,CAAAA,WAAWhB,UAAU,IAAI,CAAA,IAAKyD;YAE7E,IAAI,CAAC1D,gBAAgB,CAACiB,YAAYA,WAAW2C,iBAAiB;YAC9D,IAAI,CAAC1D,cAAc,CAACe;QACtB;IACF;IAEAyB,gBAAgB7B,KAAiB,EAAEI,UAA4B,EAAE;QAC/D,MAAM,EAAEH,aAAa,EAAE6B,MAAM,EAAE,GAAG9B;QAClC,MAAM+B,SAAS9B,cAAc8B,MAAM;QACnC,IAAI3B,WAAWtB,YAAY,EAAEiC,SAASgB,SAAS;YAC7C,IAAI,CAAC,IAAI,CAAC7F,KAAK,CAACC,SAAS,EAAE;gBACzB,IAAI,CAAC6E,QAAQ,CAAC;oBAAE7E,WAAW;oBAAMC,UAAU;gBAAK;YAClD;YAEA,MAAMuG,gBAAgB,AAACb,SAAS1B,WAAWtB,YAAY,CAACkE,YAAY,GAAI;YACxE,MAAMH,gBAAgB9H,OAAO4H,eAAe,IAAI,KAAK,IAAI,CAAC1G,KAAK,CAACyB,QAAQ,KAAK;YAE7E0C,WAAW0C,kBAAkB,GAAGH;YAChCvC,WAAW2C,iBAAiB,GAAGE,KAAKC,GAAG,CAAC,GAAG,AAAC9C,CAAAA,WAAWhB,UAAU,IAAI,CAAA,IAAKyD;YAE1E,IAAI,CAAC1D,gBAAgB,CAACiB,YAAYA,WAAW2C,iBAAiB;YAC9D,IAAI,CAAC1D,cAAc,CAACe;QACtB;IACF;IAEA+C,aAAa,CAACxB;QACZ,MAAMvB,aAAa,IAAI,CAACnE,KAAK,CAACc,aAAa,CAAC,IAAI,CAACd,KAAK,CAACqD,WAAW;QAElE,IAAIc,YAAYC,SAAS,QAAQ;YAC/B,OAAO,IAAI,CAAC+C,cAAc,CAACzB,GAAGvB;QAChC;QAEA,IAAIA,YAAYC,SAAS,QAAQ;YAC/B,OAAO,IAAI,CAACgD,cAAc,CAAC1B,GAAGvB;QAChC;IACF,EAAE;IAEFgD,eAAepD,KAAiB,EAAEI,UAA4B,EAAE;QAC9D,MAAM,EAAEkD,MAAM,EAAExB,MAAM,EAAE,GAAG9B;QAE3BI,WAAW+B,eAAe,GAAG;QAC7B/B,WAAWqC,iBAAiB,GAAG;QAE/B,IAAIc;QAEJ,IAAI,IAAI,CAACrH,KAAK,CAACE,QAAQ,IAAI,IAAI,CAACwB,MAAM,EAAE;YACtC,MAAM4F,mBAAmB,AAAEF,CAAAA,SAASxB,MAAK,IAAK,IAAI,CAAClE,MAAM,CAACgF,WAAW,GAAI;YAEzE,IAAIxD,aAAagB,WAAW2C,iBAAiB,IAAI;YACjD,MAAMU,mBACJ,AAACrE,aAAaY,MAAM0D,QAAQ,GAC5B,MACA,MACC,CAAA,AAACtD,CAAAA,WAAW0C,kBAAkB,IAAI,CAAA,IAAK,IAAI,CAAC,IAAI,CAAA;YACnD1D,aAAavD,eAAeuD,aAAaqE;YAEzC,IAAIrD,WAAWuD,cAAc,KAAK,KAAK;gBACrC,IAAIjI,cAAc0D,YAAYgB,WAAWwD,aAAa,GAAG;oBACvDxE,aAAagB,WAAWwD,aAAa,EAAE,CAAC,EAAE,IAAI;gBAChD,OAAO,IAAIlI,cAAc0D,YAAYgB,WAAWyD,cAAc,GAAG;oBAC/DzE,aAAagB,WAAWQ,cAAc,IAAI;gBAC5C,OAAO,IAAIlF,cAAc0D,YAAYgB,WAAW0D,WAAW,GAAG;oBAC5D1E,aAAagB,WAAW2D,YAAY,GAAG3D,WAAWQ,cAAc,IAAI,IAAI;gBAC1E,OAAO;oBACLxB,aAAagB,WAAWQ,cAAc,IAAI;gBAC5C;YACF,OAAO;gBACL,IAAIlF,cAAc0D,YAAY;oBAAC;oBAAG;iBAAG,GAAG;oBACtCA,aAAa;gBACf,OAAO;oBACLA,aAAagB,WAAW2D,YAAY,GAAG3D,WAAWQ,cAAc,IAAI,IAAI;gBAC1E;YACF;YAEA,IAAIxB,eAAe,OAAOoE,oBAAoB,MAAM,CAACpD,WAAW2D,YAAY,EAAE;gBAC5E3E,aAAa;YACf;YAEAgB,WAAWhB,UAAU,GAAGA;YACxBgB,WAAW2C,iBAAiB,GAAG3D;YAC/BgB,WAAWgC,SAAS,GAAG1G,cAAc0D,YAAYgB,WAAWyD,cAAc;YAC1EzD,WAAWiC,QAAQ,GAAGjD,eAAe;YACrCgB,WAAW4D,MAAM,GAAG5E,eAAe;YAEnC,IAAIgB,WAAW4D,MAAM,EAAE;gBACrB,IAAI,CAAC/H,KAAK,CAACgB,MAAM;YACnB;YAEAsG,mBAAmB;gBACjB,IAAI,CAACnD,WAAW4D,MAAM,EAAE;oBACtB,IAAI,CAAC7E,gBAAgB,CAACiB,YAAYA,WAAWhB,UAAU;gBACzD;gBAEA,IAAI,CAACC,cAAc,CAACe;YACtB;QACF;QAEA,IAAI,CAACY,QAAQ,CACX;YACE7E,WAAW;YACXC,UAAU;QACZ,GACAmH;IAEJ;IAEAF,eAAe,EAAEK,QAAQ,EAAc,EAAEtD,UAA4B,EAAE;QACrE,IAAImD;QAEJ,IAAI,IAAI,CAACrH,KAAK,CAACE,QAAQ,EAAE;YACvB,IAAIgD,aAAagB,WAAW2C,iBAAiB,IAAI;YAEjD,MAAMU,mBACJ,AAACrE,aAAasE,WAAY,MAAM,MAAO,CAAA,AAACtD,CAAAA,WAAW0C,kBAAkB,IAAI,CAAA,IAAK,IAAI,CAAC,IAAI,CAAA;YACzF1D,aAAa6D,KAAKC,GAAG,CAAC,GAAG9D,aAAaqE;YAEtC,IAAIrE,cAAc,IAAI;gBACpBA,aAAa;YACf,OAAO;gBACLA,aAAa;YACf;YAEAgB,WAAWhB,UAAU,GAAGA;YACxBgB,WAAW4D,MAAM,GAAG5E,eAAe;YAEnC,IAAIgB,WAAW4D,MAAM,EAAE;gBACrB,IAAI,CAAC/H,KAAK,CAACgB,MAAM;YACnB;YAEAsG,mBAAmB;gBACjB,IAAI,CAACnD,WAAW4D,MAAM,EAAE;oBACtB,IAAI,CAAC7E,gBAAgB,CAACiB,YAAYA,WAAWhB,UAAU;gBACzD;gBAEA,IAAI,CAACC,cAAc,CAACe;YACtB;QACF;QAEA,IAAI,CAACY,QAAQ,CACX;YACE7E,WAAW;YACXC,UAAU;QACZ,GACAmH;IAEJ;IAEAU,WAAW,CAACtC;QACV,MAAMrC,cAAc,IAAI,CAACrD,KAAK,CAACqD,WAAW;QAE1C,MAAMyC,SAASJ,EAAEI,MAAM;QAEvB,IAAI,CAACzC,aAAa;YAChB;QACF;QACA,MAAMc,aAAa,IAAI,CAACnE,KAAK,CAACc,aAAa,CAACuC;QAC5C,IAAIc,YAAYC,SAAS,UAAUD,YAAYmC,gBAAgBxB,SAASgB,SAAS;YAC/E3B,WAAW+B,eAAe,GAAG;YAE7B,IAAI/B,WAAW8D,wBAAwB,EAAE;gBACvCC,aAAa/D,WAAW8D,wBAAwB;YAClD;YAEA9D,WAAW8D,wBAAwB,GAAGE,WAAW;gBAC/C,IAAIhE,WAAW+B,eAAe,EAAE;oBAC9B/B,WAAW+B,eAAe,GAAG;gBAC/B;YACF,GAAG;QACL;IACF,EAAE;IAEFtD,qBAAqBuB,UAAwC,EAAEiE,YAAwB,EAAE;QACvF,IAAIvJ,gBAAgBwJ,SAAS,EAAE;YAC7B,MAAMC,cAAc;gBAClBnE,YAAYtB,cAAcT,oBAAoBvD,gBAAgB0J,IAAI,EAAYD;gBAC9EF;YACF;YAEAjE,YAAYtB,cAAcZ,iBAAiBpD,gBAAgB0J,IAAI,EAAYD;QAC7E,OAAO;YACLH,WAAWC,cAAc,IAAI,CAAC5G,OAAO;QACvC;IACF;IAEA;;;;;GAKC,GACD0B,iBAAiBiB,UAA4B,EAAEqE,OAA2B,EAAE;QAC1E,MAAMC,UAAU,CAAC,qBAAqB,EAAEtE,WAAWzD,EAAE,CAAC,CAAC;QAEvDgI,qBAAqB,IAAI,CAACxH,QAAQ,CAACuH,QAAQ;QAE3C,IAAI,CAACvH,QAAQ,CAACuH,QAAQ,GAAG7D,sBAAsB;YAC7ChG,kBAAkBuF,WAAWtB,YAAY,EAAE,CAAC,eAAe,EAAE2F,QAAQ,KAAK,CAAC;QAC7E;IACF;IAEA,0DAA0D,GAC1DpF,eAAee,UAA4B,EAAEwE,eAA8B,IAAI,EAAE;QAC/E,IAAIA,iBAAiB,QAAQ,IAAI,CAAC3I,KAAK,CAAC4I,OAAO,EAAE,CAAC,EAAE,KAAKzE,WAAWzD,EAAE,EAAE;YACtE;QACF;QACA,IAAI,IAAI,CAACW,kBAAkB,EAAE;YAC3BqH,qBAAqB,IAAI,CAACrH,kBAAkB;QAC9C;QACA,IAAI,CAACA,kBAAkB,GAAGuD,sBAAsB;YAC9C,IAAI,IAAI,CAACvE,cAAc,CAAC2F,OAAO,EAAE;gBAC/B,MAAM,EAAE7C,aAAa,CAAC,EAAE2D,oBAAoB,CAAC,EAAE,GAAG3C;gBAElD,MAAM0E,UACJF,iBAAiB,OACb,IAAI,AAAC7B,CAAAA,oBAAoB3D,UAAS,IAAM,CAAA,MAAMA,UAAS,KAAM,IAC7DwF;gBACN,IAAI,CAACtI,cAAc,CAAC2F,OAAO,CAAClD,KAAK,CAAC+F,OAAO,GAAGtK,MAAMsK,SAAS,GAAG,KAAKC,QAAQ;gBAC3E,IAAI,CAACzI,cAAc,CAAC2F,OAAO,CAAClD,KAAK,CAACC,eAAe,GAC/C8F,WAAW,IAAI,CAAC7I,KAAK,CAACiD,UAAU,GAAG,CAAC,EAAE,IAAI,CAACzB,OAAO,CAAC,EAAE,CAAC,GAAG;YAC7D;QACF;IACF;IAEAuH,SAAS;QACP,MAAM,EAAE1F,WAAW,EAAEd,YAAY,EAAEE,aAAa,EAAEuG,kBAAkB,EAAE,GAAG,IAAI,CAAChJ,KAAK;QACnF,MAAM,EAAEE,SAAS,EAAEC,QAAQ,EAAE,GAAG,IAAI,CAACF,KAAK;QAE1C,IAAI,CAACoD,eAAe,CAACd,cAAc;YACjC,OAAO;QACT;QAEA,qBACE,KAACpD,iBAAiB8J,QAAQ;YAACC,OAAO;sBAChC,cAAA,KAAC9J,iBAAiB6J,QAAQ;gBAACC,OAAO,IAAI,CAAC3I,gBAAgB;0BACrD,cAAA,MAACrB;oBACCiK,WAAW7K,WACTiB,MAAM,CAAC,YAAY,EACnB,IAAI,CAACS,KAAK,CAACoJ,cAAc,EAAEC,6BACzB9J,MAAM,CAAC,2CAA2C,EACpDW,aACE5B,WAAWiB,MAAM,CAAC,qBAAqB,EAAE,mCAC3C,CAAC,CAAEkD,CAAAA,iBAAiBF,YAAW,KAC7BjE,WAAWiB,MAAM,CAAC,uBAAuB,EAAE;oBAE/C+J,QAAQ,IAAI,CAAC7D,WAAW;oBACxB8D,OAAO,IAAI,CAACrC,UAAU;oBACtBc,UAAU,IAAI,CAACA,QAAQ;;sCAEvB,KAACwB;4BACCC,eAAaT;4BACbG,WAAW5J,MAAM,CAAC,kBAAkB;4BACpCmK,SAAS,IAAI,CAAC1J,KAAK,CAACgB,MAAM;4BAC1B2I,KAAK,IAAI,CAACtJ,cAAc;;sCAE1B,KAACmJ;4BAAIL,WAAW5J,MAAM,CAAC,sBAAsB;4BAAEoK,KAAK,IAAI,CAACvI,WAAW;sCACjE,IAAI,CAACQ,SAAS,GAAGgI,GAAG,CAAC,CAACC;gCACrB,MAAMC,UAAUnL,SAASkL,MAAM7J,KAAK,EAAER;gCACtC,MAAMuK,cAAc,IAAI,CAAC/J,KAAK,CAACc,aAAa,CAACgJ;gCAC7C,IAAI,AAACA,YAAYzG,eAAeyG,YAAYvH,gBAAiB,CAACwH,aAAa;oCACzE,OAAO;gCACT;gCACA,MAAM5F,aAAa;oCAAE,GAAG4F,WAAW;gCAAC;gCAEpC,MAAMC,SAAS7F,WAAWC,IAAI,KAAK;gCACnC,MAAM6F,MAAM,CAAC,MAAM,EAAEH,QAAQ,CAAC;gCAE9B,qBACE,KAAC7K;oCAEC8B,SAAS,IAAI,CAACf,KAAK,CAACgB,MAAM;oCAC1BQ,SAAS,IAAI,CAACA,OAAO;oCACrB2H,WAAW7K,WACTiB,MAAM,CAAC,mBAAmB,EAE1BY,YAAY,0CAEZ6J,UAAU7F,WAAWO,UAAU,IAAI,4CACnCsF,UAAU7F,WAAWgC,SAAS,IAAI;oCAEpC+D,cAAc;8CAEbL;mCAbII;4BAgBX;;;;;;IAMZ;AACF;AAEA,OAAO,MAAME,iBAAiB3L,YAC5BC,aACEC,QAA+BY,iBAAiB8K,WAAWvK,4BAE7Db,uBACA,kBACA;AAEF;;CAEC,GACD,SAASoL,UAAUjG,UAA4B;IAC7C,OAAQA,WAAWC,IAAI;QACrB,KAAK;YACHD,WAAWuD,cAAc,GAAGvD,WAAWuD,cAAc,IAAIrI;YACzD,OAAOkF,cAAcJ;QACvB,KAAK;YACH,OAAOkG,cAAclG;QACvB;YACEmG,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACvBhL,KAAK,CAAC,kCAAkC,EAAE2E,WAAWC,IAAI,CAAC,mBAAmB,CAAC,EAAE;IACtF;AACF;AAEA,SAASG,cAAcJ,UAA4B;IACjD,MAAM,EAAEmC,cAAc,EAAEmE,WAAW,EAAE,GAAGtG;IACxC,MAAMuG,uBAAuBC,4BAC3BrE,gBAAgBsE,mBAChBzG,WAAWO,UAAU;IAEvB,MAAMmG,oBAAoBJ,aAAa1D,gBAAgB;IACvD,MAAM+D,gBAAgBJ,uBAAuBG;IAC7C,IAAIE,iBAAiB5G,WAAWhB,UAAU;IAC1C,IAAI6H,iBAAiB7G,WAAWO,UAAU;IAE1CP,WAAWO,UAAU,GACnBoG,gBAAiBxE,CAAAA,gBAAgB2E,gBAAgB,CAAA,KAAM9G,WAAWuD,cAAc,KAAK;IAEvF,IAAIvB,YAAY;IAChB,IAAIC,WAAW;IACf,IAAIzB;IACJ,IAAIxB;IACJ,IAAIwE;IACJ,IAAIC;IACJ,IAAIC;IAEJ,MAAMqD,oBAAoBC,QAAQhH,WAAWO,UAAU,IAAIP,WAAWuD,cAAc,KAAK;IACzF,IAAIvD,WAAWO,UAAU,EAAE;QACzBC,iBAAiB,MAAOR,CAAAA,WAAWuD,cAAc,IAAI,CAAA;QAErD,MAAM0D,YAAYzG,iBAAiB;QACnC,MAAM0G,cAAc,MAAM1G;QAE1BgD,gBAAgB;YAAC;YAAGyD;SAAU;QAC9BxD,iBAAiBsD,oBAAoB;YAACE;YAAWzG,iBAAiB0G,cAAc;SAAE,GAAG/J;QACrFuG,cAAc;YAAClD,iBAAiB0G,cAAc;YAAG;SAAI;QAErDlF,YAAY+E,qBAAqBvG,iBAAiB;QAClDyB,WAAWzB,kBAAkB;QAC7BxB,aAAawB;IACf,OAAO;QACL,MAAM2G,eAAenH,WAAWsC,aAAa,EAAEM,gBAAgB;QAC/D,MAAMwE,SAAST,gBAAgBQ;QAE/B3G,iBACE,MAAM,AAAC4G,SAAUpH,CAAAA,WAAWtB,YAAY,EAAE2I,eAAezE,gBAAgB,CAAA,IAAM;QACjF5D,aAAawB;QAEbgD,gBAAgB;YAACxE;YAAYA,aAAa;SAAG;QAC7CyE,iBAAiBtG;QACjBuG,cAAc;YAAC1E,aAAa;YAAIA,aAAa;SAAI;IACnD;IAEA,4GAA4G;IAC5G,MAAMsI,eAAeT,kBAAkB7G,WAAWO,UAAU;IAC5D,8GAA8G;IAC9G,IAAI,AAAC+G,gBAAgBtI,aAAc4H,CAAAA,kBAAkB,GAAE,KAAO5G,WAAWuD,cAAc,KAAK,KAAK;QAC/FvE,aAAa;IACf;IAEA,gDAAgD;IAChD,IAAIA,eAAe,GAAG;QACpBiD,WAAW;QACXD,YAAY;IACd;IAEAhC,WAAWwD,aAAa,GAAGA;IAC3BxD,WAAWyD,cAAc,GAAGA;IAC5BzD,WAAW0D,WAAW,GAAGA;IACzB1D,WAAWhB,UAAU,GAAGA;IACxBgB,WAAWQ,cAAc,GAAGA;IAC5BR,WAAWgC,SAAS,GAAGA;IACvBhC,WAAWiC,QAAQ,GAAGA;AACxB;AAEA,SAASiE,cAAclG,UAA4B;IACjDA,WAAWhB,UAAU,GAAG;AAC1B;AAEA,SAASwH,4BACPe,OAAoB,EACpBC,YAA4C;IAE5C,IAAI,CAACA,cAAc;QACjB,OAAOD,QAAQE,YAAY;IAC7B;IAEA;;;;KAIG,GACH,MAAMC,qBAAqBH,QAAQ5I,KAAK,CAACyI,MAAM;IAC/CG,QAAQ5I,KAAK,CAACyI,MAAM,GAAG;IAEvB,MAAMO,gBAAgBJ,QAAQE,YAAY;IAC1CF,QAAQ5I,KAAK,CAACyI,MAAM,GAAGM;IAEvB,OAAOC;AACT"}

package/dist/cssm/components/ModalRoot/ModalRootAdaptive.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { ModalRootProps } from './types';
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalRoot
  */
-export declare const ModalRoot: (props: ModalRootProps) => React.JSX.Element;
+export declare const ModalRoot: (props: ModalRootProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ModalRootAdaptive.d.ts.map

package/dist/cssm/components/ModalRoot/ModalRootAdaptive.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalRootAdaptive.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,~~KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,~~EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;GAEG;AACH,eAAO,MAAM,SAAS,UAAW,cAAc,~~sBAQ9C~~,CAAC"}
1	+ {"version":3,"file":"ModalRootAdaptive.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;GAEG;AACH,eAAO,MAAM,SAAS,UAAW,cAAc,4CAQ9C,CAAC"}

package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
 import { useScrollLock } from '../AppRoot/ScrollContext';
 import { ModalRootTouch } from './ModalRoot';
@@ -9,7 +9,9 @@ import { ModalRootDesktop } from './ModalRootDesktop';
     const { isDesktop } = useAdaptivityWithJSMediaQueries();
     useScrollLock(!!props.activeModal);
     const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;
-    return /*#__PURE__*/ React.createElement(RootComponent, props);
+    return /*#__PURE__*/ _jsx(RootComponent, {
+        ...props
+    });
 };
 //# sourceMappingURL=ModalRootAdaptive.js.map

package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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';\nimport { ModalRootProps } from './types';\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":["~~React","~~useAdaptivityWithJSMediaQueries","useScrollLock","ModalRootTouch","ModalRootDesktop","ModalRoot","props","isDesktop","activeModal","RootComponent"],"mappings":"AAAA,~~YAAYA,WAAW,QAAQ;AAC/B,SAASC~~,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,cAAc,QAAQ,cAAc;AAC7C,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;;CAEC,GACD,OAAO,MAAMC,YAAY,CAACC;IACxB,MAAM,EAAEC,SAAS,EAAE,GAAGN;IAEtBC,cAAc,CAAC,CAACI,MAAME,WAAW;IAEjC,MAAMC,gBAAgBF,YAAYH,mBAAmBD;IAErD,qBAAO,~~oBAACM,eAAkBH~~;~~AAC5B~~,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"sourcesContent":["import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { ModalRootTouch } from './ModalRoot';\nimport { ModalRootDesktop } from './ModalRootDesktop';\nimport { ModalRootProps } from './types';\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":["useAdaptivityWithJSMediaQueries","useScrollLock","ModalRootTouch","ModalRootDesktop","ModalRoot","props","isDesktop","activeModal","RootComponent"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";AAAA,SAASA,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,cAAc,QAAQ,cAAc;AAC7C,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;;CAEC,GACD,OAAO,MAAMC,YAAY,CAACC;IACxB,MAAM,EAAEC,SAAS,EAAE,GAAGN;IAEtBC,cAAc,CAAC,CAACI,MAAME,WAAW;IAEjC,MAAMC,gBAAgBF,YAAYH,mBAAmBD;IAErD,qBAAO,KAACM;QAAe,GAAGH,KAAK;;AACjC,EAAE"}

package/dist/cssm/components/ModalRoot/ModalRootContext.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ type ModalRefs = {
 };
 export interface ModalRootContextInterface {
     updateModalHeight: VoidFunction;
-    registerModal(data: ModalRegistryEntry): void;
+    registerModal: (data: ModalRegistryEntry) => void;
     onClose?: VoidFunction;
     isInsideModal: boolean;
 }

package/dist/cssm/components/ModalRoot/ModalRootContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalRootContext.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/ModalRootContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK,SAAS,GAAG;KAAG,CAAC,IAAI,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI;CAAE,CAAC;AAE/E,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,EAAE,YAAY,CAAC;IAChC,aAAa,CAAC,IAAI,EAAE,kBAAkB,~~GAAG~~,IAAI,CAAC;~~IAC9C~~,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,0CAI3B,CAAC;AAEH;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,SAAS;;EAwBvE"}
1	+ {"version":3,"file":"ModalRootContext.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/ModalRootContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK,SAAS,GAAG;KAAG,CAAC,IAAI,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI;CAAE,CAAC;AAE/E,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,EAAE,YAAY,CAAC;IAChC,aAAa,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,0CAI3B,CAAC;AAEH;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,SAAS;;EAwBvE"}

package/dist/cssm/components/ModalRoot/ModalRootContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 bottomInset: (e) => (elements.bottomInset = e),\n }).current;\n return { refs };\n}\n"],"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","bottomInset"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,sCAAsC;AAahF,OAAO,MAAMC,iCAAmBF,MAAMG,aAAa,CAA4B;IAC7EC,mBAAmB,IAAMC;IACzBC,eAAe,IAAMD;IACrBE,eAAe;AACjB,GAAG;AAEH;;CAEC,GACD,OAAO,SAASC,iBAAiBC,EAAsB,EAAEC,IAAe;IACtE,MAAMC,eAAeX,MAAMY,UAAU,CAACV;IACtC,MAAMW,WAAWb,MAAMc,MAAM,CAAgB,CAAC,GAAGC,OAAO;IACxDd,0BAA0B;QACxB,IAAIQ,OAAOJ,WAAW;YACpBM,aAAaL,aAAa,CAAC;gBAAE,GAAGO,QAAQ;gBAAEH;gBAAMD;YAAG;YACnD,yCAAyC;YACzC,MAAMO,QAAQC,OAAOC,IAAI,CAACL,UAAUM,MAAM,CACxC,CAACC,KAAKC,IAAO,CAAA;oBAAE,GAAGD,GAAG;oBAAE,CAACC,EAAE,EAAE;gBAAK,CAAA,GACjC;gBAAEX;gBAAMD;YAAG;YAEb,OAAO,IAAME,aAAaL,aAAa,CAACU;QAC1C;QACA,OAAOX;IACT,GAAG,EAAE;IAEL,MAAMiB,OAAOtB,MAAMc,MAAM,CAAsB;QAC7CS,cAAc,CAACC,IAAOX,SAASU,YAAY,GAAGC;QAC9CC,cAAc,CAACD,IAAOX,SAASY,YAAY,GAAGD;QAC9CE,eAAe,CAACF,IAAOX,SAASa,aAAa,GAAGF;QAChDG,gBAAgB,CAACH,IAAOX,SAASc,cAAc,GAAGH;QAClDI,aAAa,CAACJ,IAAOX,SAASe,WAAW,GAAGJ;IAC9C,GAAGT,OAAO;IACV,OAAO;QAAEO;IAAK;AAChB"}
1	+ {"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 bottomInset: (e) => (elements.bottomInset = e),\n }).current;\n return { refs };\n}\n"],"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","bottomInset"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,sCAAsC;AAahF,OAAO,MAAMC,iCAAmBF,MAAMG,aAAa,CAA4B;IAC7EC,mBAAmB,IAAMC;IACzBC,eAAe,IAAMD;IACrBE,eAAe;AACjB,GAAG;AAEH;;CAEC,GACD,OAAO,SAASC,iBAAiBC,EAAsB,EAAEC,IAAe;IACtE,MAAMC,eAAeX,MAAMY,UAAU,CAACV;IACtC,MAAMW,WAAWb,MAAMc,MAAM,CAAgB,CAAC,GAAGC,OAAO;IACxDd,0BAA0B;QACxB,IAAIQ,OAAOJ,WAAW;YACpBM,aAAaL,aAAa,CAAC;gBAAE,GAAGO,QAAQ;gBAAEH;gBAAMD;YAAG;YACnD,yCAAyC;YACzC,MAAMO,QAAQC,OAAOC,IAAI,CAACL,UAAUM,MAAM,CACxC,CAACC,KAAKC,IAAO,CAAA;oBAAE,GAAGD,GAAG;oBAAE,CAACC,EAAE,EAAE;gBAAK,CAAA,GACjC;gBAAEX;gBAAMD;YAAG;YAEb,OAAO,IAAME,aAAaL,aAAa,CAACU;QAC1C;QACA,OAAOX;IACT,GAAG,EAAE;IAEL,MAAMiB,OAAOtB,MAAMc,MAAM,CAAsB;QAC7CS,cAAc,CAACC,IAAOX,SAASU,YAAY,GAAGC;QAC9CC,cAAc,CAACD,IAAOX,SAASY,YAAY,GAAGD;QAC9CE,eAAe,CAACF,IAAOX,SAASa,aAAa,GAAGF;QAChDG,gBAAgB,CAACH,IAAOX,SAASc,cAAc,GAAGH;QAClDI,aAAa,CAACJ,IAAOX,SAASe,WAAW,GAAGJ;IAC9C,GAAGT,OAAO;IACV,OAAO;QAAEO;IAAK;AAChB"}

package/dist/cssm/components/ModalRoot/ModalRootDesktop.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ModalRootWithDOMProps } from './types';
-export declare const ModalRootDesktop: ({ activeModal: activeModalProp, children, noFocusToDialog, onOpen, onOpened, onClose, onClosed, modalOverlayTestId, }: ModalRootWithDOMProps) => React.JSX.Element | null;
+export declare const ModalRootDesktop: ({ activeModal: activeModalProp, children, noFocusToDialog, onOpen, onOpened, onClose, onClosed, modalOverlayTestId, }: ModalRootWithDOMProps) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=ModalRootDesktop.d.ts.map

package/dist/cssm/components/ModalRoot/ModalRootDesktop.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalRootDesktop.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,~~KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,~~EAAE,qBAAqB,EAAoB,MAAM,SAAS,CAAC;AAMlE,eAAO,MAAM,gBAAgB,0HAS1B,qBAAqB,~~6BAwMvB~~,CAAC"}
1	+ {"version":3,"file":"ModalRootDesktop.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,qBAAqB,EAAoB,MAAM,SAAS,CAAC;AAMlE,eAAO,MAAM,gBAAgB,0HAS1B,qBAAqB,mDAwMvB,CAAC"}

package/dist/cssm/components/ModalRoot/ModalRootDesktop.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { classNames, noop } from '@vkontakte/vkjs';
 import { clamp } from '../../helpers/math';
@@ -132,31 +133,37 @@ export const ModalRootDesktop = ({ activeModal: activeModalProp, children, noFoc
     if (!activeModal && !exitingModal) {
         return null;
     }
-    return /*#__PURE__*/ React.createElement(ModalRootContext.Provider, {
-        value: modalRootContext
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: classNames(styles['ModalRoot'], hasCustomPanelHeaderAfter && styles['ModalRoot--hasCustomPanelHeaderAfterSlot'], styles['ModalRoot--desktop'])
-    }, /*#__PURE__*/ React.createElement("div", {
-        "data-testid": modalOverlayTestId,
-        className: styles['ModalRoot__mask'],
-        ref: maskElementRef,
-        onClick: onExit
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: styles['ModalRoot__viewport']
-    }, modals.map((Modal)=>{
-        const modalId = getNavId(Modal.props, warn);
-        if (modalId !== activeModal && modalId !== exitingModal) {
-            return null;
-        }
-        const key = `modal-${modalId}`;
-        return /*#__PURE__*/ React.createElement(FocusTrap, {
-            restoreFocus: false,
-            onClose: onExit,
-            timeout: timeout,
-            key: key,
-            className: styles['ModalRoot__modal']
-        }, Modal);
-    }))));
+    return /*#__PURE__*/ _jsx(ModalRootContext.Provider, {
+        value: modalRootContext,
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: classNames(styles['ModalRoot'], hasCustomPanelHeaderAfter && styles['ModalRoot--hasCustomPanelHeaderAfterSlot'], styles['ModalRoot--desktop']),
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    "data-testid": modalOverlayTestId,
+                    className: styles['ModalRoot__mask'],
+                    ref: maskElementRef,
+                    onClick: onExit
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: styles['ModalRoot__viewport'],
+                    children: modals.map((Modal)=>{
+                        const modalId = getNavId(Modal.props, warn);
+                        if (modalId !== activeModal && modalId !== exitingModal) {
+                            return null;
+                        }
+                        const key = `modal-${modalId}`;
+                        return /*#__PURE__*/ _jsx(FocusTrap, {
+                            restoreFocus: false,
+                            onClose: onExit,
+                            timeout: timeout,
+                            className: styles['ModalRoot__modal'],
+                            children: Modal
+                        }, key);
+                    })
+                })
+            ]
+        })
+    });
 };
 //# sourceMappingURL=ModalRootDesktop.js.map

package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\nimport { ModalRootWithDOMProps, ModalsStateEntry } from './types';\nimport { useModalManager } from './useModalManager';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nexport const ModalRootDesktop = ({\n activeModal: activeModalProp,\n children,\n noFocusToDialog = false,\n onOpen,\n onOpened,\n onClose,\n onClosed,\n modalOverlayTestId,\n}: ModalRootWithDOMProps) => {\n const maskElementRef = React.useRef<HTMLDivElement>(null);\n const maskAnimationFrame = React.useRef<number \| undefined>(undefined);\n const restoreFocusTo = React.useRef<HTMLElement \| undefined>(undefined);\n\n const { document } = useDOM();\n const { hasCustomPanelHeaderAfter, platform } = useConfigProvider();\n const {\n activeModal,\n exitingModal,\n onExit,\n getModalState,\n enteringModal,\n onEnter,\n onEntered: onEnteredProp,\n onExited,\n history,\n delayEnter,\n } = useModalManager(activeModalProp, children, onOpen, onOpened, onClose, onClosed, noop);\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n const prevProps = usePrevious({\n exitingModal,\n enteringModal,\n activeModal,\n });\n const modalRootContext: ModalRootContextInterface = useObjectMemo({\n updateModalHeight: () => undefined,\n registerModal: ({ id, ...data }) => Object.assign(getModalState(id) ?? {}, data),\n onClose: onExit,\n isInsideModal: true,\n });\n\n const timeout = platform === 'ios' ? 400 : 320;\n const modals = React.Children.toArray(children) as React.ReactElement[];\n\n /* Анимирует сдвиг модального окна /\n const animateModalOpacity = (modalState: ModalsStateEntry \| undefined, display: boolean) => {\n if (modalState?.innerElement) {\n modalState.innerElement.style.transition = '';\n modalState.innerElement.style.transitionDelay = display && delayEnter ? `${timeout}ms` : '';\n modalState.innerElement.style.opacity = display ? '1' : '0';\n }\n };\n\n / Устанавливает прозрачность для полупрозрачной подложки */\n const setMaskOpacity = (modalState: ModalsStateEntry, forceOpacity: number \| null = null) => {\n if (forceOpacity === null && history?.[0] !== modalState.id) {\n return;\n }\n\n if (maskAnimationFrame.current) {\n cancelAnimationFrame(maskAnimationFrame.current);\n }\n maskAnimationFrame.current = requestAnimationFrame(() => {\n if (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 maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n }\n });\n };\n\n const onEntered = ({ id, modalElement }: ModalsStateEntry) => {\n if (!noFocusToDialog && modalElement && !modalElement.contains(document!.activeElement)) {\n modalElement.focus();\n }\n\n onEnteredProp(id);\n };\n\n const openModal = () => {\n if (!enteringModal \|\| !prevProps) {\n return;\n }\n\n const enteringState = getModalState(enteringModal);\n onEnter();\n\n // Анимация открытия модального окна\n if (!prevProps.exitingModal) {\n requestAnimationFrame(() => {\n if (enteringModal === enteringModal && enteringState) {\n waitTransitionFinish(enteringState.innerElement, () => onEntered(enteringState), timeout);\n animateModalOpacity(enteringState, true);\n setMaskOpacity(enteringState, 1);\n }\n });\n\n return;\n }\n\n // Переход между модальными окнами без анимации\n requestAnimationFrame(() => {\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transition = 'none';\n enteringState.innerElement.style.opacity = '1';\n setMaskOpacity(enteringState, 1);\n }\n });\n\n if (enteringState) {\n onEntered(enteringState);\n }\n };\n\n const closeModal = (id: string) => {\n const prevModalState = getModalState(id);\n if (!prevModalState) {\n return;\n }\n\n // Анимация закрытия модального окна\n if (!activeModal) {\n requestAnimationFrame(() => {\n waitTransitionFinish(prevModalState?.innerElement, () => onExited(id), timeout);\n animateModalOpacity(prevModalState, false);\n setMaskOpacity(prevModalState, 0);\n });\n\n return;\n }\n\n // Переход между модальными окнами без анимации\n onExited(id);\n };\n\n React.useEffect(() => {\n if (!prevProps) {\n return;\n }\n\n // transition phase 2: animate exiting modal\n if (exitingModal && exitingModal !== prevProps.exitingModal) {\n closeModal(exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (enteringModal && enteringModal !== prevProps.enteringModal) {\n openModal();\n }\n\n // focus restoration\n if (activeModal && !prevProps.activeModal) {\n restoreFocusTo.current = (document?.activeElement ?? undefined) as HTMLElement \| undefined;\n }\n if (!activeModal && !exitingModal && restoreFocusTo.current) {\n restoreFocusTo.current.focus();\n restoreFocusTo.current = undefined;\n }\n });\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <ModalRootContext.Provider value={modalRootContext}>\n <div\n className={classNames(\n styles['ModalRoot'],\n hasCustomPanelHeaderAfter && styles['ModalRoot--hasCustomPanelHeaderAfterSlot'],\n styles['ModalRoot--desktop'],\n )}\n >\n <div\n data-testid={modalOverlayTestId}\n className={styles['ModalRoot__mask']}\n ref={maskElementRef}\n onClick={onExit}\n />\n <div className={styles['ModalRoot__viewport']}>\n {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={onExit}\n timeout={timeout}\n key={key}\n className={styles['ModalRoot__modal']}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </div>\n </ModalRootContext.Provider>\n );\n};\n"],"names":["React","classNames","noop","clamp","useObjectMemo","usePrevious","useWaitTransitionFinish","useDOM","getNavId","warnOnce","useConfigProvider","FocusTrap","ModalRootContext","useModalManager","styles","warn","ModalRootDesktop","activeModal","activeModalProp","children","noFocusToDialog","onOpen","onOpened","onClose","onClosed","modalOverlayTestId","maskElementRef","useRef","maskAnimationFrame","undefined","restoreFocusTo","document","hasCustomPanelHeaderAfter","platform","exitingModal","onExit","getModalState","enteringModal","onEnter","onEntered","onEnteredProp","onExited","history","delayEnter","waitTransitionFinish","prevProps","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","isInsideModal","timeout","modals","Children","toArray","animateModalOpacity","modalState","display","innerElement","style","transition","transitionDelay","opacity","setMaskOpacity","forceOpacity","current","cancelAnimationFrame","requestAnimationFrame","translateY","translateYCurrent","toString","modalElement","contains","activeElement","focus","openModal","enteringState","closeModal","prevModalState","useEffect","Provider","value","div","className","data-testid","ref","onClick","map","Modal","modalId","props","key","restoreFocus"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\nimport { ModalRootWithDOMProps, ModalsStateEntry } from './types';\nimport { useModalManager } from './useModalManager';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nexport const ModalRootDesktop = ({\n activeModal: activeModalProp,\n children,\n noFocusToDialog = false,\n onOpen,\n onOpened,\n onClose,\n onClosed,\n modalOverlayTestId,\n}: ModalRootWithDOMProps) => {\n const maskElementRef = React.useRef<HTMLDivElement>(null);\n const maskAnimationFrame = React.useRef<number \| undefined>(undefined);\n const restoreFocusTo = React.useRef<HTMLElement \| undefined>(undefined);\n\n const { document } = useDOM();\n const { hasCustomPanelHeaderAfter, platform } = useConfigProvider();\n const {\n activeModal,\n exitingModal,\n onExit,\n getModalState,\n enteringModal,\n onEnter,\n onEntered: onEnteredProp,\n onExited,\n history,\n delayEnter,\n } = useModalManager(activeModalProp, children, onOpen, onOpened, onClose, onClosed, noop);\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n const prevProps = usePrevious({\n exitingModal,\n enteringModal,\n activeModal,\n });\n const modalRootContext: ModalRootContextInterface = useObjectMemo({\n updateModalHeight: () => undefined,\n registerModal: ({ id, ...data }) => Object.assign(getModalState(id) ?? {}, data),\n onClose: onExit,\n isInsideModal: true,\n });\n\n const timeout = platform === 'ios' ? 400 : 320;\n const modals = React.Children.toArray(children) as React.ReactElement[];\n\n /* Анимирует сдвиг модального окна /\n const animateModalOpacity = (modalState: ModalsStateEntry \| undefined, display: boolean) => {\n if (modalState?.innerElement) {\n modalState.innerElement.style.transition = '';\n modalState.innerElement.style.transitionDelay = display && delayEnter ? `${timeout}ms` : '';\n modalState.innerElement.style.opacity = display ? '1' : '0';\n }\n };\n\n / Устанавливает прозрачность для полупрозрачной подложки */\n const setMaskOpacity = (modalState: ModalsStateEntry, forceOpacity: number \| null = null) => {\n if (forceOpacity === null && history?.[0] !== modalState.id) {\n return;\n }\n\n if (maskAnimationFrame.current) {\n cancelAnimationFrame(maskAnimationFrame.current);\n }\n maskAnimationFrame.current = requestAnimationFrame(() => {\n if (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 maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n }\n });\n };\n\n const onEntered = ({ id, modalElement }: ModalsStateEntry) => {\n if (!noFocusToDialog && modalElement && !modalElement.contains(document!.activeElement)) {\n modalElement.focus();\n }\n\n onEnteredProp(id);\n };\n\n const openModal = () => {\n if (!enteringModal \|\| !prevProps) {\n return;\n }\n\n const enteringState = getModalState(enteringModal);\n onEnter();\n\n // Анимация открытия модального окна\n if (!prevProps.exitingModal) {\n requestAnimationFrame(() => {\n if (enteringModal === enteringModal && enteringState) {\n waitTransitionFinish(enteringState.innerElement, () => onEntered(enteringState), timeout);\n animateModalOpacity(enteringState, true);\n setMaskOpacity(enteringState, 1);\n }\n });\n\n return;\n }\n\n // Переход между модальными окнами без анимации\n requestAnimationFrame(() => {\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transition = 'none';\n enteringState.innerElement.style.opacity = '1';\n setMaskOpacity(enteringState, 1);\n }\n });\n\n if (enteringState) {\n onEntered(enteringState);\n }\n };\n\n const closeModal = (id: string) => {\n const prevModalState = getModalState(id);\n if (!prevModalState) {\n return;\n }\n\n // Анимация закрытия модального окна\n if (!activeModal) {\n requestAnimationFrame(() => {\n waitTransitionFinish(prevModalState?.innerElement, () => onExited(id), timeout);\n animateModalOpacity(prevModalState, false);\n setMaskOpacity(prevModalState, 0);\n });\n\n return;\n }\n\n // Переход между модальными окнами без анимации\n onExited(id);\n };\n\n React.useEffect(() => {\n if (!prevProps) {\n return;\n }\n\n // transition phase 2: animate exiting modal\n if (exitingModal && exitingModal !== prevProps.exitingModal) {\n closeModal(exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (enteringModal && enteringModal !== prevProps.enteringModal) {\n openModal();\n }\n\n // focus restoration\n if (activeModal && !prevProps.activeModal) {\n restoreFocusTo.current = (document?.activeElement ?? undefined) as HTMLElement \| undefined;\n }\n if (!activeModal && !exitingModal && restoreFocusTo.current) {\n restoreFocusTo.current.focus();\n restoreFocusTo.current = undefined;\n }\n });\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <ModalRootContext.Provider value={modalRootContext}>\n <div\n className={classNames(\n styles['ModalRoot'],\n hasCustomPanelHeaderAfter && styles['ModalRoot--hasCustomPanelHeaderAfterSlot'],\n styles['ModalRoot--desktop'],\n )}\n >\n <div\n data-testid={modalOverlayTestId}\n className={styles['ModalRoot__mask']}\n ref={maskElementRef}\n onClick={onExit}\n />\n <div className={styles['ModalRoot__viewport']}>\n {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={onExit}\n timeout={timeout}\n key={key}\n className={styles['ModalRoot__modal']}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </div>\n </ModalRootContext.Provider>\n );\n};\n"],"names":["React","classNames","noop","clamp","useObjectMemo","usePrevious","useWaitTransitionFinish","useDOM","getNavId","warnOnce","useConfigProvider","FocusTrap","ModalRootContext","useModalManager","styles","warn","ModalRootDesktop","activeModal","activeModalProp","children","noFocusToDialog","onOpen","onOpened","onClose","onClosed","modalOverlayTestId","maskElementRef","useRef","maskAnimationFrame","undefined","restoreFocusTo","document","hasCustomPanelHeaderAfter","platform","exitingModal","onExit","getModalState","enteringModal","onEnter","onEntered","onEnteredProp","onExited","history","delayEnter","waitTransitionFinish","prevProps","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","isInsideModal","timeout","modals","Children","toArray","animateModalOpacity","modalState","display","innerElement","style","transition","transitionDelay","opacity","setMaskOpacity","forceOpacity","current","cancelAnimationFrame","requestAnimationFrame","translateY","translateYCurrent","toString","modalElement","contains","activeElement","focus","openModal","enteringState","closeModal","prevModalState","useEffect","Provider","value","div","className","data-testid","ref","onClick","map","Modal","modalId","props","key","restoreFocus"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/cssm/components/ModalRoot/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/constants.ts"],"sourcesContent":["export const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;\n\nexport const PERCENT_OPENED = 0;\nexport const PERCENT_CLOSED = 100;\n"],"names":["MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","PERCENT_OPENED","PERCENT_CLOSED"],"mappings":"AAAA,OAAO,MAAMA,oCAAoC,GAAG;AAEpD,OAAO,MAAMC,iBAAiB,EAAE;AAChC,OAAO,MAAMC,iBAAiB,IAAI"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/constants.ts"],"sourcesContent":["export const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;\n\nexport const PERCENT_OPENED = 0;\nexport const PERCENT_CLOSED = 100;\n"],"names":["MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","PERCENT_OPENED","PERCENT_CLOSED"],"rangeMappings":";;","mappings":"AAAA,OAAO,MAAMA,oCAAoC,GAAG;AAEpD,OAAO,MAAMC,iBAAiB,EAAE;AAChC,OAAO,MAAMC,iBAAiB,IAAI"}

package/dist/cssm/components/ModalRoot/types.d.ts CHANGED Viewed

@@ -58,6 +58,10 @@ export interface ModalsStateEntry extends ModalElements {
     expandedRange?: TranslateRange;
     collapsedRange?: TranslateRange;
     hiddenRange?: TranslateRange;
+    /**
+     * Отключает возможность закрыть модалку стандартными способами
+     */
+    preventClose?: boolean;
 }
 export interface ModalRootProps {
     activeModal?: string | null;
@@ -65,19 +69,19 @@ export interface ModalRootProps {
     /**
      * Будет вызвано при начале открытия активной модалки с её id
      */
-    onOpen?(modalId: string): void;
+    onOpen?: (modalId: string) => void;
     /**
      * Будет вызвано при окончательном открытии активной модалки с её id
      */
-    onOpened?(modalId: string): void;
+    onOpened?: (modalId: string) => void;
     /**
      * Будет вызвано при начале закрытия активной модалки с её id
      */
-    onClose?(modalId: string): void;
+    onClose?: (modalId: string) => void;
     /**
      * Будет вызвано при окончательном закрытии активной модалки с её id
      */
-    onClosed?(modalId: string): void;
+    onClosed?: (modalId: string) => void;
     /**
      * `data-testid` для маски
      */

package/dist/cssm/components/ModalRoot/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAEzF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAAE,CAAC;AAEhE,MAAM,WAAW,aAAa;IAC5B,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wBAAwB,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAEzD,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,cAAc,CAAC;~~CAC9B~~;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE5D;;OAEG;IACH,MAAM,CAAC,CAAC,OAAO,EAAE,MAAM,~~GAAG~~,IAAI,CAAC;~~IAE/B~~;;OAEG;IACH,QAAQ,CAAC,CAAC,OAAO,EAAE,MAAM,~~GAAG~~,IAAI,CAAC;~~IAEjC~~;;OAEG;IACH,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,~~GAAG~~,IAAI,CAAC;~~IAEhC~~;;OAEG;IACH,QAAQ,CAAC,CAAC,OAAO,EAAE,MAAM,~~GAAG~~,IAAI,CAAC;~~IAEjC~~;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,WAAW,EAAE,cAAc,EAAE,mBAAmB;IAC7F;;OAEG;IACH,cAAc,CAAC,EAAE,8BAA8B,CAAC;CACjD"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/types.ts"],"names":[],"mappings":"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"}

package/dist/cssm/components/ModalRoot/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/types.ts"],"sourcesContent":["import { DOMContextInterface } from '../../lib/dom';\nimport { HasPlatform } from '../../types';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\n\nexport type ModalType = 'page' \| 'card';\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 bottomInset?: HTMLElement \| null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n id: string \| null;\n /*\n Событие начала открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Событие открытия модалки.\n /\n onOpened?: VoidFunction;\n /\n Событие начала закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Событие закрытия модалки.\n /\n onClosed?: VoidFunction;\n type?: ModalType;\n\n settlingHeight?: number;\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\nexport interface ModalRootProps {\n activeModal?: string \| null;\n children: React.ReactElement \| Iterable<React.ReactElement>;\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 `data-testid` для маски\n /\n modalOverlayTestId?: string;\n\n /\n Отключает фокус на контейнер диалогового окна при открытии.\n /\n noFocusToDialog?: boolean;\n}\n\nexport interface ModalRootWithDOMProps extends HasPlatform, ModalRootProps, DOMContextInterface {\n /\n @ignore\n */\n configProvider?: ConfigProviderContextInterface;\n}\n"],"names":[],"mappings":"~~AAyGA~~,WAKC"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/types.ts"],"sourcesContent":["import { DOMContextInterface } from '../../lib/dom';\nimport { HasPlatform } from '../../types';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\n\nexport type ModalType = 'page' \| 'card';\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 bottomInset?: HTMLElement \| null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n id: string \| null;\n /*\n Событие начала открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Событие открытия модалки.\n /\n onOpened?: VoidFunction;\n /\n Событие начала закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Событие закрытия модалки.\n /\n onClosed?: VoidFunction;\n type?: ModalType;\n\n settlingHeight?: number;\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 Отключает возможность закрыть модалку стандартными способами\n /\n preventClose?: boolean;\n}\n\nexport interface ModalRootProps {\n activeModal?: string \| null;\n children: React.ReactElement \| Iterable<React.ReactElement>;\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 `data-testid` для маски\n /\n modalOverlayTestId?: string;\n\n /\n Отключает фокус на контейнер диалогового окна при открытии.\n /\n noFocusToDialog?: boolean;\n}\n\nexport interface ModalRootWithDOMProps extends HasPlatform, ModalRootProps, DOMContextInterface {\n /\n @ignore\n */\n configProvider?: ConfigProviderContextInterface;\n}\n"],"names":[],"rangeMappings":"","mappings":"AA6GA,WAKC"}

package/dist/cssm/components/ModalRoot/useModalManager.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useModalManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAe,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAExD,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,KAAK,gBAAgB,GAAG,SAAS,CAAC;IAC/E,UAAU,EAAE,OAAO,CAAC;CACrB;AAQD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,oBAAoB,EAC3B,MAAM,EAAE;IACN,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACpD,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACnB,GACA,oBAAoB,CAmCtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,EAC7C,MAAM,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACnC,QAAQ,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACrC,OAAO,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACpC,QAAQ,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACrC,SAAS,GAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAW,GAClD,oBAAoB,~~CA0HtB~~;AAED,KAAK,gBAAgB,CAAC,KAAK,SAAS,oBAAoB,IAAI,WAAW,GACrE,IAAI,CAAC,KAAK,EAAE,MAAM,oBAAoB,CAAC,GAAG;IACxC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,gBAAgB,CAAC,SAAS,GAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAW,~~6HAiB/E~~"}
1	+ {"version":3,"file":"useModalManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAe,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAExD,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,KAAK,gBAAgB,GAAG,SAAS,CAAC;IAC/E,UAAU,EAAE,OAAO,CAAC;CACrB;AAQD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,oBAAoB,EAC3B,MAAM,EAAE;IACN,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACpD,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACnB,GACA,oBAAoB,CAmCtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,EAC7C,MAAM,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACnC,QAAQ,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACrC,OAAO,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACpC,QAAQ,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACrC,SAAS,GAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAW,GAClD,oBAAoB,CA2HtB;AAED,KAAK,gBAAgB,CAAC,KAAK,SAAS,oBAAoB,IAAI,WAAW,GACrE,IAAI,CAAC,KAAK,EAAE,MAAM,oBAAoB,CAAC,GAAG;IACxC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,gBAAgB,CAAC,SAAS,GAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAW,iDAEnE,MAAM,aAAa,CAAC,KAAK,CAAC,KAClC,MAAM,aAAa,CAAC,iBAAiB,KAAK,CAAC,CAAC,CAchD"}

package/dist/cssm/components/ModalRoot/useModalManager.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { isFunction, noop } from '@vkontakte/vkjs';
 import { getNavId } from '../../lib/getNavId';
@@ -75,6 +76,7 @@ export function modalTransitionReducer(state, action) {
         state.onOpened = Modal.props.onOpened;
         state.onClose = Modal.props.onClose;
         state.onClosed = Modal.props.onClosed;
+        state.preventClose = Modal.props.preventClose;
         // ModalPage props
         if (typeof modalProps.settlingHeight === 'number') {
             state.settlingHeight = modalProps.settlingHeight;
@@ -170,7 +172,7 @@ export function modalTransitionReducer(state, action) {
     }
     function onExit() {
         const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
-        if (modalState) {
+        if (modalState && !modalState.preventClose) {
             if (isFunction(modalState.onClose)) {
                 modalState.onClose();
             } else if (isFunction(onClose) && modalState.id) {
@@ -192,7 +194,7 @@ export function withModalManager(initModal = noop) {
     return function(Wrapped) {
         return function WithModalManager(props) {
             const transitionManager = useModalManager(props.activeModal, props.children, props.onOpen, props.onOpened, props.onClose, props.onClosed, initModal);
-            return /*#__PURE__*/ React.createElement(Wrapped, {
+            return /*#__PURE__*/ _jsx(Wrapped, {
                 ...props,
                 ...transitionManager
             });