@vkontakte/vkui 5.0.0 → 5.0.1

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

@@ -1,10 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["activePanel", "history", "nav", "onTransition", "onSwipeBack", "onSwipeBackStart", "onSwipeBackCancel", "children"];
-import { createScopedElement } from "../../lib/jsxRuntime";
+var _excluded = ["activePanel", "history", "nav", "onTransition", "onSwipeBack", "onSwipeBackStart", "onSwipeBackCancel", "children", "className"];
 import * as React from "react";
-import { classNames } from "../../lib/classNames";
+import { classNamesString } from "../../lib/classNames";
 import { animationEvent } from "../../lib/supportEvents";
 import { Platform } from "../../lib/platform";
 import { Touch } from "../Touch/Touch";
@@ -22,31 +21,30 @@ import { useTimeout } from "../../hooks/useTimeout";
 import { usePrevious } from "../../hooks/usePrevious";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { noop } from "../../lib/utils";
-import "./View.css";
+import "./View.module.css";
+import "./ViewIOS.module.css";
 var SwipeBackResults;
-
 (function (SwipeBackResults) {
   SwipeBackResults[SwipeBackResults["fail"] = 1] = "fail";
   SwipeBackResults[SwipeBackResults["success"] = 2] = "success";
 })(SwipeBackResults || (SwipeBackResults = {}));
-
 export var scrollsCache = {};
 var warn = warnOnce("View");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/View
  */
