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

@vkontakte/vkui 4.23.0 → 4.25.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 (2324) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","ModalRootTouchComponent","props","React","createRef","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","clearTimeout","contentScrollStopTimeout","setTimeout","state","touchDown","dragging","maskElementRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","onClose","closeActiveModal","isInsideModal","frameIds","platform","ANDROID","VKCOM","document","window","Children","toArray","children","IOS","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","transitionEvent","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","maskAnimationFrame","opacity","toString","configProvider","webviewType","WebviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","isPage","key","Component","ModalRootTouch","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","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":["warn","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","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","closeActiveModal","isInsideModal","frameIds","platform","ANDROID","VKCOM","document","window","Children","toArray","children","IOS","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","transitionEvent","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","maskAnimationFrame","opacity","toString","configProvider","webviewType","WebviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","_modalState","isPage","key","Component","ModalRootTouch","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","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 \| undefined) {\n if (!range) {\n return false;\n }\n return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n return Math.max(0, Math.min(98, number));\n}\n\nexport interface ModalRootProps extends HasPlatform {\n activeModal?: string \| null;\n\n /*\n Будет вызвано при закрытии активной модалки с её id\n /\n 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 = false;\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private readonly viewportRef = React.createRef<HTMLDivElement>();\n private maskAnimationFrame: number \| undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private readonly frameIds: {\n [index: string]: number;\n };\n private restoreFocusTo: HTMLElement \| undefined \| null = undefined;\n\n get timeout(): number {\n return this.props.platform === ANDROID \|\| this.props.platform === VKCOM\n ? 320\n : 400;\n }\n\n get document() {\n return this.props.document;\n }\n\n get window() {\n return this.props.window;\n }\n\n getModalState(id: string \| undefined \| null) {\n if (!id) {\n return undefined;\n }\n return this.props.getModalState(id);\n }\n\n getModals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n componentDidMount() {\n // Отслеживаем изменение размеров viewport (Необходимо для iOS)\n if (this.props.platform === IOS) {\n this.window?.addEventListener(\"resize\", this.updateModalTranslate, false);\n }\n }\n\n componentWillUnmount() {\n this.toggleDocumentScrolling(true);\n this.window!.removeEventListener(\n \"resize\",\n this.updateModalTranslate,\n false\n );\n }\n\n componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n // transition phase 2: animate exiting modal\n if (\n this.props.exitingModal &&\n this.props.exitingModal !== prevProps.exitingModal\n ) {\n this.closeModal(this.props.exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (\n this.props.enteringModal &&\n this.props.enteringModal !== prevProps.enteringModal\n ) {\n const { enteringModal } = this.props;\n const enteringState = this.getModalState(enteringModal);\n this.waitTransitionFinish(enteringState, () => {\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = \"\";\n }\n this.props.onEnter(enteringModal);\n });\n\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n ? `${this.timeout}ms`\n : \"\";\n this.animateTranslate(enteringState, enteringState.translateY);\n }\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = this.document!.activeElement as HTMLElement;\n }\n if (\n !this.props.activeModal &&\n !this.props.exitingModal &&\n this.restoreFocusTo\n ) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = null;\n }\n\n this.toggleDocumentScrolling(\n !this.props.activeModal && !this.props.exitingModal\n );\n }\n\n / Отключает скролл документа /\n toggleDocumentScrolling(enabled: boolean) {\n if (this.documentScrolling === enabled) {\n return;\n }\n this.documentScrolling = enabled;\n\n if (enabled) {\n // Здесь нужен последний аргумент с такими же параметрами, потому что\n // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n // https://github.com/VKCOM/VKUI/issues/444\n this.window!.removeEventListener(\"touchmove\", this.preventTouch, {\n // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)\n passive: false,\n });\n } else {\n this.window!.addEventListener(\"touchmove\", this.preventTouch, {\n passive: false,\n });\n }\n }\n\n preventTouch = (event: any) => {\n if (!event) {\n return false;\n }\n while (event.originalEvent) {\n event = event.originalEvent;\n }\n if (event.preventDefault) {\n event.preventDefault();\n }\n return false;\n };\n\n updateModalTranslate = () => {\n const modalState = this.getModalState(this.props.activeModal);\n modalState && this.animateTranslate(modalState, modalState.translateY);\n };\n\n checkPageContentHeight() {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (modalState?.type === ModalType.PAGE && modalState?.modalElement) {\n const prevModalState = { ...modalState };\n initPageModal(modalState);\n const currentModalState = { ...modalState };\n\n let needAnimate = false;\n\n if (prevModalState.expandable === currentModalState.expandable) {\n if (\n prevModalState.translateYFrom !== currentModalState.translateYFrom\n ) {\n needAnimate = true;\n }\n } else {\n needAnimate = true;\n }\n\n if (needAnimate) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n }\n }\n\n updateModalHeight = () => {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (\n modalState &&\n modalState.type === ModalType.PAGE &&\n modalState.dynamicContentHeight\n ) {\n if (this.props.enteringModal) {\n this.waitTransitionFinish(modalState, () => {\n requestAnimationFrame(() => this.checkPageContentHeight());\n });\n } else {\n requestAnimationFrame(() => this.checkPageContentHeight());\n }\n }\n };\n\n closeModal(id: string) {\n // Сбрасываем состояния, которые могут помешать закрытию модального окна\n this.setState({ touchDown: false });\n\n const prevModalState = this.getModalState(id);\n\n if (!prevModalState) {\n id && 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 ?? 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;\n this.setState({ touchDown: true });\n }\n\n if (contentScrolled) {\n return;\n }\n\n if (modalState.touchMovePositive === null) {\n modalState.touchMovePositive = shiftY > 0;\n }\n\n if (\n !modalState.expandable \|\|\n collapsed \|\|\n (expanded &&\n modalState.touchMovePositive &&\n modalState.touchStartContentScrollTop === 0) \|\|\n modalState.headerElement?.contains(target)\n ) {\n originalEvent.preventDefault();\n\n if ((!expandable && shiftY < 0) \|\| !this.window) {\n return;\n }\n\n !this.state.dragging && this.setState({ dragging: true });\n\n const shiftYPercent = (shiftY / this.window.innerHeight) 100;\n const shiftYCurrent = rubber(\n shiftYPercent,\n 72,\n 0.8,\n this.props.platform === ANDROID \|\| this.props.platform === VKCOM\n );\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = rangeTranslate(\n (modalState.translateY ?? 0) + shiftYCurrent\n );\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { originalEvent, shiftY } = event;\n const target = originalEvent.target as HTMLElement;\n if (modalState.innerElement?.contains(target)) {\n if (!this.state.touchDown) {\n this.setState({ touchDown: true, dragging: true });\n }\n\n const shiftYPercent =\n (shiftY / modalState.innerElement.offsetHeight) * 100;\n const shiftYCurrent = rubber(\n shiftYPercent,\n 72,\n 1.2,\n this.props.platform === ANDROID \|\| this.props.platform === VKCOM\n );\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = Math.max(\n 0,\n (modalState.translateY ?? 0) + shiftYCurrent\n );\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onTouchEnd = (e: TouchEvent) => {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (modalState?.type === ModalType.PAGE) {\n return this.onPageTouchEnd(e, modalState);\n }\n\n if (modalState?.type === ModalType.CARD) {\n return this.onCardTouchEnd(e, modalState);\n }\n };\n\n onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n const { startY, shiftY } = event;\n\n modalState.contentScrolled = false;\n modalState.touchMovePositive = null;\n\n let setStateCallback;\n\n if (this.state.dragging && this.window) {\n const shiftYEndPercent =\n ((startY + shiftY) / this.window.innerHeight) * 100;\n\n let translateY = modalState.translateYCurrent ?? 0;\n const expectTranslateY =\n (translateY / event.duration) \n 240 \n 0.6 \n ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = rangeTranslate(translateY + expectTranslateY);\n\n if (modalState.settlingHeight !== 100) {\n if (numberInRange(translateY, modalState.expandedRange)) {\n translateY = modalState.expandedRange?.[0] ?? 0;\n } else if (numberInRange(translateY, modalState.collapsedRange)) {\n translateY = modalState.translateYFrom ?? 0;\n } else if (numberInRange(translateY, modalState.hiddenRange)) {\n translateY = 100;\n } else {\n translateY = modalState.translateYFrom ?? 0;\n }\n } else {\n if (numberInRange(translateY, [0, 25])) {\n translateY = 0;\n } else {\n translateY = 100;\n }\n }\n\n if (translateY !== 100 && shiftYEndPercent >= 75) {\n translateY = 100;\n }\n\n modalState.translateY = translateY;\n modalState.translateYCurrent = translateY;\n modalState.collapsed = translateY > 0 && translateY < shiftYEndPercent;\n modalState.expanded = translateY === 0;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.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 ?? 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.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 if (modalState.contentScrollStopTimeout) {\n clearTimeout(modalState.contentScrollStopTimeout);\n }\n\n modalState.contentScrollStopTimeout = setTimeout(() => {\n if (modalState.contentScrolled) {\n modalState.contentScrolled = false;\n }\n }, 250);\n }\n };\n\n waitTransitionFinish(\n modalState: ModalsStateEntry \| undefined,\n eventHandler: () => void\n ) {\n if (transitionEvent.supported) {\n const onceHandler = () => {\n modalState?.innerElement?.removeEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n eventHandler();\n };\n\n modalState?.innerElement?.addEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n } else {\n setTimeout(eventHandler, this.timeout);\n }\n }\n\n /*\n Анимирует сдвиг модалки\n \n @param {ModalsStateEntry} modalState\n * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n /\n animateTranslate(modalState: ModalsStateEntry, percent: number \| undefined) {\n const frameId = `animateTranslateFrame${modalState.id}`;\n\n cancelAnimationFrame(this.frameIds[frameId]);\n\n this.frameIds[frameId] = requestAnimationFrame(() => {\n setTransformStyle(\n modalState.innerElement,\n `translate3d(0, ${percent}%, 0)`\n );\n });\n }\n\n / Устанавливает прозрачность для полупрозрачной подложки /\n setMaskOpacity(\n modalState: ModalsStateEntry,\n forceOpacity: number \| null = null\n ) {\n if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n return;\n }\n if (this.maskAnimationFrame) {\n cancelAnimationFrame(this.maskAnimationFrame);\n }\n this.maskAnimationFrame = requestAnimationFrame(() => {\n if (this.maskElementRef.current) {\n const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n const opacity =\n forceOpacity === null\n ? 1 - (translateYCurrent - translateY) / (100 - translateY) \|\| 0\n : forceOpacity;\n this.maskElementRef.current.style.opacity = Math.max(\n 0,\n Math.min(100, opacity)\n ).toString();\n }\n });\n }\n\n render() {\n const { activeModal, exitingModal, enteringModal } = this.props;\n const { touchDown, dragging } = this.state;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <TouchRootContext.Provider value={true}>\n <ModalRootContext.Provider value={this.modalRootContext}>\n <Touch\n vkuiClass={classNames(\n getClassName(\"ModalRoot\", this.props.platform),\n {\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 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.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 ?? 0) \|\|\n modalState.settlingHeight === 100;\n\n let collapsed = false;\n let expanded = false;\n let translateYFrom;\n let translateY;\n let expandedRange: TranslateRange;\n let collapsedRange: TranslateRange;\n let hiddenRange: TranslateRange;\n\n if (modalState.expandable) {\n translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n const shiftHalf = translateYFrom / 2;\n const visiblePart = 100 - translateYFrom;\n\n expandedRange = [0, shiftHalf];\n collapsedRange = [shiftHalf, translateYFrom + visiblePart / 4];\n hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n collapsed = translateYFrom > 0;\n expanded = translateYFrom <= 0;\n translateY = translateYFrom;\n } else {\n const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n const height = contentHeight + headerHeight;\n\n translateYFrom =\n 100 -\n (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) \n 100;\n translateY = translateYFrom;\n\n expandedRange = [translateY, translateY + 25];\n collapsedRange = [translateY + 25, translateY + 25];\n hiddenRange = [translateY + 25, translateY + 100];\n }\n\n // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n if (\n (modalState.expandable && translateY > (prevTranslateY ?? 0)) \|\|\n modalState.settlingHeight === 100\n ) {\n translateY = 0;\n }\n\n 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/cjs/components/ModalRoot/ModalRootAdaptive.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
+import * as React from "react";
+import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
 export interface ModalRootProps extends AdaptivityProps {
     activeModal?: string | null;
     /**
@@ -7,4 +7,4 @@ export interface ModalRootProps extends AdaptivityProps {
      */
     onClose?: (modalId: string) => void;
 }
