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

@vkontakte/vkui 5.0.3 → 5.1.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 (2360) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"View.js","names":["SwipeBackResults","scrollsCache","warn","warnOnce","View","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","className","restProps","scrolls","React","useRef","getNavId","id","afterTransition","noop","useEffect","current","panelNodes","useDOM","window","document","scroll","useScroll","configProvider","useConfigProvider","splitCol","useSplitCol","platform","usePlatform","useState","animated","setAnimated","visiblePanels","setVisiblePanels","setActivePanel","undefined","isBack","setIsBack","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipingBack","setSwipingBack","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","usePrevious","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","useIsomorphicLayoutEffect","transitionEndHandler","e","animationName","Boolean","useWaitTransitionFinish","waitTransitionFinish","animationFinishTimeout","useTimeout","Platform","IOS","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","swipeBackExcluded","isWebView","startX","innerWidth","length","blurActiveElement","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","animationEvent","supported","set","classNamesString","isTransitionTarget","compensateScroll","el","marginTop"],"sources":["../../../../src/components/View/View.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { animationEvent } from \"../../lib/supportEvents\";\nimport { Platform } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { useConfigProvider } from \"../ConfigProvider/ConfigProviderContext\";\nimport { useSplitCol } from \"../SplitCol/SplitCol\";\nimport { canUseDOM, useDOM, blurActiveElement } from \"../../lib/dom\";\nimport { useScroll } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { swipeBackExcluded } from \"./utils\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport styles from \"./View.module.css\";\nimport iosStyles from \"./ViewIOS.module.css\";\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: number \| undefined;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps\n extends React.HTMLAttributes<HTMLElement>,\n NavIdProps {\n activePanel: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /*\n callback свайпа назад\n /\n onSwipeBack?(): void;\n /\n callback начала анимации свайпа назад.\n /\n onSwipeBackStart?(): void;\n /\n callback завершения анимации отмененного пользователем свайпа\n /\n onSwipeBackCancel?(): void;\n history?: string[];\n}\n\nexport interface ViewState {\n animated: boolean;\n\n visiblePanels: string[];\n activePanel: string \| null;\n isBack: boolean \| undefined;\n prevPanel: string \| null;\n nextPanel: string \| null;\n\n swipingBack: boolean;\n swipeBackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string \| null;\n swipeBackPrevPanel: string \| null;\n swipeBackResult: SwipeBackResults \| null;\n\n browserSwipe: boolean;\n}\n\nconst warn = warnOnce(\"View\");\n\n/\n @see https://vkcom.github.io/VKUI/#/View\n /\nexport const View = ({\n activePanel: activePanelProp,\n history,\n nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel: onSwipeBackCancelProp,\n children,\n className,\n ...restProps\n}: ViewProps) => {\n const scrolls = React.useRef(\n scrollsCache[getNavId({ nav, id: restProps.id }) as string] \|\| {}\n );\n const afterTransition = React.useRef(noop);\n\n React.useEffect(() => () => {\n const id = getNavId({ nav, id: restProps.id });\n if (id) {\n scrollsCache[id] = scrolls.current;\n }\n });\n\n const panelNodes = React.useRef<{ [id: string]: HTMLDivElement \| null }>({});\n\n const { window, document } = useDOM();\n const scroll = useScroll();\n const configProvider = useConfigProvider();\n const splitCol = useSplitCol();\n const platform = usePlatform();\n\n const [animated, setAnimated] = React.useState(false);\n\n const [visiblePanels, setVisiblePanels] = React.useState([activePanelProp]);\n const [activePanel, setActivePanel] = React.useState<string \| null>(\n activePanelProp\n );\n const [isBack, setIsBack] = React.useState<boolean \| undefined>(undefined);\n const [prevPanel, setPrevPanel] = React.useState<string \| null>(null);\n const [nextPanel, setNextPanel] = React.useState<string \| null>(null);\n\n const [swipingBack, setSwipingBack] = React.useState<boolean>(false);\n const [swipeBackStartX, setSwipeBackStartX] = React.useState<number>(0);\n const [swipeBackShift, setSwipeBackShift] = React.useState<number>(0);\n const [swipeBackNextPanel, setSwipeBackNextPanel] = React.useState<\n string \| null\n >(null);\n const [swipeBackPrevPanel, setSwipeBackPrevPanel] = React.useState<\n string \| null\n >(null);\n const [swipeBackResult, setSwipeBackResult] =\n React.useState<SwipeBackResults \| null>(null);\n\n const [browserSwipe, setBrowserSwipe] = React.useState(false);\n\n const prevActivePanel = usePrevious(activePanelProp);\n const prevSwipingBack = usePrevious(swipingBack);\n const prevBrowserSwipe = usePrevious(browserSwipe);\n const prevSwipeBackResult = usePrevious(swipeBackResult);\n const prevSwipeBackPrevPanel = usePrevious(swipeBackPrevPanel);\n const prevOnTransition = usePrevious(onTransition);\n\n const panels = (\n React.Children.toArray(children) as React.ReactElement[]\n ).filter((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n\n return (\n (panelId !== undefined && visiblePanels.includes(panelId)) \|\|\n panelId === swipeBackPrevPanel \|\|\n panelId === swipeBackNextPanel\n );\n });\n\n const disableAnimation =\n configProvider?.transitionMotionEnabled === false \|\| !splitCol?.animate;\n\n const pickPanel = (id: string \| null) => {\n if (id === null) {\n return null;\n }\n return panelNodes.current[id];\n };\n\n const flushTransition = React.useCallback(\n (prevPanel: string, isBackTransition: boolean) => {\n if (isBackTransition) {\n scrolls.current[prevPanel] = 0;\n }\n setPrevPanel(null);\n setNextPanel(null);\n setVisiblePanels([activePanelProp]);\n setActivePanel(activePanelProp);\n setAnimated(false);\n setIsBack(undefined);\n\n afterTransition.current = () => {\n scroll?.scrollTo(\n 0,\n isBackTransition ? scrolls.current[activePanelProp] : 0\n );\n onTransition &&\n onTransition({\n isBack: isBackTransition,\n from: prevPanel,\n to: activePanelProp,\n });\n };\n },\n [activePanelProp, onTransition, scroll]\n );\n\n useIsomorphicLayoutEffect(() => {\n afterTransition.current();\n afterTransition.current = noop;\n }, [afterTransition.current]);\n\n const transitionEndHandler = React.useCallback(\n (e?: React.AnimationEvent): void => {\n if (\n (!e \|\|\n [\n \"vkui-animation-ios-next-forward\",\n \"vkui-animation-ios-prev-back\",\n \"vkui-animation-view-next-forward\",\n \"vkui-animation-view-prev-back\",\n ].includes(e.animationName)) &&\n prevPanel !== null\n ) {\n flushTransition(prevPanel, Boolean(isBack));\n }\n },\n [flushTransition, isBack, prevPanel]\n );\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n const animationFinishTimeout = useTimeout(\n transitionEndHandler,\n platform === Platform.IOS ? 600 : 300\n );\n\n const onSwipeBackSuccess = React.useCallback(() => {\n onSwipeBack && onSwipeBack();\n }, [onSwipeBack]);\n\n const onSwipeBackCancel = React.useCallback(() => {\n onSwipeBackCancelProp && onSwipeBackCancelProp();\n setSwipeBackPrevPanel(null);\n setSwipeBackNextPanel(null);\n setSwipingBack(false);\n setSwipeBackResult(null);\n setSwipeBackStartX(0);\n setSwipeBackShift(0);\n }, [onSwipeBackCancelProp]);\n\n const swipingBackTransitionEndHandler = React.useCallback(\n (e?: TransitionEvent): void => {\n // indexOf because of vendor prefixes in old browsers\n if (\n !e \|\|\n (e?.propertyName.includes(\"transform\") &&\n e?.target === pickPanel(swipeBackNextPanel))\n ) {\n switch (swipeBackResult) {\n case SwipeBackResults.fail:\n onSwipeBackCancel();\n break;\n case SwipeBackResults.success:\n onSwipeBackSuccess();\n }\n }\n },\n [onSwipeBackCancel, onSwipeBackSuccess, swipeBackNextPanel, swipeBackResult]\n );\n\n const onMoveX = (e: TouchEvent): void => {\n if (swipeBackExcluded(e)) {\n return;\n }\n\n if (\n platform === Platform.IOS &&\n !configProvider?.isWebView &&\n (e.startX <= 70 \|\| e.startX >= window!.innerWidth - 70) &&\n !browserSwipe\n ) {\n setBrowserSwipe(true);\n }\n\n if (platform === Platform.IOS && configProvider?.isWebView && onSwipeBack) {\n if ((animated && e.startX <= 70) \|\| !window) {\n return;\n }\n\n if (e.startX <= 70 && !swipingBack && history && history.length > 1) {\n if (activePanel !== null) {\n // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n blurActiveElement(document);\n scrolls.current[activePanel] = scroll?.getScroll().y;\n }\n\n setSwipingBack(true);\n setSwipeBackStartX(e.startX);\n setSwipeBackPrevPanel(activePanel);\n setSwipeBackNextPanel(history.slice(-2)[0]);\n }\n if (swipingBack) {\n let swipeBackShift = 0;\n if (e.shiftX < 0) {\n swipeBackShift = 0;\n } else if (e.shiftX > window.innerWidth - swipeBackStartX) {\n swipeBackShift = window?.innerWidth;\n } else {\n swipeBackShift = e.shiftX;\n }\n setSwipeBackShift(swipeBackShift);\n }\n }\n };\n\n const onEnd = React.useCallback(\n (e: TouchEvent): void => {\n if (swipingBack && window) {\n const speed = (swipeBackShift / e.duration) 1000;\n if (swipeBackShift === 0) {\n onSwipeBackCancel();\n } else if (swipeBackShift >= (window?.innerWidth ?? 0)) {\n onSwipeBackSuccess();\n } else if (\n speed > 250 \|\|\n swipeBackStartX + swipeBackShift > window.innerWidth / 2\n ) {\n setSwipeBackResult(SwipeBackResults.success);\n } else {\n setSwipeBackResult(SwipeBackResults.fail);\n }\n }\n },\n [\n onSwipeBackCancel,\n onSwipeBackSuccess,\n swipeBackShift,\n swipeBackStartX,\n swipingBack,\n window,\n ]\n );\n\n const calcPanelSwipeStyles = (\n panelId: string \| undefined\n ): React.CSSProperties => {\n if (!canUseDOM \|\| !window) {\n return {};\n }\n\n const isPrev = panelId === swipeBackPrevPanel;\n const isNext = panelId === swipeBackNextPanel;\n\n if ((!isPrev && !isNext) \|\| swipeBackResult) {\n return {};\n }\n\n let prevPanelTranslate = `${swipeBackShift}px`;\n let nextPanelTranslate = `${\n -50 + (swipeBackShift * 100) / window.innerWidth / 2\n }%`;\n let prevPanelShadow =\n (0.3 * (window.innerWidth - swipeBackShift)) / window.innerWidth;\n\n if (swipeBackResult) {\n return isPrev\n ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n : {};\n }\n\n if (isNext) {\n return {\n transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n };\n }\n if (isPrev) {\n return {\n transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n };\n }\n\n return {};\n };\n\n React.useEffect(() => {\n // Нужен переход\n if (\n prevActivePanel &&\n prevActivePanel !== activePanelProp &&\n !prevSwipingBack &&\n !prevBrowserSwipe\n ) {\n const firstLayerId = (\n React.Children.toArray(children) as React.ReactElement[]\n )\n .map((panel) => getNavId(panel.props, warn))\n .find((id) => id === prevActivePanel \|\| id === activePanelProp);\n\n const isBackTransition = firstLayerId === activePanelProp;\n scrolls.current[prevActivePanel] = scroll?.getScroll().y;\n\n if (disableAnimation) {\n flushTransition(prevActivePanel, isBackTransition);\n } else {\n blurActiveElement(document);\n\n setVisiblePanels([prevActivePanel, activePanelProp]);\n setPrevPanel(prevActivePanel);\n setNextPanel(activePanelProp);\n setActivePanel(null);\n setAnimated(true);\n setIsBack(isBackTransition);\n\n // Фолбек анимации перехода\n if (!animationEvent.supported) {\n animationFinishTimeout.set();\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (\n prevActivePanel &&\n prevActivePanel !== activePanelProp &&\n prevSwipingBack\n ) {\n const nextPanel = activePanelProp;\n const prevPanel = prevActivePanel;\n if (prevSwipeBackPrevPanel) {\n scrolls.current[prevSwipeBackPrevPanel] = 0;\n }\n\n setSwipeBackPrevPanel(null);\n setSwipeBackNextPanel(null);\n setSwipingBack(false);\n setSwipeBackResult(null);\n setSwipeBackStartX(0);\n setSwipeBackShift(0);\n setActivePanel(nextPanel);\n setVisiblePanels([nextPanel]);\n\n afterTransition.current = () => {\n if (nextPanel !== null) {\n scroll?.scrollTo(0, scrolls.current[nextPanel]);\n }\n prevOnTransition &&\n prevOnTransition({\n isBack: true,\n from: prevPanel,\n to: nextPanel,\n });\n };\n }\n\n // Начался свайп назад\n if (!prevSwipingBack && swipingBack) {\n onSwipeBackStart && onSwipeBackStart();\n }\n\n // Началась анимация завершения свайпа назад.\n if (!prevSwipeBackResult && swipeBackResult) {\n waitTransitionFinish(\n pickPanel(swipeBackNextPanel),\n swipingBackTransitionEndHandler,\n platform === Platform.IOS ? 600 : 300\n );\n }\n\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n if (\n prevSwipeBackResult === SwipeBackResults.fail &&\n !swipeBackResult &&\n activePanel !== null\n ) {\n scroll?.scrollTo(0, scrolls.current[activePanel]);\n }\n\n // Закончился Safari свайп\n if (prevActivePanel !== activePanelProp && browserSwipe) {\n setBrowserSwipe(false);\n setNextPanel(null);\n setPrevPanel(null);\n setAnimated(false);\n setVisiblePanels([activePanelProp]);\n setActivePanel(activePanelProp);\n }\n }, [\n activePanelProp,\n activePanel,\n animationFinishTimeout,\n browserSwipe,\n children,\n disableAnimation,\n document,\n flushTransition,\n onSwipeBackStart,\n panels,\n platform,\n prevActivePanel,\n prevBrowserSwipe,\n prevOnTransition,\n prevSwipeBackPrevPanel,\n prevSwipeBackResult,\n prevSwipingBack,\n scroll,\n swipeBackNextPanel,\n swipeBackResult,\n swipingBack,\n swipingBackTransitionEndHandler,\n waitTransitionFinish,\n ]);\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNamesString(\n styles[\"View\"],\n platform === Platform.IOS && iosStyles[\"View--ios\"],\n !disableAnimation && animated && styles[\"View--animated\"],\n !disableAnimation && swipingBack && styles[\"View--swiping-back\"],\n disableAnimation && styles[\"View--no-motion\"],\n className\n )}\n onMoveX={onMoveX}\n onEnd={onEnd}\n >\n <div className={styles[\"View__panels\"]}>\n {panels.map((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n const isPrev =\n panelId === prevPanel \|\| panelId === swipeBackPrevPanel;\n const isTransitionTarget =\n animated && panelId === (isBack ? prevPanel : nextPanel);\n const compensateScroll =\n isPrev \|\|\n panelId === swipeBackNextPanel \|\|\n (panelId === nextPanel && isBack);\n\n return (\n <div\n className={classNamesString(\n styles[\"View__panel\"],\n panelId === activePanel && iosStyles[\"View__panel--active\"],\n panelId === prevPanel && styles[\"View__panel--prev\"],\n panelId === nextPanel && styles[\"View__panel--next\"],\n panelId === swipeBackPrevPanel &&\n iosStyles[\"View__panel--swipe-back-prev\"],\n panelId === swipeBackNextPanel &&\n iosStyles[\"View__panel--swipe-back-next\"],\n swipeBackResult === SwipeBackResults.success &&\n iosStyles[\"View__panel--swipe-back-success\"],\n swipeBackResult === SwipeBackResults.fail &&\n iosStyles[\"View__panel--swipe-back-failed\"]\n )}\n onAnimationEnd={\n isTransitionTarget ? transitionEndHandler : undefined\n }\n ref={(el) =>\n panelId !== undefined && (panelNodes.current[panelId] = el)\n }\n style={calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n <div\n className={styles[\"View__panel-in\"]}\n style={{\n marginTop: compensateScroll\n ? -(scrolls.current[panelId] ?? 0)\n : undefined,\n }}\n >\n <NavTransitionProvider\n entering={\n panelId === nextPanel \|\| panelId === swipeBackNextPanel\n }\n >\n {panel}\n </NavTransitionProvider>\n </div>\n </div>\n );\n })}\n </div>\n </Touch>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"View.js","names":["SWIPE_BACK_AREA","SwipeBackResults","scrollsCache","warn","warnOnce","View","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","className","restProps","scrolls","React","useRef","getNavId","id","afterTransition","noop","useEffect","current","panelNodes","useDOM","window","document","scroll","useScroll","configProvider","useConfigProvider","splitCol","useSplitCol","platform","usePlatform","useState","animated","setAnimated","visiblePanels","setVisiblePanels","setActivePanel","undefined","isBack","setIsBack","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipingBack","setSwipingBack","swipeBackPrevented","setSwipeBackPrevented","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","usePrevious","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","Platform","VKCOM","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","useIsomorphicLayoutEffect","transitionEndHandler","e","animationName","Boolean","useWaitTransitionFinish","waitTransitionFinish","animationFinishTimeout","useTimeout","IOS","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","event","swipeBackExcluded","isWebView","startX","innerWidth","length","payload","blurActiveElement","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","animationEvent","supported","set","classNames","isTransitionTarget","compensateScroll","el","marginTop"],"sources":["../../../../src/components/View/View.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { animationEvent } from '../../lib/supportEvents';\nimport { Platform } from '../../lib/platform';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { useSplitCol } from '../SplitCol/SplitCol';\nimport { canUseDOM, useDOM, blurActiveElement } from '../../lib/dom';\nimport { useScroll } from '../AppRoot/ScrollContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { swipeBackExcluded } from './utils';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport styles from './View.module.css';\nimport iosStyles from './ViewIOS.module.css';\n\nconst SWIPE_BACK_AREA = 70;\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: number \| undefined;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps extends React.HTMLAttributes<HTMLElement>, NavIdProps {\n activePanel: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /*\n callback свайпа назад\n /\n onSwipeBack?(): void;\n /\n callback начала анимации свайпа назад.\n \n Чтобы остановить свайп назад, возвращайте `\"prevent\"`.\n /\n onSwipeBackStart?(activePanel: string \| null): void \| 'prevent';\n /\n callback завершения анимации отмененного пользователем свайпа\n /\n onSwipeBackCancel?(): void;\n history?: string[];\n}\n\nexport interface ViewState {\n animated: boolean;\n\n visiblePanels: string[];\n activePanel: string \| null;\n isBack: boolean \| undefined;\n prevPanel: string \| null;\n nextPanel: string \| null;\n\n swipingBack: boolean;\n swipeBackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string \| null;\n swipeBackPrevPanel: string \| null;\n swipeBackResult: SwipeBackResults \| null;\n\n browserSwipe: boolean;\n}\n\nconst warn = warnOnce('View');\n\n/\n @see https://vkcom.github.io/VKUI/#/View\n /\nexport const View = ({\n activePanel: activePanelProp,\n history,\n nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel: onSwipeBackCancelProp,\n children,\n className,\n ...restProps\n}: ViewProps) => {\n const scrolls = React.useRef(scrollsCache[getNavId({ nav, id: restProps.id }) as string] \|\| {});\n const afterTransition = React.useRef(noop);\n\n React.useEffect(() => () => {\n const id = getNavId({ nav, id: restProps.id });\n if (id) {\n scrollsCache[id] = scrolls.current;\n }\n });\n\n const panelNodes = React.useRef<{ [id: string]: HTMLDivElement \| null }>({});\n\n const { window, document } = useDOM();\n const scroll = useScroll();\n const configProvider = useConfigProvider();\n const splitCol = useSplitCol();\n const platform = usePlatform();\n\n const [animated, setAnimated] = React.useState(false);\n\n const [visiblePanels, setVisiblePanels] = React.useState([activePanelProp]);\n const [activePanel, setActivePanel] = React.useState<string \| null>(activePanelProp);\n const [isBack, setIsBack] = React.useState<boolean \| undefined>(undefined);\n const [prevPanel, setPrevPanel] = React.useState<string \| null>(null);\n const [nextPanel, setNextPanel] = React.useState<string \| null>(null);\n\n const [swipingBack, setSwipingBack] = React.useState<boolean>(false);\n const [swipeBackPrevented, setSwipeBackPrevented] = React.useState<boolean>(false);\n const [swipeBackStartX, setSwipeBackStartX] = React.useState<number>(0);\n const [swipeBackShift, setSwipeBackShift] = React.useState<number>(0);\n const [swipeBackNextPanel, setSwipeBackNextPanel] = React.useState<string \| null>(null);\n const [swipeBackPrevPanel, setSwipeBackPrevPanel] = React.useState<string \| null>(null);\n const [swipeBackResult, setSwipeBackResult] = React.useState<SwipeBackResults \| null>(null);\n\n const [browserSwipe, setBrowserSwipe] = React.useState(false);\n\n const prevActivePanel = usePrevious(activePanelProp);\n const prevSwipingBack = usePrevious(swipingBack);\n const prevBrowserSwipe = usePrevious(browserSwipe);\n const prevSwipeBackResult = usePrevious(swipeBackResult);\n const prevSwipeBackPrevPanel = usePrevious(swipeBackPrevPanel);\n const prevOnTransition = usePrevious(onTransition);\n\n const panels = (React.Children.toArray(children) as React.ReactElement[]).filter(\n (panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n\n return (\n (panelId !== undefined && visiblePanels.includes(panelId)) \|\|\n panelId === swipeBackPrevPanel \|\|\n panelId === swipeBackNextPanel\n );\n },\n );\n\n const disableAnimation =\n configProvider?.transitionMotionEnabled === false \|\|\n !splitCol?.animate \|\|\n platform === Platform.VKCOM;\n\n const pickPanel = (id: string \| null) => {\n if (id === null) {\n return null;\n }\n return panelNodes.current[id];\n };\n\n const flushTransition = React.useCallback(\n (prevPanel: string, isBackTransition: boolean) => {\n if (isBackTransition) {\n scrolls.current[prevPanel] = 0;\n }\n setPrevPanel(null);\n setNextPanel(null);\n setVisiblePanels([activePanelProp]);\n setActivePanel(activePanelProp);\n setAnimated(false);\n setIsBack(undefined);\n\n afterTransition.current = () => {\n scroll?.scrollTo(0, isBackTransition ? scrolls.current[activePanelProp] : 0);\n onTransition &&\n onTransition({\n isBack: isBackTransition,\n from: prevPanel,\n to: activePanelProp,\n });\n };\n },\n [activePanelProp, onTransition, scroll],\n );\n\n useIsomorphicLayoutEffect(() => {\n afterTransition.current();\n afterTransition.current = noop;\n }, [afterTransition.current]);\n\n const transitionEndHandler = React.useCallback(\n (e?: React.AnimationEvent): void => {\n if (\n (!e \|\|\n [\n 'vkui-animation-ios-next-forward',\n 'vkui-animation-ios-prev-back',\n 'vkui-animation-view-next-forward',\n 'vkui-animation-view-prev-back',\n ].includes(e.animationName)) &&\n prevPanel !== null\n ) {\n flushTransition(prevPanel, Boolean(isBack));\n }\n },\n [flushTransition, isBack, prevPanel],\n );\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n const animationFinishTimeout = useTimeout(\n transitionEndHandler,\n platform === Platform.IOS ? 600 : 300,\n );\n\n const onSwipeBackSuccess = React.useCallback(() => {\n onSwipeBack && onSwipeBack();\n }, [onSwipeBack]);\n\n const onSwipeBackCancel = React.useCallback(() => {\n onSwipeBackCancelProp && onSwipeBackCancelProp();\n setSwipeBackPrevPanel(null);\n setSwipeBackNextPanel(null);\n setSwipingBack(false);\n setSwipeBackResult(null);\n setSwipeBackStartX(0);\n setSwipeBackShift(0);\n }, [onSwipeBackCancelProp]);\n\n const swipingBackTransitionEndHandler = React.useCallback(\n (e?: TransitionEvent): void => {\n // indexOf because of vendor prefixes in old browsers\n if (\n !e \|\|\n (e?.propertyName.includes('transform') && e?.target === pickPanel(swipeBackNextPanel))\n ) {\n switch (swipeBackResult) {\n case SwipeBackResults.fail:\n onSwipeBackCancel();\n break;\n case SwipeBackResults.success:\n onSwipeBackSuccess();\n }\n }\n },\n [onSwipeBackCancel, onSwipeBackSuccess, swipeBackNextPanel, swipeBackResult],\n );\n\n const onMoveX = (event: TouchEvent): void => {\n if (\n platform !== Platform.IOS \|\|\n swipeBackPrevented \|\|\n swipeBackExcluded(event) \|\|\n disableAnimation\n ) {\n return;\n }\n\n if (!configProvider?.isWebView) {\n if (\n (event.startX <= SWIPE_BACK_AREA \|\| event.startX >= window!.innerWidth - SWIPE_BACK_AREA) &&\n !browserSwipe\n ) {\n setBrowserSwipe(true);\n }\n\n return;\n }\n\n if (!onSwipeBack \|\| (animated && event.startX <= SWIPE_BACK_AREA)) {\n return;\n }\n\n if (!swipingBack && event.startX <= SWIPE_BACK_AREA && history && history.length > 1) {\n // Начался свайп назад\n if (onSwipeBackStart) {\n const payload = onSwipeBackStart(activePanel);\n if (payload === 'prevent') {\n setSwipeBackPrevented(true);\n return;\n }\n }\n\n if (activePanel !== null) {\n // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n blurActiveElement(document);\n scrolls.current[activePanel] = scroll?.getScroll().y;\n }\n\n setSwipingBack(true);\n setSwipeBackStartX(event.startX);\n setSwipeBackPrevPanel(activePanel);\n setSwipeBackNextPanel(history.slice(-2)[0]);\n }\n\n if (swipingBack) {\n let swipeBackShift = 0;\n if (event.shiftX < 0) {\n swipeBackShift = 0;\n } else if (event.shiftX > window!.innerWidth - swipeBackStartX) {\n swipeBackShift = window!.innerWidth;\n } else {\n swipeBackShift = event.shiftX;\n }\n setSwipeBackShift(swipeBackShift);\n }\n };\n\n const onEnd = React.useCallback(\n (event: TouchEvent): void => {\n if (swipingBack) {\n const speed = (swipeBackShift / event.duration) 1000;\n if (swipeBackShift === 0) {\n onSwipeBackCancel();\n } else if (swipeBackShift >= (window!.innerWidth ?? 0)) {\n onSwipeBackSuccess();\n } else if (speed > 250 \|\| swipeBackStartX + swipeBackShift > window!.innerWidth / 2) {\n setSwipeBackResult(SwipeBackResults.success);\n } else {\n setSwipeBackResult(SwipeBackResults.fail);\n }\n }\n if (swipeBackPrevented) {\n setSwipeBackPrevented(false);\n }\n },\n [\n onSwipeBackCancel,\n onSwipeBackSuccess,\n swipeBackShift,\n swipeBackStartX,\n swipingBack,\n swipeBackPrevented,\n window,\n ],\n );\n\n const calcPanelSwipeStyles = (panelId: string \| undefined): React.CSSProperties => {\n if (!canUseDOM \|\| !window) {\n return {};\n }\n\n const isPrev = panelId === swipeBackPrevPanel;\n const isNext = panelId === swipeBackNextPanel;\n\n if ((!isPrev && !isNext) \|\| swipeBackResult) {\n return {};\n }\n\n let prevPanelTranslate = `${swipeBackShift}px`;\n let nextPanelTranslate = `${-50 + (swipeBackShift * 100) / window.innerWidth / 2}%`;\n let prevPanelShadow = (0.3 * (window.innerWidth - swipeBackShift)) / window.innerWidth;\n\n if (swipeBackResult) {\n return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n }\n\n if (isNext) {\n return {\n transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n };\n }\n if (isPrev) {\n return {\n transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n };\n }\n\n return {};\n };\n\n React.useEffect(() => {\n // Нужен переход\n if (\n prevActivePanel &&\n prevActivePanel !== activePanelProp &&\n !prevSwipingBack &&\n !prevBrowserSwipe\n ) {\n const firstLayerId = (React.Children.toArray(children) as React.ReactElement[])\n .map((panel) => getNavId(panel.props, warn))\n .find((id) => id === prevActivePanel \|\| id === activePanelProp);\n\n const isBackTransition = firstLayerId === activePanelProp;\n scrolls.current[prevActivePanel] = scroll?.getScroll().y;\n\n if (disableAnimation) {\n flushTransition(prevActivePanel, isBackTransition);\n } else {\n blurActiveElement(document);\n\n setVisiblePanels([prevActivePanel, activePanelProp]);\n setPrevPanel(prevActivePanel);\n setNextPanel(activePanelProp);\n setActivePanel(null);\n setAnimated(true);\n setIsBack(isBackTransition);\n\n // Фолбек анимации перехода\n if (!animationEvent.supported) {\n animationFinishTimeout.set();\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (prevActivePanel && prevActivePanel !== activePanelProp && prevSwipingBack) {\n const nextPanel = activePanelProp;\n const prevPanel = prevActivePanel;\n if (prevSwipeBackPrevPanel) {\n scrolls.current[prevSwipeBackPrevPanel] = 0;\n }\n\n setSwipeBackPrevPanel(null);\n setSwipeBackNextPanel(null);\n setSwipingBack(false);\n setSwipeBackResult(null);\n setSwipeBackStartX(0);\n setSwipeBackShift(0);\n setActivePanel(nextPanel);\n setVisiblePanels([nextPanel]);\n\n afterTransition.current = () => {\n if (nextPanel !== null) {\n scroll?.scrollTo(0, scrolls.current[nextPanel]);\n }\n prevOnTransition &&\n prevOnTransition({\n isBack: true,\n from: prevPanel,\n to: nextPanel,\n });\n };\n }\n\n // Началась анимация завершения свайпа назад.\n if (!prevSwipeBackResult && swipeBackResult) {\n waitTransitionFinish(\n pickPanel(swipeBackNextPanel),\n swipingBackTransitionEndHandler,\n platform === Platform.IOS ? 600 : 300,\n );\n }\n\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n if (prevSwipeBackResult === SwipeBackResults.fail && !swipeBackResult && activePanel !== null) {\n scroll?.scrollTo(0, scrolls.current[activePanel]);\n }\n\n // Закончился Safari свайп\n if (prevActivePanel !== activePanelProp && browserSwipe) {\n setBrowserSwipe(false);\n setNextPanel(null);\n setPrevPanel(null);\n setAnimated(false);\n setVisiblePanels([activePanelProp]);\n setActivePanel(activePanelProp);\n }\n }, [\n activePanelProp,\n activePanel,\n animationFinishTimeout,\n browserSwipe,\n children,\n disableAnimation,\n document,\n flushTransition,\n onSwipeBackStart,\n panels,\n platform,\n prevActivePanel,\n prevBrowserSwipe,\n prevOnTransition,\n prevSwipeBackPrevPanel,\n prevSwipeBackResult,\n prevSwipingBack,\n scroll,\n swipeBackNextPanel,\n swipeBackResult,\n swipingBack,\n swipingBackTransitionEndHandler,\n waitTransitionFinish,\n ]);\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNames(\n styles['View'],\n platform === Platform.IOS && iosStyles['View--ios'],\n !disableAnimation && animated && styles['View--animated'],\n !disableAnimation && swipingBack && styles['View--swiping-back'],\n disableAnimation && styles['View--no-motion'],\n className,\n )}\n onMoveX={onMoveX}\n onEnd={onEnd}\n >\n <div className={styles['View__panels']}>\n {panels.map((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n const isPrev = panelId === prevPanel \|\| panelId === swipeBackPrevPanel;\n const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n const compensateScroll =\n isPrev \|\| panelId === swipeBackNextPanel \|\| (panelId === nextPanel && isBack);\n\n return (\n <div\n className={classNames(\n styles['View__panel'],\n panelId === activePanel && iosStyles['View__panel--active'],\n panelId === prevPanel && styles['View__panel--prev'],\n panelId === nextPanel && styles['View__panel--next'],\n panelId === swipeBackPrevPanel && iosStyles['View__panel--swipe-back-prev'],\n panelId === swipeBackNextPanel && iosStyles['View__panel--swipe-back-next'],\n swipeBackResult === SwipeBackResults.success &&\n iosStyles['View__panel--swipe-back-success'],\n swipeBackResult === SwipeBackResults.fail &&\n iosStyles['View__panel--swipe-back-failed'],\n )}\n onAnimationEnd={isTransitionTarget ? transitionEndHandler : undefined}\n ref={(el) => panelId !== undefined && (panelNodes.current[panelId] = el)}\n style={calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n <div\n className={styles['View__panel-in']}\n style={{\n marginTop: compensateScroll ? -(scrolls.current[panelId] ?? 0) : undefined,\n }}\n >\n <NavTransitionProvider\n entering={panelId === nextPanel \|\| panelId === swipeBackNextPanel}\n >\n {panel}\n </NavTransitionProvider>\n </div>\n </div>\n );\n })}\n </div>\n </Touch>\n );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgF;AAIhF,IAAMA,eAAe,GAAG,EAAE;AAAC,IAEtBC,gBAAgB;AAAA,WAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,KAAhBA,gBAAgB;AAad,IAAIC,YAA0B,GAAG,CAAC,CAAC;AAAC;AAyC3C,IAAMC,IAAI,GAAG,IAAAC,kBAAQ,EAAC,MAAM,CAAC;;AAE7B;AACA;AACA;AACO,IAAMC,IAAI,GAAG,SAAPA,IAAI,OAWA;EAAA,IAVFC,eAAe,QAA5BC,WAAW;IACXC,OAAO,QAAPA,OAAO;IACPC,GAAG,QAAHA,GAAG;IACHC,YAAY,QAAZA,YAAY;IACZC,WAAW,QAAXA,WAAW;IACXC,gBAAgB,QAAhBA,gBAAgB;IACGC,qBAAqB,QAAxCC,iBAAiB;IACjBC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,OAAO,GAAGC,KAAK,CAACC,MAAM,CAAClB,YAAY,CAAC,IAAAmB,kBAAQ,EAAC;IAAEZ,GAAG,EAAHA,GAAG;IAAEa,EAAE,EAAEL,SAAS,CAACK;EAAG,CAAC,CAAC,CAAW,IAAI,CAAC,CAAC,CAAC;EAC/F,IAAMC,eAAe,GAAGJ,KAAK,CAACC,MAAM,CAACI,UAAI,CAAC;EAE1CL,KAAK,CAACM,SAAS,CAAC;IAAA,OAAM,YAAM;MAC1B,IAAMH,EAAE,GAAG,IAAAD,kBAAQ,EAAC;QAAEZ,GAAG,EAAHA,GAAG;QAAEa,EAAE,EAAEL,SAAS,CAACK;MAAG,CAAC,CAAC;MAC9C,IAAIA,EAAE,EAAE;QACNpB,YAAY,CAACoB,EAAE,CAAC,GAAGJ,OAAO,CAACQ,OAAO;MACpC;IACF,CAAC;EAAA,EAAC;EAEF,IAAMC,UAAU,GAAGR,KAAK,CAACC,MAAM,CAA0C,CAAC,CAAC,CAAC;EAE5E,cAA6B,IAAAQ,WAAM,GAAE;IAA7BC,MAAM,WAANA,MAAM;IAAEC,QAAQ,WAARA,QAAQ;EACxB,IAAMC,MAAM,GAAG,IAAAC,wBAAS,GAAE;EAC1B,IAAMC,cAAc,GAAG,IAAAC,wCAAiB,GAAE;EAC1C,IAAMC,QAAQ,GAAG,IAAAC,qBAAW,GAAE;EAC9B,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,sBAAgCnB,KAAK,CAACoB,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA9CC,QAAQ;IAAEC,WAAW;EAE5B,uBAA0CtB,KAAK,CAACoB,QAAQ,CAAC,CAACjC,eAAe,CAAC,CAAC;IAAA;IAApEoC,aAAa;IAAEC,gBAAgB;EACtC,uBAAsCxB,KAAK,CAACoB,QAAQ,CAAgBjC,eAAe,CAAC;IAAA;IAA7EC,WAAW;IAAEqC,cAAc;EAClC,uBAA4BzB,KAAK,CAACoB,QAAQ,CAAsBM,SAAS,CAAC;IAAA;IAAnEC,MAAM;IAAEC,SAAS;EACxB,uBAAkC5B,KAAK,CAACoB,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAA9DS,SAAS;IAAEC,YAAY;EAC9B,wBAAkC9B,KAAK,CAACoB,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAA9DW,SAAS;IAAEC,YAAY;EAE9B,wBAAsChC,KAAK,CAACoB,QAAQ,CAAU,KAAK,CAAC;IAAA;IAA7Da,WAAW;IAAEC,cAAc;EAClC,wBAAoDlC,KAAK,CAACoB,QAAQ,CAAU,KAAK,CAAC;IAAA;IAA3Ee,kBAAkB;IAAEC,qBAAqB;EAChD,wBAA8CpC,KAAK,CAACoB,QAAQ,CAAS,CAAC,CAAC;IAAA;IAAhEiB,eAAe;IAAEC,kBAAkB;EAC1C,wBAA4CtC,KAAK,CAACoB,QAAQ,CAAS,CAAC,CAAC;IAAA;IAA9DmB,cAAc;IAAEC,iBAAiB;EACxC,wBAAoDxC,KAAK,CAACoB,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAhFqB,kBAAkB;IAAEC,qBAAqB;EAChD,wBAAoD1C,KAAK,CAACoB,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAhFuB,kBAAkB;IAAEC,qBAAqB;EAChD,wBAA8C5C,KAAK,CAACoB,QAAQ,CAA0B,IAAI,CAAC;IAAA;IAApFyB,eAAe;IAAEC,kBAAkB;EAE1C,wBAAwC9C,KAAK,CAACoB,QAAQ,CAAC,KAAK,CAAC;IAAA;IAAtD2B,YAAY;IAAEC,eAAe;EAEpC,IAAMC,eAAe,GAAG,IAAAC,wBAAW,EAAC/D,eAAe,CAAC;EACpD,IAAMgE,eAAe,GAAG,IAAAD,wBAAW,EAACjB,WAAW,CAAC;EAChD,IAAMmB,gBAAgB,GAAG,IAAAF,wBAAW,EAACH,YAAY,CAAC;EAClD,IAAMM,mBAAmB,GAAG,IAAAH,wBAAW,EAACL,eAAe,CAAC;EACxD,IAAMS,sBAAsB,GAAG,IAAAJ,wBAAW,EAACP,kBAAkB,CAAC;EAC9D,IAAMY,gBAAgB,GAAG,IAAAL,wBAAW,EAAC3D,YAAY,CAAC;EAElD,IAAMiE,MAAM,GAAIxD,KAAK,CAACyD,QAAQ,CAACC,OAAO,CAAC9D,QAAQ,CAAC,CAA0B+D,MAAM,CAC9E,UAACC,KAAyB,EAAK;IAC7B,IAAMC,OAAO,GAAG,IAAA3D,kBAAQ,EAAC0D,KAAK,CAACE,KAAK,EAAE9E,IAAI,CAAC;IAE3C,OACG6E,OAAO,KAAKnC,SAAS,IAAIH,aAAa,CAACwC,QAAQ,CAACF,OAAO,CAAC,IACzDA,OAAO,KAAKlB,kBAAkB,IAC9BkB,OAAO,KAAKpB,kBAAkB;EAElC,CAAC,CACF;EAED,IAAMuB,gBAAgB,GACpB,CAAAlD,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEmD,uBAAuB,MAAK,KAAK,IACjD,EAACjD,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEkD,OAAO,KAClBhD,QAAQ,KAAKiD,kBAAQ,CAACC,KAAK;EAE7B,IAAMC,SAAS,GAAG,SAAZA,SAAS,CAAIlE,EAAiB,EAAK;IACvC,IAAIA,EAAE,KAAK,IAAI,EAAE;MACf,OAAO,IAAI;IACb;IACA,OAAOK,UAAU,CAACD,OAAO,CAACJ,EAAE,CAAC;EAC/B,CAAC;EAED,IAAMmE,eAAe,GAAGtE,KAAK,CAACuE,WAAW,CACvC,UAAC1C,SAAiB,EAAE2C,gBAAyB,EAAK;IAChD,IAAIA,gBAAgB,EAAE;MACpBzE,OAAO,CAACQ,OAAO,CAACsB,SAAS,CAAC,GAAG,CAAC;IAChC;IACAC,YAAY,CAAC,IAAI,CAAC;IAClBE,YAAY,CAAC,IAAI,CAAC;IAClBR,gBAAgB,CAAC,CAACrC,eAAe,CAAC,CAAC;IACnCsC,cAAc,CAACtC,eAAe,CAAC;IAC/BmC,WAAW,CAAC,KAAK,CAAC;IAClBM,SAAS,CAACF,SAAS,CAAC;IAEpBtB,eAAe,CAACG,OAAO,GAAG,YAAM;MAC9BK,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAE6D,QAAQ,CAAC,CAAC,EAAED,gBAAgB,GAAGzE,OAAO,CAACQ,OAAO,CAACpB,eAAe,CAAC,GAAG,CAAC,CAAC;MAC5EI,YAAY,IACVA,YAAY,CAAC;QACXoC,MAAM,EAAE6C,gBAAgB;QACxBE,IAAI,EAAE7C,SAAS;QACf8C,EAAE,EAAExF;MACN,CAAC,CAAC;IACN,CAAC;EACH,CAAC,EACD,CAACA,eAAe,EAAEI,YAAY,EAAEqB,MAAM,CAAC,CACxC;EAED,IAAAgE,oDAAyB,EAAC,YAAM;IAC9BxE,eAAe,CAACG,OAAO,EAAE;IACzBH,eAAe,CAACG,OAAO,GAAGF,UAAI;EAChC,CAAC,EAAE,CAACD,eAAe,CAACG,OAAO,CAAC,CAAC;EAE7B,IAAMsE,oBAAoB,GAAG7E,KAAK,CAACuE,WAAW,CAC5C,UAACO,CAAwB,EAAW;IAClC,IACE,CAAC,CAACA,CAAC,IACD,CACE,iCAAiC,EACjC,8BAA8B,EAC9B,kCAAkC,EAClC,+BAA+B,CAChC,CAACf,QAAQ,CAACe,CAAC,CAACC,aAAa,CAAC,KAC7BlD,SAAS,KAAK,IAAI,EAClB;MACAyC,eAAe,CAACzC,SAAS,EAAEmD,OAAO,CAACrD,MAAM,CAAC,CAAC;IAC7C;EACF,CAAC,EACD,CAAC2C,eAAe,EAAE3C,MAAM,EAAEE,SAAS,CAAC,CACrC;EAED,4BAAiC,IAAAoD,gDAAuB,GAAE;IAAlDC,oBAAoB,yBAApBA,oBAAoB;EAC5B,IAAMC,sBAAsB,GAAG,IAAAC,sBAAU,EACvCP,oBAAoB,EACpB3D,QAAQ,KAAKiD,kBAAQ,CAACkB,GAAG,GAAG,GAAG,GAAG,GAAG,CACtC;EAED,IAAMC,kBAAkB,GAAGtF,KAAK,CAACuE,WAAW,CAAC,YAAM;IACjD/E,WAAW,IAAIA,WAAW,EAAE;EAC9B,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAMG,iBAAiB,GAAGK,KAAK,CAACuE,WAAW,CAAC,YAAM;IAChD7E,qBAAqB,IAAIA,qBAAqB,EAAE;IAChDkD,qBAAqB,CAAC,IAAI,CAAC;IAC3BF,qBAAqB,CAAC,IAAI,CAAC;IAC3BR,cAAc,CAAC,KAAK,CAAC;IACrBY,kBAAkB,CAAC,IAAI,CAAC;IACxBR,kBAAkB,CAAC,CAAC,CAAC;IACrBE,iBAAiB,CAAC,CAAC,CAAC;EACtB,CAAC,EAAE,CAAC9C,qBAAqB,CAAC,CAAC;EAE3B,IAAM6F,+BAA+B,GAAGvF,KAAK,CAACuE,WAAW,CACvD,UAACO,CAAmB,EAAW;IAC7B;IACA,IACE,CAACA,CAAC,IACDA,CAAC,aAADA,CAAC,eAADA,CAAC,CAAEU,YAAY,CAACzB,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAAe,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEW,MAAM,MAAKpB,SAAS,CAAC5B,kBAAkB,CAAE,EACtF;MACA,QAAQI,eAAe;QACrB,KAAK/D,gBAAgB,CAAC4G,IAAI;UACxB/F,iBAAiB,EAAE;UACnB;QACF,KAAKb,gBAAgB,CAAC6G,OAAO;UAC3BL,kBAAkB,EAAE;MAAC;IAE3B;EACF,CAAC,EACD,CAAC3F,iBAAiB,EAAE2F,kBAAkB,EAAE7C,kBAAkB,EAAEI,eAAe,CAAC,CAC7E;EAED,IAAM+C,OAAO,GAAG,SAAVA,OAAO,CAAIC,KAAiB,EAAW;IAC3C,IACE3E,QAAQ,KAAKiD,kBAAQ,CAACkB,GAAG,IACzBlD,kBAAkB,IAClB,IAAA2D,wBAAiB,EAACD,KAAK,CAAC,IACxB7B,gBAAgB,EAChB;MACA;IACF;IAEA,IAAI,EAAClD,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEiF,SAAS,GAAE;MAC9B,IACE,CAACF,KAAK,CAACG,MAAM,IAAInH,eAAe,IAAIgH,KAAK,CAACG,MAAM,IAAItF,MAAM,CAAEuF,UAAU,GAAGpH,eAAe,KACxF,CAACkE,YAAY,EACb;QACAC,eAAe,CAAC,IAAI,CAAC;MACvB;MAEA;IACF;IAEA,IAAI,CAACxD,WAAW,IAAK6B,QAAQ,IAAIwE,KAAK,CAACG,MAAM,IAAInH,eAAgB,EAAE;MACjE;IACF;IAEA,IAAI,CAACoD,WAAW,IAAI4D,KAAK,CAACG,MAAM,IAAInH,eAAe,IAAIQ,OAAO,IAAIA,OAAO,CAAC6G,MAAM,GAAG,CAAC,EAAE;MACpF;MACA,IAAIzG,gBAAgB,EAAE;QACpB,IAAM0G,OAAO,GAAG1G,gBAAgB,CAACL,WAAW,CAAC;QAC7C,IAAI+G,OAAO,KAAK,SAAS,EAAE;UACzB/D,qBAAqB,CAAC,IAAI,CAAC;UAC3B;QACF;MACF;MAEA,IAAIhD,WAAW,KAAK,IAAI,EAAE;QACxB;QACA,IAAAgH,sBAAiB,EAACzF,QAAQ,CAAC;QAC3BZ,OAAO,CAACQ,OAAO,CAACnB,WAAW,CAAC,GAAGwB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEyF,SAAS,EAAE,CAACC,CAAC;MACtD;MAEApE,cAAc,CAAC,IAAI,CAAC;MACpBI,kBAAkB,CAACuD,KAAK,CAACG,MAAM,CAAC;MAChCpD,qBAAqB,CAACxD,WAAW,CAAC;MAClCsD,qBAAqB,CAACrD,OAAO,CAACkH,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C;IAEA,IAAItE,WAAW,EAAE;MACf,IAAIM,eAAc,GAAG,CAAC;MACtB,IAAIsD,KAAK,CAACW,MAAM,GAAG,CAAC,EAAE;QACpBjE,eAAc,GAAG,CAAC;MACpB,CAAC,MAAM,IAAIsD,KAAK,CAACW,MAAM,GAAG9F,MAAM,CAAEuF,UAAU,GAAG5D,eAAe,EAAE;QAC9DE,eAAc,GAAG7B,MAAM,CAAEuF,UAAU;MACrC,CAAC,MAAM;QACL1D,eAAc,GAAGsD,KAAK,CAACW,MAAM;MAC/B;MACAhE,iBAAiB,CAACD,eAAc,CAAC;IACnC;EACF,CAAC;EAED,IAAMkE,KAAK,GAAGzG,KAAK,CAACuE,WAAW,CAC7B,UAACsB,KAAiB,EAAW;IAC3B,IAAI5D,WAAW,EAAE;MAAA;MACf,IAAMyE,KAAK,GAAInE,cAAc,GAAGsD,KAAK,CAACc,QAAQ,GAAI,IAAI;MACtD,IAAIpE,cAAc,KAAK,CAAC,EAAE;QACxB5C,iBAAiB,EAAE;MACrB,CAAC,MAAM,IAAI4C,cAAc,oBAAK7B,MAAM,CAAEuF,UAAU,qDAAI,CAAC,CAAC,EAAE;QACtDX,kBAAkB,EAAE;MACtB,CAAC,MAAM,IAAIoB,KAAK,GAAG,GAAG,IAAIrE,eAAe,GAAGE,cAAc,GAAG7B,MAAM,CAAEuF,UAAU,GAAG,CAAC,EAAE;QACnFnD,kBAAkB,CAAChE,gBAAgB,CAAC6G,OAAO,CAAC;MAC9C,CAAC,MAAM;QACL7C,kBAAkB,CAAChE,gBAAgB,CAAC4G,IAAI,CAAC;MAC3C;IACF;IACA,IAAIvD,kBAAkB,EAAE;MACtBC,qBAAqB,CAAC,KAAK,CAAC;IAC9B;EACF,CAAC,EACD,CACEzC,iBAAiB,EACjB2F,kBAAkB,EAClB/C,cAAc,EACdF,eAAe,EACfJ,WAAW,EACXE,kBAAkB,EAClBzB,MAAM,CACP,CACF;EAED,IAAMkG,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAI/C,OAA2B,EAA0B;IACjF,IAAI,CAACgD,cAAS,IAAI,CAACnG,MAAM,EAAE;MACzB,OAAO,CAAC,CAAC;IACX;IAEA,IAAMoG,MAAM,GAAGjD,OAAO,KAAKlB,kBAAkB;IAC7C,IAAMoE,MAAM,GAAGlD,OAAO,KAAKpB,kBAAkB;IAE7C,IAAK,CAACqE,MAAM,IAAI,CAACC,MAAM,IAAKlE,eAAe,EAAE;MAC3C,OAAO,CAAC,CAAC;IACX;IAEA,IAAImE,kBAAkB,aAAMzE,cAAc,OAAI;IAC9C,IAAI0E,kBAAkB,aAAM,CAAC,EAAE,GAAI1E,cAAc,GAAG,GAAG,GAAI7B,MAAM,CAACuF,UAAU,GAAG,CAAC,MAAG;IACnF,IAAIiB,eAAe,GAAI,GAAG,IAAIxG,MAAM,CAACuF,UAAU,GAAG1D,cAAc,CAAC,GAAI7B,MAAM,CAACuF,UAAU;IAEtF,IAAIpD,eAAe,EAAE;MACnB,OAAOiE,MAAM,GAAG;QAAEK,SAAS,sCAA+BD,eAAe;MAAI,CAAC,GAAG,CAAC,CAAC;IACrF;IAEA,IAAIH,MAAM,EAAE;MACV,OAAO;QACLK,SAAS,wBAAiBH,kBAAkB,YAAS;QACrDI,eAAe,wBAAiBJ,kBAAkB;MACpD,CAAC;IACH;IACA,IAAIH,MAAM,EAAE;MACV,OAAO;QACLM,SAAS,wBAAiBJ,kBAAkB,YAAS;QACrDK,eAAe,wBAAiBL,kBAAkB,YAAS;QAC3DG,SAAS,sCAA+BD,eAAe;MACzD,CAAC;IACH;IAEA,OAAO,CAAC,CAAC;EACX,CAAC;EAEDlH,KAAK,CAACM,SAAS,CAAC,YAAM;IACpB;IACA,IACE2C,eAAe,IACfA,eAAe,KAAK9D,eAAe,IACnC,CAACgE,eAAe,IAChB,CAACC,gBAAgB,EACjB;MACA,IAAMkE,YAAY,GAAItH,KAAK,CAACyD,QAAQ,CAACC,OAAO,CAAC9D,QAAQ,CAAC,CACnD2H,GAAG,CAAC,UAAC3D,KAAK;QAAA,OAAK,IAAA1D,kBAAQ,EAAC0D,KAAK,CAACE,KAAK,EAAE9E,IAAI,CAAC;MAAA,EAAC,CAC3CwI,IAAI,CAAC,UAACrH,EAAE;QAAA,OAAKA,EAAE,KAAK8C,eAAe,IAAI9C,EAAE,KAAKhB,eAAe;MAAA,EAAC;MAEjE,IAAMqF,gBAAgB,GAAG8C,YAAY,KAAKnI,eAAe;MACzDY,OAAO,CAACQ,OAAO,CAAC0C,eAAe,CAAC,GAAGrC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEyF,SAAS,EAAE,CAACC,CAAC;MAExD,IAAItC,gBAAgB,EAAE;QACpBM,eAAe,CAACrB,eAAe,EAAEuB,gBAAgB,CAAC;MACpD,CAAC,MAAM;QACL,IAAA4B,sBAAiB,EAACzF,QAAQ,CAAC;QAE3Ba,gBAAgB,CAAC,CAACyB,eAAe,EAAE9D,eAAe,CAAC,CAAC;QACpD2C,YAAY,CAACmB,eAAe,CAAC;QAC7BjB,YAAY,CAAC7C,eAAe,CAAC;QAC7BsC,cAAc,CAAC,IAAI,CAAC;QACpBH,WAAW,CAAC,IAAI,CAAC;QACjBM,SAAS,CAAC4C,gBAAgB,CAAC;;QAE3B;QACA,IAAI,CAACiD,6BAAc,CAACC,SAAS,EAAE;UAC7BvC,sBAAsB,CAACwC,GAAG,EAAE;QAC9B;MACF;IACF;;IAEA;IACA,IAAI1E,eAAe,IAAIA,eAAe,KAAK9D,eAAe,IAAIgE,eAAe,EAAE;MAC7E,IAAMpB,UAAS,GAAG5C,eAAe;MACjC,IAAM0C,UAAS,GAAGoB,eAAe;MACjC,IAAIK,sBAAsB,EAAE;QAC1BvD,OAAO,CAACQ,OAAO,CAAC+C,sBAAsB,CAAC,GAAG,CAAC;MAC7C;MAEAV,qBAAqB,CAAC,IAAI,CAAC;MAC3BF,qBAAqB,CAAC,IAAI,CAAC;MAC3BR,cAAc,CAAC,KAAK,CAAC;MACrBY,kBAAkB,CAAC,IAAI,CAAC;MACxBR,kBAAkB,CAAC,CAAC,CAAC;MACrBE,iBAAiB,CAAC,CAAC,CAAC;MACpBf,cAAc,CAACM,UAAS,CAAC;MACzBP,gBAAgB,CAAC,CAACO,UAAS,CAAC,CAAC;MAE7B3B,eAAe,CAACG,OAAO,GAAG,YAAM;QAC9B,IAAIwB,UAAS,KAAK,IAAI,EAAE;UACtBnB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAE6D,QAAQ,CAAC,CAAC,EAAE1E,OAAO,CAACQ,OAAO,CAACwB,UAAS,CAAC,CAAC;QACjD;QACAwB,gBAAgB,IACdA,gBAAgB,CAAC;UACf5B,MAAM,EAAE,IAAI;UACZ+C,IAAI,EAAE7C,UAAS;UACf8C,EAAE,EAAE5C;QACN,CAAC,CAAC;MACN,CAAC;IACH;;IAEA;IACA,IAAI,CAACsB,mBAAmB,IAAIR,eAAe,EAAE;MAC3CqC,oBAAoB,CAClBb,SAAS,CAAC5B,kBAAkB,CAAC,EAC7B8C,+BAA+B,EAC/BrE,QAAQ,KAAKiD,kBAAQ,CAACkB,GAAG,GAAG,GAAG,GAAG,GAAG,CACtC;IACH;;IAEA;IACA,IAAIhC,mBAAmB,KAAKvE,gBAAgB,CAAC4G,IAAI,IAAI,CAAC7C,eAAe,IAAIzD,WAAW,KAAK,IAAI,EAAE;MAC7FwB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAE6D,QAAQ,CAAC,CAAC,EAAE1E,OAAO,CAACQ,OAAO,CAACnB,WAAW,CAAC,CAAC;IACnD;;IAEA;IACA,IAAI6D,eAAe,KAAK9D,eAAe,IAAI4D,YAAY,EAAE;MACvDC,eAAe,CAAC,KAAK,CAAC;MACtBhB,YAAY,CAAC,IAAI,CAAC;MAClBF,YAAY,CAAC,IAAI,CAAC;MAClBR,WAAW,CAAC,KAAK,CAAC;MAClBE,gBAAgB,CAAC,CAACrC,eAAe,CAAC,CAAC;MACnCsC,cAAc,CAACtC,eAAe,CAAC;IACjC;EACF,CAAC,EAAE,CACDA,eAAe,EACfC,WAAW,EACX+F,sBAAsB,EACtBpC,YAAY,EACZnD,QAAQ,EACRoE,gBAAgB,EAChBrD,QAAQ,EACR2D,eAAe,EACf7E,gBAAgB,EAChB+D,MAAM,EACNtC,QAAQ,EACR+B,eAAe,EACfG,gBAAgB,EAChBG,gBAAgB,EAChBD,sBAAsB,EACtBD,mBAAmB,EACnBF,eAAe,EACfvC,MAAM,EACN6B,kBAAkB,EAClBI,eAAe,EACfZ,WAAW,EACXsD,+BAA+B,EAC/BL,oBAAoB,CACrB,CAAC;EAEF,oBACE,oBAAC,YAAK;IACJ,SAAS,EAAC;EAAS,GACfpF,SAAS;IACb,SAAS,EAAE,IAAA8H,gBAAU,cAEnB1G,QAAQ,KAAKiD,kBAAQ,CAACkB,GAAG,mBAA0B,EACnD,CAACrB,gBAAgB,IAAI3C,QAAQ,wBAA4B,EACzD,CAAC2C,gBAAgB,IAAI/B,WAAW,4BAAgC,EAChE+B,gBAAgB,yBAA6B,EAC7CnE,SAAS,CACT;IACF,OAAO,EAAE+F,OAAQ;IACjB,KAAK,EAAEa;EAAM,iBAEb;IAAK,SAAS;EAAyB,GACpCjD,MAAM,CAAC+D,GAAG,CAAC,UAAC3D,KAAyB,EAAK;IAAA;IACzC,IAAMC,OAAO,GAAG,IAAA3D,kBAAQ,EAAC0D,KAAK,CAACE,KAAK,EAAE9E,IAAI,CAAC;IAC3C,IAAM8H,MAAM,GAAGjD,OAAO,KAAKhC,SAAS,IAAIgC,OAAO,KAAKlB,kBAAkB;IACtE,IAAMkF,kBAAkB,GAAGxG,QAAQ,IAAIwC,OAAO,MAAMlC,MAAM,GAAGE,SAAS,GAAGE,SAAS,CAAC;IACnF,IAAM+F,gBAAgB,GACpBhB,MAAM,IAAIjD,OAAO,KAAKpB,kBAAkB,IAAKoB,OAAO,KAAK9B,SAAS,IAAIJ,MAAO;IAE/E,oBACE;MACE,SAAS,EAAE,IAAAiG,gBAAU,qBAEnB/D,OAAO,KAAKzE,WAAW,6BAAoC,EAC3DyE,OAAO,KAAKhC,SAAS,2BAA+B,EACpDgC,OAAO,KAAK9B,SAAS,2BAA+B,EACpD8B,OAAO,KAAKlB,kBAAkB,sCAA6C,EAC3EkB,OAAO,KAAKpB,kBAAkB,sCAA6C,EAC3EI,eAAe,KAAK/D,gBAAgB,CAAC6G,OAAO,yCACE,EAC9C9C,eAAe,KAAK/D,gBAAgB,CAAC4G,IAAI,wCACI,CAC7C;MACF,cAAc,EAAEmC,kBAAkB,GAAGhD,oBAAoB,GAAGnD,SAAU;MACtE,GAAG,EAAE,aAACqG,EAAE;QAAA,OAAKlE,OAAO,KAAKnC,SAAS,KAAKlB,UAAU,CAACD,OAAO,CAACsD,OAAO,CAAC,GAAGkE,EAAE,CAAC;MAAA,CAAC;MACzE,KAAK,EAAEnB,oBAAoB,CAAC/C,OAAO,CAAE;MACrC,GAAG,EAAEA;IAAQ,gBAEb;MACE,SAAS,sBAA2B;MACpC,KAAK,EAAE;QACLmE,SAAS,EAAEF,gBAAgB,GAAG,2BAAE/H,OAAO,CAACQ,OAAO,CAACsD,OAAO,CAAC,yEAAI,CAAC,CAAC,GAAGnC;MACnE;IAAE,gBAEF,oBAAC,2CAAqB;MACpB,QAAQ,EAAEmC,OAAO,KAAK9B,SAAS,IAAI8B,OAAO,KAAKpB;IAAmB,GAEjEmB,KAAK,CACgB,CACpB,CACF;EAEV,CAAC,CAAC,CACE,CACA;AAEZ,CAAC;AAAC"}

package/dist/cjs/components/View/ViewInfinite.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import * as React from "react";
-import { HasPlatform } from "../../types";
-import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
-import { SplitColContextProps } from "../SplitCol/SplitCol";
-import { ScrollContextInterface } from "../AppRoot/ScrollContext";
-import { NavIdProps } from "../../lib/getNavId";
+import * as React from 'react';
+import { HasPlatform } from '../../types';
+import { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
+import { SplitColContextProps } from '../SplitCol/SplitCol';
+import { ScrollContextInterface } from '../AppRoot/ScrollContext';
+import { NavIdProps } from '../../lib/getNavId';
 declare enum SwipeBackResults {
     fail = 1,
     success = 2
@@ -26,7 +26,7 @@ export interface ViewInfiniteProps extends React.HTMLAttributes<HTMLElement>, Ha
     /**
      * callback начала анимации свайпа назад.
      */
-    onSwipeBackStart?(): void;
+    onSwipeBackStart?(activePanel: string | null): void | 'prevent';
     /**
      * callback завершения анимации отмененного пользователем свайпа
      */
@@ -54,7 +54,8 @@ export interface ViewInfiniteState {
     prevPanel: string | null;
     nextPanel: string | null;
     swipingBack: boolean;
-    swipebackStartX: number;
+    swipeBackPrevented: boolean;
+    swipeBackStartX: number;
     swipeBackShift: number;
     swipeBackNextPanel: string | null;
     swipeBackPrevPanel: string | null;

package/dist/cjs/components/View/ViewInfinite.js CHANGED Viewed

@@ -17,7 +17,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _supportEvents = require("../../lib/supportEvents");
 var _getPlatformClassName = require("../../helpers/getPlatformClassName");
 var _platform = require("../../lib/platform");
@@ -34,7 +34,7 @@ var _getNavId = require("../../lib/getNavId");
 var _warnOnce = require("../../lib/warnOnce");
 var _utils = require("./utils");
 var _excluded = ["popout", "modal", "platform", "activePanel", "splitCol", "configProvider", "history", "id", "nav", "onTransition", "onSwipeBack", "onSwipeBackStart", "onSwipeBackCancel", "window", "document", "scroll", "isBackCheck", "className"];
-var warn = (0, _warnOnce.warnOnce)("ViewInfinite");
+var warn = (0, _warnOnce.warnOnce)('ViewInfinite');
 var SwipeBackResults;
 (function (SwipeBackResults) {
   SwipeBackResults[SwipeBackResults["fail"] = 1] = "fail";
@@ -53,13 +53,13 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "animationFinishTimeout", undefined);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "panelNodes", {});
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "transitionEndHandler", function (e) {
-      if ((!e || ["vkui-animation-ios-next-forward", "vkui-animation-ios-prev-back", "vkui-animation-view-next-forward", "vkui-animation-view-prev-back"].includes(e.animationName)) && _this.state.prevPanel !== null) {
+      if ((!e || ['vkui-animation-ios-next-forward', 'vkui-animation-ios-prev-back', 'vkui-animation-view-next-forward', 'vkui-animation-view-prev-back'].includes(e.animationName)) && _this.state.prevPanel !== null) {
         _this.flushTransition(_this.state.prevPanel, Boolean(_this.state.isBack));
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "swipingBackTransitionEndHandler", function (e) {
       // indexOf because of vendor prefixes in old browsers
-      if (!e || e.propertyName.includes("transform") && e.target === _this.pickPanel(_this.state.swipeBackNextPanel)) {
+      if (!e || e.propertyName.includes('transform') && e.target === _this.pickPanel(_this.state.swipeBackNextPanel)) {
         switch (_this.state.swipeBackResult) {
           case SwipeBackResults.fail:
             _this.onSwipeBackCancel();
@@ -69,59 +69,68 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
         }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMoveX", function (e) {
-      if ((0, _utils.swipeBackExcluded)(e) || !_this.window) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMoveX", function (event) {
+      var _this$props$configPro;
+      if (!_this.window || _this.props.platform !== _platform.Platform.IOS || _this.state.swipeBackPrevented || (0, _utils.swipeBackExcluded)(event) || _this.shouldDisableTransitionMotion()) {
         return;
       }
-      var _this$props = _this.props,
-        platform = _this$props.platform,
-        configProvider = _this$props.configProvider;
-      if (platform === _platform.Platform.IOS && !(configProvider !== null && configProvider !== void 0 && configProvider.isWebView) && (e.startX <= 70 || e.startX >= _this.window.innerWidth - 70) && !_this.state.browserSwipe) {
-        _this.setState({
-          browserSwipe: true
-        });
-      }
-      if (platform === _platform.Platform.IOS && configProvider !== null && configProvider !== void 0 && configProvider.isWebView && _this.props.onSwipeBack) {
-        var _this$props$history$l, _this$props$history;
-        if (_this.state.animated && e.startX <= 70) {
-          return;
-        }
-        if (e.startX <= 70 && !_this.state.swipingBack && ((_this$props$history$l = (_this$props$history = _this.props.history) === null || _this$props$history === void 0 ? void 0 : _this$props$history.length) !== null && _this$props$history$l !== void 0 ? _this$props$history$l : 0) > 1) {
-          if (_this.state.activePanel !== null) {
-            var _this$props$scroll;
-            var prevScrolls = _this.scrolls[_this.state.activePanel] || [];
-            _this.scrolls = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, _this.scrolls), {}, (0, _defineProperty2.default)({}, _this.state.activePanel, [].concat((0, _toConsumableArray2.default)(prevScrolls), [(_this$props$scroll = _this.props.scroll) === null || _this$props$scroll === void 0 ? void 0 : _this$props$scroll.getScroll().y])));
-          }
+      if (!((_this$props$configPro = _this.props.configProvider) !== null && _this$props$configPro !== void 0 && _this$props$configPro.isWebView)) {
+        if ((event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA || event.startX >= _this.window.innerWidth - ViewInfiniteComponent.SWIPE_BACK_AREA) && !_this.state.browserSwipe) {
           _this.setState({
-            swipingBack: true,
-            swipebackStartX: e.startX,
-            swipeBackPrevPanel: _this.state.activePanel,
-            swipeBackNextPanel: _this.props.history.slice(-2)[0]
+            browserSwipe: true
           });
         }
-        if (_this.state.swipingBack) {
-          var swipeBackShift;
-          if (e.shiftX < 0) {
-            swipeBackShift = 0;
-          } else if (e.shiftX > _this.window.innerWidth - _this.state.swipebackStartX) {
-            swipeBackShift = _this.window.innerWidth;
-          } else {
-            swipeBackShift = e.shiftX;
+        return;
+      }
+      if (!_this.props.onSwipeBack || _this.state.animated && event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA) {
+        return;
+      }
+      if (!_this.state.swipingBack && event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA && _this.props.history && _this.props.history.length > 1) {
+        if (_this.props.onSwipeBackStart) {
+          var payload = _this.props.onSwipeBackStart(_this.state.activePanel);
+          if (payload === 'prevent') {
+            _this.setState({
+              swipeBackPrevented: true
+            });
+            return;
           }
-          _this.setState({
-            swipeBackShift: swipeBackShift
-          });
         }
+        if (_this.state.activePanel !== null) {
+          var _this$props$scroll;
+          // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.
+          _this.blurActiveElement();
+          var prevScrolls = _this.scrolls[_this.state.activePanel] || [];
+          _this.scrolls = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, _this.scrolls), {}, (0, _defineProperty2.default)({}, _this.state.activePanel, [].concat((0, _toConsumableArray2.default)(prevScrolls), [(_this$props$scroll = _this.props.scroll) === null || _this$props$scroll === void 0 ? void 0 : _this$props$scroll.getScroll().y])));
+        }
+        _this.setState({
+          swipingBack: true,
+          swipeBackStartX: event.startX,
+          swipeBackPrevPanel: _this.state.activePanel,
+          swipeBackNextPanel: _this.props.history.slice(-2)[0]
+        });
+      }
+      if (_this.state.swipingBack) {
+        var swipeBackShift;
+        if (event.shiftX < 0) {
+          swipeBackShift = 0;
+        } else if (event.shiftX > _this.window.innerWidth - _this.state.swipeBackStartX) {
+          swipeBackShift = _this.window.innerWidth;
+        } else {
+          swipeBackShift = event.shiftX;
+        }
+        _this.setState({
+          swipeBackShift: swipeBackShift
+        });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEnd", function (e) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEnd", function (event) {
       if (_this.state.swipingBack && _this.window) {
-        var speed = _this.state.swipeBackShift / e.duration * 1000;
+        var speed = _this.state.swipeBackShift / event.duration * 1000;
         if (_this.state.swipeBackShift === 0) {
           _this.onSwipeBackCancel();
         } else if (_this.state.swipeBackShift >= _this.window.innerWidth) {
           _this.onSwipeBackSuccess();
-        } else if (speed > 250 || _this.state.swipebackStartX + _this.state.swipeBackShift > _this.window.innerWidth / 2) {
+        } else if (speed > 250 || _this.state.swipeBackStartX + _this.state.swipeBackShift > _this.window.innerWidth / 2) {
           _this.setState({
             swipeBackResult: SwipeBackResults.success
           });
@@ -131,6 +140,11 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
           });
         }
       }
+      if (_this.state.swipeBackPrevented) {
+        _this.setState({
+          swipeBackPrevented: false
+        });
+      }
     });
     _this.state = {
       animated: false,
@@ -140,7 +154,8 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
       prevPanel: null,
       nextPanel: null,
       swipingBack: false,
-      swipebackStartX: 0,
+      swipeBackPrevented: false,
+      swipeBackStartX: 0,
       swipeBackShift: 0,
       swipeBackNextPanel: null,
       swipeBackPrevPanel: null,
@@ -245,7 +260,7 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
           swipeBackNextPanel: null,
           swipingBack: false,
           swipeBackResult: null,
-          swipebackStartX: 0,
+          swipeBackStartX: 0,
           swipeBackShift: 0,
           activePanel: nextPanel,
           visiblePanels: [nextPanel]
@@ -260,11 +275,6 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
         });
       }
-      // Начался свайп назад
-      if (!prevState.swipingBack && this.state.swipingBack) {
-        this.props.onSwipeBackStart && this.props.onSwipeBackStart();
-      }
       // Началась анимация завершения свайпа назад.
       if (!prevState.swipeBackResult && this.state.swipeBackResult) {
         this.waitTransitionFinish(this.pickPanel(this.state.swipeBackNextPanel), this.swipingBackTransitionEndHandler);
@@ -294,8 +304,8 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "shouldDisableTransitionMotion",
     value: function shouldDisableTransitionMotion() {
-      var _this$props$configPro, _this$props$splitCol;
-      return ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.transitionMotionEnabled) === false || !((_this$props$splitCol = this.props.splitCol) !== null && _this$props$splitCol !== void 0 && _this$props$splitCol.animate);
+      var _this$props$configPro2, _this$props$splitCol;
+      return ((_this$props$configPro2 = this.props.configProvider) === null || _this$props$configPro2 === void 0 ? void 0 : _this$props$configPro2.transitionMotionEnabled) === false || !((_this$props$splitCol = this.props.splitCol) !== null && _this$props$splitCol !== void 0 && _this$props$splitCol.animate) || this.props.platform === _platform.Platform.VKCOM;
     }
   }, {
     key: "waitTransitionFinish",
@@ -314,7 +324,7 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
     key: "blurActiveElement",
     value: function blurActiveElement() {
       var _this$document;
-      if (typeof this.window !== "undefined" && (_this$document = this.document) !== null && _this$document !== void 0 && _this$document.activeElement) {
+      if (typeof this.window !== 'undefined' && (_this$document = this.document) !== null && _this$document !== void 0 && _this$document.activeElement) {
         this.document.activeElement.blur();
       }
     }
@@ -369,7 +379,7 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
         swipeBackNextPanel: null,
         swipingBack: false,
         swipeBackResult: null,
-        swipebackStartX: 0,
+        swipeBackStartX: 0,
         swipeBackShift: 0
       });
     }
@@ -411,26 +421,26 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this4 = this;
-      var _this$props2 = this.props,
-        popout = _this$props2.popout,
-        modal = _this$props2.modal,
-        platform = _this$props2.platform,
-        _1 = _this$props2.activePanel,
-        splitCol = _this$props2.splitCol,
-        configProvider = _this$props2.configProvider,
-        history = _this$props2.history,
-        id = _this$props2.id,
-        nav = _this$props2.nav,
-        onTransition = _this$props2.onTransition,
-        onSwipeBack = _this$props2.onSwipeBack,
-        onSwipeBackStart = _this$props2.onSwipeBackStart,
-        onSwipeBackCancel = _this$props2.onSwipeBackCancel,
-        window = _this$props2.window,
-        document = _this$props2.document,
-        scroll = _this$props2.scroll,
-        isBackCheck = _this$props2.isBackCheck,
-        className = _this$props2.className,
-        restProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
+      var _this$props = this.props,
+        popout = _this$props.popout,
+        modal = _this$props.modal,
+        platform = _this$props.platform,
+        _1 = _this$props.activePanel,
+        splitCol = _this$props.splitCol,
+        configProvider = _this$props.configProvider,
+        history = _this$props.history,
+        id = _this$props.id,
+        nav = _this$props.nav,
+        onTransition = _this$props.onTransition,
+        onSwipeBack = _this$props.onSwipeBack,
+        onSwipeBackStart = _this$props.onSwipeBackStart,
+        onSwipeBackCancel = _this$props.onSwipeBackCancel,
+        window = _this$props.window,
+        document = _this$props.document,
+        scroll = _this$props.scroll,
+        isBackCheck = _this$props.isBackCheck,
+        className = _this$props.className,
+        restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       var _this$state = this.state,
         prevPanel = _this$state.prevPanel,
         nextPanel = _this$state.nextPanel,
@@ -462,7 +472,7 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(_Touch.Touch, (0, _extends2.default)({
         Component: "section"
       }, restProps, {
-        className: (0, _classNames.classNamesString)("vkuiView", (0, _getPlatformClassName.getPlatformClassName)("vkuiView", platform), !disableAnimation && this.state.animated && "vkuiView--animated", !disableAnimation && this.state.swipingBack && "vkuiView--swiping-back", disableAnimation && "vkuiView--no-motion", className),
+        className: (0, _vkjs.classNames)("vkuiView", (0, _getPlatformClassName.getPlatformClassName)("vkuiView", platform), !disableAnimation && this.state.animated && "vkuiView--animated", !disableAnimation && this.state.swipingBack && "vkuiView--swiping-back", disableAnimation && "vkuiView--no-motion", className),
         onMoveX: this.onMoveX,
         onEnd: this.onEnd
       }), /*#__PURE__*/React.createElement("div", {
@@ -475,7 +485,7 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
         var scrollList = panelId && _this4.scrolls[panelId] || [];
         var scroll = scrollList[scrollList.length - 1] || 0;
         return /*#__PURE__*/React.createElement("div", {
-          className: (0, _classNames.classNamesString)("vkuiView__panel", panelId === activePanel && "vkuiView__panel--active", panelId === prevPanel && "vkuiView__panel--prev", panelId === nextPanel && "vkuiView__panel--next", panelId === swipeBackPrevPanel && "vkuiView__panel--swipe-back-prev", panelId === swipeBackNextPanel && "vkuiView__panel--swipe-back-next", swipeBackResult === SwipeBackResults.success && "vkuiView__panel--swipe-back-success", swipeBackResult === SwipeBackResults.fail && "vkuiView__panel--swipe-back-failed"),
+          className: (0, _vkjs.classNames)("vkuiView__panel", panelId === activePanel && "vkuiView__panel--active", panelId === prevPanel && "vkuiView__panel--prev", panelId === nextPanel && "vkuiView__panel--next", panelId === swipeBackPrevPanel && "vkuiView__panel--swipe-back-prev", panelId === swipeBackNextPanel && "vkuiView__panel--swipe-back-next", swipeBackResult === SwipeBackResults.success && "vkuiView__panel--swipe-back-success", swipeBackResult === SwipeBackResults.fail && "vkuiView__panel--swipe-back-failed"),
           onAnimationEnd: isTransitionTarget ? _this4.transitionEndHandler : undefined,
           ref: function ref(el) {
             return panelId !== undefined && (_this4.panelNodes[panelId] = el);
@@ -499,9 +509,10 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
   }]);
   return ViewInfiniteComponent;
 }(React.Component);
+(0, _defineProperty2.default)(ViewInfiniteComponent, "SWIPE_BACK_AREA", 70);
 (0, _defineProperty2.default)(ViewInfiniteComponent, "defaultProps", {
   history: []
 });
-var ViewInfinite = (0, _withContext.withContext)((0, _withContext.withContext)((0, _withContext.withContext)((0, _withPlatform.withPlatform)((0, _dom.withDOM)(ViewInfiniteComponent)), _SplitCol.SplitColContext, "splitCol"), _ConfigProviderContext.ConfigProviderContext, "configProvider"), _ScrollContext.ScrollContext, "scroll");
+var ViewInfinite = (0, _withContext.withContext)((0, _withContext.withContext)((0, _withContext.withContext)((0, _withPlatform.withPlatform)((0, _dom.withDOM)(ViewInfiniteComponent)), _SplitCol.SplitColContext, 'splitCol'), _ConfigProviderContext.ConfigProviderContext, 'configProvider'), _ScrollContext.ScrollContext, 'scroll');
 exports.ViewInfinite = ViewInfinite;
 //# sourceMappingURL=ViewInfinite.js.map