npm - @vkontakte/vkui - Versions diffs - 5.0.3 → 5.1.2 - Mend

@vkontakte/vkui 5.0.3 → 5.1.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.

Files changed (2443) hide show

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

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

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export interface ModalRootProps {
     activeModal?: string | null;
     /**

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalRootContext.js","names":["ModalRootContext","React","createContext","updateModalHeight","undefined","registerModal","isInsideModal","useModalRegistry","id","type","modalContext","useContext","elements","useRef","current","useIsomorphicLayoutEffect","reset","Object","keys","reduce","acc","k","refs","modalElement","e","innerElement","headerElement","contentElement"],"sources":["../../../../src/components/ModalRoot/ModalRootContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { ModalElements, ModalsStateEntry, ModalType } from \"./types\";\n\nexport type ModalRegistryEntry = ModalElements ~~&\n~~ Required<Pick<ModalsStateEntry, \"type\" \| \"id\">>;\ntype ModalRefs = { [k in keyof ModalElements]: (e: ModalElements[k]) => void };\n\nexport interface ModalRootContextInterface {\n updateModalHeight: VoidFunction;\n registerModal(data: ModalRegistryEntry): void;\n onClose?: VoidFunction;\n isInsideModal: boolean;\n}\n\nexport const ModalRootContext = React.createContext<ModalRootContextInterface>({\n updateModalHeight: () => undefined,\n registerModal: () => undefined,\n isInsideModal: false,\n});\n\n/*\n All referenced elements must be static\n */\nexport function useModalRegistry(id: string \| undefined, type: ModalType) {\n const modalContext = React.useContext(ModalRootContext);\n const elements = React.useRef<ModalElements>({}).current;\n useIsomorphicLayoutEffect(() => {\n if (id !== undefined) {\n modalContext.registerModal({ ...elements, type, id });\n // unset refs on unmount to prevent leak\n const reset = Object.keys(elements).reduce<ModalRegistryEntry>(\n (acc, k) => ({ ...acc, [k]: null }),\n { type, id }\n );\n return () => modalContext.registerModal(reset);\n }\n return undefined;\n }, []);\n\n const refs = React.useRef<Required<ModalRefs>>({\n modalElement: (e) => (elements.modalElement = e),\n innerElement: (e) => (elements.innerElement = e),\n headerElement: (e) => (elements.headerElement = e),\n contentElement: (e) => (elements.contentElement = e),\n }).current;\n return { refs };\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;~~AAcO~~,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,aAAa,CAA4B;EAC7EC,iBAAiB,EAAE;IAAA,OAAMC,SAAS;EAAA;EAClCC,aAAa,EAAE;IAAA,OAAMD,SAAS;EAAA;EAC9BE,aAAa,EAAE;AACjB,CAAC,CAAC;;AAEF;AACA;AACA;AAFA;AAGO,SAASC,gBAAgB,CAACC,EAAsB,EAAEC,IAAe,EAAE;EACxE,IAAMC,YAAY,GAAGT,KAAK,CAACU,UAAU,CAACX,gBAAgB,CAAC;EACvD,IAAMY,QAAQ,GAAGX,KAAK,CAACY,MAAM,CAAgB,CAAC,CAAC,CAAC,CAACC,OAAO;EACxD,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,IAAIP,EAAE,KAAKJ,SAAS,EAAE;MACpBM,YAAY,CAACL,aAAa,6DAAMO,QAAQ;QAAEH,IAAI,EAAJA,IAAI;QAAED,EAAE,EAAFA;MAAE,GAAG;MACrD;MACA,IAAMQ,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACN,QAAQ,CAAC,CAACO,MAAM,CACxC,UAACC,GAAG,EAAEC,CAAC;QAAA,mEAAWD,GAAG,yCAAGC,CAAC,EAAG,IAAI;MAAA,CAAG,EACnC;QAAEZ,IAAI,EAAJA,IAAI;QAAED,EAAE,EAAFA;MAAG,CAAC,CACb;MACD,OAAO;QAAA,OAAME,YAAY,CAACL,aAAa,CAACW,KAAK,CAAC;MAAA;IAChD;IACA,OAAOZ,SAAS;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMkB,IAAI,GAAGrB,KAAK,CAACY,MAAM,CAAsB;IAC7CU,YAAY,EAAE,sBAACC,CAAC;MAAA,OAAMZ,QAAQ,CAACW,YAAY,GAAGC,CAAC;IAAA,CAAC;IAChDC,YAAY,EAAE,sBAACD,CAAC;MAAA,OAAMZ,QAAQ,CAACa,YAAY,GAAGD,CAAC;IAAA,CAAC;IAChDE,aAAa,EAAE,uBAACF,CAAC;MAAA,OAAMZ,QAAQ,CAACc,aAAa,GAAGF,CAAC;IAAA,CAAC;IAClDG,cAAc,EAAE,wBAACH,CAAC;MAAA,OAAMZ,QAAQ,CAACe,cAAc,GAAGH,CAAC;IAAA;EACrD,CAAC,CAAC,CAACV,OAAO;EACV,OAAO;IAAEQ,IAAI,EAAJA;EAAK,CAAC;AACjB"}
1	+ {"version":3,"file":"ModalRootContext.js","names":["ModalRootContext","React","createContext","updateModalHeight","undefined","registerModal","isInsideModal","useModalRegistry","id","type","modalContext","useContext","elements","useRef","current","useIsomorphicLayoutEffect","reset","Object","keys","reduce","acc","k","refs","modalElement","e","innerElement","headerElement","contentElement"],"sources":["../../../../src/components/ModalRoot/ModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { ModalElements, ModalsStateEntry, ModalType } from './types';\n\nexport type ModalRegistryEntry = ModalElements & Required<Pick<ModalsStateEntry, 'type' \| 'id'>>;\ntype ModalRefs = { [k in keyof ModalElements]: (e: ModalElements[k]) => void };\n\nexport interface ModalRootContextInterface {\n updateModalHeight: VoidFunction;\n registerModal(data: ModalRegistryEntry): void;\n onClose?: VoidFunction;\n isInsideModal: boolean;\n}\n\nexport const ModalRootContext = React.createContext<ModalRootContextInterface>({\n updateModalHeight: () => undefined,\n registerModal: () => undefined,\n isInsideModal: false,\n});\n\n/*\n All referenced elements must be static\n */\nexport function useModalRegistry(id: string \| undefined, type: ModalType) {\n const modalContext = React.useContext(ModalRootContext);\n const elements = React.useRef<ModalElements>({}).current;\n useIsomorphicLayoutEffect(() => {\n if (id !== undefined) {\n modalContext.registerModal({ ...elements, type, id });\n // unset refs on unmount to prevent leak\n const reset = Object.keys(elements).reduce<ModalRegistryEntry>(\n (acc, k) => ({ ...acc, [k]: null }),\n { type, id },\n );\n return () => modalContext.registerModal(reset);\n }\n return undefined;\n }, []);\n\n const refs = React.useRef<Required<ModalRefs>>({\n modalElement: (e) => (elements.modalElement = e),\n innerElement: (e) => (elements.innerElement = e),\n headerElement: (e) => (elements.headerElement = e),\n contentElement: (e) => (elements.contentElement = e),\n }).current;\n return { refs };\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAaO,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,aAAa,CAA4B;EAC7EC,iBAAiB,EAAE;IAAA,OAAMC,SAAS;EAAA;EAClCC,aAAa,EAAE;IAAA,OAAMD,SAAS;EAAA;EAC9BE,aAAa,EAAE;AACjB,CAAC,CAAC;;AAEF;AACA;AACA;AAFA;AAGO,SAASC,gBAAgB,CAACC,EAAsB,EAAEC,IAAe,EAAE;EACxE,IAAMC,YAAY,GAAGT,KAAK,CAACU,UAAU,CAACX,gBAAgB,CAAC;EACvD,IAAMY,QAAQ,GAAGX,KAAK,CAACY,MAAM,CAAgB,CAAC,CAAC,CAAC,CAACC,OAAO;EACxD,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,IAAIP,EAAE,KAAKJ,SAAS,EAAE;MACpBM,YAAY,CAACL,aAAa,6DAAMO,QAAQ;QAAEH,IAAI,EAAJA,IAAI;QAAED,EAAE,EAAFA;MAAE,GAAG;MACrD;MACA,IAAMQ,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACN,QAAQ,CAAC,CAACO,MAAM,CACxC,UAACC,GAAG,EAAEC,CAAC;QAAA,mEAAWD,GAAG,yCAAGC,CAAC,EAAG,IAAI;MAAA,CAAG,EACnC;QAAEZ,IAAI,EAAJA,IAAI;QAAED,EAAE,EAAFA;MAAG,CAAC,CACb;MACD,OAAO;QAAA,OAAME,YAAY,CAACL,aAAa,CAACW,KAAK,CAAC;MAAA;IAChD;IACA,OAAOZ,SAAS;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMkB,IAAI,GAAGrB,KAAK,CAACY,MAAM,CAAsB;IAC7CU,YAAY,EAAE,sBAACC,CAAC;MAAA,OAAMZ,QAAQ,CAACW,YAAY,GAAGC,CAAC;IAAA,CAAC;IAChDC,YAAY,EAAE,sBAACD,CAAC;MAAA,OAAMZ,QAAQ,CAACa,YAAY,GAAGD,CAAC;IAAA,CAAC;IAChDE,aAAa,EAAE,uBAACF,CAAC;MAAA,OAAMZ,QAAQ,CAACc,aAAa,GAAGF,CAAC;IAAA,CAAC;IAClDG,cAAc,EAAE,wBAACH,CAAC;MAAA,OAAMZ,QAAQ,CAACe,cAAc,GAAGH,CAAC;IAAA;EACrD,CAAC,CAAC,CAACV,OAAO;EACV,OAAO;IAAEQ,IAAI,EAAJA;EAAK,CAAC;AACjB"}

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

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { HasPlatform } from "../../types";
-import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import * as React from 'react';
+import { HasPlatform } from '../../types';
+import { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
 export interface ModalRootProps extends HasPlatform {
     activeModal?: string | null;
     /**

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

@@ -14,7 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _supportEvents = require("../../lib/supportEvents");
 var _withPlatform = require("../../hoc/withPlatform");
 var _withContext = require("../../hoc/withContext");
@@ -28,7 +28,7 @@ var _FocusTrap = require("../FocusTrap/FocusTrap");
 var _useModalManager = require("./useModalManager");
 var _math = require("../../helpers/math");
 var _excluded = ["id"];
-var warn = (0, _warnOnce.warnOnce)("ModalRoot");
+var warn = (0, _warnOnce.warnOnce)('ModalRoot');
 var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ModalRootDesktopComponent, _React$Component);
   var _super = (0, _createSuper2.default)(ModalRootDesktopComponent);
@@ -79,7 +79,6 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
       // transition phase 2: animate exiting modal
       if (this.props.exitingModal && this.props.exitingModal !== prevProps.exitingModal) {
         this.closeModal(this.props.exitingModal);
@@ -87,17 +86,7 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
       // transition phase 3: animate entering modal
       if (this.props.enteringModal && this.props.enteringModal !== prevProps.enteringModal) {
-        var enteringModal = this.props.enteringModal;
-        var enteringState = this.getModalState(enteringModal);
-        this.props.onEnter();
-        requestAnimationFrame(function () {
-          if (_this2.props.enteringModal === enteringModal) {
-            _this2.waitTransitionFinish(enteringState, function () {
-              return _this2.props.onEntered(enteringModal);
-            });
-            _this2.animateModalOpacity(enteringState, true);
-          }
-        });
+        this.openModal(prevProps);
       }
       // focus restoration
@@ -110,6 +99,37 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
         this.restoreFocusTo = undefined;
       }
     }
+  }, {
+    key: "openModal",
+    value: function openModal(prevProps) {
+      var _this2 = this;
+      var enteringModal = this.props.enteringModal;
+      if (!enteringModal) {
+        return;
+      }
+      var enteringState = this.getModalState(enteringModal);
+      this.props.onEnter();
+      // Анимация открытия модального окна
+      if (!prevProps.exitingModal) {
+        requestAnimationFrame(function () {
+          if (_this2.props.enteringModal === enteringModal) {
+            _this2.waitTransitionFinish(enteringState, function () {
+              return _this2.props.onEntered(enteringModal);
+            });
+            _this2.animateModalOpacity(enteringState, true);
+          }
+        });
+        return;
+      }
+      // Переход между модальными окнами без анимации
+      if (enteringState !== null && enteringState !== void 0 && enteringState.innerElement) {
+        enteringState.innerElement.style.transition = 'none';
+        enteringState.innerElement.style.opacity = '1';
+      }
+      this.props.onEntered(enteringModal);
+    }
   }, {
     key: "closeModal",
     value: function closeModal(id) {
@@ -118,13 +138,21 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
       if (!prevModalState) {
         return;
       }
-      this.waitTransitionFinish(prevModalState, function () {
-        return _this3.props.onExited(id);
-      });
-      this.animateModalOpacity(prevModalState, false);
+      // Анимация закрытия модального окна
       if (!this.props.activeModal) {
-        this.setMaskOpacity(prevModalState, 0);
+        requestAnimationFrame(function () {
+          _this3.waitTransitionFinish(prevModalState, function () {
+            return _this3.props.onExited(id);
+          });
+          _this3.animateModalOpacity(prevModalState, false);
+          _this3.setMaskOpacity(prevModalState, 0);
+        });
+        return;
       }
+      // Переход между модальными окнами без анимации
+      this.props.onExited(id);
     }
   }, {
     key: "waitTransitionFinish",
@@ -147,8 +175,9 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
     key: "animateModalOpacity",
     value: function animateModalOpacity(modalState, display) {
       if (modalState !== null && modalState !== void 0 && modalState.innerElement) {
-        modalState.innerElement.style.transitionDelay = display && this.props.delayEnter ? "".concat(this.timeout, "ms") : "";
-        modalState.innerElement.style.opacity = display ? "1" : "0";
+        modalState.innerElement.style.transition = '';
+        modalState.innerElement.style.transitionDelay = display && this.props.delayEnter ? "".concat(this.timeout, "ms") : '';
+        modalState.innerElement.style.opacity = display ? '1' : '0';
       }
     }
@@ -183,15 +212,14 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
         _this5 = this;
       var _this$props = this.props,
         exitingModal = _this$props.exitingModal,
-        activeModal = _this$props.activeModal,
-        enteringModal = _this$props.enteringModal;
+        activeModal = _this$props.activeModal;
       if (!activeModal && !exitingModal) {
         return null;
       }
       return /*#__PURE__*/React.createElement(_ModalRootContext.ModalRootContext.Provider, {
         value: this.modalRootContext
       }, /*#__PURE__*/React.createElement("div", {
-        className: (0, _classNames.classNamesString)("vkuiModalRoot", ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === _ConfigProviderContext.WebviewType.VKAPPS && "vkuiModalRoot--vkapps", "vkuiModalRoot--desktop")
+        className: (0, _vkjs.classNames)("vkuiModalRoot", ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === _ConfigProviderContext.WebviewType.VKAPPS && "vkuiModalRoot--vkapps", "vkuiModalRoot--desktop")
       }, /*#__PURE__*/React.createElement("div", {
         className: "vkuiModalRoot__mask",
         ref: this.maskElementRef,
@@ -209,13 +237,13 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
           onClose: _this5.props.onExit,
           timeout: _this5.timeout,
           key: key,
-          className: (0, _classNames.classNamesString)("vkuiModalRoot__modal", !exitingModal && !enteringModal && modalId === activeModal && "vkuiModalRoot__modal--active", modalId === exitingModal && "vkuiModalRoot__modal--prev", Boolean(exitingModal) && modalId === activeModal && "vkuiModalRoot__modal--next")
+          className: "vkuiModalRoot__modal"
         }, Modal);
       }))));
     }
   }]);
   return ModalRootDesktopComponent;
 }(React.Component);
