npm - @vkontakte/vkui - Versions diffs - 4.23.0 → 4.24.0 - Mend

@vkontakte/vkui 4.23.0 → 4.24.0

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

Files changed (2192) hide show

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

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

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

@@ -12,7 +12,7 @@ var ModalRootComponent = function ModalRootComponent(props) {
   return createScopedElement(RootComponent, props);
 };
-ModalRootComponent.displayName = 'ModalRoot';
+ModalRootComponent.displayName = "ModalRoot";
 export var ModalRoot = withAdaptivity(ModalRootComponent, {
   viewWidth: true,
   viewHeight: true,

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

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

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import * as React from 'react';
+import * as React from "react";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 export var ModalRootContext = /*#__PURE__*/React.createContext({
   updateModalHeight: function updateModalHeight() {

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

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

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

@@ -7,7 +7,7 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["id"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { transitionEvent } from "../../lib/supportEvents";
 import { withPlatform } from "../../hoc/withPlatform";
@@ -22,7 +22,7 @@ import { warnOnce } from "../../lib/warnOnce";
 import { FocusTrap } from "../FocusTrap/FocusTrap";
 import { withModalManager } from "./useModalManager";
 import "./ModalRoot.css";
-var warn = warnOnce('ModalRoot');
+var warn = warnOnce("ModalRoot");
 var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   _inherits(ModalRootDesktopComponent, _React$Component);
@@ -138,11 +138,11 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
     value: function waitTransitionFinish(modalState, eventHandler) {
       if (transitionEvent.supported) {
         var onceHandler = function onceHandler() {
-          modalState.innerElement.removeEventListener(transitionEvent.name, onceHandler);
+          modalState === null || modalState === void 0 ? void 0 : modalState.innerElement.removeEventListener(transitionEvent.name, onceHandler);
           eventHandler();
         };
-        modalState.innerElement.addEventListener(transitionEvent.name, onceHandler);
+        modalState === null || modalState === void 0 ? void 0 : modalState.innerElement.addEventListener(transitionEvent.name, onceHandler);
       } else {
         setTimeout(eventHandler, this.timeout);
       }
@@ -153,7 +153,7 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
     key: "animateModalOpacity",
     value: function animateModalOpacity(modalState, display) {
       modalState.innerElement.style.transitionDelay = display && this.props.delayEnter ? "".concat(this.timeout, "ms") : null;
-      modalState.innerElement.style.opacity = display ? '1' : '0';
+      modalState.innerElement.style.opacity = display ? "1" : "0";
     }
     /* Устанавливает прозрачность для полупрозрачной подложки */
@@ -195,9 +195,9 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
       return createScopedElement(ModalRootContext.Provider, {
         value: this.modalRootContext
       }, createScopedElement("div", {
-        vkuiClass: classNames(getClassName('ModalRoot', this.props.platform), {
-          'ModalRoot--vkapps': this.props.configProvider.webviewType === WebviewType.VKAPPS
-        }, 'ModalRoot--desktop')
+        vkuiClass: classNames(getClassName("ModalRoot", this.props.platform), {
+          "ModalRoot--vkapps": this.props.configProvider.webviewType === WebviewType.VKAPPS
+        }, "ModalRoot--desktop")
       }, createScopedElement("div", {
         vkuiClass: "ModalRoot__mask",
         ref: this.maskElementRef,
@@ -217,10 +217,10 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
           onClose: _this5.props.closeActiveModal,
           timeout: _this5.timeout,
           key: key,
-          vkuiClass: classNames('ModalRoot__modal', {
-            'ModalRoot__modal--active': !exitingModal && !enteringModal && modalId === activeModal,
-            'ModalRoot__modal--prev': modalId === exitingModal,
-            'ModalRoot__modal--next': exitingModal && modalId === activeModal
+          vkuiClass: classNames("ModalRoot__modal", {
+            "ModalRoot__modal--active": !exitingModal && !enteringModal && modalId === activeModal,
+            "ModalRoot__modal--prev": modalId === exitingModal,
+            "ModalRoot__modal--next": exitingModal && modalId === activeModal
           })
         }, Modal);
       }))));
@@ -230,5 +230,5 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   return ModalRootDesktopComponent;
 }(React.Component);
-export var ModalRootDesktop = withContext(withPlatform(withDOM(withModalManager()(ModalRootDesktopComponent))), ConfigProviderContext, 'configProvider');
+export var ModalRootDesktop = withContext(withPlatform(withDOM(withModalManager()(ModalRootDesktopComponent))), ConfigProviderContext, "configProvider");
 //# sourceMappingURL=ModalRootDesktop.js.map

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

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

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

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

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

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { ModalType } from "./types";
 import { warnOnce } from "../../lib/warnOnce";
 import { getNavId } from "../../lib/getNavId";
@@ -14,9 +14,9 @@ function getModals(children) {
   return React.Children.toArray(children);
 }
-var warn = warnOnce('ModalRoot');
+var warn = warnOnce("ModalRoot");
 export function modalTransitionReducer(state, action) {
-  if (action.type === 'setActive' && action.id !== state.activeModal) {
+  if (action.type === "setActive" && action.id !== state.activeModal) {
     var nextModal = action.id; // preserve exiting modal if switching mid-transition
     var prevModal = state.exitingModal || state.activeModal;
@@ -43,19 +43,19 @@ export function modalTransitionReducer(state, action) {
     };
   }
-  if (action.type === 'entered' && action.id === state.enteringModal) {
+  if (action.type === "entered" && action.id === state.enteringModal) {
     return _objectSpread(_objectSpread({}, state), {}, {
       enteringModal: null
     });
   }
-  if (action.type === 'exited' && action.id === state.exitingModal) {
+  if (action.type === "exited" && action.id === state.exitingModal) {
     return _objectSpread(_objectSpread({}, state), {}, {
       exitingModal: null
     });
   }
-  if (action.type === 'inited' && action.id === state.activeModal) {
+  if (action.type === "inited" && action.id === state.activeModal) {
     return _objectSpread(_objectSpread({}, state), {}, {
       enteringModal: action.id
     });
@@ -88,7 +88,7 @@ export function useModalManager(activeModal, children, onClose) {
     state.onClose = Modal.props.onClose;
     state.dynamicContentHeight = !!modalProps.dynamicContentHeight; // ModalPage props
-    if (typeof modalProps.settlingHeight === 'number') {
+    if (typeof modalProps.settlingHeight === "number") {
       state.settlingHeight = modalProps.settlingHeight;
     }
@@ -111,12 +111,12 @@ export function useModalManager(activeModal, children, onClose) {
   useIsomorphicLayoutEffect(function () {
     // ignore non-existent activeModal
-    if (process.env.NODE_ENV === 'development' && isMissing) {
+    if (process.env.NODE_ENV === "development" && isMissing) {
       warn("Can't transition - modal ".concat(activeModal, " not found"));
     }
     dispatchTransition({
-      type: 'setActive',
+      type: "setActive",
       id: safeActiveModal
     });
   }, [activeModal]); // Init activeModal & set enteringModal
@@ -125,7 +125,7 @@ export function useModalManager(activeModal, children, onClose) {
     if (transitionState.activeModal) {
       initModal(modalsState[transitionState.activeModal]);
       dispatchTransition({
-        type: 'inited',
+        type: "inited",
         id: transitionState.activeModal
       });
     }
@@ -139,13 +139,13 @@ export function useModalManager(activeModal, children, onClose) {
   var onEnter = React.useCallback(function (id) {
     return dispatchTransition({
-      type: 'entered',
+      type: "entered",
       id: id
     });
   }, []);
   var onExit = React.useCallback(function (id) {
     return dispatchTransition({
-      type: 'exited',
+      type: "exited",
       id: id
     });
   }, []);
@@ -162,8 +162,8 @@ export function useModalManager(activeModal, children, onClose) {
         modalState.onClose();
       } else if (isFunction(onClose)) {
         onClose(modalState.id);
-      } else if (process.env.NODE_ENV === 'development') {
-        warn('onClose is undefined');
+      } else if (process.env.NODE_ENV === "development") {
+        warn("onClose is undefined");
       }
     }
   }