@vkontakte/vkui 4.37.0 → 4.37.1

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

@@ -1 +1 @@
-{"version":3,"file":"View.js","names":["SwipeBackResults","scrollsCache","warn","warnOnce","View","popout","modal","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","restProps","process","env","NODE_ENV","scrolls","React","useRef","getNavId","id","afterTransition","noop","useEffect","current","panelNodes","useDOM","window","document","scroll","useScroll","configProvider","useConfigProvider","splitCol","useSplitCol","platform","usePlatform","useState","animated","setAnimated","visiblePanels","setVisiblePanels","setActivePanel","undefined","isBack","setIsBack","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipingBack","setSwipingBack","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","usePrevious","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","useIsomorphicLayoutEffect","transitionEndHandler","e","animationName","Boolean","useWaitTransitionFinish","waitTransitionFinish","animationFinishTimeout","useTimeout","IOS","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","swipeBackExcluded","isWebView","startX","innerWidth","length","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","blurActiveElement","firstLayerId","map","find","animationEvent","supported","set","classNames","isTransitionTarget","compensateScroll","el","marginTop"],"sources":["../../../../src/components/View/View.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } 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":["SwipeBackResults","scrollsCache","warn","warnOnce","View","popout","modal","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","restProps","process","env","NODE_ENV","scrolls","React","useRef","getNavId","id","afterTransition","noop","useEffect","current","panelNodes","useDOM","window","document","scroll","useScroll","configProvider","useConfigProvider","splitCol","useSplitCol","platform","usePlatform","useState","animated","setAnimated","visiblePanels","setVisiblePanels","setActivePanel","undefined","isBack","setIsBack","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipingBack","setSwipingBack","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","usePrevious","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","useIsomorphicLayoutEffect","transitionEndHandler","e","animationName","Boolean","useWaitTransitionFinish","waitTransitionFinish","animationFinishTimeout","useTimeout","IOS","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","swipeBackExcluded","isWebView","startX","innerWidth","length","blurActiveElement","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","animationEvent","supported","set","classNames","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          // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n          blurActiveElement(document);\n          scrolls.current[activePanel] = scroll?.getScroll().y;\n        }\n\n        setSwipingBack(true);\n        setSwipeBackStartX(e.startX);\n        setSwipeBackPrevPanel(activePanel);\n        setSwipeBackNextPanel(history.slice(-2)[0]);\n      }\n      if (swipingBack) {\n        let swipeBackShift = 0;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (e.shiftX > window.innerWidth - swipeBackStartX) {\n          swipeBackShift = window?.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        setSwipeBackShift(swipeBackShift);\n      }\n    }\n  };\n\n  const onEnd = React.useCallback(\n    (e: TouchEvent): void => {\n      if (swipingBack && window) {\n        const speed = (swipeBackShift / e.duration) * 1000;\n        if (swipeBackShift === 0) {\n          onSwipeBackCancel();\n        } else if (swipeBackShift >= (window?.innerWidth ?? 0)) {\n          onSwipeBackSuccess();\n        } else if (\n          speed > 250 ||\n          swipeBackStartX + swipeBackShift > window.innerWidth / 2\n        ) {\n          setSwipeBackResult(SwipeBackResults.success);\n        } else {\n          setSwipeBackResult(SwipeBackResults.fail);\n        }\n      }\n    },\n    [\n      onSwipeBackCancel,\n      onSwipeBackSuccess,\n      swipeBackShift,\n      swipeBackStartX,\n      swipingBack,\n      window,\n    ]\n  );\n\n  const calcPanelSwipeStyles = (\n    panelId: string | undefined\n  ): React.CSSProperties => {\n    if (!canUseDOM || !window) {\n      return {};\n    }\n\n    const isPrev = panelId === swipeBackPrevPanel;\n    const isNext = panelId === swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (swipeBackShift * 100) / window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (window.innerWidth - swipeBackShift)) / window.innerWidth;\n\n    if (swipeBackResult) {\n      return isPrev\n        ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n        : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n      };\n    }\n\n    return {};\n  };\n\n  React.useEffect(() => {\n    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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"}

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

@@ -0,0 +1,66 @@
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import { SplitColContextProps } from "../SplitCol/SplitCol";
+import { ScrollContextInterface } from "../AppRoot/ScrollContext";
+import { NavIdProps } from "../../lib/getNavId";
+import "./View.css";
+declare enum SwipeBackResults {
+    fail = 1,
+    success = 2
+}
+export declare type TransitionParams = {
+    from: string | null;
+    to: string | null;
+};
+export interface ViewInfiniteProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, NavIdProps {
+    activePanel: string;
+    popout?: React.ReactNode;
+    modal?: React.ReactNode;
+    onTransition?(params: TransitionParams & {
+        isBack: boolean;
+    }): void;
+    /**
+     * callback свайпа назад
+     */
+    onSwipeBack?(): void;
+    /**
+     * callback начала анимации свайпа назад.
+     */
+    onSwipeBackStart?(): void;
+    /**
+     * callback завершения анимации отмененного пользователем свайпа
+     */
+    onSwipeBackCancel?(): void;
+    history?: string[];
+    isBackCheck?(params: TransitionParams): boolean;
+    /**
+     * @ignore
+     */
+    splitCol?: SplitColContextProps;
+    /**
+     * @ignore
+     */
+    configProvider?: ConfigProviderContextInterface;
+    /**
+     * @ignore
+     */
+    scroll?: ScrollContextInterface;
+}
+export interface ViewInfiniteState {
+    animated: boolean;
+    visiblePanels: Array<string | null>;
+    activePanel: string | null;
+    isBack?: boolean;
+    prevPanel: string | null;
+    nextPanel: string | null;
+    swipingBack: boolean;
+    swipebackStartX: number;
+    swipeBackShift: number;
+    swipeBackNextPanel: string | null;
+    swipeBackPrevPanel: string | null;
+    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 {};

package/dist/cjs/components/View/utils.d.ts

@@ -0,0 +1,2 @@
+import { TouchEvent } from "../Touch/Touch";
+export declare function swipeBackExcluded(e: TouchEvent): boolean;

package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { HasRef } from "../../types";
+import "./VisuallyHiddenInput.css";
+export interface VisuallyHiddenInputProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement> {
+}
+/**
+ * @description
+ * Обертка над обычным `<input/>`; дает
+ * скрыть его визуально и оставить
+ * доступным для ассистивных технологий.
+ */
+export declare const VisuallyHiddenInput: ({ getRef, ...restProps }: VisuallyHiddenInputProps) => JSX.Element;

package/dist/cjs/components/WriteBar/WriteBar.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./WriteBar.css";
+export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLTextAreaElement> {
+    /**
+     * Содержимое, отображаемое слева от поля ввода.
+     */
+    before?: React.ReactNode;
+    /**
+     * Содержимое, отображаемое поверх поля ввода (актуально для iOS)
+     */
+    inlineAfter?: React.ReactNode;
+    /**
+     * Содержимое, отображаемое справа от поля ввода
+     */
+    after?: React.ReactNode;
+    /**
+     * Вызывается при смене высоты поля ввода
+     */
+    onHeightChange?: VoidFunction;
+    /**
+     * Добавляет тень вокруг поля ввода
+     */
+    shadow?: boolean;
+    children?: never;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/WriteBar
+ */
+export declare const WriteBar: ({ className, style, before, inlineAfter, after, value, onChange, getRootRef, getRef, onHeightChange, shadow, ...restProps }: WriteBarProps) => JSX.Element;

package/dist/cjs/components/WriteBar/WriteBar.js

@@ -88,11 +88,8 @@ var WriteBar = function WriteBar(_ref) {
     vkuiClass: (0, _classNames.classNames)("WriteBar", platform === _platform.IOS && "WriteBar--ios", shadow && "WriteBar--shadow"),
     className: className,
     style: style
-  }, (0, _jsxRuntime.createScopedElement)("form", {
-    vkuiClass: "WriteBar__form",
-    onSubmit: function onSubmit(e) {
-      return e.preventDefault();
-    }
+  }, (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "WriteBar__form"
   }, (0, _utils.hasReactNode)(before) && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "WriteBar__before"
   }, before), (0, _jsxRuntime.createScopedElement)("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"WriteBar.js","names":["WriteBar","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","shadow","restProps","platform","usePlatform","isControlledOutside","textareaRef","useExternRef","currentScrollHeight","React","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","onTextareaChange","event","isFunction","useEffect","classNames","IOS","e","preventDefault","hasReactNode"],"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":["WriteBar","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","shadow","restProps","platform","usePlatform","isControlledOutside","textareaRef","useExternRef","currentScrollHeight","React","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","onTextareaChange","event","isFunction","useEffect","classNames","IOS","hasReactNode"],"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      <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/cjs/components/WriteBarIcon/WriteBarIcon.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import "./WriteBarIcon.css";
+export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.
+     * Если передать валидное значение для этого свойства, `children` игнорируется.
+     *
+     * - `attach` – иконка прикрепления.
+     * - `send` – иконка отправки.
+     * - `done` – иконка отправки в режиме редактирования.
+     */
+    mode?: "attach" | "send" | "done";
+    /**
+     * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.
+     */
+    count?: number;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/WriteBarIcon
+ */
+export declare const WriteBarIcon: ({ mode, children, count, ...restProps }: WriteBarIconProps) => JSX.Element;

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js

@@ -47,17 +47,29 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
 
   switch (mode) {
     case "attach":
-      icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon28AddCircleOutline, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon28AttachOutline, null);
+      icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon28AddCircleOutline, {
+        "aria-hidden": true
+      }) : (0, _jsxRuntime.createScopedElement)(_icons.Icon28AttachOutline, {
+        "aria-hidden": true
+      });
       ariaLabel = "Прикрепить файл";
       break;
 
     case "send":
-      icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon48WritebarSend, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Send, null);
+      icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon48WritebarSend, {
+        "aria-hidden": true
+      }) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Send, {
+        "aria-hidden": true
+      });
       ariaLabel = "Отправить";
       break;
 
     case "done":