-var ModalRootDesktop = (0, _withContext.withContext)((0, _withPlatform.withPlatform)((0, _dom.withDOM)((0, _useModalManager.withModalManager)()(ModalRootDesktopComponent))), _ConfigProviderContext.ConfigProviderContext, "configProvider");
+var ModalRootDesktop = (0, _withContext.withContext)((0, _withPlatform.withPlatform)((0, _dom.withDOM)((0, _useModalManager.withModalManager)()(ModalRootDesktopComponent))), _ConfigProviderContext.ConfigProviderContext, 'configProvider');
 exports.ModalRootDesktop = ModalRootDesktop;
 //# sourceMappingURL=ModalRootDesktop.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalRootDesktop.js","names":["warn","warnOnce","ModalRootDesktopComponent","props","undefined","maskElementRef","React","createRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","getModalState","onClose","onExit","isInsideModal","platform","Platform","IOS","Children","toArray","children","prevProps","exitingModal","closeModal","enteringModal","enteringState","onEnter","requestAnimationFrame","waitTransitionFinish","onEntered","animateModalOpacity","activeModal","restoreFocusTo","document","activeElement","focus","prevModalState","onExited","setMaskOpacity","modalState","eventHandler","transitionEvent","supported","onceHandler","innerElement","removeEventListener","name","addEventListener","setTimeout","timeout","display","style","transitionDelay","delayEnter","opacity","forceOpacity","history","maskAnimationFrame","cancelAnimationFrame","current","translateY","translateYCurrent","clamp","toString","classNamesString","configProvider","webviewType","WebviewType","VKAPPS","modals","map","Modal","modalId","getNavId","key","Boolean","Component","ModalRootDesktop","withContext","withPlatform","withDOM","withModalManager","ConfigProviderContext"],"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n ModalRootContext,\n ModalRootContextInterface,\n} from \"./ModalRootContext\";\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { ModalsStateEntry } from \"./types\";\nimport { Platform } from \"../../lib/platform\";\nimport { DOMProps, withDOM } from \"../../lib/dom\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { ModalTransitionProps, withModalManager } from \"./useModalManager\";\nimport { clamp } from \"../../helpers/math\";\nimport styles from \"./ModalRoot.module.css\";\n\nconst warn = warnOnce(\"ModalRoot\");\n\nexport interface ModalRootProps extends HasPlatform {\n activeModal?: string \| null;\n /*\n @ignore\n /\n configProvider?: ConfigProviderContextInterface;\n children?: React.ReactNode;\n\n /\n Будет вызвано при начале открытия активной модалки с её id\n /\n onOpen?(modalId: string): void;\n\n /\n Будет вызвано при окончательном открытии активной модалки с её id\n /\n onOpened?(modalId: string): void;\n\n /\n Будет вызвано при начале закрытия активной модалки с её id\n /\n onClose?(modalId: string): void;\n\n /\n Будет вызвано при окончательном закрытии активной модалки с её id\n /\n onClosed?(modalId: string): void;\n}\n\nclass ModalRootDesktopComponent extends React.Component<\n ModalRootProps & DOMProps & ModalTransitionProps\n> {\n constructor(props: ModalRootProps & ModalTransitionProps) {\n super(props);\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: () => undefined,\n registerModal: ({ id, ...data }) =>\n Object.assign(this.getModalState(id) ?? {}, data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n }\n\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private maskAnimationFrame: number \| undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private restoreFocusTo: HTMLElement \| undefined = undefined;\n\n private get timeout() {\n return this.props.platform === Platform.IOS ? 400 : 320;\n }\n\n private get modals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n getModalState(id: string \| null) {\n if (id === null) {\n return undefined;\n }\n return this.props.getModalState(id);\n }\n\n componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n // transition phase 2: animate exiting modal\n if (\n this.props.exitingModal &&\n this.props.exitingModal !== prevProps.exitingModal\n ) {\n this.closeModal(this.props.exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (\n this.props.enteringModal &&\n this.props.enteringModal !== prevProps.enteringModal\n ) {\n const { enteringModal } = this.props;\n const enteringState = this.getModalState(enteringModal);\n this.props.onEnter();\n requestAnimationFrame(() => {\n if (this.props.enteringModal === enteringModal) {\n this.waitTransitionFinish(enteringState, () =>\n this.props.onEntered(enteringModal)\n );\n this.animateModalOpacity(enteringState, true);\n }\n });\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = (this.props.document?.activeElement ??\n undefined) as HTMLElement \| undefined;\n }\n if (\n !this.props.activeModal &&\n !this.props.exitingModal &&\n this.restoreFocusTo\n ) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = undefined;\n }\n }\n\n closeModal(id: string) {\n const prevModalState = this.getModalState(id);\n if (!prevModalState) {\n return;\n }\n\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n this.animateModalOpacity(prevModalState, false);\n if (!this.props.activeModal) {\n this.setMaskOpacity(prevModalState, 0);\n }\n }\n\n waitTransitionFinish(\n modalState: ModalsStateEntry \| undefined,\n eventHandler: () => void\n ) {\n if (transitionEvent.supported) {\n const onceHandler = () => {\n modalState?.innerElement?.removeEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n eventHandler();\n };\n\n modalState?.innerElement?.addEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n } else {\n setTimeout(eventHandler, this.timeout);\n }\n }\n\n / Анимирует сдвиг модалки /\n animateModalOpacity(\n modalState: ModalsStateEntry \| undefined,\n display: boolean\n ) {\n if (modalState?.innerElement) {\n modalState.innerElement.style.transitionDelay =\n display && this.props.delayEnter ? `${this.timeout}ms` : \"\";\n modalState.innerElement.style.opacity = display ? \"1\" : \"0\";\n }\n }\n\n / Устанавливает прозрачность для полупрозрачной подложки */\n setMaskOpacity(\n modalState: ModalsStateEntry,\n forceOpacity: number \| null = null\n ) {\n if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n return;\n }\n\n if (this.maskAnimationFrame) {\n cancelAnimationFrame(this.maskAnimationFrame);\n }\n this.maskAnimationFrame = requestAnimationFrame(() => {\n if (this.maskElementRef.current) {\n const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n const opacity =\n forceOpacity === null\n ? 1 - (translateYCurrent - translateY) / (100 - translateY) \|\| 0\n : forceOpacity;\n this.maskElementRef.current.style.opacity = clamp(\n opacity,\n 0,\n 100\n ).toString();\n }\n });\n }\n\n render() {\n const { exitingModal, activeModal, enteringModal } = this.props;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <ModalRootContext.Provider value={this.modalRootContext}>\n <div\n className={classNamesString(\n styles[\"ModalRoot\"],\n this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n styles[\"ModalRoot--vkapps\"],\n styles[\"ModalRoot--desktop\"]\n )}\n >\n <div\n className={styles[\"ModalRoot__mask\"]}\n ref={this.maskElementRef}\n onClick={this.props.onExit}\n />\n <div className={styles[\"ModalRoot__viewport\"]}>\n {this.modals.map((Modal: React.ReactElement) => {\n const modalId = getNavId(Modal.props, warn);\n if (modalId !== activeModal && modalId !== exitingModal) {\n return null;\n }\n\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n restoreFocus={false}\n onClose={this.props.onExit}\n timeout={this.timeout}\n key={key}\n className={classNamesString(\n styles[\"ModalRoot__modal\"],\n !exitingModal &&\n !enteringModal &&\n modalId === activeModal &&\n styles[\"ModalRoot__modal--active\"],\n modalId === exitingModal &&\n styles[\"ModalRoot__modal--prev\"],\n Boolean(exitingModal) &&\n modalId === activeModal &&\n styles[\"ModalRoot__modal--next\"]\n )}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </div>\n </ModalRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootDesktop = withContext(\n withPlatform(\n withDOM<ModalRootProps>(withModalManager()(ModalRootDesktopComponent))\n ),\n ConfigProviderContext,\n \"configProvider\"\n);\n"],"mappings":"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"}
