@vkontakte/vkui 8.2.3 → 8.3.1

package/dist/components/CalendarTime/ComboBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/CalendarTime/ComboBox.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAqEF,KAAK,aAAa,GAAG,UAAU,GAAG;IAEhC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,KAAK,EAAE,GAAG,SAAS,CAAC;IAE/C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,UAAU,EACV,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,GAAG,SAAS,EACb,EAAE,aAAa,2CAuEf"}
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/CalendarTime/ComboBox.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAqEF,KAAK,aAAa,GAAG,UAAU,GAAG;IAEhC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,KAAK,EAAE,GAAG,SAAS,CAAC;IAE/C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,UAAU,EACV,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,GAAG,SAAS,EACb,EAAE,aAAa,2CAwEf"}

package/dist/components/CalendarTime/ComboBox.js

@@ -99,6 +99,7 @@ export function ComboBox({ getRootRef, onBlur, onFocus, after, labels = [], defa
                 autoUpdateOnTargetResize: true,
                 flipMiddlewareFallbackAxisSideDirection: "none",
                 offsetByMainAxis: 0,
+                usePortal: false,
                 children: /*#__PURE__*/ _jsx(CustomScrollView, {
                     tabIndex: -1,
                     className: "vkuiCalendarTime__customScroll",

package/dist/components/CalendarTime/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CalendarTime/ComboBox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { type Placement } from '@vkontakte/vkui-floating-ui/core';\nimport { useBooleanState } from '../../hooks/useBooleanState';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { CustomScrollView } from '../CustomScrollView/CustomScrollView';\nimport { CustomSelectOption } from '../CustomSelectOption/CustomSelectOption';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { Input, type InputProps } from '../Input/Input';\nimport { Popper } from '../Popper/Popper';\nimport styles from './CalendarTime.module.css';\n\ntype Label = {\n  /**\n   * Значение.\n   */\n  value: string;\n  /**\n   * Лейбл.\n   */\n  label: string;\n  /**\n   * Disabled состояние.\n   */\n  disabled?: boolean;\n};\n\ntype OptionProps = {\n  /**\n   * Выбранное значение.\n   */\n  selectedValue: string | number | readonly string[] | undefined;\n  /**\n   * Опция.\n   */\n  option: Label;\n  /**\n   * Нажатие на элемент.\n   */\n  onClickOption?: ((value: string) => void) | undefined;\n};\n\nfunction getScrollParent(node: Node | null): HTMLElement | null {\n  if (!(node instanceof HTMLElement)) {\n    return null;\n  }\n\n  if (node.scrollHeight > node.clientHeight) {\n    return node;\n  } else {\n    return getScrollParent(node.parentNode);\n  }\n}\n\nfunction Option({ option, onClickOption, selectedValue }: OptionProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const selected = selectedValue === option.value;\n\n  React.useEffect(() => {\n    if (!selected) {\n      return;\n    }\n\n    const element = ref.current;\n    const scrollElement = getScrollParent(ref.current);\n\n    if (!element || !scrollElement) {\n      return;\n    }\n\n    scrollElement.scrollTo({\n      top: element.offsetTop - scrollElement.offsetHeight / 2 + element.offsetHeight / 2,\n    });\n  }, [selected]);\n\n  return (\n    <CustomSelectOption\n      getRootRef={ref}\n      key={option.value}\n      onMouseDown={(event) => {\n        event.preventDefault();\n      }}\n      onClick={() => {\n        onClickOption?.(option.value);\n      }}\n      selected={selected}\n      disabled={option.disabled}\n      textNoWrap\n    >\n      {option.label}\n    </CustomSelectOption>\n  );\n}\n\ntype ComboBoxProps = InputProps & {\n  // eslint-disable-next-line jsdoc/require-jsdoc\n  readonly labels?: readonly Label[] | undefined;\n\n  /**\n   * Нажатие на элемент.\n   */\n  onClickOption?: ((value: string) => void) | undefined;\n};\n\nexport function ComboBox({\n  getRootRef,\n  onBlur,\n  onFocus,\n  after,\n  labels = [],\n  defaultValue,\n  slotProps,\n  onClickOption,\n  ...restProps\n}: ComboBoxProps) {\n  const ref = useExternRef(getRootRef);\n  const inputRef = useExternRef(slotProps?.input?.getRootRef);\n\n  const [focus, setFocus, setBlur] = useBooleanState(false);\n\n  const [popperPlacement, setPopperPlacement] = React.useState<Placement>('bottom');\n\n  const labelsElements = focus\n    ? labels.map((option) => {\n        return (\n          <Option\n            key={option.value}\n            onClickOption={onClickOption}\n            selectedValue={restProps.value}\n            option={option}\n          />\n        );\n      })\n    : undefined;\n\n  /**\n   * При управлении стрелками необходима правильная очередность элементов в списке.\n   */\n  if (popperPlacement.includes('top')) {\n    labelsElements?.reverse();\n  }\n\n  return (\n    <>\n      <Input\n        getRootRef={ref}\n        className={\n          focus ? (popperPlacement.includes('top') ? styles.inputPopUp : styles.inputPopDown) : ''\n        }\n        type=\"text\"\n        onFocus={callMultiple(setFocus, onFocus)}\n        onBlur={callMultiple(setBlur, onBlur)}\n        onClick={() => inputRef.current?.focus()}\n        after={after || (labels && <DropdownIcon opened={focus} />)}\n        slotProps={{\n          ...slotProps,\n          input: {\n            ...slotProps?.input,\n            getRootRef: inputRef,\n          },\n        }}\n        {...restProps}\n      />\n\n      {focus && labels && (\n        <Popper\n          targetRef={ref}\n          placement={popperPlacement}\n          onPlacementChange={setPopperPlacement}\n          className={classNames(\n            styles.popper,\n            popperPlacement.includes('top') ? styles.popperTop : styles.popperBottom,\n          )}\n          sameWidth\n          autoUpdateOnTargetResize\n          flipMiddlewareFallbackAxisSideDirection=\"none\"\n          offsetByMainAxis={0}\n        >\n          <CustomScrollView tabIndex={-1} className={styles.customScroll}>\n            {labelsElements}\n          </CustomScrollView>\n        </Popper>\n      )}\n    </>\n  );\n}\n"],"names":["React","classNames","useBooleanState","useExternRef","callMultiple","CustomScrollView","CustomSelectOption","DropdownIcon","Input","Popper","getScrollParent","node","HTMLElement","scrollHeight","clientHeight","parentNode","Option","option","onClickOption","selectedValue","ref","useRef","selected","value","useEffect","element","current","scrollElement","scrollTo","top","offsetTop","offsetHeight","getRootRef","onMouseDown","event","preventDefault","onClick","disabled","textNoWrap","label","ComboBox","onBlur","onFocus","after","labels","defaultValue","slotProps","restProps","inputRef","input","focus","setFocus","setBlur","popperPlacement","setPopperPlacement","useState","labelsElements","map","undefined","includes","reverse","className","type","opened","targetRef","placement","onPlacementChange","sameWidth","autoUpdateOnTargetResize","flipMiddlewareFallbackAxisSideDirection","offsetByMainAxis","tabIndex"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/CalendarTime/ComboBox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { type Placement } from '@vkontakte/vkui-floating-ui/core';\nimport { useBooleanState } from '../../hooks/useBooleanState';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { CustomScrollView } from '../CustomScrollView/CustomScrollView';\nimport { CustomSelectOption } from '../CustomSelectOption/CustomSelectOption';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { Input, type InputProps } from '../Input/Input';\nimport { Popper } from '../Popper/Popper';\nimport styles from './CalendarTime.module.css';\n\ntype Label = {\n  /**\n   * Значение.\n   */\n  value: string;\n  /**\n   * Лейбл.\n   */\n  label: string;\n  /**\n   * Disabled состояние.\n   */\n  disabled?: boolean;\n};\n\ntype OptionProps = {\n  /**\n   * Выбранное значение.\n   */\n  selectedValue: string | number | readonly string[] | undefined;\n  /**\n   * Опция.\n   */\n  option: Label;\n  /**\n   * Нажатие на элемент.\n   */\n  onClickOption?: ((value: string) => void) | undefined;\n};\n\nfunction getScrollParent(node: Node | null): HTMLElement | null {\n  if (!(node instanceof HTMLElement)) {\n    return null;\n  }\n\n  if (node.scrollHeight > node.clientHeight) {\n    return node;\n  } else {\n    return getScrollParent(node.parentNode);\n  }\n}\n\nfunction Option({ option, onClickOption, selectedValue }: OptionProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const selected = selectedValue === option.value;\n\n  React.useEffect(() => {\n    if (!selected) {\n      return;\n    }\n\n    const element = ref.current;\n    const scrollElement = getScrollParent(ref.current);\n\n    if (!element || !scrollElement) {\n      return;\n    }\n\n    scrollElement.scrollTo({\n      top: element.offsetTop - scrollElement.offsetHeight / 2 + element.offsetHeight / 2,\n    });\n  }, [selected]);\n\n  return (\n    <CustomSelectOption\n      getRootRef={ref}\n      key={option.value}\n      onMouseDown={(event) => {\n        event.preventDefault();\n      }}\n      onClick={() => {\n        onClickOption?.(option.value);\n      }}\n      selected={selected}\n      disabled={option.disabled}\n      textNoWrap\n    >\n      {option.label}\n    </CustomSelectOption>\n  );\n}\n\ntype ComboBoxProps = InputProps & {\n  // eslint-disable-next-line jsdoc/require-jsdoc\n  readonly labels?: readonly Label[] | undefined;\n\n  /**\n   * Нажатие на элемент.\n   */\n  onClickOption?: ((value: string) => void) | undefined;\n};\n\nexport function ComboBox({\n  getRootRef,\n  onBlur,\n  onFocus,\n  after,\n  labels = [],\n  defaultValue,\n  slotProps,\n  onClickOption,\n  ...restProps\n}: ComboBoxProps) {\n  const ref = useExternRef(getRootRef);\n  const inputRef = useExternRef(slotProps?.input?.getRootRef);\n\n  const [focus, setFocus, setBlur] = useBooleanState(false);\n\n  const [popperPlacement, setPopperPlacement] = React.useState<Placement>('bottom');\n\n  const labelsElements = focus\n    ? labels.map((option) => {\n        return (\n          <Option\n            key={option.value}\n            onClickOption={onClickOption}\n            selectedValue={restProps.value}\n            option={option}\n          />\n        );\n      })\n    : undefined;\n\n  /**\n   * При управлении стрелками необходима правильная очередность элементов в списке.\n   */\n  if (popperPlacement.includes('top')) {\n    labelsElements?.reverse();\n  }\n\n  return (\n    <>\n      <Input\n        getRootRef={ref}\n        className={\n          focus ? (popperPlacement.includes('top') ? styles.inputPopUp : styles.inputPopDown) : ''\n        }\n        type=\"text\"\n        onFocus={callMultiple(setFocus, onFocus)}\n        onBlur={callMultiple(setBlur, onBlur)}\n        onClick={() => inputRef.current?.focus()}\n        after={after || (labels && <DropdownIcon opened={focus} />)}\n        slotProps={{\n          ...slotProps,\n          input: {\n            ...slotProps?.input,\n            getRootRef: inputRef,\n          },\n        }}\n        {...restProps}\n      />\n\n      {focus && labels && (\n        <Popper\n          targetRef={ref}\n          placement={popperPlacement}\n          onPlacementChange={setPopperPlacement}\n          className={classNames(\n            styles.popper,\n            popperPlacement.includes('top') ? styles.popperTop : styles.popperBottom,\n          )}\n          sameWidth\n          autoUpdateOnTargetResize\n          flipMiddlewareFallbackAxisSideDirection=\"none\"\n          offsetByMainAxis={0}\n          usePortal={false}\n        >\n          <CustomScrollView tabIndex={-1} className={styles.customScroll}>\n            {labelsElements}\n          </CustomScrollView>\n        </Popper>\n      )}\n    </>\n  );\n}\n"],"names":["React","classNames","useBooleanState","useExternRef","callMultiple","CustomScrollView","CustomSelectOption","DropdownIcon","Input","Popper","getScrollParent","node","HTMLElement","scrollHeight","clientHeight","parentNode","Option","option","onClickOption","selectedValue","ref","useRef","selected","value","useEffect","element","current","scrollElement","scrollTo","top","offsetTop","offsetHeight","getRootRef","onMouseDown","event","preventDefault","onClick","disabled","textNoWrap","label","ComboBox","onBlur","onFocus","after","labels","defaultValue","slotProps","restProps","inputRef","input","focus","setFocus","setBlur","popperPlacement","setPopperPlacement","useState","labelsElements","map","undefined","includes","reverse","className","type","opened","targetRef","placement","onPlacementChange","sameWidth","autoUpdateOnTargetResize","flipMiddlewareFallbackAxisSideDirection","offsetByMainAxis","usePortal","tabIndex"],"mappings":"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"}

package/dist/components/View/ViewInfinite.js

@@ -63,17 +63,17 @@ var _React_Component;
             if (this.shouldDisableTransitionMotion()) {
                 this.flushTransition(prevProps.activePanel, isBack);
             } else {
-                this.setState({
-                    visiblePanels: [
-                        prevProps.activePanel,
-                        this.props.activePanel
-                    ],
-                    prevPanel: prevProps.activePanel,
-                    nextPanel: this.props.activePanel,
-                    activePanel: null,
-                    animated: true,
-                    isBack
-                });
+                this.setState(()=>({
+                        visiblePanels: [
+                            prevProps.activePanel,
+                            this.props.activePanel
+                        ],
+                        prevPanel: prevProps.activePanel,
+                        nextPanel: this.props.activePanel,
+                        activePanel: null,
+                        animated: true,
+                        isBack
+                    }));
             }
         }
         // Закончилась анимация свайпа назад
@@ -129,16 +129,16 @@ var _React_Component;
         }
         // Закончился Safari свайп
         if (prevProps.activePanel !== this.props.activePanel && this.state.browserSwipe) {
-            this.setState({
-                browserSwipe: false,
-                nextPanel: null,
-                prevPanel: null,
-                animated: false,
-                visiblePanels: [
-                    this.props.activePanel
-                ],
-                activePanel: this.props.activePanel
-            });
+            this.setState(()=>({
+                    browserSwipe: false,
+                    nextPanel: null,
+                    prevPanel: null,
+                    animated: false,
+                    visiblePanels: [
+                        this.props.activePanel
+                    ],
+                    activePanel: this.props.activePanel
+                }));
         }
     }
     shouldDisableTransitionMotion() {
@@ -381,12 +381,12 @@ var _React_Component;
                         this.props.scroll?.getScroll().y
                     ]);
                 }
