@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"View.js","names":["React","classNames","animationEvent","IOS","Touch","useConfigProvider","useSplitCol","AppRootPortal","canUseDOM","useDOM","blurActiveElement","useScroll","NavTransitionProvider","getNavId","warnOnce","usePlatform","swipeBackExcluded","useWaitTransitionFinish","useTimeout","usePrevious","useIsomorphicLayoutEffect","noop","SwipeBackResults","scrollsCache","warn","View","popout","modal","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","restProps","process","env","NODE_ENV","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","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 { IOS } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { useConfigProvider } from \"../ConfigProvider/ConfigProviderContext\";\nimport { useSplitCol } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\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  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\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  popout,\n  modal,\n  activePanel: activePanelProp,\n  history,\n  nav,\n  onTransition,\n  onSwipeBack,\n  onSwipeBackStart,\n  onSwipeBackCancel: onSwipeBackCancelProp,\n  children,\n\n  ...restProps\n}: ViewProps) => {\n  if (process.env.NODE_ENV === \"development\") {\n    popout &&\n      warn(\n        \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n    modal &&\n      warn(\n        \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n  }\n\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 === 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 === IOS &&\n      !configProvider?.isWebView &&\n      (e.startX <= 70 || e.startX >= window!.innerWidth - 70) &&\n      !browserSwipe\n    ) {\n      setBrowserSwipe(true);\n    }\n\n    if (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    popout && blurActiveElement(document);\n  }, [document, popout]);\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 === 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 === 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 as string] ?? 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      <AppRootPortal>\n        {!!popout && <div vkuiClass=\"View__popout\">{popout}</div>}\n        {!!modal && <div vkuiClass=\"View__modal\">{modal}</div>}\n      </AppRootPortal>\n    </Touch>\n  );\n};\n"],"mappings":"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"}
+{"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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"}

package/dist/components/View/ViewInfinite.d.ts

@@ -62,5 +62,5 @@ export interface ViewInfiniteState {
     swipeBackResult: SwipeBackResults | null;
     browserSwipe: boolean;
 }
-export declare const ViewInfinite: React.FC<Pick<ViewInfiniteProps, "hidden" | "dir" | "nav" | "slot" | "style" | "title" | "scroll" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "popout" | "modal" | "onTransition" | "activePanel" | "history" | "onSwipeBack" | "onSwipeBackStart" | "onSwipeBackCancel" | "configProvider" | "isBackCheck" | "splitCol">>;
+export declare const ViewInfinite: React.FC<Omit<ViewInfiniteProps, "platform">>;
 export {};

package/dist/components/View/ViewInfinite.js

@@ -14,7 +14,7 @@ import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { transitionEvent, animationEvent } from "../../lib/supportEvents";
 import { getClassName } from "../../helpers/getClassName";
-import { IOS, ANDROID, VKCOM } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { Touch } from "../Touch/Touch";
 import { withPlatform } from "../../hoc/withPlatform";
 import { withContext } from "../../hoc/withContext";
@@ -88,13 +88,13 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
           platform = _this$props.platform,
           configProvider = _this$props.configProvider;
 
-      if (platform === IOS && !(configProvider !== null && configProvider !== void 0 && configProvider.isWebView) && (e.startX <= 70 || e.startX >= _this.window.innerWidth - 70) && !_this.state.browserSwipe) {
+      if (platform === Platform.IOS && !(configProvider !== null && configProvider !== void 0 && configProvider.isWebView) && (e.startX <= 70 || e.startX >= _this.window.innerWidth - 70) && !_this.state.browserSwipe) {
         _this.setState({
           browserSwipe: true
         });
       }
 
-      if (platform === IOS && configProvider !== null && configProvider !== void 0 && configProvider.isWebView && _this.props.onSwipeBack) {
+      if (platform === Platform.IOS && configProvider !== null && configProvider !== void 0 && configProvider.isWebView && _this.props.onSwipeBack) {
         var _this$props$history$l, _this$props$history;
 
         if (_this.state.animated && e.startX <= 70) {
@@ -252,7 +252,7 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
               clearTimeout(this.animationFinishTimeout);
             }
 
-            this.animationFinishTimeout = setTimeout(this.transitionEndHandler, this.props.platform === ANDROID || this.props.platform === VKCOM ? 300 : 600);
+            this.animationFinishTimeout = setTimeout(this.transitionEndHandler, this.props.platform === Platform.ANDROID || this.props.platform === Platform.VKCOM ? 300 : 600);
           }
         }
       } // Закончилась анимация свайпа назад
@@ -350,7 +350,7 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
           clearTimeout(this.transitionFinishTimeout);
         }
 