-export declare const ModalRoot: React.FC<ModalRootProps>;
+export declare const ModalRoot: React.FC<Pick<ModalRootProps & AdaptivityContextInterface, "onClose" | "activeModal"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"names":["ModalRootComponent","props","viewWidth","viewHeight","hasMouse","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","RootComponent","ModalRootDesktop","ModalRootTouch","displayName","ModalRoot"],"mappings":";;;;;;;;;AACA;;~~AACA~~;;AACA;;~~AAWA~~,IAAMA,~~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,IAAII,0BAAUC,YAAvB,~~KAAwCH~~,QAAQ,IAAID,UAAU,IAAIK,2BAAWC,~~MAA7E~~,~~CAAlB~~;~~AAEA~~,MAAMC,aAAa,GAAGL,SAAS,GAAGM,kCAAH,GAAsBC,yBAArD;AAEA,~~SACE~~,qCAAC,aAAD,EAAmBX,KAAnB,~~CADF~~;~~AAGD~~,~~CATD~~;;~~AAWAD~~,kBAAkB,CAACa,WAAnB,GAAiC,WAAjC;AAEO,IAAMC,SAAS,GAAG,oCAAed,kBAAf,EAAmC;AAC1DE,EAAAA,SAAS,EAAE,IAD+C;AAE1DC,EAAAA,UAAU,EAAE,IAF8C;AAG1DC,EAAAA,QAAQ,EAAE;AAHgD,CAAnC,CAAlB","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":["ModalRootComponent","props","viewWidth","viewHeight","hasMouse","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","RootComponent","ModalRootDesktop","ModalRootTouch","displayName","ModalRoot"],"mappings":";;;;;;;;;AACA;;AAKA;;AACA;;AAeA,IAAMA,kBAEL,GAAG,SAFEA,kBAEF,CAACC,KAAD,EAAW;AACb,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,IAAII,0BAAUC,YAAvB,KACCH,QAAQ,IAAID,UAAU,IAAIK,2BAAWC,MADtC,CADF;AAIA,MAAMC,aAAa,GAAGL,SAAS,GAAGM,kCAAH,GAAsBC,yBAArD;AAEA,SAAO,qCAAC,aAAD,EAAmBX,KAAnB,CAAP;AACD,CAXD;;AAaAD,kBAAkB,CAACa,WAAnB,GAAiC,WAAjC;AAEO,IAAMC,SAAS,GAAG,oCAAed,kBAAf,EAAmC;AAC1DE,EAAAA,SAAS,EAAE,IAD+C;AAE1DC,EAAAA,UAAU,EAAE,IAF8C;AAG1DC,EAAAA,QAAQ,EAAE;AAHgD,CAAnC,CAAlB","sourcesContent":["import * as React from \"react\";\nimport {\n withAdaptivity,\n ViewHeight,\n ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\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<\n ModalRootProps & AdaptivityContextInterface\n> = (props) => {\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/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;
 };
