npm - @vkontakte/vkui - Versions diffs - 4.37.0 → 5.0.0 - Mend

@vkontakte/vkui 4.37.0 → 5.0.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 (3227) hide show

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

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

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

@@ -7,32 +7,25 @@ exports.ModalRoot = void 0;
 var _jsxRuntime = require("../../lib/jsxRuntime");
-var _withAdaptivity = require("../../hoc/withAdaptivity");
 var _ModalRoot = require("./ModalRoot");
 var _ModalRootDesktop = require("./ModalRootDesktop");
 var _ScrollContext = require("../AppRoot/ScrollContext");
-var _useAdaptivity = require("../../hooks/useAdaptivity");
+var _useAdaptivityWithMediaQueries = require("../../hooks/useAdaptivityWithMediaQueries");
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalRoot
+ */
+var ModalRoot = function ModalRoot(props) {
+  var _useAdaptivityWithMed = (0, _useAdaptivityWithMediaQueries.useAdaptivityWithMediaQueries)(),
+      isDesktop = _useAdaptivityWithMed.isDesktop;
-var ModalRootComponent = function ModalRootComponent(props) {
-  var isDesktop = (0, _useAdaptivity.useAdaptivityIsDesktop)();
   (0, _ScrollContext.useScrollLock)(!!props.activeModal);
   var RootComponent = isDesktop ? _ModalRootDesktop.ModalRootDesktop : _ModalRoot.ModalRootTouch;
   return (0, _jsxRuntime.createScopedElement)(RootComponent, props);
 };
-ModalRootComponent.displayName = "ModalRoot";
-/**
- * @see https://vkcom.github.io/VKUI/#/ModalRoot
- */
-var ModalRoot = (0, _withAdaptivity.withAdaptivity)(ModalRootComponent, {
-  viewWidth: true,
-  viewHeight: true,
-  hasMouse: true
-});
 exports.ModalRoot = ModalRoot;
 //# sourceMappingURL=ModalRootAdaptive.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalRootAdaptive.js","names":["~~ModalRootComponent~~","props","~~isDesktop~~","~~useAdaptivityIsDesktop~~","useScrollLock","activeModal","RootComponent","ModalRootDesktop","ModalRootTouch"~~,"displayName","ModalRoot","withAdaptivity","viewWidth","viewHeight","hasMouse"~~],"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ~~withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {~~ ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport {~~\n AdaptivityContextInterface,\n AdaptivityProps,\n}~~ ~~from \"../AdaptivityProvider/AdaptivityContext\";\nimport {~~ useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { ~~useAdaptivityIsDesktop~~ } from \"../../hooks/~~useAdaptivity~~\";\n\nexport interface ModalRootProps ~~extends AdaptivityProps~~ {\n activeModal?: string \| null;\n\n /*\n Будет вызвано при начале открытия активной модалки с её id\n /\n onOpen?(modalId: string): void;\n\n /\n Будет вызвано при окончательном открытии активной модалки с её id\n /\n onOpened?(modalId: string): void;\n\n /\n Будет вызвано при начале закрытия активной модалки с её id\n /\n onClose?(modalId: string): void;\n\n /\n Будет вызвано при окончательном закрытии активной модалки с её id\n /\n onClosed?(modalId: string): void;\n children?: React.ReactNode;\n}\n\~~nconst~~ ~~ModalRootComponent~~ = (\n props: ModalRootProps ~~& AdaptivityContextInterface\n~~) => {\n const isDesktop = ~~useAdaptivityIsDesktop~~();\n\n useScrollLock(!!props.activeModal);\n\n const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n return <RootComponent {...props} />;\n};\n~~\nModalRootComponent.displayName = \~~"ModalRoot\";\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalRoot\n */\nexport const ModalRoot = withAdaptivity(ModalRootComponent, {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n});\n"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;~~AAKA;;~~AACA;;AA2BA,IAAMA,~~kBAAkB~~,GAAG,~~SAArBA~~,~~kBAAqB~~,~~CACzBC~~,~~KADyB~~,~~EAEtB~~;~~EACH~~,~~IAAMC~~,~~SAAS~~,~~GAAG~~,~~IAAAC~~,~~qCAAA~~,~~GAAlB;~~EAEA,IAAAC,4BAAA,EAAc,CAAC,CAACH,KAAK,CAACI,WAAtB;EAEA,IAAMC,aAAa,~~GAAGJ~~,SAAS,~~GAAGK~~,kCAAH,GAAsBC,yBAArD;EAEA,OAAO,qCAAC,aAAD,EAAmBP,KAAnB,CAAP;AACD,~~CAVD;;AAYAD,kBAAkB,CAACS,WAAnB,GAAiC,WAAjC;AAEA;AACA;AACA;;AACO,IAAMC,SAAS,GAAG,IAAAC,8BAAA,EAAeX,kBAAf,EAAmC;EAC1DY,SAAS,EAAE,IAD+C;EAE1DC,UAAU,EAAE,IAF8C;EAG1DC,QAAQ,EAAE;AAHgD,CAAnC,CAAlB~~"}
1	+ {"version":3,"file":"ModalRootAdaptive.js","names":["ModalRoot","props","useAdaptivityWithMediaQueries","isDesktop","useScrollLock","activeModal","RootComponent","ModalRootDesktop","ModalRootTouch"],"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { useAdaptivityWithMediaQueries } from \"../../hooks/useAdaptivityWithMediaQueries\";\n\nexport interface ModalRootProps {\n activeModal?: string \| null;\n\n /*\n Будет вызвано при начале открытия активной модалки с её id\n /\n onOpen?(modalId: string): void;\n\n /\n Будет вызвано при окончательном открытии активной модалки с её id\n /\n onOpened?(modalId: string): void;\n\n /\n Будет вызвано при начале закрытия активной модалки с её id\n /\n onClose?(modalId: string): void;\n\n /\n Будет вызвано при окончательном закрытии активной модалки с её id\n /\n onClosed?(modalId: string): void;\n children?: React.ReactNode;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalRoot\n */\nexport const ModalRoot = (props: ModalRootProps) => {\n const { isDesktop } = useAdaptivityWithMediaQueries();\n\n useScrollLock(!!props.activeModal);\n\n const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n return <RootComponent {...props} />;\n};\n"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;AACA;;AA2BA;AACA;AACA;AACO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA2B;EAClD,4BAAsB,IAAAC,4DAAA,GAAtB;EAAA,IAAQC,SAAR,yBAAQA,SAAR;;EAEA,IAAAC,4BAAA,EAAc,CAAC,CAACH,KAAK,CAACI,WAAtB;EAEA,IAAMC,aAAa,GAAGH,SAAS,GAAGI,kCAAH,GAAsBC,yBAArD;EAEA,OAAO,qCAAC,aAAD,EAAmBP,KAAnB,CAAP;AACD,CARM"}

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

@@ -41,8 +41,6 @@ var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
 var _platform = require("../../lib/platform");
-var _getClassName = require("../../helpers/getClassName");
 var _dom = require("../../lib/dom");
 var _getNavId = require("../../lib/getNavId");
@@ -76,9 +74,11 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
         return undefined;
       },
       registerModal: function registerModal(_ref) {
+        var _this$getModalState;
         var id = _ref.id,
             data = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-        return Object.assign(_this.getModalState(id), data);
+        return Object.assign((_this$getModalState = _this.getModalState(id)) !== null && _this$getModalState !== void 0 ? _this$getModalState : {}, data);
       },
       onClose: function onClose() {
         return _this.props.onExit();
@@ -91,7 +91,7 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(ModalRootDesktopComponent, [{
     key: "timeout",
     get: function get() {
-      return this.props.platform === _platform.ANDROID || this.props.platform === _platform.VKCOM ? 320 : 400;
+      return this.props.platform === _platform.Platform.IOS ? 400 : 320;
     }
   }, {
     key: "modals",
@@ -240,7 +240,7 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
       return (0, _jsxRuntime.createScopedElement)(_ModalRootContext.ModalRootContext.Provider, {
         value: this.modalRootContext
       }, (0, _jsxRuntime.createScopedElement)("div", {
-        vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalRoot", this.props.platform), ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === _ConfigProviderContext.WebviewType.VKAPPS && "ModalRoot--vkapps", "ModalRoot--desktop")
+        vkuiClass: (0, _classNames.classNames)("ModalRoot", ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === _ConfigProviderContext.WebviewType.VKAPPS && "ModalRoot--vkapps", "ModalRoot--desktop")
       }, (0, _jsxRuntime.createScopedElement)("div", {
         vkuiClass: "ModalRoot__mask",
         ref: this.maskElementRef,

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

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

package/dist/cjs/components/NativeSelect/NativeSelect.js CHANGED Viewed

@@ -25,8 +25,6 @@ var _DropdownIcon = require("../DropdownIcon/DropdownIcon");
 var _FormField = require("../FormField/FormField");
-var _withAdaptivity = require("../../hoc/withAdaptivity");
 var _getClassName = require("../../helpers/getClassName");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
@@ -37,11 +35,20 @@ var _useExternRef = require("../../hooks/useExternRef");
 var _usePlatform = require("../../hooks/usePlatform");
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _getSizeXClassName = require("../../helpers/getSizeXClassName");
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
 var _Select = require("../Select/Select");
-var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "sizeX", "sizeY", "multiline", "selectType", "status"];
+var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "multiline", "selectType", "status"];
-var NativeSelectComponent = function NativeSelectComponent(_ref) {
+/**
+ * @see https://vkcom.github.io/VKUI/#/NativeSelect
+ */
+var NativeSelect = function NativeSelect(_ref) {
   var style = _ref.style,
       _ref$defaultValue = _ref.defaultValue,
       defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
@@ -52,11 +59,9 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
       getRef = _ref.getRef,
       getRootRef = _ref.getRootRef,
       disabled = _ref.disabled,
-      sizeX = _ref.sizeX,
-      sizeY = _ref.sizeY,
       multiline = _ref.multiline,
       _ref$selectType = _ref.selectType,
-      selectType = _ref$selectType === void 0 ? _Select.SelectType.default : _ref$selectType,
+      selectType = _ref$selectType === void 0 ? "default" : _ref$selectType,
       status = _ref.status,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
@@ -79,6 +84,11 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
       onChange = _useEnsuredControl2[1];
   var selectRef = (0, _useExternRef.useExternRef)(getRef);
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeX = _useAdaptivity.sizeX,
+      sizeY = _useAdaptivity.sizeY;
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     var _selectRef$current;
@@ -91,7 +101,7 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
   }, [value, children]);
   return (0, _jsxRuntime.createScopedElement)(_FormField.FormField, {
     Component: "label",
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Select", platform), "Select--".concat(selectType), empty && "Select--empty", multiline && "Select--multiline", align && "Select--align-".concat(align), "Select--sizeX-".concat(sizeX), "Select--sizeY-".concat(sizeY)),
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Select", platform), empty && "Select--empty", multiline && "Select--multiline", align && "Select--align-".concat(align), (0, _getSizeXClassName.getSizeXClassName)("Select", sizeX), (0, _getSizeYClassName.getSizeYClassName)("Select", sizeY)),
     className: className,
     style: style,
     getRootRef: getRootRef,
@@ -109,18 +119,10 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
   }, placeholder), children), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Select__container"
   }, (0, _jsxRuntime.createScopedElement)(_Select.SelectTypography, {
-    vkuiClass: "Select__title"
+    vkuiClass: "Select__title",
+    selectType: selectType
   }, title)));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/NativeSelect
- */
-var NativeSelect = (0, _withAdaptivity.withAdaptivity)(NativeSelectComponent, {
-  sizeX: true,
-  sizeY: true
-});
 exports.NativeSelect = NativeSelect;
-NativeSelect.displayName = "NativeSelect";
 //# sourceMappingURL=NativeSelect.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NativeSelect.js","names":["~~NativeSelectComponent~~","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","~~sizeX","sizeY","~~multiline","selectType","~~SelectType","default","~~status","restProps","platform","usePlatform","React","useState","title","setTitle","empty","setEmpty","useEnsuredControl","value","onChange","selectRef","useExternRef","useIsomorphicLayoutEffect","selectedOption","current","options","selectedIndex","text","classNames","getClassName","~~NativeSelect~~","~~withAdaptivity~~"~~,"displayName"~~],"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { ~~withAdaptivity~~ } from \"../../~~hoc~~/~~withAdaptivity~~\";\nimport { ~~getClassName~~ } from \"../../~~helpers~~/~~getClassName~~\";\nimport { ~~useIsomorphicLayoutEffect~~ } from \"../../~~lib~~/~~useIsomorphicLayoutEffect~~\";\nimport { ~~useEnsuredControl~~ } from \"../../hooks/~~useEnsuredControl~~\";\nimport { ~~useExternRef~~ } from \"../../hooks/~~useExternRef~~\";\nimport { ~~usePlatform~~ } from \"../../hooks/~~usePlatform~~\";\nimport { ~~SelectType,~~ ~~SelectTypography~~ } from \"~~../Select~~/~~Select~~\";\nimport {~~\n AdaptivityContextInterface,\n AdaptivityProps,\n~~} from \"../~~AdaptivityProvider~~/~~AdaptivityContext~~\";\nimport \"../Select/Select.css\";\n\nexport interface NativeSelectProps\n extends React.SelectHTMLAttributes<HTMLSelectElement>,\n HasRef<HTMLSelectElement>,\n HasRootRef<HTMLLabelElement>,\n HasAlign,\n ~~AdaptivityProps,\n~~ Pick<FormFieldProps, \"status\"> {\n placeholder?: string;\n multiline?: boolean;\n selectType?: ~~keyof typeof~~ SelectType;\n}\n\nexport interface SelectState {\n value?: React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n title?: string;\n notSelected?: boolean;\n}\n\nconst ~~NativeSelectComponent~~ = ({\n style,\n defaultValue = \"\",\n align,\n placeholder,\n children,\n className,\n getRef,\n getRootRef,\n disabled,\n ~~sizeX,\n sizeY,\n~~ multiline,\n selectType = ~~SelectType.~~default,\n status,\n ...restProps\n}: NativeSelectProps ~~& AdaptivityContextInterface~~) => {\n const platform = usePlatform();\n const [title, setTitle] = React.useState(\"\");\n const [empty, setEmpty] = React.useState(false);\n const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n const selectRef = useExternRef(getRef);\n useIsomorphicLayoutEffect(() => {\n const selectedOption =\n selectRef.current?.options[selectRef.current.selectedIndex];\n if (selectedOption) {\n setTitle(selectedOption.text);\n setEmpty(selectedOption.value === \"\" && placeholder != null);\n }\n }, [value, children]);\n\n return (\n <FormField\n Component=\"label\"\n vkuiClass={classNames(\n getClassName(\"Select\", platform),\n ~~`Select--${selectType}`,\n~~ empty && \"Select--empty\",\n multiline && \"Select--multiline\",\n align && `Select--align-${align}`,\n `Select--sizeX~~-${sizeX}`,\~~n `Select--sizeY~~-${sizeY}`\~~n )}\n className={className}\n style={style}\n getRootRef={getRootRef}\n disabled={disabled}\n after={<DropdownIcon />}\n status={status}\n >\n <select\n {...restProps}\n disabled={disabled}\n vkuiClass=\"Select__el\"\n onChange={onChange}\n value={value}\n ref={selectRef}\n >\n {placeholder && <option value=\"\">{placeholder}</option>}\n {children}\n </select>\n <div vkuiClass=\"Select__container\">\n ~~{/* TODO v5.0.0 поправить под новую адаптивность /}\n~~ <SelectTypography vkuiClass=\"Select__title\">{title}</SelectTypography>\n </div>\n </FormField>\n );\n};\n\~~n/\n @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\~~nexport ~~const~~ NativeSelect ~~= withAdaptivity(NativeSelectComponent, {\n sizeX: true,\n sizeY: true,\n~~});\n~~\nNativeSelect.displayName = \~~"~~NativeSelect\";\n"~~],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;~~AAyBA~~,IAAMA,~~qBAAqB~~,GAAG,~~SAAxBA~~,~~qBAAwB~~,~~OAgBwB~~;EAAA,~~IAfpDC~~,~~KAeoD~~,~~QAfpDA~~,~~KAeoD~~;EAAA,~~6BAdpDC~~,~~YAcoD~~;EAAA,~~IAdpDA~~,~~YAcoD~~,~~kCAdrC~~,~~EAcqC~~;EAAA,~~IAbpDC~~,~~KAaoD~~,~~QAbpDA~~,~~KAaoD~~;EAAA,~~IAZpDC~~,~~WAYoD~~,~~QAZpDA~~,~~WAYoD~~;EAAA,~~IAXpDC~~,~~QAWoD~~,~~QAXpDA~~,~~QAWoD~~;EAAA,~~IAVpDC~~,~~SAUoD~~,~~QAVpDA~~,~~SAUoD~~;EAAA,~~IATpDC~~,~~MASoD~~,~~QATpDA~~,~~MASoD~~;EAAA,~~IARpDC~~,~~UAQoD~~,~~QARpDA~~,~~UAQoD~~;EAAA,~~IAPpDC~~,~~QAOoD~~,~~QAPpDA~~,~~QAOoD~~;EAAA,~~IANpDC~~,~~KAMoD~~,~~QANpDA~~,~~KAMoD~~;EAAA,~~IALpDC~~,~~KAKoD,QALpDA,KAKoD~~;EAAA,~~IAJpDC~~,~~SAIoD~~,~~QAJpDA~~,~~SAIoD~~;EAAA,~~2BAHpDC~~,~~UAGoD;EAAA~~,~~IAHpDA~~,~~UAGoD,gCAHvCC,kBAAA,CAAWC,OAG4B~~;EAAA,~~IAFpDC~~,~~MAEoD,QAFpDA,MAEoD~~;~~EAAA~~,~~IADjDC,SACiD;EACpD,~~IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,sBAA0BC,KAAK,CAACC,QAAN,CAAe,EAAf,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,uBAA0BH,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;EAAA;EAAA,IAAOG,KAAP;EAAA,IAAcC,QAAd;;EACA,yBAA0B,IAAAC,qCAAA,EAAkBT,SAAlB,EAA6B;~~IAAEf~~,YAAY,EAAZA;EAAF,CAA7B,CAA1B;EAAA;EAAA,~~IAAOyB~~,KAAP;EAAA,IAAcC,QAAd;;EACA,IAAMC,SAAS,GAAG,IAAAC,0BAAA,~~EAAavB~~,MAAb,CAAlB;EACA,~~IAAAwB~~,oDAAA,EAA0B,YAAM;IAAA;;IAC9B,IAAMC,cAAc,~~yBAClBH~~,SAAS,~~CAACI~~,OADQ,uDAClB,mBAAmBC,OAAnB,~~CAA2BL~~,SAAS,~~CAACI~~,OAAV,CAAkBE,aAA7C,CADF;;IAEA,IAAIH,cAAJ,EAAoB;~~MAClBT~~,QAAQ,~~CAACS~~,cAAc,CAACI,IAAhB,CAAR;~~MACAX~~,QAAQ,~~CAACO~~,cAAc,~~CAACL~~,KAAf,KAAyB,EAAzB,IAA+~~BvB~~,WAAW,IAAI,IAA/C,CAAR;IACD;EACF,CAPD,EAOG,~~CAACuB~~,KAAD,~~EAAQtB~~,QAAR,CAPH;EASA,OACE,qCAAC,oBAAD;IACE,SAAS,EAAC,OADZ;IAEE,SAAS,EAAE,~~IAAAgC~~,sBAAA,EACT,IAAAC,0BAAA,EAAa,QAAb,~~EAAuBpB~~,QAAvB,CADS,~~oBAEEL~~,~~UAFF,GAGTW,~~KAAK,IAAI,~~eAHA~~,~~EAITZ~~,SAAS,IAAI,~~mBAJJ~~,~~EAKTT~~,KAAK,4BAAqBA,KAArB,~~CALI~~,~~0BAMQO~~,~~KANR~~,~~2BAOQC~~,~~KAPR~~,~~EAFb~~;~~IAWE~~,SAAS,~~EAAEL~~,~~SAXb~~;~~IAYE~~,KAAK,EAAEL,~~KAZT~~;~~IAaE~~,UAAU,EAAEO,~~UAbd~~;~~IAcE~~,QAAQ,EAAEC,~~QAdZ~~;~~IAeE~~,KAAK,EAAE,qCAAC,0BAAD,~~OAfT~~;~~IAgBE~~,MAAM,~~EAAEO~~;~~EAhBV~~,~~GAkBE~~,0EACMC,SADN;IAEE,QAAQ,~~EAAER~~,QAFZ;IAGE,SAAS,EAAC,YAHZ;IAIE,QAAQ,~~EAAEmB~~,QAJZ;IAKE,KAAK,EAAED,KALT;IAME,GAAG,EAAEE;EANP,~~IAQGzB~~,WAAW,IAAI;IAAQ,KAAK,EAAC;EAAd,GAAkBA,WAAlB,CARlB,EASGC,QATH,~~CAlBF~~,~~EA6BE~~;IAAK,SAAS,EAAC;EAAf,~~GAEE~~,qCAAC,wBAAD;IAAkB,SAAS,EAAC~~;EAA5B~~,~~GAA6CiB,KAA7C,CAFF,CA7BF,CADF~~;~~AAoCD~~,~~CAnED;AAqEA;AACA;AACA;;;AACO~~,~~IAAMiB,YAAY,GAAG,IAAAC,8BAAA,EAAexC,qBAAf,EAAsC~~;~~EAChEU~~,~~KAAK~~,~~EAAE~~,~~IADyD;EAEhEC~~,~~KAAK~~,~~EAAE~~;~~AAFyD~~,~~CAAtC,CAArB;;AAKP4B,YAAY,CAACE,WAAb,GAA2B,cAA3B~~"}
1	+ {"version":3,"file":"NativeSelect.js","names":["NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","restProps","platform","usePlatform","React","useState","title","setTitle","empty","setEmpty","useEnsuredControl","value","onChange","selectRef","useExternRef","useAdaptivity","sizeX","sizeY","useIsomorphicLayoutEffect","selectedOption","current","options","selectedIndex","text","classNames","getClassName","getSizeXClassName","getSizeYClassName"],"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport \"../Select/Select.css\";\n\nexport interface NativeSelectProps\n extends React.SelectHTMLAttributes<HTMLSelectElement>,\n HasRef<HTMLSelectElement>,\n HasRootRef<HTMLLabelElement>,\n HasAlign,\n Pick<FormFieldProps, \"status\"> {\n placeholder?: string;\n multiline?: boolean;\n selectType?: SelectType;\n}\n\nexport interface SelectState {\n value?: React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n title?: string;\n notSelected?: boolean;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nconst NativeSelect: React.FC<NativeSelectProps> = ({\n style,\n defaultValue = \"\",\n align,\n placeholder,\n children,\n className,\n getRef,\n getRootRef,\n disabled,\n multiline,\n selectType = \"default\",\n status,\n ...restProps\n}: NativeSelectProps) => {\n const platform = usePlatform();\n const [title, setTitle] = React.useState(\"\");\n const [empty, setEmpty] = React.useState(false);\n const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n const selectRef = useExternRef(getRef);\n const { sizeX, sizeY } = useAdaptivity();\n\n useIsomorphicLayoutEffect(() => {\n const selectedOption =\n selectRef.current?.options[selectRef.current.selectedIndex];\n if (selectedOption) {\n setTitle(selectedOption.text);\n setEmpty(selectedOption.value === \"\" && placeholder != null);\n }\n }, [value, children]);\n\n return (\n <FormField\n Component=\"label\"\n vkuiClass={classNames(\n getClassName(\"Select\", platform),\n empty && \"Select--empty\",\n multiline && \"Select--multiline\",\n align && `Select--align-${align}`,\n getSizeXClassName(\"Select\", sizeX),\n getSizeYClassName(\"Select\", sizeY)\n )}\n className={className}\n style={style}\n getRootRef={getRootRef}\n disabled={disabled}\n after={<DropdownIcon />}\n status={status}\n >\n <select\n {...restProps}\n disabled={disabled}\n vkuiClass=\"Select__el\"\n onChange={onChange}\n value={value}\n ref={selectRef}\n >\n {placeholder && <option value=\"\">{placeholder}</option>}\n {children}\n </select>\n <div vkuiClass=\"Select__container\">\n <SelectTypography vkuiClass=\"Select__title\" selectType={selectType}>\n {title}\n </SelectTypography>\n </div>\n </FormField>\n );\n};\n\nexport { NativeSelect };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAoBA;AACA;AACA;AACA,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,OAczB;EAAA,IAbvBC,KAauB,QAbvBA,KAauB;EAAA,6BAZvBC,YAYuB;EAAA,IAZvBA,YAYuB,kCAZR,EAYQ;EAAA,IAXvBC,KAWuB,QAXvBA,KAWuB;EAAA,IAVvBC,WAUuB,QAVvBA,WAUuB;EAAA,IATvBC,QASuB,QATvBA,QASuB;EAAA,IARvBC,SAQuB,QARvBA,SAQuB;EAAA,IAPvBC,MAOuB,QAPvBA,MAOuB;EAAA,IANvBC,UAMuB,QANvBA,UAMuB;EAAA,IALvBC,QAKuB,QALvBA,QAKuB;EAAA,IAJvBC,SAIuB,QAJvBA,SAIuB;EAAA,2BAHvBC,UAGuB;EAAA,IAHvBA,UAGuB,gCAHV,SAGU;EAAA,IAFvBC,MAEuB,QAFvBA,MAEuB;EAAA,IADpBC,SACoB;EACvB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,sBAA0BC,KAAK,CAACC,QAAN,CAAe,EAAf,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,uBAA0BH,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;EAAA;EAAA,IAAOG,KAAP;EAAA,IAAcC,QAAd;;EACA,yBAA0B,IAAAC,qCAAA,EAAkBT,SAAlB,EAA6B;IAAEX,YAAY,EAAZA;EAAF,CAA7B,CAA1B;EAAA;EAAA,IAAOqB,KAAP;EAAA,IAAcC,QAAd;;EACA,IAAMC,SAAS,GAAG,IAAAC,0BAAA,EAAanB,MAAb,CAAlB;;EACA,qBAAyB,IAAAoB,6BAAA,GAAzB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;EAAA,IAAeC,KAAf,kBAAeA,KAAf;;EAEA,IAAAC,oDAAA,EAA0B,YAAM;IAAA;;IAC9B,IAAMC,cAAc,yBAClBN,SAAS,CAACO,OADQ,uDAClB,mBAAmBC,OAAnB,CAA2BR,SAAS,CAACO,OAAV,CAAkBE,aAA7C,CADF;;IAEA,IAAIH,cAAJ,EAAoB;MAClBZ,QAAQ,CAACY,cAAc,CAACI,IAAhB,CAAR;MACAd,QAAQ,CAACU,cAAc,CAACR,KAAf,KAAyB,EAAzB,IAA+BnB,WAAW,IAAI,IAA/C,CAAR;IACD;EACF,CAPD,EAOG,CAACmB,KAAD,EAAQlB,QAAR,CAPH;EASA,OACE,qCAAC,oBAAD;IACE,SAAS,EAAC,OADZ;IAEE,SAAS,EAAE,IAAA+B,sBAAA,EACT,IAAAC,0BAAA,EAAa,QAAb,EAAuBvB,QAAvB,CADS,EAETM,KAAK,IAAI,eAFA,EAGTV,SAAS,IAAI,mBAHJ,EAITP,KAAK,4BAAqBA,KAArB,CAJI,EAKT,IAAAmC,oCAAA,EAAkB,QAAlB,EAA4BV,KAA5B,CALS,EAMT,IAAAW,oCAAA,EAAkB,QAAlB,EAA4BV,KAA5B,CANS,CAFb;IAUE,SAAS,EAAEvB,SAVb;IAWE,KAAK,EAAEL,KAXT;IAYE,UAAU,EAAEO,UAZd;IAaE,QAAQ,EAAEC,QAbZ;IAcE,KAAK,EAAE,qCAAC,0BAAD,OAdT;IAeE,MAAM,EAAEG;EAfV,GAiBE,0EACMC,SADN;IAEE,QAAQ,EAAEJ,QAFZ;IAGE,SAAS,EAAC,YAHZ;IAIE,QAAQ,EAAEe,QAJZ;IAKE,KAAK,EAAED,KALT;IAME,GAAG,EAAEE;EANP,IAQGrB,WAAW,IAAI;IAAQ,KAAK,EAAC;EAAd,GAAkBA,WAAlB,CARlB,EASGC,QATH,CAjBF,EA4BE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,wBAAD;IAAkB,SAAS,EAAC,eAA5B;IAA4C,UAAU,EAAEM;EAAxD,GACGO,KADH,CADF,CA5BF,CADF;AAoCD,CAnED"}

package/dist/cjs/components/Pagination/Pagination.js CHANGED Viewed

@@ -25,6 +25,8 @@ var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 var _usePagination = require("../../hooks/usePagination");
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
 var _Tappable = require("../Tappable/Tappable");
 var _Button = require("../Button/Button");
@@ -90,7 +92,7 @@ var Pagination = function Pagination(_ref) {
         return (0, _jsxRuntime.createScopedElement)("li", {
           key: page
         }, (0, _jsxRuntime.createScopedElement)("div", {
-          vkuiClass: (0, _classNames.classNames)("Pagination__page", "Pagination__page--type-ellipsis", "Pagination__page--sizeY-".concat(sizeY), disabled && "Pagination__page--disabled")
+          vkuiClass: (0, _classNames.classNames)("Pagination__page", "Pagination__page--type-ellipsis", (0, _getSizeYClassName.getSizeYClassName)("Pagination__page", sizeY), disabled && "Pagination__page--disabled")
         }, "..."));
       default:
@@ -100,7 +102,7 @@ var Pagination = function Pagination(_ref) {
           return (0, _jsxRuntime.createScopedElement)("li", {
             key: page
           }, (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, {
-            vkuiClass: (0, _classNames.classNames)("Pagination__page", "Pagination__page--sizeY-".concat(sizeY), _isCurrent && "Pagination__page--current", disabled && "Pagination__page--disabled"),
+            vkuiClass: (0, _classNames.classNames)("Pagination__page", (0, _getSizeYClassName.getSizeYClassName)("Pagination__page", sizeY), _isCurrent && "Pagination__page--current", disabled && "Pagination__page--disabled"),
             activeMode: "Pagination__page--state-active",
             hoverMode: "Pagination__page--state-hover",
             hasActive: !_isCurrent,