-        this.transitionFinishTimeout = setTimeout(eventHandler, this.props.platform === ANDROID || this.props.platform === VKCOM ? 300 : 600);
+        this.transitionFinishTimeout = setTimeout(eventHandler, this.props.platform === Platform.ANDROID || this.props.platform === Platform.VKCOM ? 300 : 600);
       }
     }
   }, {

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

@@ -1 +1 @@
-{"version":3,"file":"ViewInfinite.js","names":["React","classNames","transitionEvent","animationEvent","getClassName","IOS","ANDROID","VKCOM","Touch","withPlatform","withContext","ConfigProviderContext","SplitColContext","AppRootPortal","canUseDOM","withDOM","ScrollContext","NavTransitionProvider","getNavId","warnOnce","swipeBackExcluded","warn","SwipeBackResults","scrollsCache","ViewInfiniteComponent","props","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","window","platform","configProvider","isWebView","startX","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","activePanel","prevScrolls","scrolls","scroll","getScroll","y","swipebackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","Children","toArray","children","id","animationFinishTimeout","clearTimeout","prevProps","prevState","popout","blurActiveElement","modal","isBackCheck","from","to","firstLayerId","panels","map","panel","find","shouldDisableTransitionMotion","supported","setTimeout","transitionEndHandler","scrollPosition","prevPanelScrolls","newPanelScrolls","pop","scrollTo","onTransition","onSwipeBackStart","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","restProps","hasPopout","hasModal","filter","sort","isPrevPanel","isNextPanel","disableAnimation","modifiers","onMoveX","onEnd","compensateScroll","isTransitionTarget","scrollList","el","calcPanelSwipeStyles","marginTop","Component","ViewInfinite"],"sources":["../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent, animationEvent } from \"../../lib/supportEvents\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS, ANDROID, VKCOM } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext, SplitColContextProps } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, withDOM, DOMProps } from \"../../lib/dom\";\nimport {\n  ScrollContext,\n  ScrollContextInterface,\n} from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { swipeBackExcluded } from \"./utils\";\nimport \"./View.css\";\n\nconst warn = warnOnce(\"ViewInfinite\");\n\nenum SwipeBackResults {\n  fail = 1,\n  success,\n}\n\ninterface Scrolls {\n  [index: string]: Array<number | undefined>;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nlet scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string | null; to: string | null };\n\nexport interface ViewInfiniteProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasPlatform,\n    NavIdProps {\n  activePanel: string;\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n  onTransition?(params: TransitionParams & { isBack: boolean }): 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  isBackCheck?(params: TransitionParams): boolean;\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n  animated: boolean;\n\n  visiblePanels: Array<string | null>;\n  activePanel: string | null;\n  isBack?: boolean;\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\nclass ViewInfiniteComponent extends React.Component<\n  ViewInfiniteProps & DOMProps,\n  ViewInfiniteState\n> {\n  constructor(props: ViewInfiniteProps) {\n    super(props);\n\n    this.state = {\n      animated: false,\n\n      visiblePanels: [props.activePanel],\n      activePanel: props.activePanel,\n      isBack: undefined,\n      prevPanel: null,\n      nextPanel: null,\n\n      swipingBack: false,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n      swipeBackNextPanel: null,\n      swipeBackPrevPanel: null,\n      swipeBackResult: null,\n\n      browserSwipe: false,\n    };\n  }\n\n  static defaultProps: Partial<ViewInfiniteProps> = {\n    history: [],\n  };\n\n  private scrolls = scrollsCache[getNavId(this.props, warn) as string] || {};\n  private transitionFinishTimeout: number | undefined = undefined;\n  private animationFinishTimeout: number | undefined = undefined;\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  get panels() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement | null } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache[id] = this.scrolls;\n    }\n    if (this.animationFinishTimeout) {\n      clearTimeout(this.animationFinishTimeout);\n    }\n  }\n\n  componentDidUpdate(\n    prevProps: ViewInfiniteProps,\n    prevState: ViewInfiniteState\n  ) {\n    this.props.popout && !prevProps.popout && this.blurActiveElement();\n    this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n    // Нужен переход\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      !prevState.swipingBack &&\n      !prevState.browserSwipe\n    ) {\n      let isBack = false;\n\n      if (this.props.isBackCheck) {\n        isBack = this.props.isBackCheck({\n          from: prevProps.activePanel,\n          to: this.props.activePanel,\n        });\n      } else {\n        const firstLayerId = this.panels\n          .map((panel) => getNavId(panel.props, warn))\n          .find(\n            (id) =>\n              id === prevProps.activePanel || id === this.props.activePanel\n          );\n        isBack = firstLayerId === this.props.activePanel;\n      }\n\n      this.blurActiveElement();\n\n      const prevScrolls = this.scrolls[prevProps.activePanel] || [];\n      const scrolls = {\n        ...this.scrolls,\n        [prevProps.activePanel]: [\n          ...prevScrolls,\n          this.props.scroll?.getScroll().y,\n        ],\n      };\n      this.scrolls = scrolls;\n\n      if (this.shouldDisableTransitionMotion()) {\n        this.flushTransition(prevProps.activePanel, isBack);\n      } else {\n        this.setState({\n          visiblePanels: [prevProps.activePanel, this.props.activePanel],\n          prevPanel: prevProps.activePanel,\n          nextPanel: this.props.activePanel,\n          activePanel: null,\n          animated: true,\n          isBack,\n        });\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          if (this.animationFinishTimeout) {\n            clearTimeout(this.animationFinishTimeout);\n          }\n          this.animationFinishTimeout = setTimeout(\n            this.transitionEndHandler,\n            this.props.platform === ANDROID || this.props.platform === VKCOM\n              ? 300\n              : 600\n          );\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      prevState.swipingBack\n    ) {\n      const nextPanel = this.state.swipeBackNextPanel;\n      const prevPanel = this.state.swipeBackPrevPanel;\n      let scrollPosition: undefined | number = undefined;\n\n      this.scrolls = {\n        ...this.scrolls,\n      };\n\n      if (prevPanel !== null) {\n        const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(\n          0,\n          -1\n        );\n        this.scrolls[prevPanel] = prevPanelScrolls;\n      }\n      if (nextPanel !== null) {\n        const newPanelScrolls = [...(this.scrolls[nextPanel] || [])];\n        scrollPosition = newPanelScrolls.pop();\n        this.scrolls[nextPanel] = newPanelScrolls;\n      }\n\n      this.setState(\n        {\n          swipeBackPrevPanel: null,\n          swipeBackNextPanel: null,\n          swipingBack: false,\n          swipeBackResult: null,\n          swipebackStartX: 0,\n          swipeBackShift: 0,\n          activePanel: nextPanel,\n          visiblePanels: [nextPanel],\n        },\n        () => {\n          this.props.scroll?.scrollTo(0, scrollPosition);\n          prevProps.onTransition &&\n            prevProps.onTransition({\n              isBack: true,\n              from: prevPanel,\n              to: nextPanel,\n            });\n        }\n      );\n    }\n\n    // Начался свайп назад\n    if (!prevState.swipingBack && this.state.swipingBack) {\n      this.props.onSwipeBackStart && this.props.onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n      this.waitTransitionFinish(\n        this.pickPanel(this.state.swipeBackNextPanel),\n        this.swipingBackTransitionEndHandler\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevState.swipeBackResult === SwipeBackResults.fail &&\n      !this.state.swipeBackResult &&\n      this.state.activePanel !== null\n    ) {\n      const newPanelScrolls = [...(this.scrolls[this.state.activePanel] || [])];\n      const scrollPosition = newPanelScrolls.pop();\n      this.scrolls = {\n        ...this.scrolls,\n        [this.state.activePanel]: newPanelScrolls,\n      };\n\n      this.props.scroll?.scrollTo(0, scrollPosition);\n    }\n\n    // Закончился Safari свайп\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      this.state.browserSwipe\n    ) {\n      this.setState({\n        browserSwipe: false,\n        nextPanel: null,\n        prevPanel: null,\n        animated: false,\n        visiblePanels: [this.props.activePanel],\n        activePanel: this.props.activePanel,\n      });\n    }\n  }\n\n  shouldDisableTransitionMotion(): boolean {\n    return (\n      this.props.configProvider?.transitionMotionEnabled === false ||\n      !this.props.splitCol?.animate\n    );\n  }\n\n  waitTransitionFinish(\n    elem: HTMLElement | null | undefined,\n    eventHandler: TransitionEventHandler\n  ): void {\n    if (transitionEvent.supported && transitionEvent.name && elem) {\n      elem.removeEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener\n      );\n      elem.addEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener\n      );\n    } else {\n      if (this.transitionFinishTimeout) {\n        clearTimeout(this.transitionFinishTimeout);\n      }\n\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n          ? 300\n          : 600\n      );\n    }\n  }\n\n  blurActiveElement(): void {\n    if (typeof this.window !== \"undefined\" && this.document?.activeElement) {\n      (this.document.activeElement as HTMLElement).blur();\n    }\n  }\n\n  pickPanel(id: string | null) {\n    if (id === null) {\n      return undefined;\n    }\n    return this.panelNodes[id];\n  }\n\n  flushTransition(prevPanel: string, isBack: boolean) {\n    const activePanel = this.props.activePanel;\n\n    const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n    const newPanelScrolls = [...(this.scrolls[activePanel] || [])];\n    const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n    if (isBack) {\n      this.scrolls = {\n        ...this.scrolls,\n        [prevPanel]: prevPanelScrolls,\n        [activePanel]: newPanelScrolls,\n      };\n    }\n\n    this.setState(\n      {\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel: activePanel,\n        animated: false,\n        isBack: undefined,\n      },\n      () => {\n        this.props.scroll?.scrollTo(0, isBack ? scrollPosition : 0);\n        this.props.onTransition &&\n          this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n      }\n    );\n  }\n\n  transitionEndHandler = (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      this.state.prevPanel !== null\n    ) {\n      this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n    }\n  };\n\n  swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n    // indexOf because of vendor prefixes in old browsers\n    if (\n      !e ||\n      (e.propertyName.includes(\"transform\") &&\n        e.target === this.pickPanel(this.state.swipeBackNextPanel))\n    ) {\n      switch (this.state.swipeBackResult) {\n        case SwipeBackResults.fail:\n          this.onSwipeBackCancel();\n          break;\n        case SwipeBackResults.success:\n          this.onSwipeBackSuccess();\n      }\n    }\n  };\n\n  onSwipeBackSuccess(): void {\n    this.props.onSwipeBack && this.props.onSwipeBack();\n  }\n\n  onSwipeBackCancel(): void {\n    this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n    this.setState({\n      swipeBackPrevPanel: null,\n      swipeBackNextPanel: null,\n      swipingBack: false,\n      swipeBackResult: null,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n    });\n  }\n\n  onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e) || !this.window) {\n      return;\n    }\n\n    const { platform, configProvider } = this.props;\n\n    if (\n      platform === IOS &&\n      !configProvider?.isWebView &&\n      (e.startX <= 70 || e.startX >= this.window.innerWidth - 70) &&\n      !this.state.browserSwipe\n    ) {\n      this.setState({ browserSwipe: true });\n    }\n\n    if (\n      platform === IOS &&\n      configProvider?.isWebView &&\n      this.props.onSwipeBack\n    ) {\n      if (this.state.animated && e.startX <= 70) {\n        return;\n      }\n\n      if (\n        e.startX <= 70 &&\n        !this.state.swipingBack &&\n        (this.props.history?.length ?? 0) > 1\n      ) {\n        if (this.state.activePanel !== null) {\n          const prevScrolls = this.scrolls[this.state.activePanel] || [];\n          this.scrolls = {\n            ...this.scrolls,\n            [this.state.activePanel]: [\n              ...prevScrolls,\n              this.props.scroll?.getScroll().y,\n            ],\n          };\n        }\n\n        this.setState({\n          swipingBack: true,\n          swipebackStartX: e.startX,\n          swipeBackPrevPanel: this.state.activePanel,\n          swipeBackNextPanel: this.props.history!.slice(-2)[0],\n        });\n      }\n      if (this.state.swipingBack) {\n        let swipeBackShift;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (\n          e.shiftX >\n          this.window.innerWidth - this.state.swipebackStartX\n        ) {\n          swipeBackShift = this.window.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        this.setState({ swipeBackShift });\n      }\n    }\n  };\n\n  onEnd = (e: TouchEvent): void => {\n    if (this.state.swipingBack && this.window) {\n      const speed = (this.state.swipeBackShift / e.duration) * 1000;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (\n        speed > 250 ||\n        this.state.swipebackStartX + this.state.swipeBackShift >\n          this.window.innerWidth / 2\n      ) {\n        this.setState({ swipeBackResult: SwipeBackResults.success });\n      } else {\n        this.setState({ swipeBackResult: SwipeBackResults.fail });\n      }\n    }\n  };\n\n  calcPanelSwipeStyles(panelId: string | undefined): React.CSSProperties {\n    if (!canUseDOM || !this.window) {\n      return {};\n    }\n\n    const isPrev = panelId === this.state.swipeBackPrevPanel;\n    const isNext = panelId === this.state.swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || this.state.swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) /\n      this.window.innerWidth;\n\n    if (this.state.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  render() {\n    const {\n      popout,\n      modal,\n      platform,\n      activePanel: _1,\n      splitCol,\n      configProvider,\n      history,\n      id,\n      nav,\n      onTransition,\n      onSwipeBack,\n      onSwipeBackStart,\n      onSwipeBackCancel,\n      window,\n      document,\n      scroll,\n      isBackCheck,\n      ...restProps\n    } = this.props;\n    const {\n      prevPanel,\n      nextPanel,\n      activePanel,\n      isBack,\n      animated,\n      swipeBackPrevPanel,\n      swipeBackNextPanel,\n      swipeBackResult,\n      swipingBack,\n    } = this.state;\n\n    const hasPopout = !!popout;\n    const hasModal = !!modal;\n\n    const panels = this.panels\n      .filter((panel) => {\n        const panelId = getNavId(panel.props, warn);\n\n        return (\n          (panelId !== undefined &&\n            this.state.visiblePanels.includes(panelId)) ||\n          panelId === swipeBackPrevPanel ||\n          panelId === swipeBackNextPanel\n        );\n      })\n      .sort((panel) => {\n        const panelId = getNavId(panel.props, warn);\n        const isPrevPanel =\n          panelId === prevPanel || panelId === swipeBackPrevPanel;\n        const isNextPanel =\n          panelId === nextPanel || panelId === swipeBackNextPanel;\n\n        if (isNextPanel) {\n          return swipingBack || this.state.isBack ? -1 : 1;\n        }\n\n        if (isPrevPanel) {\n          return swipingBack || this.state.isBack ? 1 : -1;\n        }\n\n        return 0;\n      });\n\n    const disableAnimation = this.shouldDisableTransitionMotion();\n\n    const modifiers = {\n      \"View--animated\": !disableAnimation && this.state.animated,\n      \"View--swiping-back\": !disableAnimation && this.state.swipingBack,\n      \"View--no-motion\": disableAnimation,\n    };\n\n    return (\n      <Touch\n        Component=\"section\"\n        {...restProps}\n        vkuiClass={classNames(getClassName(\"View\", platform), modifiers)}\n        onMoveX={this.onMoveX}\n        onEnd={this.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 compensateScroll =\n              isPrev ||\n              panelId === swipeBackNextPanel ||\n              (panelId === nextPanel && isBack);\n            const isTransitionTarget =\n              animated && panelId === (isBack ? prevPanel : nextPanel);\n            const scrollList = (panelId && this.scrolls[panelId]) || [];\n            const scroll = scrollList[scrollList.length - 1] || 0;\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 ? this.transitionEndHandler : undefined\n                }\n                ref={(el) =>\n                  panelId !== undefined && (this.panelNodes[panelId] = el)\n                }\n                style={this.calcPanelSwipeStyles(panelId)}\n                key={panelId}\n              >\n                <div\n                  vkuiClass=\"View__panel-in\"\n                  style={{ marginTop: compensateScroll ? -scroll : undefined }}\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        <AppRootPortal>\n          {hasPopout && <div vkuiClass=\"View__popout\">{popout}</div>}\n          {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n        </AppRootPortal>\n      </Touch>\n    );\n  }\n}\n\nexport const ViewInfinite = withContext(\n  withContext(\n    withContext(\n      withPlatform(withDOM<ViewInfiniteProps>(ViewInfiniteComponent)),\n      SplitColContext,\n      \"splitCol\"\n    ),\n    ConfigProviderContext,\n    \"configProvider\"\n  ),\n  ScrollContext,\n  \"scroll\"\n);\n"],"mappings":"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"}
+{"version":3,"file":"ViewInfinite.js","names":["React","classNames","transitionEvent","animationEvent","getClassName","Platform","Touch","withPlatform","withContext","ConfigProviderContext","SplitColContext","AppRootPortal","canUseDOM","withDOM","ScrollContext","NavTransitionProvider","getNavId","warnOnce","swipeBackExcluded","warn","SwipeBackResults","scrollsCache","ViewInfiniteComponent","props","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","window","platform","configProvider","IOS","isWebView","startX","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","activePanel","prevScrolls","scrolls","scroll","getScroll","y","swipebackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","Children","toArray","children","id","animationFinishTimeout","clearTimeout","prevProps","prevState","popout","blurActiveElement","modal","isBackCheck","from","to","firstLayerId","panels","map","panel","find","shouldDisableTransitionMotion","supported","setTimeout","transitionEndHandler","ANDROID","VKCOM","scrollPosition","prevPanelScrolls","newPanelScrolls","pop","scrollTo","onTransition","onSwipeBackStart","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","restProps","hasPopout","hasModal","filter","sort","isPrevPanel","isNextPanel","disableAnimation","modifiers","onMoveX","onEnd","compensateScroll","isTransitionTarget","scrollList","el","calcPanelSwipeStyles","marginTop","Component","ViewInfinite"],"sources":["../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent, animationEvent } from \"../../lib/supportEvents\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Platform } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext, SplitColContextProps } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, withDOM, DOMProps } from \"../../lib/dom\";\nimport {\n  ScrollContext,\n  ScrollContextInterface,\n} from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { swipeBackExcluded } from \"./utils\";\nimport \"./View.css\";\n\nconst warn = warnOnce(\"ViewInfinite\");\n\nenum SwipeBackResults {\n  fail = 1,\n  success,\n}\n\ninterface Scrolls {\n  [index: string]: Array<number | undefined>;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nlet scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string | null; to: string | null };\n\nexport interface ViewInfiniteProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasPlatform,\n    NavIdProps {\n  activePanel: string;\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n  onTransition?(params: TransitionParams & { isBack: boolean }): 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  isBackCheck?(params: TransitionParams): boolean;\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n  animated: boolean;\n\n  visiblePanels: Array<string | null>;\n  activePanel: string | null;\n  isBack?: boolean;\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\nclass ViewInfiniteComponent extends React.Component<\n  ViewInfiniteProps & DOMProps,\n  ViewInfiniteState\n> {\n  constructor(props: ViewInfiniteProps) {\n    super(props);\n\n    this.state = {\n      animated: false,\n\n      visiblePanels: [props.activePanel],\n      activePanel: props.activePanel,\n      isBack: undefined,\n      prevPanel: null,\n      nextPanel: null,\n\n      swipingBack: false,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n      swipeBackNextPanel: null,\n      swipeBackPrevPanel: null,\n      swipeBackResult: null,\n\n      browserSwipe: false,\n    };\n  }\n\n  static defaultProps: Partial<ViewInfiniteProps> = {\n    history: [],\n  };\n\n  private scrolls = scrollsCache[getNavId(this.props, warn) as string] || {};\n  private transitionFinishTimeout: number | undefined = undefined;\n  private animationFinishTimeout: number | undefined = undefined;\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  get panels() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement | null } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache[id] = this.scrolls;\n    }\n    if (this.animationFinishTimeout) {\n      clearTimeout(this.animationFinishTimeout);\n    }\n  }\n\n  componentDidUpdate(\n    prevProps: ViewInfiniteProps,\n    prevState: ViewInfiniteState\n  ) {\n    this.props.popout && !prevProps.popout && this.blurActiveElement();\n    this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n    // Нужен переход\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      !prevState.swipingBack &&\n      !prevState.browserSwipe\n    ) {\n      let isBack = false;\n\n      if (this.props.isBackCheck) {\n        isBack = this.props.isBackCheck({\n          from: prevProps.activePanel,\n          to: this.props.activePanel,\n        });\n      } else {\n        const firstLayerId = this.panels\n          .map((panel) => getNavId(panel.props, warn))\n          .find(\n            (id) =>\n              id === prevProps.activePanel || id === this.props.activePanel\n          );\n        isBack = firstLayerId === this.props.activePanel;\n      }\n\n      this.blurActiveElement();\n\n      const prevScrolls = this.scrolls[prevProps.activePanel] || [];\n      const scrolls = {\n        ...this.scrolls,\n        [prevProps.activePanel]: [\n          ...prevScrolls,\n          this.props.scroll?.getScroll().y,\n        ],\n      };\n      this.scrolls = scrolls;\n\n      if (this.shouldDisableTransitionMotion()) {\n        this.flushTransition(prevProps.activePanel, isBack);\n      } else {\n        this.setState({\n          visiblePanels: [prevProps.activePanel, this.props.activePanel],\n          prevPanel: prevProps.activePanel,\n          nextPanel: this.props.activePanel,\n          activePanel: null,\n          animated: true,\n          isBack,\n        });\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          if (this.animationFinishTimeout) {\n            clearTimeout(this.animationFinishTimeout);\n          }\n          this.animationFinishTimeout = setTimeout(\n            this.transitionEndHandler,\n            this.props.platform === Platform.ANDROID ||\n              this.props.platform === Platform.VKCOM\n              ? 300\n              : 600\n          );\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      prevState.swipingBack\n    ) {\n      const nextPanel = this.state.swipeBackNextPanel;\n      const prevPanel = this.state.swipeBackPrevPanel;\n      let scrollPosition: undefined | number = undefined;\n\n      this.scrolls = {\n        ...this.scrolls,\n      };\n\n      if (prevPanel !== null) {\n        const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(\n          0,\n          -1\n        );\n        this.scrolls[prevPanel] = prevPanelScrolls;\n      }\n      if (nextPanel !== null) {\n        const newPanelScrolls = [...(this.scrolls[nextPanel] || [])];\n        scrollPosition = newPanelScrolls.pop();\n        this.scrolls[nextPanel] = newPanelScrolls;\n      }\n\n      this.setState(\n        {\n          swipeBackPrevPanel: null,\n          swipeBackNextPanel: null,\n          swipingBack: false,\n          swipeBackResult: null,\n          swipebackStartX: 0,\n          swipeBackShift: 0,\n          activePanel: nextPanel,\n          visiblePanels: [nextPanel],\n        },\n        () => {\n          this.props.scroll?.scrollTo(0, scrollPosition);\n          prevProps.onTransition &&\n            prevProps.onTransition({\n              isBack: true,\n              from: prevPanel,\n              to: nextPanel,\n            });\n        }\n      );\n    }\n\n    // Начался свайп назад\n    if (!prevState.swipingBack && this.state.swipingBack) {\n      this.props.onSwipeBackStart && this.props.onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n      this.waitTransitionFinish(\n        this.pickPanel(this.state.swipeBackNextPanel),\n        this.swipingBackTransitionEndHandler\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevState.swipeBackResult === SwipeBackResults.fail &&\n      !this.state.swipeBackResult &&\n      this.state.activePanel !== null\n    ) {\n      const newPanelScrolls = [...(this.scrolls[this.state.activePanel] || [])];\n      const scrollPosition = newPanelScrolls.pop();\n      this.scrolls = {\n        ...this.scrolls,\n        [this.state.activePanel]: newPanelScrolls,\n      };\n\n      this.props.scroll?.scrollTo(0, scrollPosition);\n    }\n\n    // Закончился Safari свайп\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      this.state.browserSwipe\n    ) {\n      this.setState({\n        browserSwipe: false,\n        nextPanel: null,\n        prevPanel: null,\n        animated: false,\n        visiblePanels: [this.props.activePanel],\n        activePanel: this.props.activePanel,\n      });\n    }\n  }\n\n  shouldDisableTransitionMotion(): boolean {\n    return (\n      this.props.configProvider?.transitionMotionEnabled === false ||\n      !this.props.splitCol?.animate\n    );\n  }\n\n  waitTransitionFinish(\n    elem: HTMLElement | null | undefined,\n    eventHandler: TransitionEventHandler\n  ): void {\n    if (transitionEvent.supported && transitionEvent.name && elem) {\n      elem.removeEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener\n      );\n      elem.addEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener\n      );\n    } else {\n      if (this.transitionFinishTimeout) {\n        clearTimeout(this.transitionFinishTimeout);\n      }\n\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler,\n        this.props.platform === Platform.ANDROID ||\n          this.props.platform === Platform.VKCOM\n          ? 300\n          : 600\n      );\n    }\n  }\n\n  blurActiveElement(): void {\n    if (typeof this.window !== \"undefined\" && this.document?.activeElement) {\n      (this.document.activeElement as HTMLElement).blur();\n    }\n  }\n\n  pickPanel(id: string | null) {\n    if (id === null) {\n      return undefined;\n    }\n    return this.panelNodes[id];\n  }\n\n  flushTransition(prevPanel: string, isBack: boolean) {\n    const activePanel = this.props.activePanel;\n\n    const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n    const newPanelScrolls = [...(this.scrolls[activePanel] || [])];\n    const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n    if (isBack) {\n      this.scrolls = {\n        ...this.scrolls,\n        [prevPanel]: prevPanelScrolls,\n        [activePanel]: newPanelScrolls,\n      };\n    }\n\n    this.setState(\n      {\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel: activePanel,\n        animated: false,\n        isBack: undefined,\n      },\n      () => {\n        this.props.scroll?.scrollTo(0, isBack ? scrollPosition : 0);\n        this.props.onTransition &&\n          this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n      }\n    );\n  }\n\n  transitionEndHandler = (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      this.state.prevPanel !== null\n    ) {\n      this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n    }\n  };\n\n  swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n    // indexOf because of vendor prefixes in old browsers\n    if (\n      !e ||\n      (e.propertyName.includes(\"transform\") &&\n        e.target === this.pickPanel(this.state.swipeBackNextPanel))\n    ) {\n      switch (this.state.swipeBackResult) {\n        case SwipeBackResults.fail:\n          this.onSwipeBackCancel();\n          break;\n        case SwipeBackResults.success:\n          this.onSwipeBackSuccess();\n      }\n    }\n  };\n\n  onSwipeBackSuccess(): void {\n    this.props.onSwipeBack && this.props.onSwipeBack();\n  }\n\n  onSwipeBackCancel(): void {\n    this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n    this.setState({\n      swipeBackPrevPanel: null,\n      swipeBackNextPanel: null,\n      swipingBack: false,\n      swipeBackResult: null,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n    });\n  }\n\n  onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e) || !this.window) {\n      return;\n    }\n\n    const { platform, configProvider } = this.props;\n\n    if (\n      platform === Platform.IOS &&\n      !configProvider?.isWebView &&\n      (e.startX <= 70 || e.startX >= this.window.innerWidth - 70) &&\n      !this.state.browserSwipe\n    ) {\n      this.setState({ browserSwipe: true });\n    }\n\n    if (\n      platform === Platform.IOS &&\n      configProvider?.isWebView &&\n      this.props.onSwipeBack\n    ) {\n      if (this.state.animated && e.startX <= 70) {\n        return;\n      }\n\n      if (\n        e.startX <= 70 &&\n        !this.state.swipingBack &&\n        (this.props.history?.length ?? 0) > 1\n      ) {\n        if (this.state.activePanel !== null) {\n          const prevScrolls = this.scrolls[this.state.activePanel] || [];\n          this.scrolls = {\n            ...this.scrolls,\n            [this.state.activePanel]: [\n              ...prevScrolls,\n              this.props.scroll?.getScroll().y,\n            ],\n          };\n        }\n\n        this.setState({\n          swipingBack: true,\n          swipebackStartX: e.startX,\n          swipeBackPrevPanel: this.state.activePanel,\n          swipeBackNextPanel: this.props.history!.slice(-2)[0],\n        });\n      }\n      if (this.state.swipingBack) {\n        let swipeBackShift;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (\n          e.shiftX >\n          this.window.innerWidth - this.state.swipebackStartX\n        ) {\n          swipeBackShift = this.window.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        this.setState({ swipeBackShift });\n      }\n    }\n  };\n\n  onEnd = (e: TouchEvent): void => {\n    if (this.state.swipingBack && this.window) {\n      const speed = (this.state.swipeBackShift / e.duration) * 1000;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (\n        speed > 250 ||\n        this.state.swipebackStartX + this.state.swipeBackShift >\n          this.window.innerWidth / 2\n      ) {\n        this.setState({ swipeBackResult: SwipeBackResults.success });\n      } else {\n        this.setState({ swipeBackResult: SwipeBackResults.fail });\n      }\n    }\n  };\n\n  calcPanelSwipeStyles(panelId: string | undefined): React.CSSProperties {\n    if (!canUseDOM || !this.window) {\n      return {};\n    }\n\n    const isPrev = panelId === this.state.swipeBackPrevPanel;\n    const isNext = panelId === this.state.swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || this.state.swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) /\n      this.window.innerWidth;\n\n    if (this.state.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  render() {\n    const {\n      popout,\n      modal,\n      platform,\n      activePanel: _1,\n      splitCol,\n      configProvider,\n      history,\n      id,\n      nav,\n      onTransition,\n      onSwipeBack,\n      onSwipeBackStart,\n      onSwipeBackCancel,\n      window,\n      document,\n      scroll,\n      isBackCheck,\n      ...restProps\n    } = this.props;\n    const {\n      prevPanel,\n      nextPanel,\n      activePanel,\n      isBack,\n      animated,\n      swipeBackPrevPanel,\n      swipeBackNextPanel,\n      swipeBackResult,\n      swipingBack,\n    } = this.state;\n\n    const hasPopout = !!popout;\n    const hasModal = !!modal;\n\n    const panels = this.panels\n      .filter((panel) => {\n        const panelId = getNavId(panel.props, warn);\n\n        return (\n          (panelId !== undefined &&\n            this.state.visiblePanels.includes(panelId)) ||\n          panelId === swipeBackPrevPanel ||\n          panelId === swipeBackNextPanel\n        );\n      })\n      .sort((panel) => {\n        const panelId = getNavId(panel.props, warn);\n        const isPrevPanel =\n          panelId === prevPanel || panelId === swipeBackPrevPanel;\n        const isNextPanel =\n          panelId === nextPanel || panelId === swipeBackNextPanel;\n\n        if (isNextPanel) {\n          return swipingBack || this.state.isBack ? -1 : 1;\n        }\n\n        if (isPrevPanel) {\n          return swipingBack || this.state.isBack ? 1 : -1;\n        }\n\n        return 0;\n      });\n\n    const disableAnimation = this.shouldDisableTransitionMotion();\n\n    const modifiers = {\n      \"View--animated\": !disableAnimation && this.state.animated,\n      \"View--swiping-back\": !disableAnimation && this.state.swipingBack,\n      \"View--no-motion\": disableAnimation,\n    };\n\n    return (\n      <Touch\n        Component=\"section\"\n        {...restProps}\n        vkuiClass={classNames(getClassName(\"View\", platform), modifiers)}\n        onMoveX={this.onMoveX}\n        onEnd={this.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 compensateScroll =\n              isPrev ||\n              panelId === swipeBackNextPanel ||\n              (panelId === nextPanel && isBack);\n            const isTransitionTarget =\n              animated && panelId === (isBack ? prevPanel : nextPanel);\n            const scrollList = (panelId && this.scrolls[panelId]) || [];\n            const scroll = scrollList[scrollList.length - 1] || 0;\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 ? this.transitionEndHandler : undefined\n                }\n                ref={(el) =>\n                  panelId !== undefined && (this.panelNodes[panelId] = el)\n                }\n                style={this.calcPanelSwipeStyles(panelId)}\n                key={panelId}\n              >\n                <div\n                  vkuiClass=\"View__panel-in\"\n                  style={{ marginTop: compensateScroll ? -scroll : undefined }}\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        <AppRootPortal>\n          {hasPopout && <div vkuiClass=\"View__popout\">{popout}</div>}\n          {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n        </AppRootPortal>\n      </Touch>\n    );\n  }\n}\n\nexport const ViewInfinite = withContext(\n  withContext(\n    withContext(\n      withPlatform(withDOM<ViewInfiniteProps>(ViewInfiniteComponent)),\n      SplitColContext,\n      \"splitCol\"\n    ),\n    ConfigProviderContext,\n    \"configProvider\"\n  ),\n  ScrollContext,\n  \"scroll\"\n);\n"],"mappings":"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"}

package/dist/components/ViewWidthConditionalRender/ViewWidthConditionalRender.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import "./ViewWidthConditionalRender.css";
+export interface ViewWidthConditionalRenderProps {
+    mobile?: React.ReactNode;
+    desktop?: React.ReactNode;
+}
+export declare const ViewWidthConditionalRender: ({ mobile, desktop, }: ViewWidthConditionalRenderProps) => JSX.Element;

package/dist/components/ViewWidthConditionalRender/ViewWidthConditionalRender.js

@@ -0,0 +1,20 @@
+import { createScopedElement } from "../../lib/jsxRuntime";
+import * as React from "react";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { getViewWidthClassName } from "../../helpers/getViewWidthClassName";
+import { hasReactNode } from "../../lib/utils";
+import { ViewWidth } from "../../lib/adaptivity";
+export var ViewWidthConditionalRender = function ViewWidthConditionalRender(_ref) {
+  var mobile = _ref.mobile,
+      desktop = _ref.desktop;
+
+  var _useAdaptivity = useAdaptivity(),
+      viewWidth = _useAdaptivity.viewWidth;
+
+  return createScopedElement(React.Fragment, null, hasReactNode(mobile) && (viewWidth === undefined || viewWidth < ViewWidth.TABLET) && createScopedElement("div", {
+    vkuiClass: getViewWidthClassName("ViewWidthConditionalRender__mobile", viewWidth)
+  }, mobile), hasReactNode(desktop) && (viewWidth === undefined || viewWidth >= ViewWidth.TABLET) && createScopedElement("div", {
+    vkuiClass: getViewWidthClassName("ViewWidthConditionalRender__desktop", viewWidth)
+  }, desktop));
+};
+//# sourceMappingURL=ViewWidthConditionalRender.js.map

package/dist/components/ViewWidthConditionalRender/ViewWidthConditionalRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewWidthConditionalRender.js","names":["React","useAdaptivity","getViewWidthClassName","hasReactNode","ViewWidth","ViewWidthConditionalRender","mobile","desktop","viewWidth","undefined","TABLET"],"sources":["../../../src/components/ViewWidthConditionalRender/ViewWidthConditionalRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getViewWidthClassName } from \"../../helpers/getViewWidthClassName\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { ViewWidth } from \"../../lib/adaptivity\";\nimport \"./ViewWidthConditionalRender.css\";\n\nexport interface ViewWidthConditionalRenderProps {\n  mobile?: React.ReactNode;\n  desktop?: React.ReactNode;\n}\n\nexport const ViewWidthConditionalRender = ({\n  mobile,\n  desktop,\n}: ViewWidthConditionalRenderProps) => {\n  const { viewWidth } = useAdaptivity();\n\n  return (\n    <React.Fragment>\n      {hasReactNode(mobile) &&\n        (viewWidth === undefined || viewWidth < ViewWidth.TABLET) && (\n          <div\n            vkuiClass={getViewWidthClassName(\n              \"ViewWidthConditionalRender__mobile\",\n              viewWidth\n            )}\n          >\n            {mobile}\n          </div>\n        )}\n      {hasReactNode(desktop) &&\n        (viewWidth === undefined || viewWidth >= ViewWidth.TABLET) && (\n          <div\n            vkuiClass={getViewWidthClassName(\n              \"ViewWidthConditionalRender__desktop\",\n              viewWidth\n            )}\n          >\n            {desktop}\n          </div>\n        )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,qBAAT;AACA,SAASC,YAAT;AACA,SAASC,SAAT;AAQA,OAAO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,OAGH;EAAA,IAFrCC,MAEqC,QAFrCA,MAEqC;EAAA,IADrCC,OACqC,QADrCA,OACqC;;EACrC,qBAAsBN,aAAa,EAAnC;EAAA,IAAQO,SAAR,kBAAQA,SAAR;;EAEA,OACE,oBAAC,KAAD,CAAO,QAAP,QACGL,YAAY,CAACG,MAAD,CAAZ,KACEE,SAAS,KAAKC,SAAd,IAA2BD,SAAS,GAAGJ,SAAS,CAACM,MADnD,KAEG;IACE,SAAS,EAAER,qBAAqB,CAC9B,oCAD8B,EAE9BM,SAF8B;EADlC,GAMGF,MANH,CAHN,EAYGH,YAAY,CAACI,OAAD,CAAZ,KACEC,SAAS,KAAKC,SAAd,IAA2BD,SAAS,IAAIJ,SAAS,CAACM,MADpD,KAEG;IACE,SAAS,EAAER,qBAAqB,CAC9B,qCAD8B,EAE9BM,SAF8B;EADlC,GAMGD,OANH,CAdN,CADF;AA0BD,CAhCM"}