1	+ {"version":3,"file":"ModalRootDesktop.js","names":["warn","warnOnce","ModalRootDesktopComponent","props","undefined","maskElementRef","React","createRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","getModalState","onClose","onExit","isInsideModal","platform","Platform","IOS","Children","toArray","children","prevProps","exitingModal","closeModal","enteringModal","openModal","activeModal","restoreFocusTo","document","activeElement","focus","enteringState","onEnter","requestAnimationFrame","waitTransitionFinish","onEntered","animateModalOpacity","innerElement","style","transition","opacity","prevModalState","onExited","setMaskOpacity","modalState","eventHandler","transitionEvent","supported","onceHandler","removeEventListener","name","addEventListener","setTimeout","timeout","display","transitionDelay","delayEnter","forceOpacity","history","maskAnimationFrame","cancelAnimationFrame","current","translateY","translateYCurrent","clamp","toString","classNames","configProvider","webviewType","WebviewType","VKAPPS","modals","map","Modal","modalId","getNavId","key","Component","ModalRootDesktop","withContext","withPlatform","withDOM","withModalManager","ConfigProviderContext"],"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { transitionEvent } from '../../lib/supportEvents';\nimport { HasPlatform } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { withContext } from '../../hoc/withContext';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n WebviewType,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { ModalsStateEntry } from './types';\nimport { Platform } from '../../lib/platform';\nimport { DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalTransitionProps, withModalManager } from './useModalManager';\nimport { clamp } from '../../helpers/math';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nexport interface ModalRootProps extends HasPlatform {\n activeModal?: string \| null;\n /*\n @ignore\n /\n configProvider?: ConfigProviderContextInterface;\n children?: React.ReactNode;\n\n /\n Будет вызвано при начале открытия активной модалки с её id\n /\n onOpen?(modalId: string): void;\n\n /\n Будет вызвано при окончательном открытии активной модалки с её id\n /\n onOpened?(modalId: string): void;\n\n /\n Будет вызвано при начале закрытия активной модалки с её id\n /\n onClose?(modalId: string): void;\n\n /\n Будет вызвано при окончательном закрытии активной модалки с её id\n /\n onClosed?(modalId: string): void;\n}\n\nclass ModalRootDesktopComponent extends React.Component<\n ModalRootProps & DOMProps & ModalTransitionProps\n> {\n constructor(props: ModalRootProps & ModalTransitionProps) {\n super(props);\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: () => undefined,\n registerModal: ({ id, ...data }) => Object.assign(this.getModalState(id) ?? {}, data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n }\n\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private maskAnimationFrame: number \| undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private restoreFocusTo: HTMLElement \| undefined = undefined;\n\n private get timeout() {\n return this.props.platform === Platform.IOS ? 400 : 320;\n }\n\n private get modals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n getModalState(id: string \| null) {\n if (id === null) {\n return undefined;\n }\n return this.props.getModalState(id);\n }\n\n componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n // transition phase 2: animate exiting modal\n if (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 this.openModal(prevProps);\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = (this.props.document?.activeElement ?? undefined) as\n \| HTMLElement\n \| undefined;\n }\n if (!this.props.activeModal && !this.props.exitingModal && this.restoreFocusTo) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = undefined;\n }\n }\n\n openModal(prevProps: ModalRootProps & ModalTransitionProps) {\n const { enteringModal } = this.props;\n if (!enteringModal) {\n return;\n }\n\n const enteringState = this.getModalState(enteringModal);\n this.props.onEnter();\n\n // Анимация открытия модального окна\n if (!prevProps.exitingModal) {\n requestAnimationFrame(() => {\n if (this.props.enteringModal === enteringModal) {\n this.waitTransitionFinish(enteringState, () => this.props.onEntered(enteringModal));\n this.animateModalOpacity(enteringState, true);\n }\n });\n\n return;\n }\n\n // Переход между модальными окнами без анимации\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transition = 'none';\n enteringState.innerElement.style.opacity = '1';\n }\n\n this.props.onEntered(enteringModal);\n }\n\n closeModal(id: string) {\n const prevModalState = this.getModalState(id);\n if (!prevModalState) {\n return;\n }\n\n // Анимация закрытия модального окна\n if (!this.props.activeModal) {\n requestAnimationFrame(() => {\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n this.animateModalOpacity(prevModalState, false);\n this.setMaskOpacity(prevModalState, 0);\n });\n\n return;\n }\n\n // Переход между модальными окнами без анимации\n this.props.onExited(id);\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 animateModalOpacity(modalState: ModalsStateEntry \| undefined, display: boolean) {\n if (modalState?.innerElement) {\n modalState.innerElement.style.transition = '';\n modalState.innerElement.style.transitionDelay =\n display && this.props.delayEnter ? `${this.timeout}ms` : '';\n modalState.innerElement.style.opacity = display ? '1' : '0';\n }\n }\n\n / Устанавливает прозрачность для полупрозрачной подложки */\n setMaskOpacity(modalState: ModalsStateEntry, forceOpacity: number \| null = null) {\n if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n return;\n }\n\n if (this.maskAnimationFrame) {\n cancelAnimationFrame(this.maskAnimationFrame);\n }\n this.maskAnimationFrame = requestAnimationFrame(() => {\n if (this.maskElementRef.current) {\n const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n const opacity =\n forceOpacity === null\n ? 1 - (translateYCurrent - translateY) / (100 - translateY) \|\| 0\n : forceOpacity;\n this.maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n }\n });\n }\n\n render() {\n const { exitingModal, activeModal } = this.props;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <ModalRootContext.Provider value={this.modalRootContext}>\n <div\n className={classNames(\n styles['ModalRoot'],\n this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n styles['ModalRoot--vkapps'],\n styles['ModalRoot--desktop'],\n )}\n >\n <div\n className={styles['ModalRoot__mask']}\n ref={this.maskElementRef}\n onClick={this.props.onExit}\n />\n <div className={styles['ModalRoot__viewport']}>\n {this.modals.map((Modal: React.ReactElement) => {\n const modalId = getNavId(Modal.props, warn);\n if (modalId !== activeModal && modalId !== exitingModal) {\n return null;\n }\n\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n restoreFocus={false}\n onClose={this.props.onExit}\n timeout={this.timeout}\n key={key}\n className={styles['ModalRoot__modal']}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </div>\n </ModalRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootDesktop = withContext(\n withPlatform(withDOM<ModalRootProps>(withModalManager()(ModalRootDesktopComponent))),\n ConfigProviderContext,\n 'configProvider',\n);\n"],"mappings":"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"}

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

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

package/dist/cjs/components/ModalRoot/useModalManager.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { ModalsStateEntry } from "./types";
+import * as React from 'react';
+import { ModalsStateEntry } from './types';
 interface ModalTransitionState {
     activeModal?: string | null;
     enteringModal?: string | null;
@@ -16,7 +16,7 @@ export interface ModalTransitionProps extends ModalTransitionState {
     delayEnter: boolean;
 }
 export declare function modalTransitionReducer(state: ModalTransitionState, action: {
-    type: "setActive" | "entered" | "exited" | "inited";
+    type: 'setActive' | 'entered' | 'exited' | 'inited';
     id: string | null;
 }): ModalTransitionState;
 /**