-
 export var View = function View(_ref) {
   var activePanelProp = _ref.activePanel,
-      history = _ref.history,
-      nav = _ref.nav,
-      onTransition = _ref.onTransition,
-      onSwipeBack = _ref.onSwipeBack,
-      onSwipeBackStart = _ref.onSwipeBackStart,
-      onSwipeBackCancelProp = _ref.onSwipeBackCancel,
-      children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
+    history = _ref.history,
+    nav = _ref.nav,
+    onTransition = _ref.onTransition,
+    onSwipeBack = _ref.onSwipeBack,
+    onSwipeBackStart = _ref.onSwipeBackStart,
+    onSwipeBackCancelProp = _ref.onSwipeBackCancel,
+    children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
   var scrolls = React.useRef(scrollsCache[getNavId({
     nav: nav,
     id: restProps.id
@@ -58,88 +56,71 @@ export var View = function View(_ref) {
         nav: nav,
         id: restProps.id
       });
-
       if (id) {
         scrollsCache[id] = scrolls.current;
       }
     };
   });
   var panelNodes = React.useRef({});
-
   var _useDOM = useDOM(),
-      window = _useDOM.window,
-      document = _useDOM.document;
-
+    window = _useDOM.window,
+    document = _useDOM.document;
   var scroll = useScroll();
   var configProvider = useConfigProvider();
   var splitCol = useSplitCol();
   var platform = usePlatform();
-
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      animated = _React$useState2[0],
-      setAnimated = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    animated = _React$useState2[0],
+    setAnimated = _React$useState2[1];
   var _React$useState3 = React.useState([activePanelProp]),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      visiblePanels = _React$useState4[0],
-      setVisiblePanels = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    visiblePanels = _React$useState4[0],
+    setVisiblePanels = _React$useState4[1];
   var _React$useState5 = React.useState(activePanelProp),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      activePanel = _React$useState6[0],
-      setActivePanel = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    activePanel = _React$useState6[0],
+    setActivePanel = _React$useState6[1];
   var _React$useState7 = React.useState(undefined),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      isBack = _React$useState8[0],
-      setIsBack = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    isBack = _React$useState8[0],
+    setIsBack = _React$useState8[1];
   var _React$useState9 = React.useState(null),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      prevPanel = _React$useState10[0],
-      setPrevPanel = _React$useState10[1];
-
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    prevPanel = _React$useState10[0],
+    setPrevPanel = _React$useState10[1];
   var _React$useState11 = React.useState(null),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      nextPanel = _React$useState12[0],
-      setNextPanel = _React$useState12[1];
-
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    nextPanel = _React$useState12[0],
+    setNextPanel = _React$useState12[1];
   var _React$useState13 = React.useState(false),
-      _React$useState14 = _slicedToArray(_React$useState13, 2),
-      swipingBack = _React$useState14[0],
-      setSwipingBack = _React$useState14[1];
-
+    _React$useState14 = _slicedToArray(_React$useState13, 2),
+    swipingBack = _React$useState14[0],
+    setSwipingBack = _React$useState14[1];
   var _React$useState15 = React.useState(0),
-      _React$useState16 = _slicedToArray(_React$useState15, 2),
-      swipeBackStartX = _React$useState16[0],
-      setSwipeBackStartX = _React$useState16[1];
-
+    _React$useState16 = _slicedToArray(_React$useState15, 2),
+    swipeBackStartX = _React$useState16[0],
+    setSwipeBackStartX = _React$useState16[1];
   var _React$useState17 = React.useState(0),
-      _React$useState18 = _slicedToArray(_React$useState17, 2),
-      swipeBackShift = _React$useState18[0],
-      setSwipeBackShift = _React$useState18[1];
-
+    _React$useState18 = _slicedToArray(_React$useState17, 2),
+    swipeBackShift = _React$useState18[0],
+    setSwipeBackShift = _React$useState18[1];
   var _React$useState19 = React.useState(null),
-      _React$useState20 = _slicedToArray(_React$useState19, 2),
-      swipeBackNextPanel = _React$useState20[0],
-      setSwipeBackNextPanel = _React$useState20[1];
-
+    _React$useState20 = _slicedToArray(_React$useState19, 2),
+    swipeBackNextPanel = _React$useState20[0],
+    setSwipeBackNextPanel = _React$useState20[1];
   var _React$useState21 = React.useState(null),
-      _React$useState22 = _slicedToArray(_React$useState21, 2),
-      swipeBackPrevPanel = _React$useState22[0],
-      setSwipeBackPrevPanel = _React$useState22[1];
-
+    _React$useState22 = _slicedToArray(_React$useState21, 2),
+    swipeBackPrevPanel = _React$useState22[0],
+    setSwipeBackPrevPanel = _React$useState22[1];
   var _React$useState23 = React.useState(null),
-      _React$useState24 = _slicedToArray(_React$useState23, 2),
-      swipeBackResult = _React$useState24[0],
-      setSwipeBackResult = _React$useState24[1];
-
+    _React$useState24 = _slicedToArray(_React$useState23, 2),
+    swipeBackResult = _React$useState24[0],
+    setSwipeBackResult = _React$useState24[1];
   var _React$useState25 = React.useState(false),
-      _React$useState26 = _slicedToArray(_React$useState25, 2),
-      browserSwipe = _React$useState26[0],
-      setBrowserSwipe = _React$useState26[1];
-
+    _React$useState26 = _slicedToArray(_React$useState25, 2),
+    browserSwipe = _React$useState26[0],
+    setBrowserSwipe = _React$useState26[1];
   var prevActivePanel = usePrevious(activePanelProp);
   var prevSwipingBack = usePrevious(swipingBack);
   var prevBrowserSwipe = usePrevious(browserSwipe);
@@ -151,27 +132,22 @@ export var View = function View(_ref) {
     return panelId !== undefined && visiblePanels.includes(panelId) || panelId === swipeBackPrevPanel || panelId === swipeBackNextPanel;
   });
   var disableAnimation = (configProvider === null || configProvider === void 0 ? void 0 : configProvider.transitionMotionEnabled) === false || !(splitCol !== null && splitCol !== void 0 && splitCol.animate);
-
   var pickPanel = function pickPanel(id) {
     if (id === null) {
       return null;
     }
-
     return panelNodes.current[id];
   };