package/dist/components/WriteBar/WriteBar.js

@@ -8,7 +8,7 @@ import { usePlatform } from "../../hooks/usePlatform";
 import { useExternRef } from "../../hooks/useExternRef";
 import { hasReactNode, isFunction } from "../../lib/utils";
 import { classNames } from "../../lib/classNames";
-import { IOS } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
@@ -65,14 +65,11 @@ export var WriteBar = function WriteBar(_ref) {
   }, [resize, value]);
   return createScopedElement("div", {
     ref: getRootRef,
-    vkuiClass: classNames("WriteBar", platform === IOS && "WriteBar--ios", shadow && "WriteBar--shadow"),
+    vkuiClass: classNames("WriteBar", platform === Platform.IOS && "WriteBar--ios", shadow && "WriteBar--shadow"),
     className: className,
     style: style
-  }, createScopedElement("form", {
-    vkuiClass: "WriteBar__form",
-    onSubmit: function onSubmit(e) {
-      return e.preventDefault();
-    }
+  }, createScopedElement("div", {
+    vkuiClass: "WriteBar__form"
   }, hasReactNode(before) && createScopedElement("div", {
     vkuiClass: "WriteBar__before"
   }, before), createScopedElement("div", {

package/dist/components/WriteBar/WriteBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"WriteBar.js","names":["React","Headline","usePlatform","useExternRef","hasReactNode","isFunction","classNames","IOS","WriteBar","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","shadow","restProps","platform","isControlledOutside","textareaRef","currentScrollHeight","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","onTextareaChange","event","useEffect","e","preventDefault"],"sources":["../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./WriteBar.css\";\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n  /**\n   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  value,\n  onChange,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  ...restProps\n}: WriteBarProps) => {\n  const platform = usePlatform();\n\n  const isControlledOutside = value != null;\n\n  const textareaRef = useExternRef(getRef);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resize = React.useCallback(() => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    if (textareaEl.offsetParent) {\n      textareaEl.style.height = \"\";\n      textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n      if (\n        textareaEl.scrollHeight !== currentScrollHeight.current &&\n        onHeightChange\n      ) {\n        onHeightChange();\n        currentScrollHeight.current = textareaEl.scrollHeight;\n      }\n    }\n  }, [onHeightChange, textareaRef]);\n\n  const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (\n    event\n  ) => {\n    if (isFunction(onChange)) {\n      onChange(event);\n    }\n\n    if (!isControlledOutside) {\n      resize();\n    }\n  };\n\n  React.useEffect(() => {\n    resize();\n  }, [resize, value]);\n\n  return (\n    <div\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"WriteBar\",\n        platform === IOS && \"WriteBar--ios\",\n        shadow && \"WriteBar--shadow\"\n      )}\n      className={className}\n      style={style}\n    >\n      <form vkuiClass=\"WriteBar__form\" onSubmit={(e) => e.preventDefault()}>\n        {hasReactNode(before) && (\n          <div vkuiClass=\"WriteBar__before\">{before}</div>\n        )}\n\n        <div vkuiClass=\"WriteBar__formIn\">\n          <Headline\n            {...restProps}\n            Component=\"textarea\"\n            vkuiClass=\"WriteBar__textarea\"\n            onChange={onTextareaChange}\n            getRootRef={textareaRef}\n            value={value}\n          />\n          {hasReactNode(inlineAfter) && (\n            <div vkuiClass=\"WriteBar__inlineAfter\">{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && <div vkuiClass=\"WriteBar__after\">{after}</div>}\n      </form>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WriteBar.js","names":["React","Headline","usePlatform","useExternRef","hasReactNode","isFunction","classNames","Platform","WriteBar","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","shadow","restProps","platform","isControlledOutside","textareaRef","currentScrollHeight","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","onTextareaChange","event","useEffect","IOS"],"sources":["../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./WriteBar.css\";\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n  /**\n   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  value,\n  onChange,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  ...restProps\n}: WriteBarProps) => {\n  const platform = usePlatform();\n\n  const isControlledOutside = value != null;\n\n  const textareaRef = useExternRef(getRef);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resize = React.useCallback(() => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    if (textareaEl.offsetParent) {\n      textareaEl.style.height = \"\";\n      textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n      if (\n        textareaEl.scrollHeight !== currentScrollHeight.current &&\n        onHeightChange\n      ) {\n        onHeightChange();\n        currentScrollHeight.current = textareaEl.scrollHeight;\n      }\n    }\n  }, [onHeightChange, textareaRef]);\n\n  const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (\n    event\n  ) => {\n    if (isFunction(onChange)) {\n      onChange(event);\n    }\n\n    if (!isControlledOutside) {\n      resize();\n    }\n  };\n\n  React.useEffect(() => {\n    resize();\n  }, [resize, value]);\n\n  return (\n    <div\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"WriteBar\",\n        platform === Platform.IOS && \"WriteBar--ios\",\n        shadow && \"WriteBar--shadow\"\n      )}\n      className={className}\n      style={style}\n    >\n      <div vkuiClass=\"WriteBar__form\">\n        {hasReactNode(before) && (\n          <div vkuiClass=\"WriteBar__before\">{before}</div>\n        )}\n\n        <div vkuiClass=\"WriteBar__formIn\">\n          <Headline\n            {...restProps}\n            Component=\"textarea\"\n            vkuiClass=\"WriteBar__textarea\"\n            onChange={onTextareaChange}\n            getRootRef={textareaRef}\n            value={value}\n          />\n          {hasReactNode(inlineAfter) && (\n            <div vkuiClass=\"WriteBar__inlineAfter\">{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && <div vkuiClass=\"WriteBar__after\">{after}</div>}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/WriteBarIcon/WriteBarIcon.js

@@ -5,7 +5,7 @@ import { createScopedElement } from "../../lib/jsxRuntime";
 import { Icon24Send, Icon28AddCircleOutline, Icon28AttachOutline, Icon28CheckCircleOutline, Icon48WritebarDone, Icon48WritebarSend } from "@vkontakte/icons";
 import { usePlatform } from "../../hooks/usePlatform";
 import { classNames } from "../../lib/classNames";
-import { IOS, Platform } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { Counter } from "../Counter/Counter";
 import { Tappable } from "../Tappable/Tappable";
 import { warnOnce } from "../../lib/warnOnce";
@@ -28,17 +28,29 @@ export var WriteBarIcon = function WriteBarIcon(_ref) {
 
   switch (mode) {
     case "attach":
-      icon = platform === IOS ? createScopedElement(Icon28AddCircleOutline, null) : createScopedElement(Icon28AttachOutline, null);
+      icon = platform === Platform.IOS ? createScopedElement(Icon28AddCircleOutline, {
+        "aria-hidden": true
+      }) : createScopedElement(Icon28AttachOutline, {
+        "aria-hidden": true
+      });
       ariaLabel = "Прикрепить файл";
       break;
 
     case "send":
-      icon = platform === IOS ? createScopedElement(Icon48WritebarSend, null) : createScopedElement(Icon24Send, null);
+      icon = platform === Platform.IOS ? createScopedElement(Icon48WritebarSend, {
+        "aria-hidden": true
+      }) : createScopedElement(Icon24Send, {
+        "aria-hidden": true
+      });
       ariaLabel = "Отправить";
       break;
 
     case "done":
-      icon = platform === IOS ? createScopedElement(Icon48WritebarDone, null) : createScopedElement(Icon28CheckCircleOutline, null);
+      icon = platform === Platform.IOS ? createScopedElement(Icon48WritebarDone, {
+        "aria-hidden": true
+      }) : createScopedElement(Icon28CheckCircleOutline, {
+        "aria-hidden": true
+      });
       ariaLabel = "Готово";
       break;
 
@@ -56,7 +68,7 @@ export var WriteBarIcon = function WriteBarIcon(_ref) {
     Component: "button",
     hasHover: false,
     activeMode: "WriteBarIcon__active",
-    vkuiClass: classNames("WriteBarIcon", platform === Platform.IOS && "WriteBarIcon--ios", !!mode && "WriteBarIcon--".concat(mode))
+    vkuiClass: classNames("WriteBarIcon", platform === Platform.IOS && "WriteBarIcon--ios", mode && "WriteBarIcon--mode-".concat(mode))
   }), createScopedElement("span", {
     vkuiClass: "WriteBarIcon__in"
   }, icon || children, hasReactNode(count) && createScopedElement(Counter, {