@vkontakte/vkui 4.37.1 → 4.37.2

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.
@@ -1 +1 @@
1
- {"version":3,"file":"ModalRoot.js","names":["React","Touch","TouchRootContext","getClassName","classNames","setTransformStyle","rubber","ANDROID","IOS","VKCOM","transitionEvent","withPlatform","withContext","ModalRootContext","ConfigProviderContext","WebviewType","ModalType","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","withDOM","getNavId","warnOnce","FocusTrap","withModalManager","warn","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","ModalRootTouchComponent","props","createRef","undefined","event","originalEvent","preventDefault","modalState","getModalState","activeModal","animateTranslate","translateY","type","PAGE","dynamicContentHeight","enteringModal","waitTransitionFinish","requestAnimationFrame","checkPageContentHeight","e","exitingModal","onPageTouchMove","CARD","onCardTouchMove","onPageTouchEnd","onCardTouchEnd","target","contentElement","contains","contentScrolled","contentScrollStopTimeout","clearTimeout","setTimeout","state","touchDown","dragging","maskElementRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","onClose","onExit","isInsideModal","frameIds","platform","document","window","Children","toArray","children","addEventListener","updateModalTranslate","toggleDocumentScrolling","removeEventListener","prevProps","closeModal","enteringState","onEnter","innerElement","style","transitionDelay","onEntered","delayEnter","timeout","restoreFocusTo","activeElement","focus","enabled","documentScrolling","preventTouch","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","setMaskOpacity","shiftY","isY","viewportRef","current","stopPropagation","collapsed","expanded","touchStartContentScrollTop","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","touchShiftYPercent","translateYCurrent","offsetHeight","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","maskAnimationFrame","opacity","toString","configProvider","webviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","_modalState","isPage","key","Component","ModalRootTouch","initModal","initCardModal","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"sources":["../../../src/components/ModalRoot/ModalRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { setTransformStyle } from \"../../lib/styles\";\nimport { rubber } from \"../../lib/touch\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n ModalRootContext,\n ModalRootContextInterface,\n} from \"./ModalRootContext\";\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { ModalsStateEntry, ModalType, TranslateRange } from \"./types\";\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from \"./constants\";\nimport { DOMProps, withDOM } from \"../../lib/dom\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { ModalTransitionProps, withModalManager } from \"./useModalManager\";\nimport \"./ModalRoot.css\";\n\nconst warn = warnOnce(\"ModalRoot\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nfunction numberInRange(number: number, range: TranslateRange | undefined) {\n if (!range) {\n return false;\n }\n return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n return Math.max(0, Math.min(98, number));\n}\n\nexport interface ModalRootProps extends HasPlatform {\n activeModal?: string | null;\n\n /**\n * Будет вызвано при начале открытия активной модалки с её id\n */\n onOpen?(modalId: string): void;\n\n /**\n * Будет вызвано при окончательном открытии активной модалки с её id\n */\n onOpened?(modalId: string): void;\n\n /**\n * Будет вызвано при начале закрытия активной модалки с её id\n */\n onClose?(modalId: string): void;\n\n /**\n * Будет вызвано при окончательном закрытии активной модалки с её id\n */\n onClosed?(modalId: string): void;\n\n /**\n * @ignore\n */\n configProvider?: ConfigProviderContextInterface;\n children?: React.ReactNode;\n}\n\ninterface ModalRootState {\n touchDown?: boolean;\n dragging?: boolean;\n}\n\nclass ModalRootTouchComponent extends React.Component<\n ModalRootProps & DOMProps & ModalTransitionProps,\n ModalRootState\n> {\n constructor(props: ModalRootProps & ModalTransitionProps) {\n super(props);\n this.state = {\n touchDown: false,\n dragging: false,\n };\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: this.updateModalHeight,\n registerModal: ({ id, ...data }) =>\n Object.assign(this.getModalState(id), data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n\n this.frameIds = {};\n }\n\n private documentScrolling = false;\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private readonly viewportRef = React.createRef<HTMLDivElement>();\n private maskAnimationFrame: number | undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private readonly frameIds: {\n [index: string]: number;\n };\n private restoreFocusTo: HTMLElement | undefined | null = undefined;\n\n get timeout(): number {\n return this.props.platform === ANDROID || this.props.platform === VKCOM\n ? 320\n : 400;\n }\n\n get document() {\n return this.props.document;\n }\n\n get window() {\n return this.props.window;\n }\n\n getModalState(id: string | undefined | null) {\n if (!id) {\n return undefined;\n }\n return this.props.getModalState(id);\n }\n\n getModals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n componentDidMount() {\n // Отслеживаем изменение размеров viewport (Необходимо для iOS)\n if (this.props.platform === IOS) {\n this.window?.addEventListener(\"resize\", this.updateModalTranslate, false);\n }\n }\n\n componentWillUnmount() {\n this.toggleDocumentScrolling(true);\n this.window!.removeEventListener(\n \"resize\",\n this.updateModalTranslate,\n false\n );\n }\n\n componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n // transition phase 2: animate exiting modal\n if (\n this.props.exitingModal &&\n this.props.exitingModal !== prevProps.exitingModal\n ) {\n this.closeModal(this.props.exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (\n this.props.enteringModal &&\n this.props.enteringModal !== prevProps.enteringModal\n ) {\n const { enteringModal } = this.props;\n const enteringState = this.getModalState(enteringModal);\n this.props.onEnter();\n this.waitTransitionFinish(enteringState, () => {\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = \"\";\n }\n this.props.onEntered(enteringModal);\n });\n\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n ? `${this.timeout}ms`\n : \"\";\n this.animateTranslate(enteringState, enteringState.translateY);\n }\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = this.document!.activeElement as HTMLElement;\n }\n if (\n !this.props.activeModal &&\n !this.props.exitingModal &&\n this.restoreFocusTo\n ) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = null;\n }\n\n this.toggleDocumentScrolling(\n !this.props.activeModal && !this.props.exitingModal\n );\n }\n\n /* Отключает скролл документа */\n toggleDocumentScrolling(enabled: boolean) {\n if (this.documentScrolling === enabled) {\n return;\n }\n this.documentScrolling = enabled;\n\n if (enabled) {\n // Здесь нужен последний аргумент с такими же параметрами, потому что\n // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n // https://github.com/VKCOM/VKUI/issues/444\n this.window!.removeEventListener(\"touchmove\", this.preventTouch, {\n // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)\n passive: false,\n });\n } else {\n this.window!.addEventListener(\"touchmove\", this.preventTouch, {\n passive: false,\n });\n }\n }\n\n preventTouch = (event: any) => {\n if (!event) {\n return false;\n }\n while (event.originalEvent) {\n event = event.originalEvent;\n }\n if (event.preventDefault) {\n event.preventDefault();\n }\n return false;\n };\n\n updateModalTranslate = () => {\n const modalState = this.getModalState(this.props.activeModal);\n modalState && this.animateTranslate(modalState, modalState.translateY);\n };\n\n checkPageContentHeight() {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (modalState?.type === ModalType.PAGE && modalState?.modalElement) {\n const prevModalState = { ...modalState };\n initPageModal(modalState);\n const currentModalState = { ...modalState };\n\n let needAnimate = false;\n\n if (prevModalState.expandable === currentModalState.expandable) {\n if (\n prevModalState.translateYFrom !== currentModalState.translateYFrom\n ) {\n needAnimate = true;\n }\n } else {\n needAnimate = true;\n }\n\n if (needAnimate) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n }\n }\n\n updateModalHeight = () => {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (\n modalState &&\n modalState.type === ModalType.PAGE &&\n modalState.dynamicContentHeight\n ) {\n if (this.props.enteringModal) {\n this.waitTransitionFinish(modalState, () => {\n requestAnimationFrame(() => this.checkPageContentHeight());\n });\n } else {\n requestAnimationFrame(() => this.checkPageContentHeight());\n }\n }\n };\n\n closeModal(id: string) {\n // Сбрасываем состояния, которые могут помешать закрытию модального окна\n this.setState({ touchDown: false });\n\n const prevModalState = this.getModalState(id);\n\n if (!prevModalState) {\n id &&\n warn(\n `closeActiveModal: модальное окно (страница) ${id} не существует`,\n \"error\"\n );\n return;\n }\n\n const nextModalState = this.getModalState(this.props.activeModal);\n const nextIsPage =\n !!nextModalState && nextModalState.type === ModalType.PAGE;\n\n const prevIsPage =\n !!prevModalState && prevModalState.type === ModalType.PAGE;\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n const exitTranslate =\n prevIsPage &&\n nextIsPage &&\n (prevModalState.translateY ?? 0) <=\n (nextModalState?.translateYFrom ?? 0) &&\n !this.props.isBack\n ? (nextModalState?.translateYFrom ?? 0) + 10\n : 100;\n this.animateTranslate(prevModalState, exitTranslate);\n\n if (!nextModalState) {\n // NOTE: was only for clean exit\n this.setMaskOpacity(prevModalState, 0);\n }\n }\n\n onTouchMove = (e: TouchEvent) => {\n if (this.props.exitingModal) {\n return;\n }\n const modalState = this.getModalState(this.props.activeModal);\n if (!modalState) {\n return;\n }\n\n if (modalState.type === ModalType.PAGE) {\n return this.onPageTouchMove(e, modalState);\n }\n\n if (modalState.type === ModalType.CARD) {\n return this.onCardTouchMove(e, modalState);\n }\n };\n\n onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { shiftY, originalEvent } = event;\n const target = originalEvent.target as HTMLElement;\n\n if (!event.isY) {\n if (this.viewportRef.current?.contains(target)) {\n originalEvent.preventDefault();\n }\n return;\n }\n\n if (!modalState.innerElement?.contains(target)) {\n return originalEvent.preventDefault();\n }\n\n originalEvent.stopPropagation();\n\n const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n if (!this.state.touchDown) {\n modalState.touchStartContentScrollTop =\n modalState.contentElement?.scrollTop ?? 0;\n this.setState({ touchDown: true });\n }\n\n if (contentScrolled) {\n return;\n }\n\n if (modalState.touchMovePositive === null) {\n modalState.touchMovePositive = shiftY > 0;\n }\n\n if (\n !modalState.expandable ||\n collapsed ||\n (expanded &&\n modalState.touchMovePositive &&\n modalState.touchStartContentScrollTop === 0) ||\n modalState.headerElement?.contains(target)\n ) {\n originalEvent.preventDefault();\n\n if ((!expandable && shiftY < 0) || !this.window) {\n return;\n }\n\n !this.state.dragging && this.setState({ dragging: true });\n\n const shiftYPercent = (shiftY / this.window.innerHeight) * 100;\n const shiftYCurrent = rubber(\n shiftYPercent,\n 72,\n 0.8,\n this.props.platform === ANDROID || this.props.platform === VKCOM\n );\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = rangeTranslate(\n (modalState.translateY ?? 0) + shiftYCurrent\n );\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { originalEvent, shiftY } = event;\n const target = originalEvent.target as HTMLElement;\n if (modalState.innerElement?.contains(target)) {\n if (!this.state.touchDown) {\n this.setState({ touchDown: true, dragging: true });\n }\n\n const shiftYPercent =\n (shiftY / modalState.innerElement.offsetHeight) * 100;\n const shiftYCurrent = rubber(\n shiftYPercent,\n 72,\n 1.2,\n this.props.platform === ANDROID || this.props.platform === VKCOM\n );\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = Math.max(\n 0,\n (modalState.translateY ?? 0) + shiftYCurrent\n );\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onTouchEnd = (e: TouchEvent) => {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (modalState?.type === ModalType.PAGE) {\n return this.onPageTouchEnd(e, modalState);\n }\n\n if (modalState?.type === ModalType.CARD) {\n return this.onCardTouchEnd(e, modalState);\n }\n };\n\n onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n const { startY, shiftY } = event;\n\n modalState.contentScrolled = false;\n modalState.touchMovePositive = null;\n\n let setStateCallback;\n\n if (this.state.dragging && this.window) {\n const shiftYEndPercent =\n ((startY + shiftY) / this.window.innerHeight) * 100;\n\n let translateY = modalState.translateYCurrent ?? 0;\n const expectTranslateY =\n (translateY / event.duration) *\n 240 *\n 0.6 *\n ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = rangeTranslate(translateY + expectTranslateY);\n\n if (modalState.settlingHeight !== 100) {\n if (numberInRange(translateY, modalState.expandedRange)) {\n translateY = modalState.expandedRange?.[0] ?? 0;\n } else if (numberInRange(translateY, modalState.collapsedRange)) {\n translateY = modalState.translateYFrom ?? 0;\n } else if (numberInRange(translateY, modalState.hiddenRange)) {\n translateY = 100;\n } else {\n translateY = modalState.translateYFrom ?? 0;\n }\n } else {\n if (numberInRange(translateY, [0, 25])) {\n translateY = 0;\n } else {\n translateY = 100;\n }\n }\n\n if (translateY !== 100 && shiftYEndPercent >= 75) {\n translateY = 100;\n }\n\n modalState.translateY = translateY;\n modalState.translateYCurrent = translateY;\n modalState.collapsed = translateY > 0 && translateY < shiftYEndPercent;\n modalState.expanded = translateY === 0;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback\n );\n }\n\n onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n let setStateCallback;\n\n if (this.state.dragging) {\n let translateY = modalState.translateYCurrent ?? 0;\n\n const expectTranslateY =\n (translateY / duration) *\n 240 *\n 0.6 *\n ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = Math.max(0, translateY + expectTranslateY);\n\n if (translateY >= 30) {\n translateY = 100;\n } else {\n translateY = 0;\n }\n\n modalState.translateY = translateY;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback\n );\n }\n\n onScroll = (e: React.SyntheticEvent) => {\n const activeModal = this.props.activeModal;\n\n const target = e.target as HTMLElement;\n\n if (!activeModal) {\n return;\n }\n const modalState = this.getModalState(activeModal);\n if (\n modalState?.type === ModalType.PAGE &&\n modalState?.contentElement?.contains(target)\n ) {\n modalState.contentScrolled = true;\n\n if (modalState.contentScrollStopTimeout) {\n clearTimeout(modalState.contentScrollStopTimeout);\n }\n\n modalState.contentScrollStopTimeout = setTimeout(() => {\n if (modalState.contentScrolled) {\n modalState.contentScrolled = false;\n }\n }, 250);\n }\n };\n\n waitTransitionFinish(\n modalState: ModalsStateEntry | undefined,\n eventHandler: () => void\n ) {\n if (transitionEvent.supported) {\n const onceHandler = () => {\n modalState?.innerElement?.removeEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n eventHandler();\n };\n\n modalState?.innerElement?.addEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n } else {\n setTimeout(eventHandler, this.timeout);\n }\n }\n\n /**\n * Анимирует сдвиг модалки\n *\n * @param {ModalsStateEntry} modalState\n * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n */\n animateTranslate(modalState: ModalsStateEntry, percent: number | undefined) {\n const frameId = `animateTranslateFrame${modalState.id}`;\n\n cancelAnimationFrame(this.frameIds[frameId]);\n\n this.frameIds[frameId] = requestAnimationFrame(() => {\n setTransformStyle(\n modalState.innerElement,\n `translate3d(0, ${percent}%, 0)`\n );\n });\n }\n\n /* Устанавливает прозрачность для полупрозрачной подложки */\n setMaskOpacity(\n modalState: ModalsStateEntry,\n forceOpacity: number | null = null\n ) {\n if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n return;\n }\n if (this.maskAnimationFrame) {\n cancelAnimationFrame(this.maskAnimationFrame);\n }\n this.maskAnimationFrame = requestAnimationFrame(() => {\n if (this.maskElementRef.current) {\n const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n const opacity =\n forceOpacity === null\n ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n : forceOpacity;\n this.maskElementRef.current.style.opacity = Math.max(\n 0,\n Math.min(100, opacity)\n ).toString();\n }\n });\n }\n\n render() {\n const { activeModal, exitingModal, enteringModal } = this.props;\n const { touchDown, dragging } = this.state;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <TouchRootContext.Provider value={true}>\n <ModalRootContext.Provider value={this.modalRootContext}>\n <Touch\n vkuiClass={classNames(\n getClassName(\"ModalRoot\", this.props.platform),\n this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n \"ModalRoot--vkapps\",\n touchDown && \"ModalRoot--touched\",\n !!(enteringModal || exitingModal) && \"ModalRoot--switching\"\n )}\n onMove={this.onTouchMove}\n onEnd={this.onTouchEnd}\n onScroll={this.onScroll}\n >\n <div\n vkuiClass=\"ModalRoot__mask\"\n onClick={this.props.onExit}\n ref={this.maskElementRef}\n />\n <div vkuiClass=\"ModalRoot__viewport\" ref={this.viewportRef}>\n {this.getModals().map((Modal) => {\n const modalId = getNavId(Modal.props, warn);\n const _modalState = this.getModalState(modalId);\n if (\n (modalId !== activeModal && modalId !== exitingModal) ||\n !_modalState\n ) {\n return null;\n }\n const modalState = { ..._modalState };\n\n const isPage = modalState.type === ModalType.PAGE;\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n key={key}\n getRootRef={(e) => {\n const modalState = this.getModalState(modalId);\n if (modalState) {\n modalState.modalElement = e;\n }\n }}\n onClose={this.props.onExit}\n timeout={this.timeout}\n vkuiClass={classNames(\n \"ModalRoot__modal\",\n modalId === activeModal && \"ModalRoot__modal--active\",\n modalId === exitingModal && \"ModalRoot__modal--prev\",\n ((exitingModal && modalId === activeModal) ||\n modalId === enteringModal) &&\n \"ModalRoot__modal--next\",\n\n dragging && \"ModalRoot__modal--dragging\",\n\n isPage &&\n modalState.expandable &&\n \"ModalRoot__modal--expandable\",\n isPage &&\n modalState.expanded &&\n \"ModalRoot__modal--expanded\",\n isPage &&\n modalState.collapsed &&\n \"ModalRoot__modal--collapsed\"\n )}\n restoreFocus={false}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </Touch>\n </ModalRootContext.Provider>\n </TouchRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootTouch = withContext(\n withPlatform(\n withDOM<ModalRootProps>(\n withModalManager(initModal)(ModalRootTouchComponent)\n )\n ),\n ConfigProviderContext,\n \"configProvider\"\n);\n\n/**\n * Инициализирует модалку перед анимацией открытия\n */\nfunction initModal(modalState: ModalsStateEntry) {\n switch (modalState.type) {\n case ModalType.PAGE:\n modalState.settlingHeight =\n modalState.settlingHeight || MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n return initPageModal(modalState);\n case ModalType.CARD:\n return initCardModal(modalState);\n default:\n IS_DEV &&\n warn(\n `initActiveModal: modalState.type=\"${modalState.type}\" не поддерживается`,\n \"error\"\n );\n }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n const { contentElement } = modalState;\n const contentHeight = (contentElement?.firstElementChild as HTMLElement)\n .offsetHeight;\n\n let prevTranslateY = modalState.translateY;\n\n modalState.expandable =\n contentHeight > (contentElement?.clientHeight ?? 0) ||\n modalState.settlingHeight === 100;\n\n let collapsed = false;\n let expanded = false;\n let translateYFrom;\n let translateY;\n let expandedRange: TranslateRange;\n let collapsedRange: TranslateRange;\n let hiddenRange: TranslateRange;\n\n if (modalState.expandable) {\n translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n const shiftHalf = translateYFrom / 2;\n const visiblePart = 100 - translateYFrom;\n\n expandedRange = [0, shiftHalf];\n collapsedRange = [shiftHalf, translateYFrom + visiblePart / 4];\n hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n collapsed = translateYFrom > 0;\n expanded = translateYFrom <= 0;\n translateY = translateYFrom;\n } else {\n const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n const height = contentHeight + headerHeight;\n\n translateYFrom =\n 100 -\n (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) *\n 100;\n translateY = translateYFrom;\n\n expandedRange = [translateY, translateY + 25];\n collapsedRange = [translateY + 25, translateY + 25];\n hiddenRange = [translateY + 25, translateY + 100];\n }\n\n // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n if (\n (modalState.expandable && translateY > (prevTranslateY ?? 0)) ||\n modalState.settlingHeight === 100\n ) {\n translateY = 0;\n }\n\n // Если модалка уже раскрыта обновляем состояния\n if (translateY === 0) {\n expanded = true;\n collapsed = false;\n }\n\n modalState.expandedRange = expandedRange;\n modalState.collapsedRange = collapsedRange;\n modalState.hiddenRange = hiddenRange;\n modalState.translateY = translateY;\n modalState.translateYFrom = translateYFrom;\n modalState.collapsed = collapsed;\n modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n modalState.translateY = 0;\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"ModalRoot.js","names":["React","Touch","TouchRootContext","getClassName","classNames","setTransformStyle","rubber","ANDROID","IOS","VKCOM","transitionEvent","withPlatform","withContext","ModalRootContext","ConfigProviderContext","WebviewType","ModalType","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","withDOM","getNavId","warnOnce","FocusTrap","withModalManager","warn","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","ModalRootTouchComponent","props","createRef","undefined","event","originalEvent","preventDefault","modalState","getModalState","activeModal","animateTranslate","translateY","type","PAGE","dynamicContentHeight","enteringModal","waitTransitionFinish","requestAnimationFrame","checkPageContentHeight","e","exitingModal","onPageTouchMove","CARD","onCardTouchMove","onPageTouchEnd","onCardTouchEnd","target","contentElement","contains","contentScrolled","contentScrollStopTimeout","clearTimeout","setTimeout","state","touchDown","dragging","maskElementRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","onClose","onExit","isInsideModal","frameIds","platform","document","window","Children","toArray","children","addEventListener","updateModalTranslate","toggleDocumentScrolling","removeEventListener","prevProps","closeModal","enteringState","onEnter","innerElement","style","transitionDelay","onEntered","delayEnter","timeout","restoreFocusTo","activeElement","focus","enabled","documentScrolling","preventTouch","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","setMaskOpacity","shiftY","isY","viewportRef","current","stopPropagation","collapsed","expanded","touchStartContentScrollTop","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","touchShiftYPercent","translateYCurrent","offsetHeight","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","maskAnimationFrame","opacity","toString","configProvider","webviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","_modalState","isPage","key","Component","ModalRootTouch","initModal","initCardModal","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"sources":["../../../src/components/ModalRoot/ModalRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { setTransformStyle } from \"../../lib/styles\";\nimport { rubber } from \"../../lib/touch\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n ModalRootContext,\n ModalRootContextInterface,\n} from \"./ModalRootContext\";\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { ModalsStateEntry, ModalType, TranslateRange } from \"./types\";\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from \"./constants\";\nimport { DOMProps, withDOM } from \"../../lib/dom\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { ModalTransitionProps, withModalManager } from \"./useModalManager\";\nimport \"./ModalRoot.css\";\n\nconst warn = warnOnce(\"ModalRoot\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nfunction numberInRange(number: number, range: TranslateRange | undefined) {\n if (!range) {\n return false;\n }\n return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n return Math.max(0, Math.min(98, number));\n}\n\nexport interface ModalRootProps extends HasPlatform {\n activeModal?: string | null;\n\n /**\n * Будет вызвано при начале открытия активной модалки с её id\n */\n onOpen?(modalId: string): void;\n\n /**\n * Будет вызвано при окончательном открытии активной модалки с её id\n */\n onOpened?(modalId: string): void;\n\n /**\n * Будет вызвано при начале закрытия активной модалки с её id\n */\n onClose?(modalId: string): void;\n\n /**\n * Будет вызвано при окончательном закрытии активной модалки с её id\n */\n onClosed?(modalId: string): void;\n\n /**\n * @ignore\n */\n configProvider?: ConfigProviderContextInterface;\n children?: React.ReactNode;\n}\n\ninterface ModalRootState {\n touchDown?: boolean;\n dragging?: boolean;\n}\n\nclass ModalRootTouchComponent extends React.Component<\n ModalRootProps & DOMProps & ModalTransitionProps,\n ModalRootState\n> {\n constructor(props: ModalRootProps & ModalTransitionProps) {\n super(props);\n this.state = {\n touchDown: false,\n dragging: false,\n };\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: this.updateModalHeight,\n registerModal: ({ id, ...data }) =>\n Object.assign(this.getModalState(id), data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n\n this.frameIds = {};\n }\n\n private documentScrolling = false;\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private readonly viewportRef = React.createRef<HTMLDivElement>();\n private maskAnimationFrame: number | undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private readonly frameIds: {\n [index: string]: number;\n };\n private restoreFocusTo: HTMLElement | undefined | null = undefined;\n\n get timeout(): number {\n return this.props.platform === ANDROID || this.props.platform === VKCOM\n ? 320\n : 400;\n }\n\n get document() {\n return this.props.document;\n }\n\n get window() {\n return this.props.window;\n }\n\n getModalState(id: string | undefined | null) {\n if (!id) {\n return undefined;\n }\n return this.props.getModalState(id);\n }\n\n getModals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n componentDidMount() {\n // Отслеживаем изменение размеров viewport (Необходимо для iOS)\n if (this.props.platform === IOS) {\n this.window?.addEventListener(\"resize\", this.updateModalTranslate, false);\n }\n }\n\n componentWillUnmount() {\n this.toggleDocumentScrolling(true);\n this.window!.removeEventListener(\n \"resize\",\n this.updateModalTranslate,\n false\n );\n }\n\n componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n // transition phase 2: animate exiting modal\n if (\n this.props.exitingModal &&\n this.props.exitingModal !== prevProps.exitingModal\n ) {\n this.closeModal(this.props.exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (\n this.props.enteringModal &&\n this.props.enteringModal !== prevProps.enteringModal\n ) {\n const { enteringModal } = this.props;\n const enteringState = this.getModalState(enteringModal);\n this.props.onEnter();\n this.waitTransitionFinish(enteringState, () => {\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = \"\";\n }\n this.props.onEntered(enteringModal);\n });\n\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n ? `${this.timeout}ms`\n : \"\";\n this.animateTranslate(enteringState, enteringState.translateY);\n }\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = this.document!.activeElement as HTMLElement;\n }\n if (\n !this.props.activeModal &&\n !this.props.exitingModal &&\n this.restoreFocusTo\n ) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = null;\n }\n\n this.toggleDocumentScrolling(\n !this.props.activeModal && !this.props.exitingModal\n );\n }\n\n /* Отключает скролл документа */\n toggleDocumentScrolling(enabled: boolean) {\n if (this.documentScrolling === enabled) {\n return;\n }\n this.documentScrolling = enabled;\n\n if (enabled) {\n // Здесь нужен последний аргумент с такими же параметрами, потому что\n // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n // https://github.com/VKCOM/VKUI/issues/444\n this.window!.removeEventListener(\"touchmove\", this.preventTouch, {\n // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)\n passive: false,\n });\n } else {\n this.window!.addEventListener(\"touchmove\", this.preventTouch, {\n passive: false,\n });\n }\n }\n\n preventTouch = (event: any) => {\n if (!event) {\n return false;\n }\n while (event.originalEvent) {\n event = event.originalEvent;\n }\n if (event.preventDefault) {\n event.preventDefault();\n }\n return false;\n };\n\n updateModalTranslate = () => {\n const modalState = this.getModalState(this.props.activeModal);\n modalState && this.animateTranslate(modalState, modalState.translateY);\n };\n\n checkPageContentHeight() {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (modalState?.type === ModalType.PAGE && modalState?.modalElement) {\n const prevModalState = { ...modalState };\n initPageModal(modalState);\n const currentModalState = { ...modalState };\n\n let needAnimate = false;\n\n if (prevModalState.expandable === currentModalState.expandable) {\n if (\n prevModalState.translateYFrom !== currentModalState.translateYFrom\n ) {\n needAnimate = true;\n }\n } else {\n needAnimate = true;\n }\n\n if (needAnimate) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n }\n }\n\n updateModalHeight = () => {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (\n modalState &&\n modalState.type === ModalType.PAGE &&\n modalState.dynamicContentHeight\n ) {\n if (this.props.enteringModal) {\n this.waitTransitionFinish(modalState, () => {\n requestAnimationFrame(() => this.checkPageContentHeight());\n });\n } else {\n requestAnimationFrame(() => this.checkPageContentHeight());\n }\n }\n };\n\n closeModal(id: string) {\n // Сбрасываем состояния, которые могут помешать закрытию модального окна\n this.setState({ touchDown: false });\n\n const prevModalState = this.getModalState(id);\n\n if (!prevModalState) {\n id &&\n warn(\n `closeActiveModal: модальное окно (страница) ${id} не существует`,\n \"error\"\n );\n return;\n }\n\n const nextModalState = this.getModalState(this.props.activeModal);\n const nextIsPage =\n !!nextModalState && nextModalState.type === ModalType.PAGE;\n\n const prevIsPage =\n !!prevModalState && prevModalState.type === ModalType.PAGE;\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n const exitTranslate =\n prevIsPage &&\n nextIsPage &&\n (prevModalState.translateY ?? 0) <=\n (nextModalState?.translateYFrom ?? 0) &&\n !this.props.isBack\n ? (nextModalState?.translateYFrom ?? 0) + 10\n : 100;\n this.animateTranslate(prevModalState, exitTranslate);\n\n if (!nextModalState) {\n // NOTE: was only for clean exit\n this.setMaskOpacity(prevModalState, 0);\n }\n }\n\n onTouchMove = (e: TouchEvent) => {\n if (this.props.exitingModal) {\n return;\n }\n const modalState = this.getModalState(this.props.activeModal);\n if (!modalState) {\n return;\n }\n\n if (modalState.type === ModalType.PAGE) {\n return this.onPageTouchMove(e, modalState);\n }\n\n if (modalState.type === ModalType.CARD) {\n return this.onCardTouchMove(e, modalState);\n }\n };\n\n onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { shiftY, originalEvent } = event;\n const target = originalEvent.target as HTMLElement;\n\n if (!event.isY) {\n if (this.viewportRef.current?.contains(target)) {\n originalEvent.preventDefault();\n }\n return;\n }\n\n if (!modalState.innerElement?.contains(target)) {\n return originalEvent.preventDefault();\n }\n\n originalEvent.stopPropagation();\n\n const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n if (!this.state.touchDown) {\n modalState.touchStartContentScrollTop =\n modalState.contentElement?.scrollTop ?? 0;\n this.setState({ touchDown: true });\n }\n\n if (contentScrolled) {\n return;\n }\n\n if (modalState.touchMovePositive === null) {\n modalState.touchMovePositive = shiftY > 0;\n }\n\n if (\n !modalState.expandable ||\n collapsed ||\n (expanded &&\n modalState.touchMovePositive &&\n modalState.touchStartContentScrollTop === 0) ||\n modalState.headerElement?.contains(target)\n ) {\n originalEvent.preventDefault();\n\n if ((!expandable && shiftY < 0) || !this.window) {\n return;\n }\n\n !this.state.dragging && this.setState({ dragging: true });\n\n const shiftYPercent = (shiftY / this.window.innerHeight) * 100;\n const shiftYCurrent = rubber(\n shiftYPercent,\n 72,\n 0.8,\n this.props.platform === ANDROID || this.props.platform === VKCOM\n );\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = rangeTranslate(\n (modalState.translateY ?? 0) + shiftYCurrent\n );\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { originalEvent, shiftY } = event;\n const target = originalEvent.target as HTMLElement;\n if (modalState.innerElement?.contains(target)) {\n if (!this.state.touchDown) {\n this.setState({ touchDown: true, dragging: true });\n }\n\n const shiftYPercent =\n (shiftY / modalState.innerElement.offsetHeight) * 100;\n const shiftYCurrent = rubber(\n shiftYPercent,\n 72,\n 1.2,\n this.props.platform === ANDROID || this.props.platform === VKCOM\n );\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = Math.max(\n 0,\n (modalState.translateY ?? 0) + shiftYCurrent\n );\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onTouchEnd = (e: TouchEvent) => {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (modalState?.type === ModalType.PAGE) {\n return this.onPageTouchEnd(e, modalState);\n }\n\n if (modalState?.type === ModalType.CARD) {\n return this.onCardTouchEnd(e, modalState);\n }\n };\n\n onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n const { startY, shiftY } = event;\n\n modalState.contentScrolled = false;\n modalState.touchMovePositive = null;\n\n let setStateCallback;\n\n if (this.state.dragging && this.window) {\n const shiftYEndPercent =\n ((startY + shiftY) / this.window.innerHeight) * 100;\n\n let translateY = modalState.translateYCurrent ?? 0;\n const expectTranslateY =\n (translateY / event.duration) *\n 240 *\n 0.6 *\n ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = rangeTranslate(translateY + expectTranslateY);\n\n if (modalState.settlingHeight !== 100) {\n if (numberInRange(translateY, modalState.expandedRange)) {\n translateY = modalState.expandedRange?.[0] ?? 0;\n } else if (numberInRange(translateY, modalState.collapsedRange)) {\n translateY = modalState.translateYFrom ?? 0;\n } else if (numberInRange(translateY, modalState.hiddenRange)) {\n translateY = 100;\n } else {\n translateY = modalState.translateYFrom ?? 0;\n }\n } else {\n if (numberInRange(translateY, [0, 25])) {\n translateY = 0;\n } else {\n translateY = 100;\n }\n }\n\n if (translateY !== 100 && shiftYEndPercent >= 75) {\n translateY = 100;\n }\n\n modalState.translateY = translateY;\n modalState.translateYCurrent = translateY;\n modalState.collapsed = translateY > 0 && translateY < shiftYEndPercent;\n modalState.expanded = translateY === 0;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback\n );\n }\n\n onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n let setStateCallback;\n\n if (this.state.dragging) {\n let translateY = modalState.translateYCurrent ?? 0;\n\n const expectTranslateY =\n (translateY / duration) *\n 240 *\n 0.6 *\n ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = Math.max(0, translateY + expectTranslateY);\n\n if (translateY >= 30) {\n translateY = 100;\n } else {\n translateY = 0;\n }\n\n modalState.translateY = translateY;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback\n );\n }\n\n onScroll = (e: React.SyntheticEvent) => {\n const activeModal = this.props.activeModal;\n\n const target = e.target as HTMLElement;\n\n if (!activeModal) {\n return;\n }\n const modalState = this.getModalState(activeModal);\n if (\n modalState?.type === ModalType.PAGE &&\n modalState?.contentElement?.contains(target)\n ) {\n modalState.contentScrolled = true;\n\n if (modalState.contentScrollStopTimeout) {\n clearTimeout(modalState.contentScrollStopTimeout);\n }\n\n modalState.contentScrollStopTimeout = setTimeout(() => {\n if (modalState.contentScrolled) {\n modalState.contentScrolled = false;\n }\n }, 250);\n }\n };\n\n waitTransitionFinish(\n modalState: ModalsStateEntry | undefined,\n eventHandler: () => void\n ) {\n if (transitionEvent.supported) {\n const onceHandler = () => {\n modalState?.innerElement?.removeEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n eventHandler();\n };\n\n modalState?.innerElement?.addEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n } else {\n setTimeout(eventHandler, this.timeout);\n }\n }\n\n /**\n * Анимирует сдвиг модалки\n *\n * @param {ModalsStateEntry} modalState\n * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n */\n animateTranslate(modalState: ModalsStateEntry, percent: number | undefined) {\n const frameId = `animateTranslateFrame${modalState.id}`;\n\n cancelAnimationFrame(this.frameIds[frameId]);\n\n this.frameIds[frameId] = requestAnimationFrame(() => {\n setTransformStyle(\n modalState.innerElement,\n `translate3d(0, ${percent}%, 0)`\n );\n });\n }\n\n /* Устанавливает прозрачность для полупрозрачной подложки */\n setMaskOpacity(\n modalState: ModalsStateEntry,\n forceOpacity: number | null = null\n ) {\n if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n return;\n }\n if (this.maskAnimationFrame) {\n cancelAnimationFrame(this.maskAnimationFrame);\n }\n this.maskAnimationFrame = requestAnimationFrame(() => {\n if (this.maskElementRef.current) {\n const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n const opacity =\n forceOpacity === null\n ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n : forceOpacity;\n this.maskElementRef.current.style.opacity = Math.max(\n 0,\n Math.min(100, opacity)\n ).toString();\n }\n });\n }\n\n render() {\n const { activeModal, exitingModal, enteringModal } = this.props;\n const { touchDown, dragging } = this.state;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <TouchRootContext.Provider value={true}>\n <ModalRootContext.Provider value={this.modalRootContext}>\n <Touch\n vkuiClass={classNames(\n getClassName(\"ModalRoot\", this.props.platform),\n this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n \"ModalRoot--vkapps\",\n touchDown && \"ModalRoot--touched\",\n !!(enteringModal || exitingModal) && \"ModalRoot--switching\"\n )}\n onMove={this.onTouchMove}\n onEnd={this.onTouchEnd}\n onScroll={this.onScroll}\n >\n <div\n vkuiClass=\"ModalRoot__mask\"\n onClick={this.props.onExit}\n ref={this.maskElementRef}\n />\n <div vkuiClass=\"ModalRoot__viewport\" ref={this.viewportRef}>\n {this.getModals().map((Modal) => {\n const modalId = getNavId(Modal.props, warn);\n const _modalState = this.getModalState(modalId);\n if (\n (modalId !== activeModal && modalId !== exitingModal) ||\n !_modalState\n ) {\n return null;\n }\n const modalState = { ..._modalState };\n\n const isPage = modalState.type === ModalType.PAGE;\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n key={key}\n getRootRef={(e) => {\n const modalState = this.getModalState(modalId);\n if (modalState) {\n modalState.modalElement = e;\n }\n }}\n onClose={this.props.onExit}\n timeout={this.timeout}\n vkuiClass={classNames(\n \"ModalRoot__modal\",\n modalId === activeModal && \"ModalRoot__modal--active\",\n modalId === exitingModal && \"ModalRoot__modal--prev\",\n ((exitingModal && modalId === activeModal) ||\n modalId === enteringModal) &&\n \"ModalRoot__modal--next\",\n\n dragging && \"ModalRoot__modal--dragging\",\n\n isPage &&\n modalState.expandable &&\n \"ModalRoot__modal--expandable\",\n isPage &&\n modalState.expanded &&\n \"ModalRoot__modal--expanded\",\n isPage &&\n modalState.collapsed &&\n \"ModalRoot__modal--collapsed\"\n )}\n restoreFocus={false}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </Touch>\n </ModalRootContext.Provider>\n </TouchRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootTouch = withContext(\n withPlatform(\n withDOM<ModalRootProps>(\n withModalManager(initModal)(ModalRootTouchComponent)\n )\n ),\n ConfigProviderContext,\n \"configProvider\"\n);\n\n/**\n * Инициализирует модалку перед анимацией открытия\n */\nfunction initModal(modalState: ModalsStateEntry) {\n switch (modalState.type) {\n case ModalType.PAGE:\n modalState.settlingHeight =\n modalState.settlingHeight || MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n return initPageModal(modalState);\n case ModalType.CARD:\n return initCardModal(modalState);\n default:\n IS_DEV &&\n warn(\n `initActiveModal: modalState.type=\"${modalState.type}\" не поддерживается`,\n \"error\"\n );\n }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n const { contentElement } = modalState;\n const contentHeight = (contentElement?.firstElementChild as HTMLElement)\n .offsetHeight;\n\n let prevTranslateY = modalState.translateY;\n\n modalState.expandable =\n contentHeight > (contentElement?.clientHeight ?? 0) ||\n modalState.settlingHeight === 100;\n\n let collapsed = false;\n let expanded = false;\n let translateYFrom;\n let translateY;\n let expandedRange: TranslateRange;\n let collapsedRange: TranslateRange;\n let hiddenRange: TranslateRange;\n\n if (modalState.expandable) {\n translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n const shiftHalf = translateYFrom / 2;\n const visiblePart = 100 - translateYFrom;\n\n expandedRange = [0, shiftHalf];\n collapsedRange = [shiftHalf, translateYFrom + visiblePart / 4];\n hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n collapsed = translateYFrom > 0;\n expanded = translateYFrom <= 0;\n translateY = translateYFrom;\n } else {\n const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n const height = contentHeight + headerHeight;\n\n translateYFrom =\n 100 -\n (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) *\n 100;\n translateY = translateYFrom;\n\n expandedRange = [translateY, translateY + 25];\n collapsedRange = [translateY + 25, translateY + 25];\n hiddenRange = [translateY + 25, translateY + 100];\n }\n\n // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n if (\n (modalState.expandable && translateY > (prevTranslateY ?? 100)) ||\n modalState.settlingHeight === 100\n ) {\n translateY = 0;\n }\n\n // Если модалка уже раскрыта обновляем состояния\n if (translateY === 0) {\n expanded = true;\n collapsed = false;\n }\n\n modalState.expandedRange = expandedRange;\n modalState.collapsedRange = collapsedRange;\n modalState.hiddenRange = hiddenRange;\n modalState.translateY = translateY;\n modalState.translateYFrom = translateYFrom;\n modalState.collapsed = collapsed;\n modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n modalState.translateY = 0;\n}\n"],"mappings":"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"}
@@ -86,7 +86,7 @@
86
86
  --panelheader_height_ios,var(--vkui--size_panel_header_height--regular)
87
87
  )}.vkuiPanelHeader--ios .vkuiPanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 0 4px 4px;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiPanelHeader--ios .vkuiPanelHeader__before .vkuiPanelHeaderButton+.vkuiPanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.vkuiPanelHeader--ios .vkuiPanelHeader__content{opacity:1;text-align:center;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiPanelHeader--ios .vkuiPanelHeader__content-in{font-size:21px}.vkuiPanelHeader--ios .vkuiPanelHeader__content>*{padding:0 4px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:8px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:8px}.vkuiPanelHeader--ios .vkuiPanelHeader__after{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 4px 4px 0;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__after,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__before,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content{opacity:0}.vkuiPanelHeader--android .vkuiPanelHeader__before:not(:empty){padding:4px 0 4px 4px}.vkuiPanelHeader--android .vkuiPanelHeader__content{align-items:center;flex-grow:1;max-width:100%}.vkuiPanelHeader--android .vkuiPanelHeader__content-in{font-size:23px}.vkuiPanelHeader--android .vkuiPanelHeader__content>*{padding:0 12px}.vkuiPanelHeader--android .vkuiSearch,.vkuiPanelHeader--vkcom .vkuiSearch{padding:0 4px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:16px}.vkuiPanelHeader--android.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}.vkuiPanelHeader--android .vkuiPanelHeader__after:not(:empty),.vkuiPanelHeader--vkcom .vkuiPanelHeader__after:not(:empty){padding:4px 4px 4px 0}.vkuiPanelHeader--vkcom{--panelheader_height:var(
88
88
  --panelheader_height_vkcom,var(--vkui--size_panel_header_height--regular)
89
- );position:relative;z-index:10}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in):after{background-color:#fff;background-color:var(
89
+ );position:relative;z-index:10}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in):after,.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiPanelHeader--sep) .vkuiPanelHeader__in:after{background-color:#fff;background-color:var(
90
90
  --header_background,var(--vkui--color_background_content)
91
91
  );bottom:0;content:"";height:1px;height:var(--thin-border);left:1px;left:var(--thin-border);position:absolute;right:1px;right:var(--thin-border)}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__in{border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:inset 0 0 0 1px #e1e3e6;box-shadow:0 0 0 var(--thin-border) var(--input_border) inset}.vkuiPanelHeader--vkcom .vkuiPanelHeader__content{text-align:center}.vkuiPanelHeader--vkcom .vkuiPanelHeader__before:not(:empty){padding:0 0 0 4px}.vkuiPanelHeader--vkcom .vkuiPanelHeader__after,.vkuiPanelHeader--vkcom .vkuiPanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0}.vkuiPanelHeader--no-before .vkuiPanelHeader__content>*{padding-left:0}.vkuiPanelHeaderButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;box-shadow:none;color:currentColor;display:block;margin:0;padding:0;position:relative}.vkuiPanelHeaderButton[disabled]{opacity:.6}.vkuiPanelHeaderButton .vkuiCounter{padding:0;position:absolute;right:2px;top:8px}.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 12px}.vkuiPanelHeaderButton--ios{align-items:center;display:flex;font-size:17px;position:relative}.vkuiPanelHeaderButton--ios.vkuiPanelHeaderButton--primitive{height:44px;line-height:44px}.vkuiPanelHeaderButton--ios .vkuiIcon--24{padding:10px}.vkuiPanelHeaderButton--ios .vkuiIcon--28{padding:8px}.vkuiPanelHeaderButton--android.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderButton--android .vkuiIcon--24{padding:12px}.vkuiPanelHeaderButton--android .vkuiIcon--28{padding:10px}.vkuiPanelHeaderButton--vkcom{color:#818c99;color:var(--header_text_secondary,var(--vkui--color_text_secondary))}.vkuiPanelHeaderButton--vkcom>:not(.vkuiCounter){opacity:.7;transition:opacity .3s}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--active>:not(.vkuiCounter),.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--hover>:not(.vkuiCounter){opacity:1}.vkuiPanelHeaderButton--vkcom{align-items:center;display:flex;padding:10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderBack--vkcom.vkuiPanelHeaderBack--has-label{padding-right:11px}.vkuiPanelHeaderBack--ios.vkuiPanelHeaderBack--has-label{padding-right:8px}.vkuiPanelHeaderContent{align-items:center;box-sizing:border-box;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);height:100%;justify-content:flex-start;line-height:normal;max-width:100%}.vkuiPanelHeaderContent__before{flex-shrink:0;margin-right:12px}.vkuiPanelHeaderContent__in{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;min-width:0}.vkuiPanelHeaderContent__children-in,.vkuiPanelHeaderContent__status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiPanelHeaderContent__status{color:#818c99;color:var(--header_text_secondary,var(--vkui--color_text_secondary));margin-top:1px;max-width:100%;order:1}.vkuiPanelHeaderContent__children{align-items:center;display:flex;max-width:100%}.vkuiPanelHeaderContent__children-in{flex-grow:0;min-width:0}.vkuiPanelHeaderContent__aside{align-items:center;color:#2688eb;color:var(--header_tint,var(--vkui--color_icon_accent));display:flex;justify-content:flex-start;margin-left:2px}.vkuiPanelHeaderContent__width{width:1000px}.vkuiPanelHeaderContent__in--centered{align-items:center}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in{font-family:VK Sans Display,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-size:21px;font-weight:500;line-height:52px;line-height:var(
92
92
  --panelheader_height_ios,var(--vkui--size_panel_header_height--regular)