-      icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon48WritebarDone, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon28CheckCircleOutline, null);
+      icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon48WritebarDone, {
+        "aria-hidden": true
+      }) : (0, _jsxRuntime.createScopedElement)(_icons.Icon28CheckCircleOutline, {
+        "aria-hidden": true
+      });
       ariaLabel = "Готово";
       break;
 

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"WriteBarIcon.js","names":["warn","warnOnce","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","usePlatform","icon","ariaLabel","undefined","IOS","classNames","Platform","hasReactNode"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { Counter } from \"../Counter/Counter\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.css\";\n\nexport interface WriteBarIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: \"attach\" | \"send\" | \"done\";\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n  mode,\n  children,\n  count,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string | undefined = undefined;\n\n  switch (mode) {\n    case \"attach\":\n      icon =\n        platform === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n      ariaLabel = \"Прикрепить файл\";\n      break;\n\n    case \"send\":\n      icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n      ariaLabel = \"Отправить\";\n      break;\n\n    case \"done\":\n      icon =\n        platform === IOS ? (\n          <Icon48WritebarDone />\n        ) : (\n          <Icon28CheckCircleOutline />\n        );\n      ariaLabel = \"Готово\";\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n    warn(\n      \"a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\",\n      \"error\"\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode=\"WriteBarIcon__active\"\n      vkuiClass={classNames(\n        \"WriteBarIcon\",\n        platform === Platform.IOS && \"WriteBarIcon--ios\",\n        !!mode && `WriteBarIcon--${mode}`\n      )}\n    >\n      <span vkuiClass=\"WriteBarIcon__in\">\n        {icon || children}\n        {hasReactNode(count) && (\n          <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n            {count}\n          </Counter>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAEA;AACA;AACA;;AACO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAKH;EAAA,IAJvBC,IAIuB,QAJvBA,IAIuB;EAAA,IAHvBC,QAGuB,QAHvBA,QAGuB;EAAA,IAFvBC,KAEuB,QAFvBA,KAEuB;EAAA,IADpBC,SACoB;EACvB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAIC,IAAJ;EACA,IAAIC,SAA6B,GAAGC,SAApC;;EAEA,QAAQR,IAAR;IACE,KAAK,QAAL;MACEM,IAAI,GACFF,QAAQ,KAAKK,aAAb,GAAmB,qCAAC,6BAAD,OAAnB,GAAgD,qCAAC,0BAAD,OADlD;MAEAF,SAAS,GAAG,iBAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GAAGF,QAAQ,KAAKK,aAAb,GAAmB,qCAAC,yBAAD,OAAnB,GAA4C,qCAAC,iBAAD,OAAnD;MACAF,SAAS,GAAG,WAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GACFF,QAAQ,KAAKK,aAAb,GACE,qCAAC,yBAAD,OADF,GAGE,qCAAC,+BAAD,OAJJ;MAMAF,SAAS,GAAG,QAAZ;MACA;;IAEF;MACE;EAvBJ;;EA0BA,IAAIZ,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACI,SAA3C,EAAsD;IACpDd,IAAI,CACF,wFADE,EAEF,OAFE,CAAJ;EAID;;EAED,OACE,qCAAC,kBAAD;IACE,cAAYc;EADd,GAEMJ,SAFN;IAGE,SAAS,EAAC,QAHZ;IAIE,QAAQ,EAAE,KAJZ;IAKE,UAAU,EAAC,sBALb;IAME,SAAS,EAAE,IAAAO,sBAAA,EACT,cADS,EAETN,QAAQ,KAAKO,kBAAA,CAASF,GAAtB,IAA6B,mBAFpB,EAGT,CAAC,CAACT,IAAF,4BAA2BA,IAA3B,CAHS;EANb,IAYE;IAAM,SAAS,EAAC;EAAhB,GACGM,IAAI,IAAIL,QADX,EAEG,IAAAW,mBAAA,EAAaV,KAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC,uBAAnB;IAA2C,IAAI,EAAC;EAAhD,GACGA,KADH,CAHJ,CAZF,CADF;AAuBD,CAnEM"}
+{"version":3,"file":"WriteBarIcon.js","names":["warn","warnOnce","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","usePlatform","icon","ariaLabel","undefined","IOS","classNames","Platform","hasReactNode"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { Counter } from \"../Counter/Counter\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.css\";\n\nexport interface WriteBarIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: \"attach\" | \"send\" | \"done\";\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n  mode,\n  children,\n  count,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string | undefined = undefined;\n\n  switch (mode) {\n    case \"attach\":\n      icon =\n        platform === IOS ? (\n          <Icon28AddCircleOutline aria-hidden />\n        ) : (\n          <Icon28AttachOutline aria-hidden />\n        );\n      ariaLabel = \"Прикрепить файл\";\n      break;\n\n    case \"send\":\n      icon =\n        platform === IOS ? (\n          <Icon48WritebarSend aria-hidden />\n        ) : (\n          <Icon24Send aria-hidden />\n        );\n      ariaLabel = \"Отправить\";\n      break;\n\n    case \"done\":\n      icon =\n        platform === IOS ? (\n          <Icon48WritebarDone aria-hidden />\n        ) : (\n          <Icon28CheckCircleOutline aria-hidden />\n        );\n      ariaLabel = \"Готово\";\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n    warn(\n      \"a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\",\n      \"error\"\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode=\"WriteBarIcon__active\"\n      vkuiClass={classNames(\n        \"WriteBarIcon\",\n        platform === Platform.IOS && \"WriteBarIcon--ios\",\n        !!mode && `WriteBarIcon--${mode}`\n      )}\n    >\n      <span vkuiClass=\"WriteBarIcon__in\">\n        {icon || children}\n        {hasReactNode(count) && (\n          <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n            {count}\n          </Counter>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAEA;AACA;AACA;;AACO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAKH;EAAA,IAJvBC,IAIuB,QAJvBA,IAIuB;EAAA,IAHvBC,QAGuB,QAHvBA,QAGuB;EAAA,IAFvBC,KAEuB,QAFvBA,KAEuB;EAAA,IADpBC,SACoB;EACvB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAIC,IAAJ;EACA,IAAIC,SAA6B,GAAGC,SAApC;;EAEA,QAAQR,IAAR;IACE,KAAK,QAAL;MACEM,IAAI,GACFF,QAAQ,KAAKK,aAAb,GACE,qCAAC,6BAAD;QAAwB;MAAxB,EADF,GAGE,qCAAC,0BAAD;QAAqB;MAArB,EAJJ;MAMAF,SAAS,GAAG,iBAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GACFF,QAAQ,KAAKK,aAAb,GACE,qCAAC,yBAAD;QAAoB;MAApB,EADF,GAGE,qCAAC,iBAAD;QAAY;MAAZ,EAJJ;MAMAF,SAAS,GAAG,WAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GACFF,QAAQ,KAAKK,aAAb,GACE,qCAAC,yBAAD;QAAoB;MAApB,EADF,GAGE,qCAAC,+BAAD;QAA0B;MAA1B,EAJJ;MAMAF,SAAS,GAAG,QAAZ;MACA;;IAEF;MACE;EAhCJ;;EAmCA,IAAIZ,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACI,SAA3C,EAAsD;IACpDd,IAAI,CACF,wFADE,EAEF,OAFE,CAAJ;EAID;;EAED,OACE,qCAAC,kBAAD;IACE,cAAYc;EADd,GAEMJ,SAFN;IAGE,SAAS,EAAC,QAHZ;IAIE,QAAQ,EAAE,KAJZ;IAKE,UAAU,EAAC,sBALb;IAME,SAAS,EAAE,IAAAO,sBAAA,EACT,cADS,EAETN,QAAQ,KAAKO,kBAAA,CAASF,GAAtB,IAA6B,mBAFpB,EAGT,CAAC,CAACT,IAAF,4BAA2BA,IAA3B,CAHS;EANb,IAYE;IAAM,SAAS,EAAC;EAAhB,GACGM,IAAI,IAAIL,QADX,EAEG,IAAAW,mBAAA,EAAaV,KAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC,uBAAnB;IAA2C,IAAI,EAAC;EAAhD,GACGA,KADH,CAHJ,CAZF,CADF;AAuBD,CA5EM"}

package/dist/cjs/helpers/avatar.d.ts

@@ -0,0 +1,5 @@
+import { InitialsAvatarNumberGradients } from "../components/InitialsAvatar/InitialsAvatar";
+/**
+ * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта
+ */
+export declare function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients;

package/dist/cjs/helpers/getClassName.d.ts

@@ -0,0 +1,2 @@
+import { PlatformType } from "../lib/platform";
+export declare function getClassName(base: string, osname?: PlatformType): string;

package/dist/cjs/helpers/getScheme.d.ts

@@ -0,0 +1,8 @@
+import { AppearanceType } from "@vkontakte/vk-bridge";
+import { PlatformType } from "../lib/platform";
+import { Scheme } from "./scheme";
+export interface GetSchemeProps {
+    platform?: PlatformType;
+    appearance?: AppearanceType;
+}
+export declare function getScheme({ platform, appearance }: GetSchemeProps): Scheme;

package/dist/cjs/helpers/math.d.ts

@@ -0,0 +1,5 @@
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare function precisionRound(number: number, precision?: number): number;
+export declare function rescale(value: number, from: [number, number], to: [number, number], options?: {
+    step?: number;
+}): number;

package/dist/cjs/helpers/scheme.d.ts

@@ -0,0 +1,34 @@
+import { AppearanceSchemeType, AppearanceType } from "@vkontakte/vk-bridge";
+import { PlatformType } from "../lib/platform";
+export declare enum Scheme {
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости со старыми версиями клиентов
+     */
+    DEPRECATED_CLIENT_LIGHT = "client_light",
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости со старыми версиями клиентов
+     */
+    DEPRECATED_CLIENT_DARK = "client_dark",
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости с vkcom, когда там была только одна схема
+     */
+    VKCOM = "vkcom",
+    BRIGHT_LIGHT = "bright_light",
+    SPACE_GRAY = "space_gray",
+    VKCOM_LIGHT = "vkcom_light",
+    VKCOM_DARK = "vkcom_dark"
+}
+export declare type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT | "inherit";
+export declare enum Appearance {
+    DARK = "dark",
+    LIGHT = "light"
+}
+export interface NormalizeSchemeProps {
+    platform: PlatformType;
+    scheme?: AppearanceScheme;
+    appearance?: AppearanceType;
+}
+export declare function normalizeScheme({ platform, scheme, appearance, }: NormalizeSchemeProps): Scheme | "inherit";

package/dist/cjs/hoc/withAdaptivity.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { SizeType, ViewHeight, ViewWidth, AdaptivityContextInterface, AdaptivityProps, SizeProps } from "../components/AdaptivityProvider/AdaptivityContext";
+export { SizeType, ViewWidth, ViewHeight };
+export type { AdaptivityProps };
+interface Config {
+    sizeX?: boolean;
+    sizeY?: boolean;
+    viewWidth?: boolean;
+    viewHeight?: boolean;
+    hasMouse?: boolean;
+    deviceHasHover?: boolean;
+}
+export declare function withAdaptivity<T extends AdaptivityProps>(TargetComponent: React.ComponentType<T>, config: Config): React.FC<Omit<T, keyof AdaptivityContextInterface> & SizeProps>;

package/dist/cjs/hoc/withContext.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function withContext<T, X>(Component: React.ComponentType<T>, Ctx: React.Context<X>, prop: string): React.FC<T>;

package/dist/cjs/hoc/withInsets.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { HasInsets } from "../types";
+export declare function withInsets<T extends HasInsets>(Component: React.ComponentType<T>): React.ComponentType<Omit<T, keyof HasInsets>>;

package/dist/cjs/hoc/withPlatform.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { HasPlatform } from "../types";
+export declare function withPlatform<T extends HasPlatform>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasPlatform>>;

package/dist/cjs/hooks/useAdaptivity.d.ts

@@ -0,0 +1,4 @@
+import { AdaptivityProps, AdaptivityContextInterface } from "../components/AdaptivityProvider/AdaptivityContext";
+export type { AdaptivityProps };
+export declare const useAdaptivity: () => AdaptivityContextInterface;
+export declare const useAdaptivityIsDesktop: () => boolean;

package/dist/cjs/hooks/useAppearance.d.ts

@@ -0,0 +1 @@
+export declare const useAppearance: () => import("@vkontakte/vk-bridge").AppearanceType;

package/dist/cjs/hooks/useBooleanState.d.ts

@@ -0,0 +1,6 @@
+export declare const useBooleanState: (defaultValue?: boolean) => {
+    value: boolean;
+    setTrue: () => void;
+    setFalse: () => void;
+    toggle: () => void;
+};

package/dist/cjs/hooks/useBridgeAdaptivity.d.ts

@@ -0,0 +1,6 @@
+export interface BridgeAdaptivity {
+    type: "" | "force_mobile" | "force_mobile_compact" | "adaptive";
+    viewportWidth: number;
+    viewportHeight: number;
+}
+export declare function useBridgeAdaptivity(): BridgeAdaptivity;

package/dist/cjs/hooks/useBrowserInfo.d.ts

@@ -0,0 +1,2 @@
+import { BrowserInfo } from "../lib/browser";
+export declare function useBrowserInfo(): BrowserInfo;

package/dist/cjs/hooks/useCalendar.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { CalendarProps } from "../components/Calendar/Calendar";
+export interface UseCalendarDependencies extends Pick<CalendarProps, "onHeaderChange" | "onNextMonth" | "onPrevMonth"> {
+    value?: Array<Date | null> | Date;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    shouldDisableDate?(value: Date): boolean;
+}
+export declare function useCalendar({ value, disablePast, disableFuture, shouldDisableDate, onHeaderChange, onNextMonth, onPrevMonth, }: UseCalendarDependencies): {
+    viewDate: Date;
+    setViewDate: (value: Date) => void;
+    setPrevMonth: () => void;
+    setNextMonth: () => void;
+    focusedDay: Date | undefined;
+    setFocusedDay: React.Dispatch<React.SetStateAction<Date | undefined>>;
+    isDayFocused: (day: Date) => boolean;
+    isDayDisabled: (day: Date) => boolean;
+    resetSelectedDay: () => void;
+};

package/dist/cjs/hooks/useChipsInput.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { ChipOption } from "../components/Chip/Chip";
+import { ChipsInputBaseProps } from "../components/ChipsInputBase/ChipsInputBase";
+export declare const useChipsInput: <Option extends ChipOption>(props: Partial<ChipsInputBaseProps<Option>>) => {
+    fieldValue: string | undefined;
+    setFieldValue: React.Dispatch<React.SetStateAction<string | undefined>>;
+    selectedOptions: Option[];
+    setSelectedOptions: React.Dispatch<React.SetStateAction<Option[]>>;
+    clearInput: () => void;
+    toggleOption: (newOption: Option, value?: boolean | undefined) => void;
+    addOption: (newOption: Option) => void;
+    addOptionFromInput: () => void;
+    removeOption: (value: any) => void;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};