npm - @vkontakte/vkui - Versions diffs - 6.1.1 → 6.2.0 - Mend

@vkontakte/vkui 6.1.1 → 6.2.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 (2039) hide show

package/dist/cssm/components/View/View.js CHANGED Viewed

@@ -3,11 +3,8 @@ import * as React from 'react';
 import { classNames, noop } from '@vkontakte/vkjs';
 import { usePlatform } from '../../hooks/usePlatform';
 import { usePrevious } from '../../hooks/usePrevious';
-import { useTimeout } from '../../hooks/useTimeout';
-import { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';
 import { blurActiveElement, canUseDOM, useDOM } from '../../lib/dom';
 import { getNavId } from '../../lib/getNavId';
-import { animationEvent } from '../../lib/supportEvents';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { warnOnce } from '../../lib/warnOnce';
 import { useScroll } from '../AppRoot/ScrollContext';
@@ -70,12 +67,6 @@ const warn = warnOnce('View');
     });
     const disableAnimation = !configProvider.transitionMotionEnabled || !splitCol.animate || platform === 'vkcom';
     const iOSSwipeBackSimulationEnabled = !disableAnimation && platform === 'ios' && configProvider.isWebView && Boolean(onSwipeBack);
-    const pickPanel = (id)=>{
-        if (id === null) {
-            return null;
-        }
-        return panelNodes.current[id];
-    };
     const flushTransition = React.useCallback((prevPanel, isBackTransition)=>{
         if (isBackTransition) {
             scrolls.current[prevPanel] = 0;
@@ -107,13 +98,8 @@ const warn = warnOnce('View');
     }, [
         afterTransition.current
     ]);
-    const transitionEndHandler = React.useCallback((e)=>{
-        if ((!e || [
-            styles['animation-ios-next-forward'],
-            styles['animation-ios-prev-back'],
-            styles['animation-view-next-forward'],
-            styles['animation-view-prev-back']
-        ].includes(e.animationName)) && prevPanel !== null) {
+    const onAnimationEnd = React.useCallback(()=>{
+        if (prevPanel !== null) {
             flushTransition(prevPanel, Boolean(isBack));
         }
     }, [
@@ -121,8 +107,6 @@ const warn = warnOnce('View');
         isBack,
         prevPanel
     ]);
-    const { waitTransitionFinish } = useWaitTransitionFinish();
-    const animationFinishTimeout = useTimeout(transitionEndHandler, platform === 'ios' ? 600 : 300);
     const onSwipeBackSuccess = React.useCallback(()=>{
         onSwipeBack && onSwipeBack();
     }, [
@@ -139,21 +123,17 @@ const warn = warnOnce('View');
     }, [
         onSwipeBackCancelProp
     ]);
-    const swipingBackTransitionEndHandler = React.useCallback((e)=>{
-        // indexOf because of vendor prefixes in old browsers
-        if (!e || e?.propertyName.includes('transform') && e?.target === pickPanel(swipeBackNextPanel)) {
-            switch(swipeBackResult){
-                case 'fail':
-                    onSwipeBackCancel();
-                    break;
-                case 'success':
-                    onSwipeBackSuccess();
-            }
+    const swipingBackTransitionEndHandler = React.useCallback(()=>{
+        switch(swipeBackResult){
+            case 'fail':
+                onSwipeBackCancel();
+                break;
+            case 'success':
+                onSwipeBackSuccess();
         }
     }, [
         onSwipeBackCancel,
         onSwipeBackSuccess,
-        swipeBackNextPanel,
         swipeBackResult
     ]);
     const handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext = (event)=>{
@@ -268,6 +248,11 @@ const warn = warnOnce('View');
             opacity: opacityOnSwipeEnd === null ? calculatedOpacity : opacityOnSwipeEnd
         };
     };
+    const onTransitionEnd = (event)=>{
+        if (event.propertyName.includes('transform')) {
+            swipingBackTransitionEndHandler();
+        }
+    };
     React.useEffect(()=>{
         // Нужен переход
         if (prevActivePanel && prevActivePanel !== activePanelProp && !prevSwipingBack && !prevBrowserSwipe) {
@@ -287,10 +272,6 @@ const warn = warnOnce('View');
                 setActivePanel(null);
                 setAnimated(true);
                 setIsBack(isBackTransition);
-                // Фолбек анимации перехода
-                if (!animationEvent.supported) {
-                    animationFinishTimeout.set();
-                }
             }
         }
         // Закончилась анимация свайпа назад
@@ -323,9 +304,7 @@ const warn = warnOnce('View');
             };
         }
         // Началась анимация завершения свайпа назад.
-        if (!prevSwipeBackResult && swipeBackResult) {
-            waitTransitionFinish(pickPanel(swipeBackNextPanel), swipingBackTransitionEndHandler, platform === 'ios' ? 600 : 300);
-        }
+        // см. `onTransitionEnd()`
         // Закончился Safari свайп
         if (prevActivePanel !== activePanelProp && browserSwipe) {
             setBrowserSwipe(false);
@@ -340,13 +319,11 @@ const warn = warnOnce('View');
     }, [
         activePanelProp,
         activePanel,
-        animationFinishTimeout,
         browserSwipe,
         children,
         disableAnimation,
         document,
         flushTransition,
-        platform,
         prevActivePanel,
         prevBrowserSwipe,
         prevOnTransition,
@@ -355,9 +332,7 @@ const warn = warnOnce('View');
         prevSwipingBack,
         scroll,
         swipeBackNextPanel,
-        swipeBackResult,
-        swipingBackTransitionEndHandler,
-        waitTransitionFinish
+        swipeBackResult
     ]);
     React.useEffect(function restoreScrollPositionWhenSwipeBackIsCancelled() {
         // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)
@@ -387,12 +362,26 @@ const warn = warnOnce('View');
                 className: styles['View__panels'],
                 children: panels.map((panel)=>{
                     const panelId = getNavId(panel.props, warn);
-                    const isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;
-                    const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);
-                    const compensateScroll = isPrev || panelId === swipeBackNextPanel || panelId === nextPanel && isBack;
+                    const isPanelActive = panelId === activePanel;
+                    const isPanelPrev = panelId === prevPanel;
+                    const isPanelNext = panelId === nextPanel;
+                    const isAnimatedTarget = animated && (isBack ? isPanelPrev : isPanelNext);
+                    const isSwipeBackPrev = panelId === swipeBackPrevPanel;
+                    const isSwipeBackNext = panelId === swipeBackNextPanel;
+                    const isSwipeBackTarget = !prevSwipeBackResult && swipeBackResult && isSwipeBackNext;
+                    let scrollCompensateStyle = undefined;
+                    if (isPanelPrev || isPanelNext && isBack || isSwipeBackPrev || isSwipeBackNext) {
+                        const marginTop = scrolls.current[panelId];
+                        if (marginTop !== undefined) {
+                            scrollCompensateStyle = {
+                                marginTop: -1 * marginTop
+                            };
+                        }
+                    }
                     return /*#__PURE__*/ _jsxs("div", {
-                        className: classNames(styles['View__panel'], panelId === activePanel && styles['View__panel--active'], panelId === prevPanel && styles['View__panel--prev'], panelId === nextPanel && styles['View__panel--next'], panelId === swipeBackPrevPanel && styles['View__panel--swipe-back-prev'], panelId === swipeBackNextPanel && styles['View__panel--swipe-back-next'], swipeBackResult === 'success' && styles['View__panel--swipe-back-success'], swipeBackResult === 'fail' && styles['View__panel--swipe-back-failed']),
-                        onAnimationEnd: isTransitionTarget ? transitionEndHandler : undefined,
+                        className: classNames(styles['View__panel'], isPanelActive && styles['View__panel--active'], isPanelPrev && styles['View__panel--prev'], isPanelNext && styles['View__panel--next'], isSwipeBackPrev && styles['View__panel--swipe-back-prev'], isSwipeBackNext && styles['View__panel--swipe-back-next'], swipeBackResult === 'success' && styles['View__panel--swipe-back-success'], swipeBackResult === 'fail' && styles['View__panel--swipe-back-failed']),
+                        onTransitionEnd: isSwipeBackTarget ? onTransitionEnd : undefined,
+                        onAnimationEnd: isAnimatedTarget ? onAnimationEnd : undefined,
                         ref: (el)=>panelId !== undefined && (panelNodes.current[panelId] = el),
                         style: calcPanelSwipeStyles(panelId),
                         children: [
@@ -402,9 +391,7 @@ const warn = warnOnce('View');
                             }),
                             /*#__PURE__*/ _jsx("div", {
                                 className: styles['View__panel-in'],
-                                style: {
-                                    marginTop: compensateScroll ? -(scrolls.current[panelId] ?? 0) : undefined
-                                },
+                                style: scrollCompensateStyle,
                                 children: /*#__PURE__*/ _jsx(NavTransitionDirectionProvider, {
                                     isBack: swipingBack || isBack,
                                     children: /*#__PURE__*/ _jsx(NavTransitionProvider, {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/View/View.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { blurActiveElement, canUseDOM, useDOM } from '../../lib/dom';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { animationEvent } from '../../lib/supportEvents';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { useScroll } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { NavViewIdContext } from '../NavIdContext/NavIdContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { useSplitCol } from '../SplitCol/SplitColContext';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport {\n getSwipeBackPredicates,\n hasHorizontalScrollableElementWithScrolledToLeft,\n swipeBackExcluded,\n} from './utils';\nimport styles from './View.module.css';\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 HTMLAttributesWithRootRef<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 children: React.ReactElement \| Iterable<React.ReactElement>;\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 id = getNavId({ nav, id: restProps.id });\n const scrolls = React.useRef(scrollsCache[id as string] \|\| {});\n const afterTransition = React.useRef(noop);\n\n React.useEffect(() => () => {\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 swipeBackPrevented = React.useRef<boolean>(false);\n const [swipingBack, setSwipingBack] = React.useState<boolean \| undefined>(undefined);\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<'success' \| 'fail' \| 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 prevSwipeBackShift = usePrevious(swipeBackShift);\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 \|\| !splitCol.animate \|\| platform === 'vkcom';\n const iOSSwipeBackSimulationEnabled =\n !disableAnimation && platform === 'ios' && configProvider.isWebView && Boolean(onSwipeBack);\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(isBackTransition);\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 styles['animation-ios-next-forward'],\n styles['animation-ios-prev-back'],\n styles['animation-view-next-forward'],\n styles['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(transitionEndHandler, platform === 'ios' ? 600 : 300);\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 'fail':\n onSwipeBackCancel();\n break;\n case 'success':\n onSwipeBackSuccess();\n }\n }\n },\n [onSwipeBackCancel, onSwipeBackSuccess, swipeBackNextPanel, swipeBackResult],\n );\n\n const handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext = (event: TouchEvent) => {\n if (browserSwipe) {\n return;\n }\n const { swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched } =\n getSwipeBackPredicates(event.startX, event.shiftX, window!.innerWidth);\n\n if ((viewportStartEdgeTouched \|\| viewportEndEdgeTouched) && swipeBackTriggered) {\n setBrowserSwipe(true);\n }\n };\n\n const handleTouchMoveXForIOSSwipeBackSimulation = (event: TouchEvent) => {\n if (swipeBackPrevented.current \|\| swipeBackExcluded(event)) {\n return;\n }\n\n const { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched } =\n getSwipeBackPredicates(event.startX, event.shiftX, window!.innerWidth);\n\n if (animated && swipeBackTriggered) {\n return;\n }\n\n if (!swipingBack && history && history.length > 1) {\n if (swipedToOpposite) {\n swipeBackPrevented.current = true;\n return;\n }\n\n if (!swipeBackTriggered) {\n return;\n }\n\n if (\n !viewportStartEdgeTouched &&\n hasHorizontalScrollableElementWithScrolledToLeft(event.originalEvent.target as HTMLElement)\n ) {\n swipeBackPrevented.current = true;\n return;\n }\n // Начался свайп назад\n if (onSwipeBackStart) {\n const payload = onSwipeBackStart(activePanel);\n if (payload === 'prevent') {\n swipeBackPrevented.current = 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 if (event.shiftX < 0) {\n setSwipeBackShift(0);\n } else if (event.shiftX > window!.innerWidth - swipeBackStartX) {\n setSwipeBackShift(window!.innerWidth);\n } else {\n setSwipeBackShift(event.shiftX);\n }\n }\n };\n\n const handleTouchEndForIOSSwipeBackSimulation = (event: TouchEvent) => {\n swipeBackPrevented.current = false;\n\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 \|\| swipeBackShift >= window!.innerWidth / 2) {\n setSwipeBackResult('success');\n } else {\n setSwipeBackResult('fail');\n }\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\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 };\n }\n\n return {};\n };\n\n const calcPanelSwipeBackOverlayStyles = (panelId?: string): React.CSSProperties => {\n if (!canUseDOM \|\| !window) {\n return {};\n }\n\n const isNext = panelId === swipeBackNextPanel;\n if (!isNext) {\n return {};\n }\n\n const calculatedOpacity = 1 - swipeBackShift / window.innerWidth;\n const opacityOnSwipeEnd =\n swipeBackResult === 'success' ? 0 : swipeBackResult === 'fail' ? 1 : null;\n\n return {\n display: 'block',\n opacity: opacityOnSwipeEnd === null ? calculatedOpacity : opacityOnSwipeEnd,\n };\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 setIsBack(true);\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 === 'ios' ? 600 : 300,\n );\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 platform,\n prevActivePanel,\n prevBrowserSwipe,\n prevOnTransition,\n prevSwipeBackPrevPanel,\n prevSwipeBackResult,\n prevSwipingBack,\n scroll,\n swipeBackNextPanel,\n swipeBackResult,\n swipingBackTransitionEndHandler,\n waitTransitionFinish,\n ]);\n\n React.useEffect(\n function restoreScrollPositionWhenSwipeBackIsCancelled() {\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n const swipeBackCancelledInTheMiddleOfAction =\n prevSwipeBackResult === 'fail' && !swipeBackResult;\n const swipeBackCancelledByMovingPanelBackToInitialPoint =\n prevSwipingBack && !swipingBack && prevSwipeBackShift === 0;\n\n if (\n (swipeBackCancelledInTheMiddleOfAction \|\|\n swipeBackCancelledByMovingPanelBackToInitialPoint) &&\n activePanel !== null\n ) {\n scroll?.scrollTo(0, scrolls.current[activePanel]);\n }\n },\n [\n prevSwipeBackResult,\n swipeBackResult,\n prevSwipingBack,\n swipingBack,\n prevSwipeBackShift,\n activePanel,\n scroll,\n ],\n );\n\n return (\n <NavViewIdContext.Provider value={id}>\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNames(\n styles['View'],\n platform === 'ios' && classNames(styles['View--ios'], 'vkuiInternalView--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={\n iOSSwipeBackSimulationEnabled\n ? handleTouchMoveXForIOSSwipeBackSimulation\n : platform === 'ios'\n ? handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext\n : undefined\n }\n onEnd={iOSSwipeBackSimulationEnabled ? handleTouchEndForIOSSwipeBackSimulation : undefined}\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 && styles['View__panel--active'],\n panelId === prevPanel && styles['View__panel--prev'],\n panelId === nextPanel && styles['View__panel--next'],\n panelId === swipeBackPrevPanel && styles['View__panel--swipe-back-prev'],\n panelId === swipeBackNextPanel && styles['View__panel--swipe-back-next'],\n swipeBackResult === 'success' && styles['View__panel--swipe-back-success'],\n swipeBackResult === 'fail' && styles['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 {platform === 'ios' && (\n <div\n className={styles['View__panel-overlay']}\n style={calcPanelSwipeBackOverlayStyles(panelId)}\n />\n )}\n <div\n className={styles['View__panel-in']}\n style={{\n marginTop: compensateScroll ? -(scrolls.current[panelId] ?? 0) : undefined,\n }}\n >\n <NavTransitionDirectionProvider isBack={swipingBack \|\| isBack}>\n <NavTransitionProvider\n entering={panelId === nextPanel \|\| panelId === swipeBackNextPanel}\n >\n {panel}\n </NavTransitionProvider>\n </NavTransitionDirectionProvider>\n </div>\n </div>\n );\n })}\n </div>\n </Touch>\n </NavViewIdContext.Provider>\n );\n};\n"],"names":["React","classNames","noop","usePlatform","usePrevious","useTimeout","useWaitTransitionFinish","blurActiveElement","canUseDOM","useDOM","getNavId","animationEvent","useIsomorphicLayoutEffect","warnOnce","useScroll","useConfigProvider","NavViewIdContext","NavTransitionProvider","NavTransitionDirectionProvider","useSplitCol","Touch","getSwipeBackPredicates","hasHorizontalScrollableElementWithScrolledToLeft","swipeBackExcluded","styles","scrollsCache","warn","View","activePanel","activePanelProp","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancel","onSwipeBackCancelProp","children","className","restProps","id","scrolls","useRef","afterTransition","useEffect","current","panelNodes","window","document","scroll","configProvider","splitCol","platform","animated","setAnimated","useState","visiblePanels","setVisiblePanels","setActivePanel","isBack","setIsBack","undefined","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipeBackPrevented","swipingBack","setSwipingBack","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackShift","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","iOSSwipeBackSimulationEnabled","isWebView","Boolean","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","transitionEndHandler","e","animationName","waitTransitionFinish","animationFinishTimeout","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext","event","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched","startX","shiftX","innerWidth","handleTouchMoveXForIOSSwipeBackSimulation","swipedToOpposite","length","originalEvent","payload","getScroll","y","slice","handleTouchEndForIOSSwipeBackSimulation","speed","duration","calcPanelSwipeStyles","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","transform","WebkitTransform","calcPanelSwipeBackOverlayStyles","calculatedOpacity","opacityOnSwipeEnd","display","opacity","firstLayerId","map","find","supported","set","restoreScrollPositionWhenSwipeBackIsCancelled","swipeBackCancelledInTheMiddleOfAction","swipeBackCancelledByMovingPanelBackToInitialPoint","Provider","value","Component","onMoveX","onEnd","div","isTransitionTarget","compensateScroll","onAnimationEnd","ref","el","style","marginTop","entering"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,kBAAkB;AACnD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,uBAAuB,QAAQ,sCAAsC;AAC9E,SAASC,iBAAiB,EAAEC,SAAS,EAAEC,MAAM,QAAQ,gBAAgB;AACrE,SAASC,QAAQ,QAAoB,qBAAqB;AAC1D,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,yBAAyB,QAAQ,sCAAsC;AAChF,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,iBAAiB,QAAQ,0CAA0C;AAC5E,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,qBAAqB,QAAQ,+CAA+C;AACrF,SAASC,8BAA8B,QAAQ,iEAAiE;AAChH,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,KAAK,QAAoB,iBAAiB;AACnD,SACEC,sBAAsB,EACtBC,gDAAgD,EAChDC,iBAAiB,QACZ,UAAU;AACjB,OAAOC,YAAY,oBAAoB;AAUvC,OAAO,IAAIC,eAA6B,CAAC,EAAE;AAwB3C,MAAMC,OAAOb,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMc,OAAO,CAAC,EACnBC,aAAaC,eAAe,EAC5BC,OAAO,EACPC,GAAG,EACHC,YAAY,EACZC,WAAW,EACXC,gBAAgB,EAChBC,mBAAmBC,qBAAqB,EACxCC,QAAQ,EACRC,SAAS,EACT,GAAGC,WACO;IACV,MAAMC,KAAK9B,SAAS;QAAEqB;QAAKS,IAAID,UAAUC,EAAE;IAAC;IAC5C,MAAMC,UAAUzC,MAAM0C,MAAM,CAACjB,YAAY,CAACe,GAAa,IAAI,CAAC;IAC5D,MAAMG,kBAAkB3C,MAAM0C,MAAM,CAACxC;IAErCF,MAAM4C,SAAS,CAAC,IAAM;YACpB,IAAIJ,IAAI;gBACNf,YAAY,CAACe,GAAG,GAAGC,QAAQI,OAAO;YACpC;QACF;IAEA,MAAMC,aAAa9C,MAAM0C,MAAM,CAA0C,CAAC;IAE1E,MAAM,EAAEK,MAAM,EAAEC,QAAQ,EAAE,GAAGvC;IAC7B,MAAMwC,SAASnC;IACf,MAAMoC,iBAAiBnC;IACvB,MAAMoC,WAAWhC;IACjB,MAAMiC,WAAWjD;IAEjB,MAAM,CAACkD,UAAUC,YAAY,GAAGtD,MAAMuD,QAAQ,CAAC;IAE/C,MAAM,CAACC,eAAeC,iBAAiB,GAAGzD,MAAMuD,QAAQ,CAAC;QAAC1B;KAAgB;IAC1E,MAAM,CAACD,aAAa8B,eAAe,GAAG1D,MAAMuD,QAAQ,CAAgB1B;IACpE,MAAM,CAAC8B,QAAQC,UAAU,GAAG5D,MAAMuD,QAAQ,CAAsBM;IAChE,MAAM,CAACC,WAAWC,aAAa,GAAG/D,MAAMuD,QAAQ,CAAgB;IAChE,MAAM,CAACS,WAAWC,aAAa,GAAGjE,MAAMuD,QAAQ,CAAgB;IAEhE,MAAMW,qBAAqBlE,MAAM0C,MAAM,CAAU;IACjD,MAAM,CAACyB,aAAaC,eAAe,GAAGpE,MAAMuD,QAAQ,CAAsBM;IAC1E,MAAM,CAACQ,iBAAiBC,mBAAmB,GAAGtE,MAAMuD,QAAQ,CAAS;IACrE,MAAM,CAACgB,gBAAgBC,kBAAkB,GAAGxE,MAAMuD,QAAQ,CAAS;IACnE,MAAM,CAACkB,oBAAoBC,sBAAsB,GAAG1E,MAAMuD,QAAQ,CAAgB;IAClF,MAAM,CAACoB,oBAAoBC,sBAAsB,GAAG5E,MAAMuD,QAAQ,CAAgB;IAClF,MAAM,CAACsB,iBAAiBC,mBAAmB,GAAG9E,MAAMuD,QAAQ,CAA4B;IAExF,MAAM,CAACwB,cAAcC,gBAAgB,GAAGhF,MAAMuD,QAAQ,CAAC;IAEvD,MAAM0B,kBAAkB7E,YAAYyB;IACpC,MAAMqD,kBAAkB9E,YAAY+D;IACpC,MAAMgB,mBAAmB/E,YAAY2E;IACrC,MAAMK,sBAAsBhF,YAAYyE;IACxC,MAAMQ,qBAAqBjF,YAAYmE;IACvC,MAAMe,yBAAyBlF,YAAYuE;IAC3C,MAAMY,mBAAmBnF,YAAY4B;IAErC,MAAMwD,SAAS,AAACxF,MAAMyF,QAAQ,CAACC,OAAO,CAACrD,UAAmCsD,MAAM,CAC9E,CAACC;QACC,MAAMC,UAAUnF,SAASkF,MAAME,KAAK,EAAEpE;QAEtC,OACE,AAACmE,YAAYhC,aAAaL,cAAcuC,QAAQ,CAACF,YACjDA,YAAYlB,sBACZkB,YAAYpB;IAEhB;IAGF,MAAMuB,mBACJ,CAAC9C,eAAe+C,uBAAuB,IAAI,CAAC9C,SAAS+C,OAAO,IAAI9C,aAAa;IAC/E,MAAM+C,gCACJ,CAACH,oBAAoB5C,aAAa,SAASF,eAAekD,SAAS,IAAIC,QAAQpE;IAEjF,MAAMqE,YAAY,CAAC9D;QACjB,IAAIA,OAAO,MAAM;YACf,OAAO;QACT;QACA,OAAOM,WAAWD,OAAO,CAACL,GAAG;IAC/B;IAEA,MAAM+D,kBAAkBvG,MAAMwG,WAAW,CACvC,CAAC1C,WAAmB2C;QAClB,IAAIA,kBAAkB;YACpBhE,QAAQI,OAAO,CAACiB,UAAU,GAAG;QAC/B;QACAC,aAAa;QACbE,aAAa;QACbR,iBAAiB;YAAC5B;SAAgB;QAClC6B,eAAe7B;QACfyB,YAAY;QACZM,UAAU6C;QAEV9D,gBAAgBE,OAAO,GAAG;YACxBI,QAAQyD,SAAS,GAAGD,mBAAmBhE,QAAQI,OAAO,CAAChB,gBAAgB,GAAG;YAC1EG,gBACEA,aAAa;gBACX2B,QAAQ8C;gBACRE,MAAM7C;gBACN8C,IAAI/E;YACN;QACJ;IACF,GACA;QAACA;QAAiBG;QAAciB;KAAO;IAGzCrC,0BAA0B;QACxB+B,gBAAgBE,OAAO;QACvBF,gBAAgBE,OAAO,GAAG3C;IAC5B,GAAG;QAACyC,gBAAgBE,OAAO;KAAC;IAE5B,MAAMgE,uBAAuB7G,MAAMwG,WAAW,CAC5C,CAACM;QACC,IACE,AAAC,CAAA,CAACA,KACA;YACEtF,MAAM,CAAC,6BAA6B;YACpCA,MAAM,CAAC,0BAA0B;YACjCA,MAAM,CAAC,8BAA8B;YACrCA,MAAM,CAAC,2BAA2B;SACnC,CAACuE,QAAQ,CAACe,EAAEC,aAAa,CAAA,KAC5BjD,cAAc,MACd;YACAyC,gBAAgBzC,WAAWuC,QAAQ1C;QACrC;IACF,GACA;QAAC4C;QAAiB5C;QAAQG;KAAU;IAGtC,MAAM,EAAEkD,oBAAoB,EAAE,GAAG1G;IACjC,MAAM2G,yBAAyB5G,WAAWwG,sBAAsBzD,aAAa,QAAQ,MAAM;IAE3F,MAAM8D,qBAAqBlH,MAAMwG,WAAW,CAAC;QAC3CvE,eAAeA;IACjB,GAAG;QAACA;KAAY;IAEhB,MAAME,oBAAoBnC,MAAMwG,WAAW,CAAC;QAC1CpE,yBAAyBA;QACzBwC,sBAAsB;QACtBF,sBAAsB;QACtBN,eAAe;QACfU,mBAAmB;QACnBR,mBAAmB;QACnBE,kBAAkB;IACpB,GAAG;QAACpC;KAAsB;IAE1B,MAAM+E,kCAAkCnH,MAAMwG,WAAW,CACvD,CAACM;QACC,qDAAqD;QACrD,IACE,CAACA,KACAA,GAAGM,aAAarB,SAAS,gBAAgBe,GAAGO,WAAWf,UAAU7B,qBAClE;YACA,OAAQI;gBACN,KAAK;oBACH1C;oBACA;gBACF,KAAK;oBACH+E;YACJ;QACF;IACF,GACA;QAAC/E;QAAmB+E;QAAoBzC;QAAoBI;KAAgB;IAG9E,MAAMyC,mDAAmD,CAACC;QACxD,IAAIxC,cAAc;YAChB;QACF;QACA,MAAM,EAAEyC,kBAAkB,EAAEC,wBAAwB,EAAEC,sBAAsB,EAAE,GAC5ErG,uBAAuBkG,MAAMI,MAAM,EAAEJ,MAAMK,MAAM,EAAE7E,OAAQ8E,UAAU;QAEvE,IAAI,AAACJ,CAAAA,4BAA4BC,sBAAqB,KAAMF,oBAAoB;YAC9ExC,gBAAgB;QAClB;IACF;IAEA,MAAM8C,4CAA4C,CAACP;QACjD,IAAIrD,mBAAmBrB,OAAO,IAAItB,kBAAkBgG,QAAQ;YAC1D;QACF;QAEA,MAAM,EAAEQ,gBAAgB,EAAEP,kBAAkB,EAAEC,wBAAwB,EAAE,GACtEpG,uBAAuBkG,MAAMI,MAAM,EAAEJ,MAAMK,MAAM,EAAE7E,OAAQ8E,UAAU;QAEvE,IAAIxE,YAAYmE,oBAAoB;YAClC;QACF;QAEA,IAAI,CAACrD,eAAerC,WAAWA,QAAQkG,MAAM,GAAG,GAAG;YACjD,IAAID,kBAAkB;gBACpB7D,mBAAmBrB,OAAO,GAAG;gBAC7B;YACF;YAEA,IAAI,CAAC2E,oBAAoB;gBACvB;YACF;YAEA,IACE,CAACC,4BACDnG,iDAAiDiG,MAAMU,aAAa,CAACZ,MAAM,GAC3E;gBACAnD,mBAAmBrB,OAAO,GAAG;gBAC7B;YACF;YACA,sBAAsB;YACtB,IAAIX,kBAAkB;gBACpB,MAAMgG,UAAUhG,iBAAiBN;gBACjC,IAAIsG,YAAY,WAAW;oBACzBhE,mBAAmBrB,OAAO,GAAG;oBAC7B;gBACF;YACF;YAEA,IAAIjB,gBAAgB,MAAM;gBACxB,+EAA+E;gBAC/ErB,kBAAkByC;gBAClBP,QAAQI,OAAO,CAACjB,YAAY,GAAGqB,QAAQkF,YAAYC;YACrD;YAEAhE,eAAe;YACfE,mBAAmBiD,MAAMI,MAAM;YAC/B/C,sBAAsBhD;YACtB8C,sBAAsB5C,QAAQuG,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE;QAC5C;QAEA,IAAIlE,aAAa;YACf,IAAIoD,MAAMK,MAAM,GAAG,GAAG;gBACpBpD,kBAAkB;YACpB,OAAO,IAAI+C,MAAMK,MAAM,GAAG7E,OAAQ8E,UAAU,GAAGxD,iBAAiB;gBAC9DG,kBAAkBzB,OAAQ8E,UAAU;YACtC,OAAO;gBACLrD,kBAAkB+C,MAAMK,MAAM;YAChC;QACF;IACF;IAEA,MAAMU,0CAA0C,CAACf;QAC/CrD,mBAAmBrB,OAAO,GAAG;QAE7B,IAAIsB,aAAa;YACf,MAAMoE,QAAQ,AAAChE,iBAAiBgD,MAAMiB,QAAQ,GAAI;YAClD,IAAIjE,mBAAmB,GAAG;gBACxBpC;YACF,OAAO,IAAIoC,kBAAmBxB,CAAAA,OAAQ8E,UAAU,IAAI,CAAA,GAAI;gBACtDX;YACF,OAAO,IAAIqB,QAAQ,OAAOhE,kBAAkBxB,OAAQ8E,UAAU,GAAG,GAAG;gBAClE/C,mBAAmB;YACrB,OAAO;gBACLA,mBAAmB;YACrB;QACF;IACF;IAEA,MAAM2D,uBAAuB,CAAC5C;QAC5B,IAAI,CAACrF,aAAa,CAACuC,QAAQ;YACzB,OAAO,CAAC;QACV;QAEA,MAAM2F,SAAS7C,YAAYlB;QAC3B,MAAMgE,SAAS9C,YAAYpB;QAE3B,IAAI,AAAC,CAACiE,UAAU,CAACC,UAAW9D,iBAAiB;YAC3C,OAAO,CAAC;QACV;QAEA,IAAI+D,qBAAqB,CAAC,EAAErE,eAAe,EAAE,CAAC;QAC9C,IAAIsE,qBAAqB,CAAC,EAAE,CAAC,KAAK,AAACtE,iBAAiB,MAAOxB,OAAO8E,UAAU,GAAG,EAAE,CAAC,CAAC;QAEnF,IAAIc,QAAQ;YACV,OAAO;gBACLG,WAAW,CAAC,YAAY,EAAED,mBAAmB,OAAO,CAAC;gBACrDE,iBAAiB,CAAC,YAAY,EAAEF,mBAAmB,OAAO,CAAC;YAC7D;QACF;QACA,IAAIH,QAAQ;YACV,OAAO;gBACLI,WAAW,CAAC,YAAY,EAAEF,mBAAmB,OAAO,CAAC;gBACrDG,iBAAiB,CAAC,YAAY,EAAEH,mBAAmB,OAAO,CAAC;YAC7D;QACF;QAEA,OAAO,CAAC;IACV;IAEA,MAAMI,kCAAkC,CAACnD;QACvC,IAAI,CAACrF,aAAa,CAACuC,QAAQ;YACzB,OAAO,CAAC;QACV;QAEA,MAAM4F,SAAS9C,YAAYpB;QAC3B,IAAI,CAACkE,QAAQ;YACX,OAAO,CAAC;QACV;QAEA,MAAMM,oBAAoB,IAAI1E,iBAAiBxB,OAAO8E,UAAU;QAChE,MAAMqB,oBACJrE,oBAAoB,YAAY,IAAIA,oBAAoB,SAAS,IAAI;QAEvE,OAAO;YACLsE,SAAS;YACTC,SAASF,sBAAsB,OAAOD,oBAAoBC;QAC5D;IACF;IAEAlJ,MAAM4C,SAAS,CAAC;QACd,gBAAgB;QAChB,IACEqC,mBACAA,oBAAoBpD,mBACpB,CAACqD,mBACD,CAACC,kBACD;YACA,MAAMkE,eAAe,AAACrJ,MAAMyF,QAAQ,CAACC,OAAO,CAACrD,UAC1CiH,GAAG,CAAC,CAAC1D,QAAUlF,SAASkF,MAAME,KAAK,EAAEpE,OACrC6H,IAAI,CAAC,CAAC/G,KAAOA,OAAOyC,mBAAmBzC,OAAOX;YAEjD,MAAM4E,mBAAmB4C,iBAAiBxH;YAC1CY,QAAQI,OAAO,CAACoC,gBAAgB,GAAGhC,QAAQkF,YAAYC;YAEvD,IAAIpC,kBAAkB;gBACpBO,gBAAgBtB,iBAAiBwB;YACnC,OAAO;gBACLlG,kBAAkByC;gBAElBS,iBAAiB;oBAACwB;oBAAiBpD;iBAAgB;gBACnDkC,aAAakB;gBACbhB,aAAapC;gBACb6B,eAAe;gBACfJ,YAAY;gBACZM,UAAU6C;gBAEV,2BAA2B;gBAC3B,IAAI,CAAC9F,eAAe6I,SAAS,EAAE;oBAC7BvC,uBAAuBwC,GAAG;gBAC5B;YACF;QACF;QAEA,oCAAoC;QACpC,IAAIxE,mBAAmBA,oBAAoBpD,mBAAmBqD,iBAAiB;YAC7E,MAAMlB,YAAYnC;YAClB,MAAMiC,YAAYmB;YAClB,IAAIK,wBAAwB;gBAC1B7C,QAAQI,OAAO,CAACyC,uBAAuB,GAAG;YAC5C;YAEAV,sBAAsB;YACtBF,sBAAsB;YACtBN,eAAe;YACfU,mBAAmB;YACnBR,mBAAmB;YACnBE,kBAAkB;YAClBd,eAAeM;YACfP,iBAAiB;gBAACO;aAAU;YAC5BJ,UAAU;YAEVjB,gBAAgBE,OAAO,GAAG;gBACxB,IAAImB,cAAc,MAAM;oBACtBf,QAAQyD,SAAS,GAAGjE,QAAQI,OAAO,CAACmB,UAAU;gBAChD;gBACAuB,oBACEA,iBAAiB;oBACf5B,QAAQ;oBACRgD,MAAM7C;oBACN8C,IAAI5C;gBACN;YACJ;QACF;QAEA,6CAA6C;QAC7C,IAAI,CAACoB,uBAAuBP,iBAAiB;YAC3CmC,qBACEV,UAAU7B,qBACV0C,iCACA/D,aAAa,QAAQ,MAAM;QAE/B;QAEA,0BAA0B;QAC1B,IAAI6B,oBAAoBpD,mBAAmBkD,cAAc;YACvDC,gBAAgB;YAChBf,aAAa;YACbF,aAAa;YACbT,YAAY;YACZG,iBAAiB;gBAAC5B;aAAgB;YAClC6B,eAAe7B;QACjB;IACF,GAAG;QACDA;QACAD;QACAqF;QACAlC;QACA1C;QACA2D;QACAhD;QACAuD;QACAnD;QACA6B;QACAE;QACAI;QACAD;QACAF;QACAF;QACAjC;QACAwB;QACAI;QACAsC;QACAH;KACD;IAEDhH,MAAM4C,SAAS,CACb,SAAS8G;QACP,+EAA+E;QAC/E,MAAMC,wCACJvE,wBAAwB,UAAU,CAACP;QACrC,MAAM+E,oDACJ1E,mBAAmB,CAACf,eAAekB,uBAAuB;QAE5D,IACE,AAACsE,CAAAA,yCACCC,iDAAgD,KAClDhI,gBAAgB,MAChB;YACAqB,QAAQyD,SAAS,GAAGjE,QAAQI,OAAO,CAACjB,YAAY;QAClD;IACF,GACA;QACEwD;QACAP;QACAK;QACAf;QACAkB;QACAzD;QACAqB;KACD;IAGH,qBACE,KAACjC,iBAAiB6I,QAAQ;QAACC,OAAOtH;kBAChC,cAAA,KAACpB;YACC2I,WAAU;YACT,GAAGxH,SAAS;YACbD,WAAWrC,WACTuB,MAAM,CAAC,OAAO,EACd4B,aAAa,SAASnD,WAAWuB,MAAM,CAAC,YAAY,EAAE,0BACtD,CAACwE,oBAAoB3C,YAAY7B,MAAM,CAAC,iBAAiB,EACzD,CAACwE,oBAAoB7B,eAAe3C,MAAM,CAAC,qBAAqB,EAChEwE,oBAAoBxE,MAAM,CAAC,kBAAkB,EAC7Cc;YAEF0H,SACE7D,gCACI2B,4CACA1E,aAAa,QACbkE,mDACAzD;YAENoG,OAAO9D,gCAAgCmC,0CAA0CzE;sBAEjF,cAAA,KAACqG;gBAAI5H,WAAWd,MAAM,CAAC,eAAe;0BACnCgE,OAAO8D,GAAG,CAAC,CAAC1D;oBACX,MAAMC,UAAUnF,SAASkF,MAAME,KAAK,EAAEpE;oBACtC,MAAMgH,SAAS7C,YAAY/B,aAAa+B,YAAYlB;oBACpD,MAAMwF,qBAAqB9G,YAAYwC,YAAalC,CAAAA,SAASG,YAAYE,SAAQ;oBACjF,MAAMoG,mBACJ1B,UAAU7C,YAAYpB,sBAAuBoB,YAAY7B,aAAaL;oBAExE,qBACE,MAACuG;wBACC5H,WAAWrC,WACTuB,MAAM,CAAC,cAAc,EACrBqE,YAAYjE,eAAeJ,MAAM,CAAC,sBAAsB,EACxDqE,YAAY/B,aAAatC,MAAM,CAAC,oBAAoB,EACpDqE,YAAY7B,aAAaxC,MAAM,CAAC,oBAAoB,EACpDqE,YAAYlB,sBAAsBnD,MAAM,CAAC,+BAA+B,EACxEqE,YAAYpB,sBAAsBjD,MAAM,CAAC,+BAA+B,EACxEqD,oBAAoB,aAAarD,MAAM,CAAC,kCAAkC,EAC1EqD,oBAAoB,UAAUrD,MAAM,CAAC,iCAAiC;wBAExE6I,gBAAgBF,qBAAqBtD,uBAAuBhD;wBAC5DyG,KAAK,CAACC,KAAO1E,YAAYhC,aAAcf,CAAAA,WAAWD,OAAO,CAACgD,QAAQ,GAAG0E,EAAC;wBACtEC,OAAO/B,qBAAqB5C;;4BAG3BzC,aAAa,uBACZ,KAAC8G;gCACC5H,WAAWd,MAAM,CAAC,sBAAsB;gCACxCgJ,OAAOxB,gCAAgCnD;;0CAG3C,KAACqE;gCACC5H,WAAWd,MAAM,CAAC,iBAAiB;gCACnCgJ,OAAO;oCACLC,WAAWL,mBAAmB,CAAE3H,CAAAA,QAAQI,OAAO,CAACgD,QAAQ,IAAI,CAAA,IAAKhC;gCACnE;0CAEA,cAAA,KAAC3C;oCAA+ByC,QAAQQ,eAAeR;8CACrD,cAAA,KAAC1C;wCACCyJ,UAAU7E,YAAY7B,aAAa6B,YAAYpB;kDAE9CmB;;;;;uBAlBFC;gBAwBX;;;;AAKV,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/View/View.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { blurActiveElement, canUseDOM, useDOM } from '../../lib/dom';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { useScroll } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { NavViewIdContext } from '../NavIdContext/NavIdContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { useSplitCol } from '../SplitCol/SplitColContext';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport {\n getSwipeBackPredicates,\n hasHorizontalScrollableElementWithScrolledToLeft,\n swipeBackExcluded,\n} from './utils';\nimport styles from './View.module.css';\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 HTMLAttributesWithRootRef<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 children: React.ReactElement \| Iterable<React.ReactElement>;\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 id = getNavId({ nav, id: restProps.id });\n const scrolls = React.useRef(scrollsCache[id as string] \|\| {});\n const afterTransition = React.useRef(noop);\n\n React.useEffect(() => () => {\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 swipeBackPrevented = React.useRef<boolean>(false);\n const [swipingBack, setSwipingBack] = React.useState<boolean \| undefined>(undefined);\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<'success' \| 'fail' \| 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 prevSwipeBackShift = usePrevious(swipeBackShift);\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 \|\| !splitCol.animate \|\| platform === 'vkcom';\n const iOSSwipeBackSimulationEnabled =\n !disableAnimation && platform === 'ios' && configProvider.isWebView && Boolean(onSwipeBack);\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(isBackTransition);\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 onAnimationEnd = React.useCallback(() => {\n if (prevPanel !== null) {\n flushTransition(prevPanel, Boolean(isBack));\n }\n }, [flushTransition, isBack, prevPanel]);\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 switch (swipeBackResult) {\n case 'fail':\n onSwipeBackCancel();\n break;\n case 'success':\n onSwipeBackSuccess();\n }\n }, [onSwipeBackCancel, onSwipeBackSuccess, swipeBackResult]);\n\n const handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext = (event: TouchEvent) => {\n if (browserSwipe) {\n return;\n }\n const { swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched } =\n getSwipeBackPredicates(event.startX, event.shiftX, window!.innerWidth);\n\n if ((viewportStartEdgeTouched \|\| viewportEndEdgeTouched) && swipeBackTriggered) {\n setBrowserSwipe(true);\n }\n };\n\n const handleTouchMoveXForIOSSwipeBackSimulation = (event: TouchEvent) => {\n if (swipeBackPrevented.current \|\| swipeBackExcluded(event)) {\n return;\n }\n\n const { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched } =\n getSwipeBackPredicates(event.startX, event.shiftX, window!.innerWidth);\n\n if (animated && swipeBackTriggered) {\n return;\n }\n\n if (!swipingBack && history && history.length > 1) {\n if (swipedToOpposite) {\n swipeBackPrevented.current = true;\n return;\n }\n\n if (!swipeBackTriggered) {\n return;\n }\n\n if (\n !viewportStartEdgeTouched &&\n hasHorizontalScrollableElementWithScrolledToLeft(event.originalEvent.target as HTMLElement)\n ) {\n swipeBackPrevented.current = true;\n return;\n }\n // Начался свайп назад\n if (onSwipeBackStart) {\n const payload = onSwipeBackStart(activePanel);\n if (payload === 'prevent') {\n swipeBackPrevented.current = 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 if (event.shiftX < 0) {\n setSwipeBackShift(0);\n } else if (event.shiftX > window!.innerWidth - swipeBackStartX) {\n setSwipeBackShift(window!.innerWidth);\n } else {\n setSwipeBackShift(event.shiftX);\n }\n }\n };\n\n const handleTouchEndForIOSSwipeBackSimulation = (event: TouchEvent) => {\n swipeBackPrevented.current = false;\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 \|\| swipeBackShift >= window!.innerWidth / 2) {\n setSwipeBackResult('success');\n } else {\n setSwipeBackResult('fail');\n }\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\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 };\n }\n\n return {};\n };\n\n const calcPanelSwipeBackOverlayStyles = (panelId?: string): React.CSSProperties => {\n if (!canUseDOM \|\| !window) {\n return {};\n }\n\n const isNext = panelId === swipeBackNextPanel;\n if (!isNext) {\n return {};\n }\n\n const calculatedOpacity = 1 - swipeBackShift / window.innerWidth;\n const opacityOnSwipeEnd =\n swipeBackResult === 'success' ? 0 : swipeBackResult === 'fail' ? 1 : null;\n\n return {\n display: 'block',\n opacity: opacityOnSwipeEnd === null ? calculatedOpacity : opacityOnSwipeEnd,\n };\n };\n\n const onTransitionEnd = (event: React.TransitionEvent<HTMLDivElement>) => {\n if (event.propertyName.includes('transform')) {\n swipingBackTransitionEndHandler();\n }\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\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 setIsBack(true);\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 // см. `onTransitionEnd()`\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 browserSwipe,\n children,\n disableAnimation,\n document,\n flushTransition,\n prevActivePanel,\n prevBrowserSwipe,\n prevOnTransition,\n prevSwipeBackPrevPanel,\n prevSwipeBackResult,\n prevSwipingBack,\n scroll,\n swipeBackNextPanel,\n swipeBackResult,\n ]);\n\n React.useEffect(\n function restoreScrollPositionWhenSwipeBackIsCancelled() {\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n const swipeBackCancelledInTheMiddleOfAction =\n prevSwipeBackResult === 'fail' && !swipeBackResult;\n const swipeBackCancelledByMovingPanelBackToInitialPoint =\n prevSwipingBack && !swipingBack && prevSwipeBackShift === 0;\n\n if (\n (swipeBackCancelledInTheMiddleOfAction \|\|\n swipeBackCancelledByMovingPanelBackToInitialPoint) &&\n activePanel !== null\n ) {\n scroll?.scrollTo(0, scrolls.current[activePanel]);\n }\n },\n [\n prevSwipeBackResult,\n swipeBackResult,\n prevSwipingBack,\n swipingBack,\n prevSwipeBackShift,\n activePanel,\n scroll,\n ],\n );\n\n return (\n <NavViewIdContext.Provider value={id}>\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNames(\n styles['View'],\n platform === 'ios' && classNames(styles['View--ios'], 'vkuiInternalView--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={\n iOSSwipeBackSimulationEnabled\n ? handleTouchMoveXForIOSSwipeBackSimulation\n : platform === 'ios'\n ? handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext\n : undefined\n }\n onEnd={iOSSwipeBackSimulationEnabled ? handleTouchEndForIOSSwipeBackSimulation : undefined}\n >\n <div className={styles['View__panels']}>\n {panels.map((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n\n const isPanelActive = panelId === activePanel;\n const isPanelPrev = panelId === prevPanel;\n const isPanelNext = panelId === nextPanel;\n const isAnimatedTarget = animated && (isBack ? isPanelPrev : isPanelNext);\n\n const isSwipeBackPrev = panelId === swipeBackPrevPanel;\n const isSwipeBackNext = panelId === swipeBackNextPanel;\n const isSwipeBackTarget = !prevSwipeBackResult && swipeBackResult && isSwipeBackNext;\n\n let scrollCompensateStyle: React.CSSProperties \| undefined = undefined;\n\n if (isPanelPrev \|\| (isPanelNext && isBack) \|\| isSwipeBackPrev \|\| isSwipeBackNext) {\n const marginTop = scrolls.current[panelId];\n if (marginTop !== undefined) {\n scrollCompensateStyle = { marginTop: -1 * marginTop };\n }\n }\n\n return (\n <div\n className={classNames(\n styles['View__panel'],\n\n isPanelActive && styles['View__panel--active'],\n isPanelPrev && styles['View__panel--prev'],\n isPanelNext && styles['View__panel--next'],\n\n isSwipeBackPrev && styles['View__panel--swipe-back-prev'],\n isSwipeBackNext && styles['View__panel--swipe-back-next'],\n swipeBackResult === 'success' && styles['View__panel--swipe-back-success'],\n swipeBackResult === 'fail' && styles['View__panel--swipe-back-failed'],\n )}\n onTransitionEnd={isSwipeBackTarget ? onTransitionEnd : undefined}\n onAnimationEnd={isAnimatedTarget ? onAnimationEnd : undefined}\n ref={(el) => panelId !== undefined && (panelNodes.current[panelId] = el)}\n style={calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n {platform === 'ios' && (\n <div\n className={styles['View__panel-overlay']}\n style={calcPanelSwipeBackOverlayStyles(panelId)}\n />\n )}\n <div className={styles['View__panel-in']} style={scrollCompensateStyle}>\n <NavTransitionDirectionProvider isBack={swipingBack \|\| isBack}>\n <NavTransitionProvider\n entering={panelId === nextPanel \|\| panelId === swipeBackNextPanel}\n >\n {panel}\n </NavTransitionProvider>\n </NavTransitionDirectionProvider>\n </div>\n </div>\n );\n })}\n </div>\n </Touch>\n </NavViewIdContext.Provider>\n );\n};\n"],"names":["React","classNames","noop","usePlatform","usePrevious","blurActiveElement","canUseDOM","useDOM","getNavId","useIsomorphicLayoutEffect","warnOnce","useScroll","useConfigProvider","NavViewIdContext","NavTransitionProvider","NavTransitionDirectionProvider","useSplitCol","Touch","getSwipeBackPredicates","hasHorizontalScrollableElementWithScrolledToLeft","swipeBackExcluded","styles","scrollsCache","warn","View","activePanel","activePanelProp","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancel","onSwipeBackCancelProp","children","className","restProps","id","scrolls","useRef","afterTransition","useEffect","current","panelNodes","window","document","scroll","configProvider","splitCol","platform","animated","setAnimated","useState","visiblePanels","setVisiblePanels","setActivePanel","isBack","setIsBack","undefined","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipeBackPrevented","swipingBack","setSwipingBack","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackShift","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","iOSSwipeBackSimulationEnabled","isWebView","Boolean","flushTransition","useCallback","isBackTransition","scrollTo","from","to","onAnimationEnd","onSwipeBackSuccess","swipingBackTransitionEndHandler","handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext","event","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched","startX","shiftX","innerWidth","handleTouchMoveXForIOSSwipeBackSimulation","swipedToOpposite","length","originalEvent","target","payload","getScroll","y","slice","handleTouchEndForIOSSwipeBackSimulation","speed","duration","calcPanelSwipeStyles","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","transform","WebkitTransform","calcPanelSwipeBackOverlayStyles","calculatedOpacity","opacityOnSwipeEnd","display","opacity","onTransitionEnd","propertyName","firstLayerId","map","find","restoreScrollPositionWhenSwipeBackIsCancelled","swipeBackCancelledInTheMiddleOfAction","swipeBackCancelledByMovingPanelBackToInitialPoint","Provider","value","Component","onMoveX","onEnd","div","isPanelActive","isPanelPrev","isPanelNext","isAnimatedTarget","isSwipeBackPrev","isSwipeBackNext","isSwipeBackTarget","scrollCompensateStyle","marginTop","ref","el","style","entering"],"mappings":"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"}

package/dist/cssm/components/View/View.module.css CHANGED Viewed

@@ -1,20 +1,66 @@
 .View {
+  --vkui_internal--view_animation_translateY_initial: 80px;
   position: relative;
   block-size: 100%;
   inline-size: 100%;
   word-wrap: break-word;
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .View {
+    --vkui_internal--view_animation_translateY_initial: 0;
+  }
+}
 .View--animated,
 .View--swiping-back {
   overflow: hidden;
 }
-.View--animated .View__panel,
-.View--animated .View__header,
-.View--swiping-back .View__panel,
-.View--swiping-back .View__header {
+.View__panel-overlay {
+  display: none;
+  position: absolute;
+  inline-size: 100%;
+  block-size: 100%;
+  inset-inline-start: 0;
+  inset-block-start: 0;
+  background-color: #000;
   pointer-events: none;
+  z-index: var(--vkui_internal--z_index_panel_header_fade);
+}
+.View__panel--prev .View__panel-overlay {
+  display: block;
+  animation: animation-ios-overlay-fade-in 0.6s var(--vkui--animation_easing_platform);
+}
+.View__panel--next .View__panel-overlay {
+  display: block;
+  animation: animation-ios-overlay-fade-out 0.6s var(--vkui--animation_easing_platform) forwards;
+}
+.View__panel--active .View__panel-overlay,
+.View__panel--prev ~ .View__panel--next .View__panel-overlay,
+.View__panel--next ~ .View__panel--prev .View__panel-overlay {
+  display: none;
+}
+.View__panel--swipe-back-next .View__panel-overlay {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.View__panel--swipe-back-next.View__panel--swipe-back-success .View__panel-overlay,
+.View__panel--swipe-back-next.View__panel--swipe-back-failed .View__panel-overlay {
+  transition: opacity 0.3s var(--vkui--animation_easing_platform);
+}
+@media screen and (prefers-reduced-motion: reduce) {
+  .View__panel--prev .View__panel-overlay,
+  .View__panel--next .View__panel-overlay {
+    display: none;
+    animation: none;
+  }
 }
 .View__panels {
@@ -22,6 +68,10 @@
   inline-size: 100%;
 }
+.View__panel-in {
+  block-size: 100%;
+}
 .View__panel {
   position: relative;
   inline-size: 100%;
@@ -30,8 +80,11 @@
   isolation: isolate;
 }
-.View__panel-in {
-  block-size: 100%;
+.View--animated .View__panel,
+.View--animated .View__header,
+.View--swiping-back .View__panel,
+.View--swiping-back .View__header {
+  pointer-events: none;
 }
 .View--animated .View__panel,
@@ -42,51 +95,30 @@
   overflow: hidden;
 }
-.View__panel-overlay {
-  display: none;
-  position: absolute;
-  inline-size: 100%;
-  block-size: 100%;
-  inset-inline-start: 0;
-  inset-block-start: 0;
-  background-color: #000;
-  pointer-events: none;
-  z-index: var(--vkui_internal--z_index_panel_header_fade);
-}
 /**
  * Panel swipe back
  */
-.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-success {
+.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-success,
+.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-failed,
+.View--ios .View__panel--swipe-back-next.View__panel--swipe-back-success,
+.View--ios .View__panel--swipe-back-next.View__panel--swipe-back-failed {
   transition: transform 0.3s var(--vkui--animation_easing_platform);
-  transform: translate3d(100%, 0, 0);
 }
+.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-failed,
 .View--ios .View__panel--swipe-back-next.View__panel--swipe-back-success {
-  transition: transform 0.3s var(--vkui--animation_easing_platform);
   transform: translate3d(0, 0, 0);
 }
-.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-failed {
-  transition: transform 0.3s var(--vkui--animation_easing_platform);
-  transform: translate3d(0, 0, 0);
+.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-success {
+  transform: translate3d(100%, 0, 0);
 }
 .View--ios .View__panel--swipe-back-next.View__panel--swipe-back-failed {
-  transition: transform 0.3s var(--vkui--animation_easing_platform);
   transform: translate3d(-50%, 0, 0);
 }
-.View--ios .View__panel--swipe-back-next .View__panel-overlay {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.View--ios .View__panel--swipe-back-next.View__panel--swipe-back-success .View__panel-overlay,
-.View--ios .View__panel--swipe-back-next.View__panel--swipe-back-failed .View__panel-overlay {
-  transition: opacity 0.3s var(--vkui--animation_easing_platform);
-}
 /**
  * Panel transition
  */
@@ -99,34 +131,6 @@
   animation: animation-view-next-forward 0.3s var(--vkui--animation_easing_platform);
 }
-.View--no-motion .View__panel {
-  animation: none;
-}
-@keyframes animation-view-prev-back {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(80px);
-  }
-}
-@keyframes animation-view-next-forward {
-  from {
-    opacity: 0;
-    transform: translateY(80px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
 .View--ios .View__panel--prev {
   animation: animation-ios-prev-forward 0.6s var(--vkui--animation_easing_platform);
 }
@@ -143,37 +147,55 @@
   animation: animation-ios-prev-back 0.6s var(--vkui--animation_easing_platform) forwards;
 }
-.View--ios .View__panel--prev .View__panel-overlay,
-.View--ios .View__panel--next .View__panel-overlay {
-  display: block;
-}
-.View--ios .View__panel--prev .View__panel-overlay {
-  animation: animation-ios-fade-in 0.6s var(--vkui--animation_easing_platform);
-}
+@media screen and (prefers-reduced-motion: reduce) {
+  .View--ios .View__panel--prev,
+  .View--ios .View__panel--next {
+    animation: none;
+  }
-.View--ios .View__panel--next .View__panel-overlay {
-  animation: animation-ios-fade-out 0.6s var(--vkui--animation_easing_platform) forwards;
-}
+  .View--ios .View__panel--next ~ .View__panel--prev {
+    animation-name: animation-view-prev-back;
+    animation-duration: 0.3s;
+    animation-fill-mode: forwards;
+  }
-.View--ios .View__panel--prev ~ .View__panel--next .View__panel-overlay,
-.View--ios .View__panel--next ~ .View__panel--prev .View__panel-overlay {
-  display: none;
+  .View--ios .View__panel--prev ~ .View__panel--next {
+    animation-name: animation-view-next-forward;
+    animation-duration: 0.3s;
+    animation-fill-mode: none;
+  }
 }
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+.View--no-motion .View__panel,
 .View--ios.View--no-motion .View__panel,
 .View--ios.View--no-motion .View__panel :global(.vkuiInternalPanel__in) {
   animation: none;
 }
-/**
- * Active panel
- */
+@keyframes animation-view-prev-back {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
-.View--ios .View__panel--active .View__panel-overlay {
-  display: none;
+  to {
+    opacity: 0;
+    transform: translateY(var(--vkui_internal--view_animation_translateY_initial));
+  }
+}
+@keyframes animation-view-next-forward {
+  from {
+    opacity: 0;
+    transform: translateY(var(--vkui_internal--view_animation_translateY_initial));
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 @keyframes animation-ios-next-forward {
@@ -216,7 +238,7 @@
   }
 }
-@keyframes animation-ios-fade-in {
+@keyframes animation-ios-overlay-fade-in {
   from {
     opacity: 0;
   }
@@ -226,7 +248,7 @@
   }
 }
-@keyframes animation-ios-fade-out {
+@keyframes animation-ios-overlay-fade-out {
   from {
     opacity: 0.3;
   }

package/dist/cssm/components/View/ViewInfinite.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewInfinite.d.ts","sourceRoot":"","sources":["../../../../src/components/View/ViewInfinite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;~~AAG1D~~,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAiB,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,yCAAyC,CAAC;AAIjD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAWpF,UAAU,OAAO;IACf,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAC5C;AAED,UAAU,YAAY;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAID,eAAO,IAAI,YAAY,EAAE,YAAiB,CAAC;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAE1E,MAAM,WAAW,iBACf,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAC5C,WAAW,EACX,UAAU;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAC;IACpD;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC;;OAEG;IACH,cAAc,CAAC,EAAE,8BAA8B,CAAC;IAChD;;OAEG;IACH,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAElB,aAAa,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;IAE3C,YAAY,EAAE,OAAO,CAAC;CACvB;~~AAilBD~~,eAAO,MAAM,YAAY,+CAYxB,CAAC"}
1	+ {"version":3,"file":"ViewInfinite.d.ts","sourceRoot":"","sources":["../../../../src/components/View/ViewInfinite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAiB,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,yCAAyC,CAAC;AAIjD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAWpF,UAAU,OAAO;IACf,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAC5C;AAED,UAAU,YAAY;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAID,eAAO,IAAI,YAAY,EAAE,YAAiB,CAAC;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAE1E,MAAM,WAAW,iBACf,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAC5C,WAAW,EACX,UAAU;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAC;IACpD;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC;;OAEG;IACH,cAAc,CAAC,EAAE,8BAA8B,CAAC;IAChD;;OAEG;IACH,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAElB,aAAa,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;IAE3C,YAAY,EAAE,OAAO,CAAC;CACvB;AAmkBD,eAAO,MAAM,YAAY,+CAYxB,CAAC"}