-                this.setState({
-                    swipingBack: true,
-                    swipeBackStartX: event.startX,
-                    swipeBackPrevPanel: this.state.activePanel,
-                    swipeBackNextPanel: this.props.history.slice(-2)[0]
-                });
+                this.setState((prevState)=>({
+                        swipingBack: true,
+                        swipeBackStartX: event.startX,
+                        swipeBackPrevPanel: prevState.activePanel,
+                        swipeBackNextPanel: this.props.history?.slice(-2)[0] ?? null
+                    }));
             }
             if (this.state.swipingBack) {
                 if (event.shiftX < 0) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { withContext } from '../../hoc/withContext';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { millisecondsInSecond } from '../../lib/date';\nimport { canUseDOM, type DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasPlatform, HTMLAttributesWithRootRef } from '../../types';\nimport { ScrollContext, type ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport {\n  ConfigProviderContext,\n  type ConfigProviderContextInterface,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { NavViewIdContext } from '../NavIdContext/NavIdContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { SplitColContext, type SplitColContextProps } from '../SplitCol/SplitColContext';\nimport { type CustomTouchEvent, Touch } from '../Touch/Touch';\nimport {\n  getSwipeBackPredicates,\n  hasHorizontalScrollableElementWithScrolledToLeft,\n  swipeBackExcluded,\n} from './utils';\nimport styles from './View.module.css';\n\nconst warn = warnOnce('ViewInfinite');\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nexport let scrollsCache = new Map<string, Map<string, Array<number | undefined>>>();\n\n// eslint-disable-next-line jsdoc/require-jsdoc\nexport type TransitionParams = { from: string | null; to: string | null };\n\nexport interface ViewInfiniteProps\n  extends HTMLAttributesWithRootRef<HTMLElement>,\n    HasPlatform,\n    NavIdProps {\n  /**\n   * `id` активной панели.\n   */\n  activePanel: string;\n  /**\n   * Обработчик, который вызывается при завершении анимации смены активной панели.\n   */\n  onTransition?: ((params: TransitionParams & { isBack: boolean }) => void) | undefined;\n  /**\n   * Обработчик свайпа назад.\n   */\n  onSwipeBack?: (() => void) | undefined;\n  /**\n   * Обработчик начала анимации свайпа назад.\n   */\n  onSwipeBackStart?: ((activePanel: string | null) => void | 'prevent') | undefined;\n  /**\n   * Обработчик завершения анимации отмененного пользователем свайпа.\n   */\n  onSwipeBackCancel?: (() => void) | undefined;\n  /**\n   * Массив из id панелей в порядке открытия.\n   */\n  history?: string[] | undefined;\n  /**\n   * Функция проверки перехода назад.\n   */\n  isBackCheck?: ((params: TransitionParams) => boolean) | undefined;\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps | undefined;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface | undefined;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface | undefined;\n}\n\n/* eslint-disable jsdoc/require-jsdoc */\nexport interface ViewInfiniteState {\n  animated: boolean;\n\n  visiblePanels: Array<string | null>;\n  activePanel: string | null;\n  isBack?: boolean | undefined;\n  prevPanel: string | null;\n  nextPanel: string | null;\n\n  swipingBack?: boolean | undefined;\n  swipeBackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string | null;\n  swipeBackPrevPanel: string | null;\n  swipeBackResult: 'success' | 'fail' | null;\n\n  browserSwipe: boolean;\n}\n/* eslint-enable jsdoc/require-jsdoc */\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: undefined,\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 swipeBackPrevented = false;\n  private readonly scrolls: Map<string, Array<number | undefined>> =\n    scrollsCache.get(getNavId(this.props, warn) as string) || new Map();\n  private transitionFinishTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n  private readonly animationFinishTimeout: ReturnType<typeof setTimeout> | 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 Array<React.ReactElement<NavIdProps>>;\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement | null } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache.set(id, this.scrolls);\n    }\n    if (this.animationFinishTimeout) {\n      clearTimeout(this.animationFinishTimeout);\n    }\n  }\n\n  componentDidUpdate(prevProps: ViewInfiniteProps, prevState: ViewInfiniteState) {\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((id) => id === prevProps.activePanel || id === this.props.activePanel);\n        isBack = firstLayerId === this.props.activePanel;\n      }\n\n      this.blurActiveElement();\n\n      const prevScrolls = this.scrolls.get(prevProps.activePanel) || [];\n      this.scrolls.set(prevProps.activePanel, [\n        ...prevScrolls,\n        this.props.scroll?.getScroll({ compensateKeyboardHeight: false }).y,\n      ]);\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\n    // Закончилась анимация свайпа назад\n    if (prevProps.activePanel !== this.props.activePanel && prevState.swipingBack) {\n      const nextPanel = this.state.swipeBackNextPanel;\n      const prevPanel = this.state.swipeBackPrevPanel;\n      let scrollPosition: undefined | number = undefined;\n\n      if (prevPanel !== null) {\n        const prevPanelScrolls = [...(this.scrolls.get(prevPanel) || [])].slice(0, -1);\n        this.scrolls.set(prevPanel, prevPanelScrolls);\n      }\n      if (nextPanel !== null) {\n        const newPanelScrolls = [...(this.scrolls.get(nextPanel) || [])];\n        scrollPosition = newPanelScrolls.pop();\n        this.scrolls.set(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.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 === 'fail' &&\n      !this.state.swipeBackResult &&\n      this.state.activePanel !== null\n    ) {\n      const newPanelScrolls = [...(this.scrolls.get(this.state.activePanel) || [])];\n      const scrollPosition = newPanelScrolls.pop();\n      this.scrolls.set(this.state.activePanel, newPanelScrolls);\n\n      this.props.scroll?.scrollTo(0, scrollPosition);\n    }\n\n    // Закончился Safari свайп\n    if (prevProps.activePanel !== this.props.activePanel && this.state.browserSwipe) {\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      this.props.platform === 'vkcom'\n    );\n  }\n\n  private transitionDisposer = noop;\n\n  private disposeTransition() {\n    this.transitionDisposer();\n    this.transitionDisposer = noop;\n  }\n\n  waitTransitionFinish(\n    elem: HTMLElement | null | undefined,\n    eventHandler: TransitionEventHandler,\n  ): void {\n    if (this.shouldDisableTransitionMotion()) {\n      this.disposeTransition();\n      this.transitionFinishTimeout = setTimeout(eventHandler);\n    } else if (elem) {\n      this.disposeTransition();\n      elem.addEventListener('transitionend', eventHandler);\n      this.transitionDisposer = () => {\n        elem.removeEventListener('transitionend', eventHandler);\n      };\n    } else {\n      if (this.transitionFinishTimeout) {\n        clearTimeout(this.transitionFinishTimeout);\n      }\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler,\n        this.props.platform === 'android' || this.props.platform === 'vkcom' ? 300 : 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.get(prevPanel) || [])].slice(0, -1);\n    const newPanelScrolls = [...(this.scrolls.get(activePanel) || [])];\n    const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n    if (isBack) {\n      this.scrolls.set(prevPanel, prevPanelScrolls);\n      this.scrolls.set(activePanel, newPanelScrolls);\n    }\n\n    this.setState(\n      {\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel: activePanel,\n        animated: false,\n        isBack,\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: React.AnimationEventHandler<HTMLDivElement> = (e): void => {\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    if (this.state.prevPanel !== null) {\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 'fail':\n          this.onSwipeBackCancel();\n          break;\n        case '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  handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext = (event: CustomTouchEvent) => {\n    if (this.state.browserSwipe) {\n      return;\n    }\n    const { swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched } =\n      getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n    if ((viewportStartEdgeTouched || viewportEndEdgeTouched) && swipeBackTriggered) {\n      this.setState({ browserSwipe: true });\n    }\n  };\n\n  handleTouchMoveXForIOSSwipeBackSimulation = (event: CustomTouchEvent) => {\n    if (this.swipeBackPrevented || swipeBackExcluded(event)) {\n      return;\n    }\n\n    const { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched } =\n      getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n    if (this.state.animated && swipeBackTriggered) {\n      return;\n    }\n\n    if (!this.state.swipingBack && this.props.history && this.props.history.length > 1) {\n      if (swipedToOpposite) {\n        this.swipeBackPrevented = true;\n        return;\n      }\n\n      if (!swipeBackTriggered) {\n        return;\n      }\n\n      if (\n        !viewportStartEdgeTouched &&\n        hasHorizontalScrollableElementWithScrolledToLeft(event.originalEvent.target as HTMLElement)\n      ) {\n        this.swipeBackPrevented = true;\n        return;\n      }\n      // Начался свайп назад\n      if (this.props.onSwipeBackStart) {\n        const payload = this.props.onSwipeBackStart(this.state.activePanel);\n        if (payload === 'prevent') {\n          this.swipeBackPrevented = true;\n          return;\n        }\n      }\n\n      if (this.state.activePanel !== null) {\n        // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n        this.blurActiveElement();\n        const prevScrolls = this.scrolls.get(this.state.activePanel) || [];\n        this.scrolls.set(this.state.activePanel, [\n          ...prevScrolls,\n          this.props.scroll?.getScroll().y,\n        ]);\n      }\n\n      this.setState({\n        swipingBack: true,\n        swipeBackStartX: event.startX,\n        swipeBackPrevPanel: this.state.activePanel,\n        swipeBackNextPanel: this.props.history.slice(-2)[0],\n      });\n    }\n\n    if (this.state.swipingBack) {\n      if (event.shiftX < 0) {\n        this.setState({ swipeBackShift: 0 });\n      } else if (event.shiftX > this.window!.innerWidth - this.state.swipeBackStartX) {\n        this.setState({ swipeBackShift: this.window!.innerWidth });\n      } else {\n        this.setState({ swipeBackShift: event.shiftX });\n      }\n    }\n  };\n\n  handleTouchEndForIOSSwipeBackSimulation = (event: CustomTouchEvent) => {\n    this.swipeBackPrevented = false;\n\n    if (this.state.swipingBack && this.window) {\n      const speed = (this.state.swipeBackShift / event.duration) * millisecondsInSecond;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (speed > 250 || this.state.swipeBackShift >= this.window.innerWidth / 2) {\n        this.setState({ swipeBackResult: 'success' });\n      } else {\n        this.setState({ swipeBackResult: '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)) / this.window.innerWidth;\n\n    if (this.state.swipeBackResult) {\n      return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `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      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      className,\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 panels = this.panels\n      .filter((panel) => {\n        const panelId = getNavId(panel.props, warn);\n\n        return (\n          (panelId !== undefined && 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 = panelId === prevPanel || panelId === swipeBackPrevPanel;\n        const isNextPanel = 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    const iOSSwipeBackSimulationEnabled =\n      !disableAnimation && platform === 'ios' && configProvider?.isWebView && Boolean(onSwipeBack);\n\n    return (\n      <NavViewIdContext.Provider value={id || nav}>\n        <Touch\n          Component=\"section\"\n          {...restProps}\n          className={classNames(\n            styles.host,\n            platform === 'ios' && classNames(styles.ios, 'vkuiInternalView--ios'),\n            !disableAnimation && this.state.animated && styles.animated,\n            !disableAnimation && this.state.swipingBack && styles.swipingBack,\n            disableAnimation && styles.noMotion,\n            className,\n          )}\n          onMoveX={\n            iOSSwipeBackSimulationEnabled\n              ? this.handleTouchMoveXForIOSSwipeBackSimulation\n              : platform === 'ios'\n                ? this.handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext\n                : undefined\n          }\n          onEnd={\n            iOSSwipeBackSimulationEnabled ? this.handleTouchEndForIOSSwipeBackSimulation : undefined\n          }\n        >\n          <div className={styles.panels}>\n            {panels.map((panel) => {\n              const panelId = getNavId(panel.props, warn);\n              const isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;\n              const compensateScroll =\n                isPrev || panelId === swipeBackNextPanel || (panelId === nextPanel && isBack);\n              const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n              const scrollList = (panelId && this.scrolls.get(panelId)) || [];\n              const scroll = scrollList[scrollList.length - 1] || 0;\n\n              return (\n                <div\n                  className={classNames(\n                    styles.panel,\n                    panelId === activePanel && styles.panelActive,\n                    panelId === prevPanel && styles.panelPrev,\n                    panelId === nextPanel && styles.panelNext,\n                    panelId === swipeBackPrevPanel && styles.panelSwipeBackPrev,\n                    panelId === swipeBackNextPanel && styles.panelSwipeBackNext,\n                    swipeBackResult === 'success' && styles.panelSwipeBackSuccess,\n                    swipeBackResult === 'fail' && styles.panelSwipeBackFailed,\n                  )}\n                  onAnimationEnd={isTransitionTarget ? this.transitionEndHandler : undefined}\n                  ref={(el) => {\n                    panelId !== undefined && (this.panelNodes[panelId] = el);\n                  }}\n                  style={this.calcPanelSwipeStyles(panelId)}\n                  key={panelId}\n                >\n                  <div\n                    className={styles.panelIn}\n                    style={{ marginTop: compensateScroll ? -scroll : undefined }}\n                  >\n                    <NavTransitionDirectionProvider isBack={swipingBack || isBack}>\n                      <NavTransitionProvider\n                        entering={panelId === nextPanel || panelId === swipeBackNextPanel}\n                        animating={swipingBack || animated}\n                      >\n                        {panel}\n                      </NavTransitionProvider>\n                    </NavTransitionDirectionProvider>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </Touch>\n      </NavViewIdContext.Provider>\n    );\n  }\n}\n\nexport const ViewInfinite: React.FC<ViewInfiniteProps> = 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"],"names":["React","classNames","noop","withContext","withPlatform","millisecondsInSecond","canUseDOM","withDOM","getNavId","warnOnce","ScrollContext","ConfigProviderContext","NavViewIdContext","NavTransitionProvider","NavTransitionDirectionProvider","SplitColContext","Touch","getSwipeBackPredicates","hasHorizontalScrollableElementWithScrolledToLeft","swipeBackExcluded","warn","scrollsCache","Map","ViewInfiniteComponent","Component","document","props","window","panels","Children","toArray","children","componentWillUnmount","id","set","scrolls","animationFinishTimeout","clearTimeout","componentDidUpdate","prevProps","prevState","activePanel","swipingBack","browserSwipe","isBack","isBackCheck","from","to","firstLayerId","map","panel","find","blurActiveElement","prevScrolls","get","scroll","getScroll","compensateKeyboardHeight","y","shouldDisableTransitionMotion","flushTransition","setState","visiblePanels","prevPanel","nextPanel","animated","state","swipeBackNextPanel","swipeBackPrevPanel","scrollPosition","undefined","prevPanelScrolls","slice","newPanelScrolls","pop","swipeBackResult","swipeBackStartX","swipeBackShift","scrollTo","onTransition","waitTransitionFinish","pickPanel","swipingBackTransitionEndHandler","configProvider","transitionMotionEnabled","splitCol","animate","platform","disposeTransition","transitionDisposer","elem","eventHandler","transitionFinishTimeout","setTimeout","addEventListener","removeEventListener","activeElement","blur","panelNodes","onSwipeBackSuccess","onSwipeBack","onSwipeBackCancel","calcPanelSwipeStyles","panelId","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","innerWidth","prevPanelShadow","boxShadow","transform","render","_1","history","nav","onSwipeBackStart","className","restProps","filter","includes","sort","isPrevPanel","isNextPanel","disableAnimation","iOSSwipeBackSimulationEnabled","isWebView","Boolean","Provider","value","onMoveX","handleTouchMoveXForIOSSwipeBackSimulation","handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext","onEnd","handleTouchEndForIOSSwipeBackSimulation","div","compensateScroll","isTransitionTarget","scrollList","length","onAnimationEnd","transitionEndHandler","ref","el","style","marginTop","entering","animating","swipeBackPrevented","e","target","currentTarget","propertyName","event","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched","startX","shiftX","swipedToOpposite","originalEvent","payload","speed","duration","defaultProps","ViewInfinite"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { withContext } from '../../hoc/withContext';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { millisecondsInSecond } from '../../lib/date';\nimport { canUseDOM, type DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasPlatform, HTMLAttributesWithRootRef } from '../../types';\nimport { ScrollContext, type ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport {\n  ConfigProviderContext,\n  type ConfigProviderContextInterface,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { NavViewIdContext } from '../NavIdContext/NavIdContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { SplitColContext, type SplitColContextProps } from '../SplitCol/SplitColContext';\nimport { type CustomTouchEvent, Touch } from '../Touch/Touch';\nimport {\n  getSwipeBackPredicates,\n  hasHorizontalScrollableElementWithScrolledToLeft,\n  swipeBackExcluded,\n} from './utils';\nimport styles from './View.module.css';\n\nconst warn = warnOnce('ViewInfinite');\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nexport let scrollsCache = new Map<string, Map<string, Array<number | undefined>>>();\n\n// eslint-disable-next-line jsdoc/require-jsdoc\nexport type TransitionParams = { from: string | null; to: string | null };\n\nexport interface ViewInfiniteProps\n  extends HTMLAttributesWithRootRef<HTMLElement>,\n    HasPlatform,\n    NavIdProps {\n  /**\n   * `id` активной панели.\n   */\n  activePanel: string;\n  /**\n   * Обработчик, который вызывается при завершении анимации смены активной панели.\n   */\n  onTransition?: ((params: TransitionParams & { isBack: boolean }) => void) | undefined;\n  /**\n   * Обработчик свайпа назад.\n   */\n  onSwipeBack?: (() => void) | undefined;\n  /**\n   * Обработчик начала анимации свайпа назад.\n   */\n  onSwipeBackStart?: ((activePanel: string | null) => void | 'prevent') | undefined;\n  /**\n   * Обработчик завершения анимации отмененного пользователем свайпа.\n   */\n  onSwipeBackCancel?: (() => void) | undefined;\n  /**\n   * Массив из id панелей в порядке открытия.\n   */\n  history?: string[] | undefined;\n  /**\n   * Функция проверки перехода назад.\n   */\n  isBackCheck?: ((params: TransitionParams) => boolean) | undefined;\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps | undefined;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface | undefined;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface | undefined;\n}\n\n/* eslint-disable jsdoc/require-jsdoc */\nexport interface ViewInfiniteState {\n  animated: boolean;\n\n  visiblePanels: Array<string | null>;\n  activePanel: string | null;\n  isBack?: boolean | undefined;\n  prevPanel: string | null;\n  nextPanel: string | null;\n\n  swipingBack?: boolean | undefined;\n  swipeBackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string | null;\n  swipeBackPrevPanel: string | null;\n  swipeBackResult: 'success' | 'fail' | null;\n\n  browserSwipe: boolean;\n}\n/* eslint-enable jsdoc/require-jsdoc */\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: undefined,\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 swipeBackPrevented = false;\n  private readonly scrolls: Map<string, Array<number | undefined>> =\n    scrollsCache.get(getNavId(this.props, warn) as string) || new Map();\n  private transitionFinishTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n  private readonly animationFinishTimeout: ReturnType<typeof setTimeout> | 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 Array<React.ReactElement<NavIdProps>>;\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement | null } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache.set(id, this.scrolls);\n    }\n    if (this.animationFinishTimeout) {\n      clearTimeout(this.animationFinishTimeout);\n    }\n  }\n\n  componentDidUpdate(prevProps: ViewInfiniteProps, prevState: ViewInfiniteState) {\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((id) => id === prevProps.activePanel || id === this.props.activePanel);\n        isBack = firstLayerId === this.props.activePanel;\n      }\n\n      this.blurActiveElement();\n\n      const prevScrolls = this.scrolls.get(prevProps.activePanel) || [];\n      this.scrolls.set(prevProps.activePanel, [\n        ...prevScrolls,\n        this.props.scroll?.getScroll({ compensateKeyboardHeight: false }).y,\n      ]);\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\n    // Закончилась анимация свайпа назад\n    if (prevProps.activePanel !== this.props.activePanel && prevState.swipingBack) {\n      const nextPanel = this.state.swipeBackNextPanel;\n      const prevPanel = this.state.swipeBackPrevPanel;\n      let scrollPosition: undefined | number = undefined;\n\n      if (prevPanel !== null) {\n        const prevPanelScrolls = [...(this.scrolls.get(prevPanel) || [])].slice(0, -1);\n        this.scrolls.set(prevPanel, prevPanelScrolls);\n      }\n      if (nextPanel !== null) {\n        const newPanelScrolls = [...(this.scrolls.get(nextPanel) || [])];\n        scrollPosition = newPanelScrolls.pop();\n        this.scrolls.set(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.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 === 'fail' &&\n      !this.state.swipeBackResult &&\n      this.state.activePanel !== null\n    ) {\n      const newPanelScrolls = [...(this.scrolls.get(this.state.activePanel) || [])];\n      const scrollPosition = newPanelScrolls.pop();\n      this.scrolls.set(this.state.activePanel, newPanelScrolls);\n\n      this.props.scroll?.scrollTo(0, scrollPosition);\n    }\n\n    // Закончился Safari свайп\n    if (prevProps.activePanel !== this.props.activePanel && this.state.browserSwipe) {\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      this.props.platform === 'vkcom'\n    );\n  }\n\n  private transitionDisposer = noop;\n\n  private disposeTransition() {\n    this.transitionDisposer();\n    this.transitionDisposer = noop;\n  }\n\n  waitTransitionFinish(\n    elem: HTMLElement | null | undefined,\n    eventHandler: TransitionEventHandler,\n  ): void {\n    if (this.shouldDisableTransitionMotion()) {\n      this.disposeTransition();\n      this.transitionFinishTimeout = setTimeout(eventHandler);\n    } else if (elem) {\n      this.disposeTransition();\n      elem.addEventListener('transitionend', eventHandler);\n      this.transitionDisposer = () => {\n        elem.removeEventListener('transitionend', eventHandler);\n      };\n    } else {\n      if (this.transitionFinishTimeout) {\n        clearTimeout(this.transitionFinishTimeout);\n      }\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler,\n        this.props.platform === 'android' || this.props.platform === 'vkcom' ? 300 : 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.get(prevPanel) || [])].slice(0, -1);\n    const newPanelScrolls = [...(this.scrolls.get(activePanel) || [])];\n    const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n    if (isBack) {\n      this.scrolls.set(prevPanel, prevPanelScrolls);\n      this.scrolls.set(activePanel, newPanelScrolls);\n    }\n\n    this.setState(\n      {\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel: activePanel,\n        animated: false,\n        isBack,\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: React.AnimationEventHandler<HTMLDivElement> = (e): void => {\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    if (this.state.prevPanel !== null) {\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 'fail':\n          this.onSwipeBackCancel();\n          break;\n        case '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  handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext = (event: CustomTouchEvent) => {\n    if (this.state.browserSwipe) {\n      return;\n    }\n    const { swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched } =\n      getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n    if ((viewportStartEdgeTouched || viewportEndEdgeTouched) && swipeBackTriggered) {\n      this.setState({ browserSwipe: true });\n    }\n  };\n\n  handleTouchMoveXForIOSSwipeBackSimulation = (event: CustomTouchEvent) => {\n    if (this.swipeBackPrevented || swipeBackExcluded(event)) {\n      return;\n    }\n\n    const { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched } =\n      getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n    if (this.state.animated && swipeBackTriggered) {\n      return;\n    }\n\n    if (!this.state.swipingBack && this.props.history && this.props.history.length > 1) {\n      if (swipedToOpposite) {\n        this.swipeBackPrevented = true;\n        return;\n      }\n\n      if (!swipeBackTriggered) {\n        return;\n      }\n\n      if (\n        !viewportStartEdgeTouched &&\n        hasHorizontalScrollableElementWithScrolledToLeft(event.originalEvent.target as HTMLElement)\n      ) {\n        this.swipeBackPrevented = true;\n        return;\n      }\n      // Начался свайп назад\n      if (this.props.onSwipeBackStart) {\n        const payload = this.props.onSwipeBackStart(this.state.activePanel);\n        if (payload === 'prevent') {\n          this.swipeBackPrevented = true;\n          return;\n        }\n      }\n\n      if (this.state.activePanel !== null) {\n        // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n        this.blurActiveElement();\n        const prevScrolls = this.scrolls.get(this.state.activePanel) || [];\n        this.scrolls.set(this.state.activePanel, [\n          ...prevScrolls,\n          this.props.scroll?.getScroll().y,\n        ]);\n      }\n\n      this.setState((prevState) => ({\n        swipingBack: true,\n        swipeBackStartX: event.startX,\n        swipeBackPrevPanel: prevState.activePanel,\n        swipeBackNextPanel: this.props.history?.slice(-2)[0] ?? null,\n      }));\n    }\n\n    if (this.state.swipingBack) {\n      if (event.shiftX < 0) {\n        this.setState({ swipeBackShift: 0 });\n      } else if (event.shiftX > this.window!.innerWidth - this.state.swipeBackStartX) {\n        this.setState({ swipeBackShift: this.window!.innerWidth });\n      } else {\n        this.setState({ swipeBackShift: event.shiftX });\n      }\n    }\n  };\n\n  handleTouchEndForIOSSwipeBackSimulation = (event: CustomTouchEvent) => {\n    this.swipeBackPrevented = false;\n\n    if (this.state.swipingBack && this.window) {\n      const speed = (this.state.swipeBackShift / event.duration) * millisecondsInSecond;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (speed > 250 || this.state.swipeBackShift >= this.window.innerWidth / 2) {\n        this.setState({ swipeBackResult: 'success' });\n      } else {\n        this.setState({ swipeBackResult: '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)) / this.window.innerWidth;\n\n    if (this.state.swipeBackResult) {\n      return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `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      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      className,\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 panels = this.panels\n      .filter((panel) => {\n        const panelId = getNavId(panel.props, warn);\n\n        return (\n          (panelId !== undefined && 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 = panelId === prevPanel || panelId === swipeBackPrevPanel;\n        const isNextPanel = 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    const iOSSwipeBackSimulationEnabled =\n      !disableAnimation && platform === 'ios' && configProvider?.isWebView && Boolean(onSwipeBack);\n\n    return (\n      <NavViewIdContext.Provider value={id || nav}>\n        <Touch\n          Component=\"section\"\n          {...restProps}\n          className={classNames(\n            styles.host,\n            platform === 'ios' && classNames(styles.ios, 'vkuiInternalView--ios'),\n            !disableAnimation && this.state.animated && styles.animated,\n            !disableAnimation && this.state.swipingBack && styles.swipingBack,\n            disableAnimation && styles.noMotion,\n            className,\n          )}\n          onMoveX={\n            iOSSwipeBackSimulationEnabled\n              ? this.handleTouchMoveXForIOSSwipeBackSimulation\n              : platform === 'ios'\n                ? this.handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext\n                : undefined\n          }\n          onEnd={\n            iOSSwipeBackSimulationEnabled ? this.handleTouchEndForIOSSwipeBackSimulation : undefined\n          }\n        >\n          <div className={styles.panels}>\n            {panels.map((panel) => {\n              const panelId = getNavId(panel.props, warn);\n              const isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;\n              const compensateScroll =\n                isPrev || panelId === swipeBackNextPanel || (panelId === nextPanel && isBack);\n              const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n              const scrollList = (panelId && this.scrolls.get(panelId)) || [];\n              const scroll = scrollList[scrollList.length - 1] || 0;\n\n              return (\n                <div\n                  className={classNames(\n                    styles.panel,\n                    panelId === activePanel && styles.panelActive,\n                    panelId === prevPanel && styles.panelPrev,\n                    panelId === nextPanel && styles.panelNext,\n                    panelId === swipeBackPrevPanel && styles.panelSwipeBackPrev,\n                    panelId === swipeBackNextPanel && styles.panelSwipeBackNext,\n                    swipeBackResult === 'success' && styles.panelSwipeBackSuccess,\n                    swipeBackResult === 'fail' && styles.panelSwipeBackFailed,\n                  )}\n                  onAnimationEnd={isTransitionTarget ? this.transitionEndHandler : undefined}\n                  ref={(el) => {\n                    panelId !== undefined && (this.panelNodes[panelId] = el);\n                  }}\n                  style={this.calcPanelSwipeStyles(panelId)}\n                  key={panelId}\n                >\n                  <div\n                    className={styles.panelIn}\n                    style={{ marginTop: compensateScroll ? -scroll : undefined }}\n                  >\n                    <NavTransitionDirectionProvider isBack={swipingBack || isBack}>\n                      <NavTransitionProvider\n                        entering={panelId === nextPanel || panelId === swipeBackNextPanel}\n                        animating={swipingBack || animated}\n                      >\n                        {panel}\n                      </NavTransitionProvider>\n                    </NavTransitionDirectionProvider>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </Touch>\n      </NavViewIdContext.Provider>\n    );\n  }\n}\n\nexport const ViewInfinite: React.FC<ViewInfiniteProps> = 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"],"names":["React","classNames","noop","withContext","withPlatform","millisecondsInSecond","canUseDOM","withDOM","getNavId","warnOnce","ScrollContext","ConfigProviderContext","NavViewIdContext","NavTransitionProvider","NavTransitionDirectionProvider","SplitColContext","Touch","getSwipeBackPredicates","hasHorizontalScrollableElementWithScrolledToLeft","swipeBackExcluded","warn","scrollsCache","Map","ViewInfiniteComponent","Component","document","props","window","panels","Children","toArray","children","componentWillUnmount","id","set","scrolls","animationFinishTimeout","clearTimeout","componentDidUpdate","prevProps","prevState","activePanel","swipingBack","browserSwipe","isBack","isBackCheck","from","to","firstLayerId","map","panel","find","blurActiveElement","prevScrolls","get","scroll","getScroll","compensateKeyboardHeight","y","shouldDisableTransitionMotion","flushTransition","setState","visiblePanels","prevPanel","nextPanel","animated","state","swipeBackNextPanel","swipeBackPrevPanel","scrollPosition","undefined","prevPanelScrolls","slice","newPanelScrolls","pop","swipeBackResult","swipeBackStartX","swipeBackShift","scrollTo","onTransition","waitTransitionFinish","pickPanel","swipingBackTransitionEndHandler","configProvider","transitionMotionEnabled","splitCol","animate","platform","disposeTransition","transitionDisposer","elem","eventHandler","transitionFinishTimeout","setTimeout","addEventListener","removeEventListener","activeElement","blur","panelNodes","onSwipeBackSuccess","onSwipeBack","onSwipeBackCancel","calcPanelSwipeStyles","panelId","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","innerWidth","prevPanelShadow","boxShadow","transform","render","_1","history","nav","onSwipeBackStart","className","restProps","filter","includes","sort","isPrevPanel","isNextPanel","disableAnimation","iOSSwipeBackSimulationEnabled","isWebView","Boolean","Provider","value","onMoveX","handleTouchMoveXForIOSSwipeBackSimulation","handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext","onEnd","handleTouchEndForIOSSwipeBackSimulation","div","compensateScroll","isTransitionTarget","scrollList","length","onAnimationEnd","transitionEndHandler","ref","el","style","marginTop","entering","animating","swipeBackPrevented","e","target","currentTarget","propertyName","event","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched","startX","shiftX","swipedToOpposite","originalEvent","payload","speed","duration","defaultProps","ViewInfinite"],"mappings":"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"}