-
   var flushTransition = React.useCallback(function (prevPanel, isBackTransition) {
     if (isBackTransition) {
       scrolls.current[prevPanel] = 0;
     }
-
     setPrevPanel(null);
     setNextPanel(null);
     setVisiblePanels([activePanelProp]);
     setActivePanel(activePanelProp);
     setAnimated(false);
     setIsBack(undefined);
-
     afterTransition.current = function () {
       scroll === null || scroll === void 0 ? void 0 : scroll.scrollTo(0, isBackTransition ? scrolls.current[activePanelProp] : 0);
       onTransition && onTransition({
@@ -190,10 +166,8 @@ export var View = function View(_ref) {
       flushTransition(prevPanel, Boolean(isBack));
     }
   }, [flushTransition, isBack, prevPanel]);
-
   var _useWaitTransitionFin = useWaitTransitionFinish(),
-      waitTransitionFinish = _useWaitTransitionFin.waitTransitionFinish;
-
+    waitTransitionFinish = _useWaitTransitionFin.waitTransitionFinish;
   var animationFinishTimeout = useTimeout(transitionEndHandler, platform === Platform.IOS ? 600 : 300);
   var onSwipeBackSuccess = React.useCallback(function () {
     onSwipeBack && onSwipeBack();
@@ -214,41 +188,35 @@ export var View = function View(_ref) {
         case SwipeBackResults.fail:
           onSwipeBackCancel();
           break;
-
         case SwipeBackResults.success:
           onSwipeBackSuccess();
       }
     }
   }, [onSwipeBackCancel, onSwipeBackSuccess, swipeBackNextPanel, swipeBackResult]);
-
   var onMoveX = function onMoveX(e) {
     if (swipeBackExcluded(e)) {
       return;
     }
-
     if (platform === Platform.IOS && !(configProvider !== null && configProvider !== void 0 && configProvider.isWebView) && (e.startX <= 70 || e.startX >= window.innerWidth - 70) && !browserSwipe) {
       setBrowserSwipe(true);
     }
-
     if (platform === Platform.IOS && configProvider !== null && configProvider !== void 0 && configProvider.isWebView && onSwipeBack) {
       if (animated && e.startX <= 70 || !window) {
         return;
       }
-
       if (e.startX <= 70 && !swipingBack && history && history.length > 1) {
         if (activePanel !== null) {
+          // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.
+          blurActiveElement(document);
           scrolls.current[activePanel] = scroll === null || scroll === void 0 ? void 0 : scroll.getScroll().y;
         }
-
         setSwipingBack(true);
         setSwipeBackStartX(e.startX);
         setSwipeBackPrevPanel(activePanel);
         setSwipeBackNextPanel(history.slice(-2)[0]);
       }
-
       if (swipingBack) {
         var _swipeBackShift = 0;
-
         if (e.shiftX < 0) {
           _swipeBackShift = 0;
         } else if (e.shiftX > window.innerWidth - swipeBackStartX) {
@@ -256,18 +224,14 @@ export var View = function View(_ref) {
         } else {
           _swipeBackShift = e.shiftX;
         }
-
         setSwipeBackShift(_swipeBackShift);
       }
     }
   };
-
   var onEnd = React.useCallback(function (e) {
     if (swipingBack && window) {
       var _window$innerWidth;
-
       var speed = swipeBackShift / e.duration * 1000;
-
       if (swipeBackShift === 0) {
         onSwipeBackCancel();
       } else if (swipeBackShift >= ((_window$innerWidth = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _window$innerWidth !== void 0 ? _window$innerWidth : 0)) {
@@ -279,36 +243,29 @@ export var View = function View(_ref) {
       }
     }
   }, [onSwipeBackCancel, onSwipeBackSuccess, swipeBackShift, swipeBackStartX, swipingBack, window]);
-
   var calcPanelSwipeStyles = function calcPanelSwipeStyles(panelId) {
     if (!canUseDOM || !window) {
       return {};
     }
-
     var isPrev = panelId === swipeBackPrevPanel;
     var isNext = panelId === swipeBackNextPanel;
-
     if (!isPrev && !isNext || swipeBackResult) {
       return {};
     }
-
     var prevPanelTranslate = "".concat(swipeBackShift, "px");
     var nextPanelTranslate = "".concat(-50 + swipeBackShift * 100 / window.innerWidth / 2, "%");
     var prevPanelShadow = 0.3 * (window.innerWidth - swipeBackShift) / window.innerWidth;
-
     if (swipeBackResult) {
       return isPrev ? {
         boxShadow: "-2px 0 12px rgba(0, 0, 0, ".concat(prevPanelShadow, ")")
       } : {};
     }
-
     if (isNext) {
       return {
         transform: "translate3d(".concat(nextPanelTranslate, ", 0, 0)"),
         WebkitTransform: "translate3d(".concat(nextPanelTranslate, ", 0, 0)")
       };
     }
-
     if (isPrev) {
       return {
         transform: "translate3d(".concat(prevPanelTranslate, ", 0, 0)"),
@@ -316,10 +273,8 @@ export var View = function View(_ref) {
         boxShadow: "-2px 0 12px rgba(0, 0, 0, ".concat(prevPanelShadow, ")")
       };
     }
-
     return {};
   };
-
   React.useEffect(function () {
     // Нужен переход
     if (prevActivePanel && prevActivePanel !== activePanelProp && !prevSwipingBack && !prevBrowserSwipe) {
@@ -330,7 +285,6 @@ export var View = function View(_ref) {
       });
       var isBackTransition = firstLayerId === activePanelProp;
       scrolls.current[prevActivePanel] = scroll === null || scroll === void 0 ? void 0 : scroll.getScroll().y;
-
       if (disableAnimation) {
         flushTransition(prevActivePanel, isBackTransition);
       } else {
@@ -340,23 +294,22 @@ export var View = function View(_ref) {
         setNextPanel(activePanelProp);
         setActivePanel(null);
         setAnimated(true);
-        setIsBack(isBackTransition); // Фолбек анимации перехода
+        setIsBack(isBackTransition);
 
+        // Фолбек анимации перехода
         if (!animationEvent.supported) {
           animationFinishTimeout.set();
         }
       }
-    } // Закончилась анимация свайпа назад
-
+    }
 
+    // Закончилась анимация свайпа назад
     if (prevActivePanel && prevActivePanel !== activePanelProp && prevSwipingBack) {
       var _nextPanel = activePanelProp;
       var _prevPanel = prevActivePanel;
-
       if (prevSwipeBackPrevPanel) {
         scrolls.current[prevSwipeBackPrevPanel] = 0;
       }
-
       setSwipeBackPrevPanel(null);
       setSwipeBackNextPanel(null);
       setSwipingBack(false);
@@ -365,36 +318,34 @@ export var View = function View(_ref) {
       setSwipeBackShift(0);
       setActivePanel(_nextPanel);
       setVisiblePanels([_nextPanel]);
-
       afterTransition.current = function () {
         if (_nextPanel !== null) {
           scroll === null || scroll === void 0 ? void 0 : scroll.scrollTo(0, scrolls.current[_nextPanel]);
         }
-
         prevOnTransition && prevOnTransition({
           isBack: true,
           from: _prevPanel,
           to: _nextPanel
         });
       };
-    } // Начался свайп назад
-
+    }
 
+    // Начался свайп назад
     if (!prevSwipingBack && swipingBack) {
       onSwipeBackStart && onSwipeBackStart();
-    } // Началась анимация завершения свайпа назад.
-
+    }
 
+    // Началась анимация завершения свайпа назад.
     if (!prevSwipeBackResult && swipeBackResult) {
       waitTransitionFinish(pickPanel(swipeBackNextPanel), swipingBackTransitionEndHandler, platform === Platform.IOS ? 600 : 300);
-    } // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)
-
+    }
 
+    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)
     if (prevSwipeBackResult === SwipeBackResults.fail && !swipeBackResult && activePanel !== null) {
       scroll === null || scroll === void 0 ? void 0 : scroll.scrollTo(0, scrolls.current[activePanel]);
-    } // Закончился Safari свайп
-
+    }
 
+    // Закончился Safari свайп
     if (prevActivePanel !== activePanelProp && browserSwipe) {
       setBrowserSwipe(false);
       setNextPanel(null);
@@ -404,35 +355,34 @@ export var View = function View(_ref) {
       setActivePanel(activePanelProp);
     }
   }, [activePanelProp, activePanel, animationFinishTimeout, browserSwipe, children, disableAnimation, document, flushTransition, onSwipeBackStart, panels, platform, prevActivePanel, prevBrowserSwipe, prevOnTransition, prevSwipeBackPrevPanel, prevSwipeBackResult, prevSwipingBack, scroll, swipeBackNextPanel, swipeBackResult, swipingBack, swipingBackTransitionEndHandler, waitTransitionFinish]);
-  return createScopedElement(Touch, _extends({
+  return /*#__PURE__*/React.createElement(Touch, _extends({
     Component: "section"
   }, restProps, {
-    vkuiClass: classNames("View", platform === Platform.IOS && "View--ios", !disableAnimation && animated && "View--animated", !disableAnimation && swipingBack && "View--swiping-back", disableAnimation && "View--no-motion"),
+    className: classNamesString("vkuiView", platform === Platform.IOS && "vkuiView--ios", !disableAnimation && animated && "vkuiView--animated", !disableAnimation && swipingBack && "vkuiView--swiping-back", disableAnimation && "vkuiView--no-motion", className),
     onMoveX: onMoveX,
     onEnd: onEnd
-  }), createScopedElement("div", {
-    vkuiClass: "View__panels"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiView__panels"
   }, panels.map(function (panel) {
     var _scrolls$current$pane;
-
     var panelId = getNavId(panel.props, warn);
     var isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;
     var isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);
     var compensateScroll = isPrev || panelId === swipeBackNextPanel || panelId === nextPanel && isBack;
-    return createScopedElement("div", {
-      vkuiClass: classNames("View__panel", panelId === activePanel && "View__panel--active", panelId === prevPanel && "View__panel--prev", panelId === nextPanel && "View__panel--next", panelId === swipeBackPrevPanel && "View__panel--swipe-back-prev", panelId === swipeBackNextPanel && "View__panel--swipe-back-next", swipeBackResult === SwipeBackResults.success && "View__panel--swipe-back-success", swipeBackResult === SwipeBackResults.fail && "View__panel--swipe-back-failed"),
+    return /*#__PURE__*/React.createElement("div", {
+      className: 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"),
       onAnimationEnd: isTransitionTarget ? transitionEndHandler : undefined,
       ref: function ref(el) {
         return panelId !== undefined && (panelNodes.current[panelId] = el);
       },
       style: calcPanelSwipeStyles(panelId),
       key: panelId
-    }, createScopedElement("div", {
-      vkuiClass: "View__panel-in",
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "vkuiView__panel-in",
       style: {
         marginTop: compensateScroll ? -((_scrolls$current$pane = scrolls.current[panelId]) !== null && _scrolls$current$pane !== void 0 ? _scrolls$current$pane : 0) : undefined
       }
-    }, createScopedElement(NavTransitionProvider, {
+    }, /*#__PURE__*/React.createElement(NavTransitionProvider, {
       entering: panelId === nextPanel || panelId === swipeBackNextPanel
     }, panel)));
   })));

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

@@ -1 +1 @@
-{"version":3,"file":"View.js","names":["React","classNames","animationEvent","Platform","Touch","useConfigProvider","useSplitCol","canUseDOM","useDOM","blurActiveElement","useScroll","NavTransitionProvider","getNavId","warnOnce","usePlatform","swipeBackExcluded","useWaitTransitionFinish","useTimeout","usePrevious","useIsomorphicLayoutEffect","noop","SwipeBackResults","scrollsCache","warn","View","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","restProps","scrolls","useRef","id","afterTransition","useEffect","current","panelNodes","window","document","scroll","configProvider","splitCol","platform","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","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","transitionEndHandler","e","animationName","Boolean","waitTransitionFinish","animationFinishTimeout","IOS","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","isWebView","startX","innerWidth","length","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","supported","set","isTransitionTarget","compensateScroll","el","marginTop"],"sources":["../../../../src/components/View/View.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } 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 \"./View.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\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          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      vkuiClass={classNames(\n        \"View\",\n        platform === Platform.IOS && \"View--ios\",\n        !disableAnimation && animated && \"View--animated\",\n        !disableAnimation && swipingBack && \"View--swiping-back\",\n        disableAnimation && \"View--no-motion\"\n      )}\n      onMoveX={onMoveX}\n      onEnd={onEnd}\n    >\n      <div vkuiClass=\"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              vkuiClass={classNames(\n                \"View__panel\",\n                panelId === activePanel && \"View__panel--active\",\n                panelId === prevPanel && \"View__panel--prev\",\n                panelId === nextPanel && \"View__panel--next\",\n                panelId === swipeBackPrevPanel &&\n                  \"View__panel--swipe-back-prev\",\n                panelId === swipeBackNextPanel &&\n                  \"View__panel--swipe-back-next\",\n                swipeBackResult === SwipeBackResults.success &&\n                  \"View__panel--swipe-back-success\",\n                swipeBackResult === SwipeBackResults.fail &&\n                  \"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                vkuiClass=\"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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"}
+{"version":3,"file":"View.js","names":["React","classNamesString","animationEvent","Platform","Touch","useConfigProvider","useSplitCol","canUseDOM","useDOM","blurActiveElement","useScroll","NavTransitionProvider","getNavId","warnOnce","usePlatform","swipeBackExcluded","useWaitTransitionFinish","useTimeout","usePrevious","useIsomorphicLayoutEffect","noop","SwipeBackResults","scrollsCache","warn","View","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","className","restProps","scrolls","useRef","id","afterTransition","useEffect","current","panelNodes","window","document","scroll","configProvider","splitCol","platform","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","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","transitionEndHandler","e","animationName","Boolean","waitTransitionFinish","animationFinishTimeout","IOS","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","isWebView","startX","innerWidth","length","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","supported","set","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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"}

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

@@ -0,0 +1 @@
+.vkuiView--ios .vkuiPanel__in{padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom);padding:0;padding:0 var(--vkui_internal--safe_area_inset_right) var(--vkui_internal--safe_area_inset_bottom) var(--vkui_internal--safe_area_inset_left)}.vkuiView--ios .vkuiView__panel--swipe-back-prev{box-shadow:-2px 0 12px rgba(0,0,0,.3)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success{transform:translate3d(100%,0,0);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success,.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{transform:translateZ(0);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed{transform:translate3d(-50%,0,0);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--prev{animation:vkui-animation-ios-prev-forward .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--next{animation:vkui-animation-ios-next-back .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next{animation:vkui-animation-ios-next-forward .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev{animation:vkui-animation-ios-prev-back .6s var(--vkui--animation_easing_platform) forwards}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{background:#000;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{animation:vkui-animation-ios-fade-in .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{animation:vkui-animation-ios-fade-out .6s var(--vkui--animation_easing_platform) forwards}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next .vkuiPanel__fade{display:none}.vkuiView--ios.vkuiView--no-motion .vkuiView__panel,.vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiPanel__in{animation:none}.vkuiView--ios .vkuiView__panel--active .vkuiPanel__fade{display:none}@keyframes vkui-animation-ios-next-forward{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes vkui-animation-ios-next-back{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}@keyframes vkui-animation-ios-prev-forward{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes vkui-animation-ios-prev-back{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}.vkuiView{word-wrap:break-word;height:100%;position:relative;width:100%}.vkuiView--animated,.vkuiView--swiping-back{overflow:hidden}.vkuiView__header{position:fixed;width:100%;z-index:2}.vkuiView--animated .vkuiView__header,.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__header,.vkuiView--swiping-back .vkuiView__panel{pointer-events:none}.vkuiView__panel,.vkuiView__panels{height:100%;width:100%}.vkuiView__panel{box-sizing:border-box;position:relative;z-index:1}.vkuiView__panel-in{height:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__panel{left:0;overflow:hidden;position:fixed;top:0}.vkuiView__popout{z-index:100}.vkuiView__modal,.vkuiView__popout{height:100%;left:0;position:fixed;top:0;width:100%}.vkuiView__modal{z-index:99}.vkuiView__modal:empty{display:none}.vkuiView__panel--next~.vkuiView__panel--prev{animation:vkui-animation-view-prev-back .3s var(--vkui--animation_easing_platform) forwards}.vkuiView__panel--prev~.vkuiView__panel--next{animation:vkui-animation-view-next-forward .3s var(--vkui--animation_easing_platform)}.vkuiView--no-motion .vkuiView__panel{animation:none}@keyframes vkui-animation-view-prev-back{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(80px)}}@keyframes vkui-animation-view-next-forward{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}