@@ -14,7 +14,7 @@ export declare const ModalRootContext: React.Context<ModalRootContextInterface>;
 /**
  * All referenced elements must be static
  */
-export declare function useModalRegistry(id: string, type: ModalType): {
+export declare function useModalRegistry(id: string | undefined, type: ModalType): {
     refs: Required<ModalRefs>;
 };
 export default ModalRootContext;

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

@@ -7,8 +7,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useModalRegistry = useModalRegistry;
 exports.default = exports.ModalRootContext = void 0;
+exports.useModalRegistry = useModalRegistry;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -37,20 +37,24 @@ function useModalRegistry(id, type) {
   var modalContext = React.useContext(ModalRootContext);
   var elements = React.useRef({}).current;
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    modalContext.registerModal((0, _objectSpread3.default)((0, _objectSpread3.default)({}, elements), {}, {
-      type: type,
-      id: id
-    })); // unset refs on  unmount to prevent leak
+    if (id !== undefined) {
+      modalContext.registerModal((0, _objectSpread3.default)((0, _objectSpread3.default)({}, elements), {}, {
+        type: type,
+        id: id
+      })); // unset refs on  unmount to prevent leak
+      var reset = Object.keys(elements).reduce(function (acc, k) {
+        return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, k, null));
+      }, {
+        type: type,
+        id: id
+      });
+      return function () {
+        return modalContext.registerModal(reset);
+      };
+    }
-    var reset = Object.keys(elements).reduce(function (acc, k) {
-      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, k, null));
-    }, {
-      type: type,
-      id: id
-    });
-    return function () {
-      return modalContext.registerModal(reset);
-    };
+    return undefined;
   }, []);
   var refs = React.useRef({
     modalElement: function modalElement(e) {
@@ -69,7 +73,8 @@ function useModalRegistry(id, type) {
   return {
     refs: refs
   };
-}
+} // eslint-disable-next-line import/no-default-export
 var _default = ModalRootContext;
 exports.default = _default;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootContext.tsx"],"names":["ModalRootContext","React","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;;AACA;;~~AAaO~~,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,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;;;;AACO,SAASC,gBAAT,CAA0BC,EAA1B,~~EAAsCC~~,~~IAAtC~~,~~EAAuD~~;~~AAC5D~~,MAAMC,YAAY,GAAGT,KAAK,CAACU,UAAN,CAAiBX,gBAAjB,CAArB;AACA,MAAMY,QAAQ,GAAGX,KAAK,CAACY,MAAN,CAA4B,EAA5B,EAAgCC,OAAjD;AACA,4DAA0B,YAAM;~~AAC9BJ~~,~~IAAAA~~,YAAY,CAACL,aAAb,6DAAgCO,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,~~yEAAuCD~~,~~GAAvC~~,~~yCAA6CC~~,~~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,~~GAPD~~,~~EAOG~~,~~EAPH~~;~~AASA~~,~~MAAMM~~,IAAI,GAAGpB,KAAK,CAACY,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~~;;eAEcrB~~,gB","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":["ModalRootContext","React","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;;AACA;;AAcO,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,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;;;;AACO,SAASC,gBAAT,CAA0BC,EAA1B,EAAkDC,IAAlD,EAAmE;AACxE,MAAMC,YAAY,GAAGT,KAAK,CAACU,UAAN,CAAiBX,gBAAjB,CAArB;AACA,MAAMY,QAAQ,GAAGX,KAAK,CAACY,MAAN,CAA4B,EAA5B,EAAgCC,OAAjD;AACA,4DAA0B,YAAM;AAC9B,QAAIN,EAAE,KAAKJ,SAAX,EAAsB;AACpBM,MAAAA,YAAY,CAACL,aAAb,6DAAgCO,QAAhC;AAA0CH,QAAAA,IAAI,EAAJA,IAA1C;AAAgDD,QAAAA,EAAE,EAAFA;AAAhD,UADoB,CAEpB;;AACA,UAAMO,KAAK,GAAGC,MAAM,CAACC,IAAP,CAAYL,QAAZ,EAAsBM,MAAtB,CACZ,UAACC,GAAD,EAAMC,CAAN;AAAA,2EAAkBD,GAAlB,yCAAwBC,CAAxB,EAA4B,IAA5B;AAAA,OADY,EAEZ;AAAEX,QAAAA,IAAI,EAAJA,IAAF;AAAQD,QAAAA,EAAE,EAAFA;AAAR,OAFY,CAAd;AAIA,aAAO;AAAA,eAAME,YAAY,CAACL,aAAb,CAA2BU,KAA3B,CAAN;AAAA,OAAP;AACD;;AACD,WAAOX,SAAP;AACD,GAXD,EAWG,EAXH;AAaA,MAAMiB,IAAI,GAAGpB,KAAK,CAACY,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,C,CAED;;;eACerB,gB","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\n// eslint-disable-next-line import/no-default-export\nexport default ModalRootContext;\n"],"file":"ModalRootContext.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { HasPlatform } from '../../types';
-import { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
-import './ModalRoot.css';
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import "./ModalRoot.css";
 export interface ModalRootProps extends HasPlatform {
     activeModal?: string | null;
     /**
@@ -13,4 +13,4 @@ export interface ModalRootProps extends HasPlatform {
      */
     onClose?(modalId: string): void;
 }
-export declare const ModalRootDesktop: React.FC<ModalRootProps>;
+export declare const ModalRootDesktop: React.FC<Pick<ModalRootProps, "configProvider" | "onClose" | "activeModal">>;

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

@@ -54,7 +54,7 @@ var _FocusTrap = require("../FocusTrap/FocusTrap");
 var _useModalManager = require("./useModalManager");
 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);
@@ -67,9 +67,9 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
     (0, _classCallCheck2.default)(this, ModalRootDesktopComponent);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "maskElementRef", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "maskAnimationFrame", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "maskAnimationFrame", undefined);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "modalRootContext", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "restoreFocusTo", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "restoreFocusTo", undefined);
     _this.maskElementRef = /*#__PURE__*/React.createRef();
     _this.modalRootContext = {
       updateModalHeight: function updateModalHeight() {
@@ -101,6 +101,10 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getModalState",
     value: function getModalState(id) {
+      if (id === null) {
+        return undefined;
+      }
       return this.props.getModalState(id);
     }
   }, {
@@ -130,12 +134,14 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
       if (this.props.activeModal && !prevProps.activeModal) {
-        this.restoreFocusTo = this.props.document.activeElement;
+        var _this$props$document$, _this$props$document;
+        this.restoreFocusTo = (_this$props$document$ = (_this$props$document = this.props.document) === null || _this$props$document === void 0 ? void 0 : _this$props$document.activeElement) !== null && _this$props$document$ !== void 0 ? _this$props$document$ : undefined;
       }
       if (!this.props.activeModal && !this.props.exitingModal && this.restoreFocusTo) {
         this.restoreFocusTo.focus();
-        this.restoreFocusTo = null;
+        this.restoreFocusTo = undefined;
       }
     }
   }, {
@@ -162,12 +168,16 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
     key: "waitTransitionFinish",
     value: function waitTransitionFinish(modalState, eventHandler) {
       if (_supportEvents.transitionEvent.supported) {
+        var _modalState$innerElem2;
         var onceHandler = function onceHandler() {
-          modalState.innerElement.removeEventListener(_supportEvents.transitionEvent.name, onceHandler);
+          var _modalState$innerElem;
+          modalState === null || modalState === void 0 ? void 0 : (_modalState$innerElem = modalState.innerElement) === null || _modalState$innerElem === void 0 ? void 0 : _modalState$innerElem.removeEventListener(_supportEvents.transitionEvent.name, onceHandler);
           eventHandler();
         };
-        modalState.innerElement.addEventListener(_supportEvents.transitionEvent.name, onceHandler);
+        modalState === null || modalState === void 0 ? void 0 : (_modalState$innerElem2 = modalState.innerElement) === null || _modalState$innerElem2 === void 0 ? void 0 : _modalState$innerElem2.addEventListener(_supportEvents.transitionEvent.name, onceHandler);
       } else {
         setTimeout(eventHandler, this.timeout);
       }
@@ -177,27 +187,35 @@ 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';
+      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";
+      }
     }
     /* Устанавливает прозрачность для полупрозрачной подложки */
   }, {
     key: "setMaskOpacity",
     value: function setMaskOpacity(modalState) {
-      var _this4 = this;
+      var _this$props$history,
+          _this4 = this;
       var forceOpacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      if (forceOpacity === null && this.props.history[0] !== modalState.id) {
+      if (forceOpacity === null && ((_this$props$history = this.props.history) === null || _this$props$history === void 0 ? void 0 : _this$props$history[0]) !== modalState.id) {
         return;
       }
-      cancelAnimationFrame(this.maskAnimationFrame);
+      if (this.maskAnimationFrame) {
+        cancelAnimationFrame(this.maskAnimationFrame);
+      }
       this.maskAnimationFrame = requestAnimationFrame(function () {
         if (_this4.maskElementRef.current) {
-          var translateY = modalState.translateY,
-              translateYCurrent = modalState.translateYCurrent;
+          var _modalState$translate = modalState.translateY,
+              translateY = _modalState$translate === void 0 ? 0 : _modalState$translate,
+              _modalState$translate2 = modalState.translateYCurrent,
+              translateYCurrent = _modalState$translate2 === void 0 ? 0 : _modalState$translate2;
           var opacity = forceOpacity === null ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0 : forceOpacity;
           _this4.maskElementRef.current.style.opacity = Math.max(0, Math.min(100, opacity)).toString();
         }
@@ -206,7 +224,8 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this5 = this;
+      var _this$props$configPro,
+          _this5 = this;
       var _this$props = this.props,
           exitingModal = _this$props.exitingModal,
@@ -220,9 +239,9 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
       return (0, _jsxRuntime.createScopedElement)(_ModalRootContext.default.Provider, {
         value: this.modalRootContext
       }, (0, _jsxRuntime.createScopedElement)("div", {
-        vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalRoot', this.props.platform), {
-          'ModalRoot--vkapps': this.props.configProvider.webviewType === _ConfigProviderContext.WebviewType.VKAPPS
-        }, 'ModalRoot--desktop')
+        vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalRoot", this.props.platform), {
+          "ModalRoot--vkapps": ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === _ConfigProviderContext.WebviewType.VKAPPS
+        }, "ModalRoot--desktop")
       }, (0, _jsxRuntime.createScopedElement)("div", {
         vkuiClass: "ModalRoot__mask",
         ref: this.maskElementRef,
@@ -242,10 +261,10 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
           onClose: _this5.props.closeActiveModal,
           timeout: _this5.timeout,
           key: key,
-          vkuiClass: (0, _classNames.classNames)('ModalRoot__modal', {
-            'ModalRoot__modal--active': !exitingModal && !enteringModal && modalId === activeModal,
-            'ModalRoot__modal--prev': modalId === exitingModal,
-            'ModalRoot__modal--next': exitingModal && modalId === activeModal
+          vkuiClass: (0, _classNames.classNames)("ModalRoot__modal", {
+            "ModalRoot__modal--active": !exitingModal && !enteringModal && modalId === activeModal,
+            "ModalRoot__modal--prev": modalId === exitingModal,
+            "ModalRoot__modal--next": Boolean(exitingModal) && modalId === activeModal
           })
         }, Modal);
       }))));
@@ -254,6 +273,6 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   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