@vkontakte/vkui 8.1.2 → 8.1.3

package/dist/cssm/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce, noop } from '@vkontakte/vkjs';\nimport { getWindow, isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useCustomEnsuredControl } from '../../../hooks/useEnsuredControl';\nimport { useGlobalOnClickOutside } from '../../../hooks/useGlobalOnClickOutside';\nimport { useStableCallback } from '../../../hooks/useStableCallback';\nimport { contains, getActiveElementByAnotherElement } from '../../dom';\nimport { useIsomorphicLayoutEffect } from '../../useIsomorphicLayoutEffect';\nimport { LockFloatingPositionContext } from '../LockFloatingPosition/LockFloatingPosition';\nimport { autoUpdateFloatingElement, useFloating } from '../adapters';\nimport { convertFloatingDataToReactCSSProperties } from '../functions';\nimport type { UseFloatingOptions } from '../types/common';\nimport { DEFAULT_TRIGGER } from './constants';\nimport type {\n  FloatingProps,\n  ReferenceProps,\n  ShownChangeReason,\n  UseFloatingWithInteractionsProps,\n  UseFloatingWithInteractionsReturn,\n} from './types';\nimport { useResolveTriggerType } from './useResolveTriggerType';\n\ntype LocalState = { shown: boolean; reason?: ShownChangeReason };\n\nconst whileElementsMounted: UseFloatingOptions['whileElementsMounted'] = (...args) =>\n  /* istanbul ignore next: не знаю как проверить */\n  autoUpdateFloatingElement(...args, { elementResize: true });\n\n/**\n * @private\n */\nexport const useFloatingWithInteractions = <T extends HTMLElement = HTMLElement>({\n  trigger = DEFAULT_TRIGGER,\n\n  // UseFloating\n  placement: placementProp = 'bottom',\n  strategy: strategyProp = 'fixed',\n  middlewares,\n  hoverDelay = 0,\n  closeAfterClick = false,\n\n  // disables\n  disabled = false,\n  disableInteractive = false,\n  disableCloseOnClickOutside = false,\n  disableCloseOnEscKey = false,\n\n  // uncontrolled\n  defaultShown = false,\n\n  // controlled\n  shown: shownProp,\n  onShownChange: onShownChangeProp,\n  onShownChanged: onShownChangedProp,\n}: UseFloatingWithInteractionsProps): UseFloatingWithInteractionsReturn<T> => {\n  const memoizedValue = React.useMemo<LocalState | undefined>(\n    () => (shownProp !== undefined ? { shown: shownProp } : undefined),\n    [shownProp],\n  );\n  const [shownLocalState, setShownLocalState] = useCustomEnsuredControl<LocalState>({\n    value: memoizedValue,\n    disabled,\n    defaultValue: { shown: defaultShown },\n    onChange: useStableCallback(({ shown, reason }) => {\n      if (onShownChangeProp) {\n        onShownChangeProp(shown, reason);\n      }\n    }),\n  });\n  const onShownChanged = useStableCallback(onShownChangedProp ? onShownChangedProp : noop);\n  const [shownFinalState, setShownFinalState] = React.useState(() => shownLocalState.shown);\n  const [willBeHide, setWillBeHide] = React.useState(false);\n\n  const hasCSSAnimation = React.useRef(false);\n\n  const blockMouseEnterRef = React.useRef(false);\n  const blockFocusRef = React.useRef(false);\n  const blurTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleCloseOnReferenceClickOutsideDisabled =\n    disabled || disableCloseOnClickOutside || willBeHide || !shownLocalState.shown;\n  const handleCloseOnFloatingClickOutsideDisabled =\n    disableInteractive || handleCloseOnReferenceClickOutsideDisabled;\n\n  const { triggerOnFocus, triggerOnClick, triggerOnHover } = useResolveTriggerType(trigger);\n\n  const isLock = React.useContext(LockFloatingPositionContext);\n\n  // Библиотека `floating-ui`\n  const { placement, x, y, strategy, refs, middlewareData } = useFloating<T>({\n    strategy: strategyProp,\n    placement: placementProp,\n    ...(middlewares !== undefined ? { middleware: middlewares } : {}),\n    ...(!isLock && { whileElementsMounted }),\n  });\n\n  const commitShownLocalState = React.useCallback(\n    (nextShown: boolean, reason: ShownChangeReason) => {\n      setShownLocalState((prevState) => {\n        if (prevState.shown !== nextShown || prevState.reason !== reason) {\n          return {\n            shown: nextShown,\n            reason,\n          };\n        }\n        /* istanbul ignore next: страховка, если вдруг на момент вызова обновления состояния, оно уже будет актуальным */\n        return prevState;\n      });\n    },\n    [setShownLocalState],\n  );\n\n  const [mouseEnterDelay, mouseLeaveDelay] =\n    typeof hoverDelay === 'number' ? [hoverDelay, hoverDelay] : hoverDelay;\n\n  const showWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(true, 'hover'), mouseEnterDelay),\n    [mouseEnterDelay, commitShownLocalState],\n  );\n\n  const hideWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(false, 'hover'), mouseLeaveDelay),\n    [mouseLeaveDelay, commitShownLocalState],\n  );\n\n  const handleFocusOnReference = useStableCallback(() => {\n    // Повторный вызов события фокуса - следствие клика на reference-элемент\n    if (shownLocalState.shown) {\n      if (!closeAfterClick && shownLocalState.reason === 'hover') {\n        return;\n      }\n      commitShownLocalState(false, 'focus');\n      return;\n    }\n    if (blockFocusRef.current) {\n      /* istanbul ignore next: в Vitest не воспроизводится баг на вебе (cм. onRestoreFocus) */\n      blockFocusRef.current = false;\n      return;\n    }\n\n    commitShownLocalState(true, 'focus');\n  });\n\n  const handleBlurOnReference = useStableCallback((event: React.FocusEvent) => {\n    blockFocusRef.current = false;\n    blockMouseEnterRef.current = false;\n\n    if (!shownLocalState.shown) {\n      clearTimeout(blurTimeoutRef.current);\n      return;\n    }\n\n    const relatedTarget = event.relatedTarget;\n    blurTimeoutRef.current = setTimeout(function waitWindowBlurFire() {\n      const reference = refs.reference.current;\n      // Если пользователь покинул текущее окно в открытом состоянии, то\n      // не закрываем всплывающий элемент.\n      /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n      if (!relatedTarget && getActiveElementByAnotherElement(reference) === reference) {\n        /* istanbul ignore next */\n        return;\n      }\n\n      // Если пользователь нажал на всплывающий элемент, то не закрываем всплывающий элемент.\n      // Note: для этого элемент должен быть фокусируемый (например, за счёт `tabindex=\"-1\"`).\n      if (contains(refs.floating.current, relatedTarget) || contains(reference, relatedTarget)) {\n        return;\n      }\n\n      commitShownLocalState(false, 'focus');\n    });\n  });\n\n  const handleClickOnReference = useStableCallback(() => {\n    // Предыдущий триггер (фокус) уже вызвал открытие/закрытие всплывающего окна, игнорируем вызов\n    if (shownLocalState.reason === 'focus') {\n      commitShownLocalState(shownLocalState.shown, 'click');\n      return;\n    }\n    commitShownLocalState(!shownLocalState.shown, 'click');\n  });\n\n  const handleClickOnReferenceForOnlyClose = useStableCallback(() => {\n    blockMouseEnterRef.current = true;\n    commitShownLocalState(false, 'click');\n  });\n\n  const handleMouseEnterOnBoth = useStableCallback((event: React.MouseEvent<HTMLElement>) => {\n    if (willBeHide && event.currentTarget === refs.floating.current) {\n      return;\n    }\n\n    showWithDelay.cancel();\n    hideWithDelay.cancel();\n\n    if (!blockMouseEnterRef.current && !shownLocalState.shown) {\n      showWithDelay();\n    }\n  });\n\n  const handleMouseLeaveOnBothForHoverAndFocusStates = useStableCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (willBeHide && event.currentTarget === refs.floating.current) {\n        return;\n      }\n\n      blockFocusRef.current = false;\n      blockMouseEnterRef.current = false;\n\n      if (triggerOnHover) {\n        showWithDelay.cancel();\n        hideWithDelay.cancel();\n\n        hideWithDelay();\n      }\n    },\n  );\n\n  const handleFloatingAnimationStart = () => {\n    hasCSSAnimation.current = true;\n  };\n\n  const handleFloatingAnimationEnd = () => {\n    if (willBeHide) {\n      setShownFinalState(false);\n      setWillBeHide(false);\n      onShownChanged(false, shownLocalState.reason);\n    }\n  };\n\n  const handleOnClose = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'callback');\n  }, [commitShownLocalState]);\n\n  const handleRestoreFocus: UseFloatingWithInteractionsReturn['onRestoreFocus'] = React.useCallback(\n    (restoreFocus = true) => {\n      if (!restoreFocus) {\n        return false;\n      }\n      if (restoreFocus === true) {\n        return triggerOnFocus ? blockFocusRef.current : true;\n      } else if (restoreFocus === 'anchor-element') {\n        return refs.reference.current as HTMLElement;\n      } else if (restoreFocus instanceof HTMLElement) {\n        return restoreFocus;\n      }\n      return false;\n    },\n    [refs.reference, triggerOnFocus],\n  );\n\n  const handleEscapeKeyDown = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'escape-key');\n  }, [commitShownLocalState]);\n\n  const handleClickOutside = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'click-outside');\n  }, [commitShownLocalState]);\n\n  useGlobalOnClickOutside(\n    handleClickOutside,\n    handleCloseOnReferenceClickOutsideDisabled ? null : refs.reference,\n    handleCloseOnFloatingClickOutsideDisabled ? null : refs.floating,\n  );\n\n  useIsomorphicLayoutEffect(\n    /**\n     * Если пользователь покинул активное окно и:\n     * 1. целевой элемент был в состоянии фокуса;\n     * 2. всплывающий элемент был закрытом состоянии;\n     * то фокус должен быть заблокирован, когда пользователь вернётся обратно. Иначе покажется\n     * всплывающий элемент.\n     */\n    function setGlobalBlurForTriggerOnFocus() {\n      if (!triggerOnFocus || !refs.reference.current) {\n        return;\n      }\n\n      const handleGlobalBlur = () => {\n        /* istanbul ignore next */\n        const reference = refs.reference.current;\n        /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n        if (\n          !shownLocalState.shown &&\n          isHTMLElement(reference) &&\n          reference === getActiveElementByAnotherElement(reference)\n        ) {\n          /* istanbul ignore next */\n          blockFocusRef.current = true;\n        }\n      };\n\n      const win = getWindow(refs.reference.current);\n      win.addEventListener('blur', handleGlobalBlur);\n      return () => {\n        win.removeEventListener('blur', handleGlobalBlur);\n      };\n    },\n    [triggerOnFocus, refs.reference, shownLocalState],\n  );\n\n  useIsomorphicLayoutEffect(\n    function resolveShownStates() {\n      if (willBeHide || shownLocalState.shown === shownFinalState) {\n        return;\n      }\n\n      if (shownLocalState.shown) {\n        setShownFinalState(true);\n        onShownChanged(true, shownLocalState.reason);\n      } else if (hasCSSAnimation.current && !willBeHide) {\n        setWillBeHide(true);\n      } else {\n        setShownFinalState(false);\n      }\n\n      return () => {\n        clearTimeout(blurTimeoutRef.current);\n      };\n    },\n    [shownLocalState, shownFinalState, willBeHide, onShownChanged],\n  );\n\n  const referenceProps: ReferenceProps = {};\n  const floatingProps: FloatingProps = { style: {} };\n\n  if (shownFinalState) {\n    floatingProps.style = convertFloatingDataToReactCSSProperties({\n      strategy,\n      x,\n      y,\n      middlewareData,\n    });\n\n    if (disableInteractive) {\n      floatingProps.style.pointerEvents = 'none';\n    }\n  }\n\n  if (triggerOnFocus) {\n    referenceProps.onFocus = handleFocusOnReference;\n    referenceProps.onBlur = handleBlurOnReference;\n  }\n\n  if (triggerOnClick) {\n    referenceProps.onClick = handleClickOnReference;\n  }\n\n  if (triggerOnHover) {\n    referenceProps.onMouseOver = handleMouseEnterOnBoth;\n\n    if (closeAfterClick && !triggerOnClick) {\n      referenceProps.onClick = handleClickOnReferenceForOnlyClose;\n    }\n\n    if (!disableInteractive) {\n      floatingProps.onMouseOver = handleMouseEnterOnBoth;\n    }\n  }\n\n  if (triggerOnHover || triggerOnFocus) {\n    referenceProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n\n    if (!disableInteractive) {\n      floatingProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n    }\n  }\n\n  if (shownFinalState) {\n    floatingProps.onAnimationStart = handleFloatingAnimationStart;\n    floatingProps.onAnimationEnd = handleFloatingAnimationEnd;\n  }\n\n  return {\n    placement,\n    shown: shownFinalState,\n    willBeHide,\n    refs,\n    referenceProps,\n    floatingProps,\n    middlewareData,\n    onClose: handleOnClose,\n    // FocusTrap уже определяет нажатие на ESC, поэтому название события содержит конкретный код\n    // кнопки вместо просто onKeyDown.\n    onEscapeKeyDown: !shownFinalState || disableCloseOnEscKey ? undefined : handleEscapeKeyDown,\n    // [Обход баги с FocusTrap]\n    //\n    // Если сфокусироваться на целевой элемент через нажатие, а потом нажать в область за пределами\n    // целевого и всплывающего элемента, то появляется моргание из-за того, что FocusTrap\n    // восстанавливает фокус, из-за чего всплывающий элемент снова показывается за счёт\n    // `handleFocusOnReference`, а потом скрывается за счёт `handleBlurOnReference`.\n    onRestoreFocus: handleRestoreFocus,\n  };\n};\n"],"names":["React","debounce","noop","getWindow","isHTMLElement","useCustomEnsuredControl","useGlobalOnClickOutside","useStableCallback","contains","getActiveElementByAnotherElement","useIsomorphicLayoutEffect","LockFloatingPositionContext","autoUpdateFloatingElement","useFloating","convertFloatingDataToReactCSSProperties","DEFAULT_TRIGGER","useResolveTriggerType","whileElementsMounted","args","elementResize","useFloatingWithInteractions","trigger","placement","placementProp","strategy","strategyProp","middlewares","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChangeProp","onShownChanged","onShownChangedProp","memoizedValue","useMemo","undefined","shownLocalState","setShownLocalState","value","defaultValue","onChange","reason","shownFinalState","setShownFinalState","useState","willBeHide","setWillBeHide","hasCSSAnimation","useRef","blockMouseEnterRef","blockFocusRef","blurTimeoutRef","handleCloseOnReferenceClickOutsideDisabled","handleCloseOnFloatingClickOutsideDisabled","triggerOnFocus","triggerOnClick","triggerOnHover","isLock","useContext","x","y","refs","middlewareData","middleware","commitShownLocalState","useCallback","nextShown","prevState","mouseEnterDelay","mouseLeaveDelay","showWithDelay","hideWithDelay","handleFocusOnReference","current","handleBlurOnReference","event","clearTimeout","relatedTarget","setTimeout","waitWindowBlurFire","reference","floating","handleClickOnReference","handleClickOnReferenceForOnlyClose","handleMouseEnterOnBoth","currentTarget","cancel","handleMouseLeaveOnBothForHoverAndFocusStates","handleFloatingAnimationStart","handleFloatingAnimationEnd","handleOnClose","handleRestoreFocus","restoreFocus","HTMLElement","handleEscapeKeyDown","handleClickOutside","setGlobalBlurForTriggerOnFocus","handleGlobalBlur","win","addEventListener","removeEventListener","resolveShownStates","referenceProps","floatingProps","style","pointerEvents","onFocus","onBlur","onClick","onMouseOver","onMouseLeave","onAnimationStart","onAnimationEnd","onClose","onEscapeKeyDown","onRestoreFocus"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,EAAEC,IAAI,QAAQ,kBAAkB;AACjD,SAASC,SAAS,EAAEC,aAAa,QAAQ,wCAAwC;AACjF,SAASC,uBAAuB,QAAQ,sCAAmC;AAC3E,SAASC,uBAAuB,QAAQ,4CAAyC;AACjF,SAASC,iBAAiB,QAAQ,sCAAmC;AACrE,SAASC,QAAQ,EAAEC,gCAAgC,QAAQ,eAAY;AACvE,SAASC,yBAAyB,QAAQ,qCAAkC;AAC5E,SAASC,2BAA2B,QAAQ,kDAA+C;AAC3F,SAASC,yBAAyB,EAAEC,WAAW,QAAQ,iBAAc;AACrE,SAASC,uCAAuC,QAAQ,kBAAe;AAEvE,SAASC,eAAe,QAAQ,iBAAc;AAQ9C,SAASC,qBAAqB,QAAQ,6BAA0B;AAIhE,MAAMC,uBAAmE,CAAC,GAAGC,OAC3E,+CAA+C,GAC/CN,6BAA6BM,MAAM;QAAEC,eAAe;IAAK;AAE3D;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAAsC,EAC/EC,UAAUN,eAAe,EAEzB,cAAc;AACdO,WAAWC,gBAAgB,QAAQ,EACnCC,UAAUC,eAAe,OAAO,EAChCC,WAAW,EACXC,aAAa,CAAC,EACdC,kBAAkB,KAAK,EAEvB,WAAW;AACXC,WAAW,KAAK,EAChBC,qBAAqB,KAAK,EAC1BC,6BAA6B,KAAK,EAClCC,uBAAuB,KAAK,EAE5B,eAAe;AACfC,eAAe,KAAK,EAEpB,aAAa;AACbC,OAAOC,SAAS,EAChBC,eAAeC,iBAAiB,EAChCC,gBAAgBC,kBAAkB,EACD;IACjC,MAAMC,gBAAgBxC,MAAMyC,OAAO,CACjC,IAAON,cAAcO,YAAY;YAAER,OAAOC;QAAU,IAAIO,WACxD;QAACP;KAAU;IAEb,MAAM,CAACQ,iBAAiBC,mBAAmB,GAAGvC,wBAAoC;QAChFwC,OAAOL;QACPX;QACAiB,cAAc;YAAEZ,OAAOD;QAAa;QACpCc,UAAUxC,kBAAkB,CAAC,EAAE2B,KAAK,EAAEc,MAAM,EAAE;YAC5C,IAAIX,mBAAmB;gBACrBA,kBAAkBH,OAAOc;YAC3B;QACF;IACF;IACA,MAAMV,iBAAiB/B,kBAAkBgC,qBAAqBA,qBAAqBrC;IACnF,MAAM,CAAC+C,iBAAiBC,mBAAmB,GAAGlD,MAAMmD,QAAQ,CAAC,IAAMR,gBAAgBT,KAAK;IACxF,MAAM,CAACkB,YAAYC,cAAc,GAAGrD,MAAMmD,QAAQ,CAAC;IAEnD,MAAMG,kBAAkBtD,MAAMuD,MAAM,CAAC;IAErC,MAAMC,qBAAqBxD,MAAMuD,MAAM,CAAC;IACxC,MAAME,gBAAgBzD,MAAMuD,MAAM,CAAC;IACnC,MAAMG,iBAAiB1D,MAAMuD,MAAM,CAA4Cb;IAE/E,MAAMiB,6CACJ9B,YAAYE,8BAA8BqB,cAAc,CAACT,gBAAgBT,KAAK;IAChF,MAAM0B,4CACJ9B,sBAAsB6B;IAExB,MAAM,EAAEE,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAE,GAAG/C,sBAAsBK;IAEjF,MAAM2C,SAAShE,MAAMiE,UAAU,CAACtD;IAEhC,2BAA2B;IAC3B,MAAM,EAAEW,SAAS,EAAE4C,CAAC,EAAEC,CAAC,EAAE3C,QAAQ,EAAE4C,IAAI,EAAEC,cAAc,EAAE,GAAGxD,YAAe;QACzEW,UAAUC;QACVH,WAAWC;QACX,GAAIG,gBAAgBgB,YAAY;YAAE4B,YAAY5C;QAAY,IAAI,CAAC,CAAC;QAChE,GAAI,CAACsC,UAAU;YAAE/C;QAAqB,CAAC;IACzC;IAEA,MAAMsD,wBAAwBvE,MAAMwE,WAAW,CAC7C,CAACC,WAAoBzB;QACnBJ,mBAAmB,CAAC8B;YAClB,IAAIA,UAAUxC,KAAK,KAAKuC,aAAaC,UAAU1B,MAAM,KAAKA,QAAQ;gBAChE,OAAO;oBACLd,OAAOuC;oBACPzB;gBACF;YACF;YACA,+GAA+G,GAC/G,OAAO0B;QACT;IACF,GACA;QAAC9B;KAAmB;IAGtB,MAAM,CAAC+B,iBAAiBC,gBAAgB,GACtC,OAAOjD,eAAe,WAAW;QAACA;QAAYA;KAAW,GAAGA;IAE9D,MAAMkD,gBAAgB7E,MAAMyC,OAAO,CACjC,IAAMxC,SAAS,IAAMsE,sBAAsB,MAAM,UAAUI,kBAC3D;QAACA;QAAiBJ;KAAsB;IAG1C,MAAMO,gBAAgB9E,MAAMyC,OAAO,CACjC,IAAMxC,SAAS,IAAMsE,sBAAsB,OAAO,UAAUK,kBAC5D;QAACA;QAAiBL;KAAsB;IAG1C,MAAMQ,yBAAyBxE,kBAAkB;QAC/C,wEAAwE;QACxE,IAAIoC,gBAAgBT,KAAK,EAAE;YACzB,IAAI,CAACN,mBAAmBe,gBAAgBK,MAAM,KAAK,SAAS;gBAC1D;YACF;YACAuB,sBAAsB,OAAO;YAC7B;QACF;QACA,IAAId,cAAcuB,OAAO,EAAE;YACzB,sFAAsF,GACtFvB,cAAcuB,OAAO,GAAG;YACxB;QACF;QAEAT,sBAAsB,MAAM;IAC9B;IAEA,MAAMU,wBAAwB1E,kBAAkB,CAAC2E;QAC/CzB,cAAcuB,OAAO,GAAG;QACxBxB,mBAAmBwB,OAAO,GAAG;QAE7B,IAAI,CAACrC,gBAAgBT,KAAK,EAAE;YAC1BiD,aAAazB,eAAesB,OAAO;YACnC;QACF;QAEA,MAAMI,gBAAgBF,MAAME,aAAa;QACzC1B,eAAesB,OAAO,GAAGK,WAAW,SAASC;YAC3C,MAAMC,YAAYnB,KAAKmB,SAAS,CAACP,OAAO;YACxC,kEAAkE;YAClE,oCAAoC;YACpC,mEAAmE,GACnE,IAAI,CAACI,iBAAiB3E,iCAAiC8E,eAAeA,WAAW;gBAC/E,wBAAwB,GACxB;YACF;YAEA,uFAAuF;YACvF,wFAAwF;YACxF,IAAI/E,SAAS4D,KAAKoB,QAAQ,CAACR,OAAO,EAAEI,kBAAkB5E,SAAS+E,WAAWH,gBAAgB;gBACxF;YACF;YAEAb,sBAAsB,OAAO;QAC/B;IACF;IAEA,MAAMkB,yBAAyBlF,kBAAkB;QAC/C,8FAA8F;QAC9F,IAAIoC,gBAAgBK,MAAM,KAAK,SAAS;YACtCuB,sBAAsB5B,gBAAgBT,KAAK,EAAE;YAC7C;QACF;QACAqC,sBAAsB,CAAC5B,gBAAgBT,KAAK,EAAE;IAChD;IAEA,MAAMwD,qCAAqCnF,kBAAkB;QAC3DiD,mBAAmBwB,OAAO,GAAG;QAC7BT,sBAAsB,OAAO;IAC/B;IAEA,MAAMoB,yBAAyBpF,kBAAkB,CAAC2E;QAChD,IAAI9B,cAAc8B,MAAMU,aAAa,KAAKxB,KAAKoB,QAAQ,CAACR,OAAO,EAAE;YAC/D;QACF;QAEAH,cAAcgB,MAAM;QACpBf,cAAce,MAAM;QAEpB,IAAI,CAACrC,mBAAmBwB,OAAO,IAAI,CAACrC,gBAAgBT,KAAK,EAAE;YACzD2C;QACF;IACF;IAEA,MAAMiB,+CAA+CvF,kBACnD,CAAC2E;QACC,IAAI9B,cAAc8B,MAAMU,aAAa,KAAKxB,KAAKoB,QAAQ,CAACR,OAAO,EAAE;YAC/D;QACF;QAEAvB,cAAcuB,OAAO,GAAG;QACxBxB,mBAAmBwB,OAAO,GAAG;QAE7B,IAAIjB,gBAAgB;YAClBc,cAAcgB,MAAM;YACpBf,cAAce,MAAM;YAEpBf;QACF;IACF;IAGF,MAAMiB,+BAA+B;QACnCzC,gBAAgB0B,OAAO,GAAG;IAC5B;IAEA,MAAMgB,6BAA6B;QACjC,IAAI5C,YAAY;YACdF,mBAAmB;YACnBG,cAAc;YACdf,eAAe,OAAOK,gBAAgBK,MAAM;QAC9C;IACF;IAEA,MAAMiD,gBAAgBjG,MAAMwE,WAAW,CAAC;QACtCf,cAAcuB,OAAO,GAAG;QACxBT,sBAAsB,OAAO;IAC/B,GAAG;QAACA;KAAsB;IAE1B,MAAM2B,qBAA0ElG,MAAMwE,WAAW,CAC/F,CAAC2B,eAAe,IAAI;QAClB,IAAI,CAACA,cAAc;YACjB,OAAO;QACT;QACA,IAAIA,iBAAiB,MAAM;YACzB,OAAOtC,iBAAiBJ,cAAcuB,OAAO,GAAG;QAClD,OAAO,IAAImB,iBAAiB,kBAAkB;YAC5C,OAAO/B,KAAKmB,SAAS,CAACP,OAAO;QAC/B,OAAO,IAAImB,wBAAwBC,aAAa;YAC9C,OAAOD;QACT;QACA,OAAO;IACT,GACA;QAAC/B,KAAKmB,SAAS;QAAE1B;KAAe;IAGlC,MAAMwC,sBAAsBrG,MAAMwE,WAAW,CAAC;QAC5Cf,cAAcuB,OAAO,GAAG;QACxBT,sBAAsB,OAAO;IAC/B,GAAG;QAACA;KAAsB;IAE1B,MAAM+B,qBAAqBtG,MAAMwE,WAAW,CAAC;QAC3Cf,cAAcuB,OAAO,GAAG;QACxBT,sBAAsB,OAAO;IAC/B,GAAG;QAACA;KAAsB;IAE1BjE,wBACEgG,oBACA3C,6CAA6C,OAAOS,KAAKmB,SAAS,EAClE3B,4CAA4C,OAAOQ,KAAKoB,QAAQ;IAGlE9E,0BACE;;;;;;KAMC,GACD,SAAS6F;QACP,IAAI,CAAC1C,kBAAkB,CAACO,KAAKmB,SAAS,CAACP,OAAO,EAAE;YAC9C;QACF;QAEA,MAAMwB,mBAAmB;YACvB,wBAAwB,GACxB,MAAMjB,YAAYnB,KAAKmB,SAAS,CAACP,OAAO;YACxC,mEAAmE,GACnE,IACE,CAACrC,gBAAgBT,KAAK,IACtB9B,cAAcmF,cACdA,cAAc9E,iCAAiC8E,YAC/C;gBACA,wBAAwB,GACxB9B,cAAcuB,OAAO,GAAG;YAC1B;QACF;QAEA,MAAMyB,MAAMtG,UAAUiE,KAAKmB,SAAS,CAACP,OAAO;QAC5CyB,IAAIC,gBAAgB,CAAC,QAAQF;QAC7B,OAAO;YACLC,IAAIE,mBAAmB,CAAC,QAAQH;QAClC;IACF,GACA;QAAC3C;QAAgBO,KAAKmB,SAAS;QAAE5C;KAAgB;IAGnDjC,0BACE,SAASkG;QACP,IAAIxD,cAAcT,gBAAgBT,KAAK,KAAKe,iBAAiB;YAC3D;QACF;QAEA,IAAIN,gBAAgBT,KAAK,EAAE;YACzBgB,mBAAmB;YACnBZ,eAAe,MAAMK,gBAAgBK,MAAM;QAC7C,OAAO,IAAIM,gBAAgB0B,OAAO,IAAI,CAAC5B,YAAY;YACjDC,cAAc;QAChB,OAAO;YACLH,mBAAmB;QACrB;QAEA,OAAO;YACLiC,aAAazB,eAAesB,OAAO;QACrC;IACF,GACA;QAACrC;QAAiBM;QAAiBG;QAAYd;KAAe;IAGhE,MAAMuE,iBAAiC,CAAC;IACxC,MAAMC,gBAA+B;QAAEC,OAAO,CAAC;IAAE;IAEjD,IAAI9D,iBAAiB;QACnB6D,cAAcC,KAAK,GAAGjG,wCAAwC;YAC5DU;YACA0C;YACAC;YACAE;QACF;QAEA,IAAIvC,oBAAoB;YACtBgF,cAAcC,KAAK,CAACC,aAAa,GAAG;QACtC;IACF;IAEA,IAAInD,gBAAgB;QAClBgD,eAAeI,OAAO,GAAGlC;QACzB8B,eAAeK,MAAM,GAAGjC;IAC1B;IAEA,IAAInB,gBAAgB;QAClB+C,eAAeM,OAAO,GAAG1B;IAC3B;IAEA,IAAI1B,gBAAgB;QAClB8C,eAAeO,WAAW,GAAGzB;QAE7B,IAAI/D,mBAAmB,CAACkC,gBAAgB;YACtC+C,eAAeM,OAAO,GAAGzB;QAC3B;QAEA,IAAI,CAAC5D,oBAAoB;YACvBgF,cAAcM,WAAW,GAAGzB;QAC9B;IACF;IAEA,IAAI5B,kBAAkBF,gBAAgB;QACpCgD,eAAeQ,YAAY,GAAGvB;QAE9B,IAAI,CAAChE,oBAAoB;YACvBgF,cAAcO,YAAY,GAAGvB;QAC/B;IACF;IAEA,IAAI7C,iBAAiB;QACnB6D,cAAcQ,gBAAgB,GAAGvB;QACjCe,cAAcS,cAAc,GAAGvB;IACjC;IAEA,OAAO;QACL1E;QACAY,OAAOe;QACPG;QACAgB;QACAyC;QACAC;QACAzC;QACAmD,SAASvB;QACT,4FAA4F;QAC5F,kCAAkC;QAClCwB,iBAAiB,CAACxE,mBAAmBjB,uBAAuBU,YAAY2D;QACxE,2BAA2B;QAC3B,EAAE;QACF,+FAA+F;QAC/F,qFAAqF;QACrF,mFAAmF;QACnF,gFAAgF;QAChFqB,gBAAgBxB;IAClB;AACF,EAAE"}
+{"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce, noop } from '@vkontakte/vkjs';\nimport { getWindow, isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useNavTransition } from '../../../components/NavTransitionContext/NavTransitionContext';\nimport { useCustomEnsuredControl } from '../../../hooks/useEnsuredControl';\nimport { useGlobalOnClickOutside } from '../../../hooks/useGlobalOnClickOutside';\nimport { useStableCallback } from '../../../hooks/useStableCallback';\nimport { contains, getActiveElementByAnotherElement } from '../../dom';\nimport { useIsomorphicLayoutEffect } from '../../useIsomorphicLayoutEffect';\nimport { autoUpdateFloatingElement, useFloating } from '../adapters';\nimport { convertFloatingDataToReactCSSProperties } from '../functions';\nimport type { UseFloatingOptions } from '../types/common';\nimport { DEFAULT_TRIGGER } from './constants';\nimport type {\n  FloatingProps,\n  ReferenceProps,\n  ShownChangeReason,\n  UseFloatingWithInteractionsProps,\n  UseFloatingWithInteractionsReturn,\n} from './types';\nimport { useResolveTriggerType } from './useResolveTriggerType';\n\ntype LocalState = { shown: boolean; reason?: ShownChangeReason };\n\nconst whileElementsMounted: UseFloatingOptions['whileElementsMounted'] = (...args) =>\n  /* istanbul ignore next: не знаю как проверить */\n  autoUpdateFloatingElement(...args, { elementResize: true });\n\n/**\n * @private\n */\nexport const useFloatingWithInteractions = <T extends HTMLElement = HTMLElement>({\n  trigger = DEFAULT_TRIGGER,\n\n  // UseFloating\n  placement: placementProp = 'bottom',\n  strategy: strategyProp = 'fixed',\n  middlewares,\n  hoverDelay = 0,\n  closeAfterClick = false,\n\n  // disables\n  disabled = false,\n  disableInteractive = false,\n  disableCloseOnClickOutside = false,\n  disableCloseOnEscKey = false,\n\n  // uncontrolled\n  defaultShown = false,\n\n  // controlled\n  shown: shownProp,\n  onShownChange: onShownChangeProp,\n  onShownChanged: onShownChangedProp,\n}: UseFloatingWithInteractionsProps): UseFloatingWithInteractionsReturn<T> => {\n  const memoizedValue = React.useMemo<LocalState | undefined>(\n    () => (shownProp !== undefined ? { shown: shownProp } : undefined),\n    [shownProp],\n  );\n  const { entering, animating } = useNavTransition();\n  const [shownLocalState, setShownLocalState] = useCustomEnsuredControl<LocalState>({\n    value: memoizedValue,\n    disabled,\n    defaultValue: { shown: defaultShown },\n    onChange: useStableCallback(({ shown, reason }) => {\n      if (onShownChangeProp) {\n        onShownChangeProp(shown, reason);\n      }\n    }),\n  });\n  const onShownChanged = useStableCallback(onShownChangedProp ? onShownChangedProp : noop);\n  const [shownFinalState, setShownFinalState] = React.useState(() => shownLocalState.shown);\n  const [willBeHide, setWillBeHide] = React.useState(false);\n\n  const hasCSSAnimation = React.useRef(false);\n\n  const blockMouseEnterRef = React.useRef(false);\n  const blockFocusRef = React.useRef(false);\n  const blurTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleCloseOnReferenceClickOutsideDisabled =\n    disabled || disableCloseOnClickOutside || willBeHide || !shownLocalState.shown;\n  const handleCloseOnFloatingClickOutsideDisabled =\n    disableInteractive || handleCloseOnReferenceClickOutsideDisabled;\n\n  const { triggerOnFocus, triggerOnClick, triggerOnHover } = useResolveTriggerType(trigger);\n\n  // Библиотека `floating-ui`\n  const { placement, x, y, strategy, refs, middlewareData } = useFloating<T>({\n    strategy: strategyProp,\n    placement: placementProp,\n    ...(middlewares !== undefined ? { middleware: middlewares } : {}),\n    ...(!animating && { whileElementsMounted }),\n  });\n\n  const commitShownLocalState = React.useCallback(\n    (nextShown: boolean, reason: ShownChangeReason) => {\n      setShownLocalState((prevState) => {\n        if (prevState.shown !== nextShown || prevState.reason !== reason) {\n          return {\n            shown: nextShown,\n            reason,\n          };\n        }\n        /* istanbul ignore next: страховка, если вдруг на момент вызова обновления состояния, оно уже будет актуальным */\n        return prevState;\n      });\n    },\n    [setShownLocalState],\n  );\n\n  const [mouseEnterDelay, mouseLeaveDelay] =\n    typeof hoverDelay === 'number' ? [hoverDelay, hoverDelay] : hoverDelay;\n\n  const showWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(true, 'hover'), mouseEnterDelay),\n    [mouseEnterDelay, commitShownLocalState],\n  );\n\n  const hideWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(false, 'hover'), mouseLeaveDelay),\n    [mouseLeaveDelay, commitShownLocalState],\n  );\n\n  const handleFocusOnReference = useStableCallback(() => {\n    // Повторный вызов события фокуса - следствие клика на reference-элемент\n    if (shownLocalState.shown) {\n      if (!closeAfterClick && shownLocalState.reason === 'hover') {\n        return;\n      }\n      commitShownLocalState(false, 'focus');\n      return;\n    }\n    if (blockFocusRef.current) {\n      /* istanbul ignore next: в Vitest не воспроизводится баг на вебе (cм. onRestoreFocus) */\n      blockFocusRef.current = false;\n      return;\n    }\n\n    commitShownLocalState(true, 'focus');\n  });\n\n  const handleBlurOnReference = useStableCallback((event: React.FocusEvent) => {\n    blockFocusRef.current = false;\n    blockMouseEnterRef.current = false;\n\n    if (!shownLocalState.shown) {\n      clearTimeout(blurTimeoutRef.current);\n      return;\n    }\n\n    const relatedTarget = event.relatedTarget;\n    blurTimeoutRef.current = setTimeout(function waitWindowBlurFire() {\n      const reference = refs.reference.current;\n      // Если пользователь покинул текущее окно в открытом состоянии, то\n      // не закрываем всплывающий элемент.\n      /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n      if (!relatedTarget && getActiveElementByAnotherElement(reference) === reference) {\n        /* istanbul ignore next */\n        return;\n      }\n\n      // Если пользователь нажал на всплывающий элемент, то не закрываем всплывающий элемент.\n      // Note: для этого элемент должен быть фокусируемый (например, за счёт `tabindex=\"-1\"`).\n      if (contains(refs.floating.current, relatedTarget) || contains(reference, relatedTarget)) {\n        return;\n      }\n\n      commitShownLocalState(false, 'focus');\n    });\n  });\n\n  const handleClickOnReference = useStableCallback(() => {\n    // Предыдущий триггер (фокус) уже вызвал открытие/закрытие всплывающего окна, игнорируем вызов\n    if (shownLocalState.reason === 'focus') {\n      commitShownLocalState(shownLocalState.shown, 'click');\n      return;\n    }\n    commitShownLocalState(!shownLocalState.shown, 'click');\n  });\n\n  const handleClickOnReferenceForOnlyClose = useStableCallback(() => {\n    blockMouseEnterRef.current = true;\n    commitShownLocalState(false, 'click');\n  });\n\n  const handleMouseEnterOnBoth = useStableCallback((event: React.MouseEvent<HTMLElement>) => {\n    if (willBeHide && event.currentTarget === refs.floating.current) {\n      return;\n    }\n\n    showWithDelay.cancel();\n    hideWithDelay.cancel();\n\n    if (!blockMouseEnterRef.current && !shownLocalState.shown) {\n      showWithDelay();\n    }\n  });\n\n  const handleMouseLeaveOnBothForHoverAndFocusStates = useStableCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (willBeHide && event.currentTarget === refs.floating.current) {\n        return;\n      }\n\n      blockFocusRef.current = false;\n      blockMouseEnterRef.current = false;\n\n      if (triggerOnHover) {\n        showWithDelay.cancel();\n        hideWithDelay.cancel();\n\n        hideWithDelay();\n      }\n    },\n  );\n\n  const handleFloatingAnimationStart = () => {\n    hasCSSAnimation.current = true;\n  };\n\n  const handleFloatingAnimationEnd = () => {\n    if (willBeHide) {\n      setShownFinalState(false);\n      setWillBeHide(false);\n      onShownChanged(false, shownLocalState.reason);\n    }\n  };\n\n  const handleOnClose = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'callback');\n  }, [commitShownLocalState]);\n\n  const handleRestoreFocus: UseFloatingWithInteractionsReturn['onRestoreFocus'] = React.useCallback(\n    (restoreFocus = true) => {\n      if (!restoreFocus) {\n        return false;\n      }\n      if (restoreFocus === true) {\n        return triggerOnFocus ? blockFocusRef.current : true;\n      } else if (restoreFocus === 'anchor-element') {\n        return refs.reference.current as HTMLElement;\n      } else if (restoreFocus instanceof HTMLElement) {\n        return restoreFocus;\n      }\n      return false;\n    },\n    [refs.reference, triggerOnFocus],\n  );\n\n  const handleEscapeKeyDown = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'escape-key');\n  }, [commitShownLocalState]);\n\n  const handleClickOutside = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'click-outside');\n  }, [commitShownLocalState]);\n\n  useGlobalOnClickOutside(\n    handleClickOutside,\n    handleCloseOnReferenceClickOutsideDisabled ? null : refs.reference,\n    handleCloseOnFloatingClickOutsideDisabled ? null : refs.floating,\n  );\n\n  useIsomorphicLayoutEffect(\n    /**\n     * Если пользователь покинул активное окно и:\n     * 1. целевой элемент был в состоянии фокуса;\n     * 2. всплывающий элемент был закрытом состоянии;\n     * то фокус должен быть заблокирован, когда пользователь вернётся обратно. Иначе покажется\n     * всплывающий элемент.\n     */\n    function setGlobalBlurForTriggerOnFocus() {\n      if (!triggerOnFocus || !refs.reference.current) {\n        return;\n      }\n\n      const handleGlobalBlur = () => {\n        /* istanbul ignore next */\n        const reference = refs.reference.current;\n        /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n        if (\n          !shownLocalState.shown &&\n          isHTMLElement(reference) &&\n          reference === getActiveElementByAnotherElement(reference)\n        ) {\n          /* istanbul ignore next */\n          blockFocusRef.current = true;\n        }\n      };\n\n      const win = getWindow(refs.reference.current);\n      win.addEventListener('blur', handleGlobalBlur);\n      return () => {\n        win.removeEventListener('blur', handleGlobalBlur);\n      };\n    },\n    [triggerOnFocus, refs.reference, shownLocalState],\n  );\n\n  useIsomorphicLayoutEffect(\n    function resolveShownStates() {\n      if (willBeHide || shownLocalState.shown === shownFinalState) {\n        return;\n      }\n\n      if (shownLocalState.shown) {\n        setShownFinalState(true);\n        onShownChanged(true, shownLocalState.reason);\n      } else if (hasCSSAnimation.current && !willBeHide) {\n        setWillBeHide(true);\n      } else {\n        setShownFinalState(false);\n      }\n\n      return () => {\n        clearTimeout(blurTimeoutRef.current);\n      };\n    },\n    [shownLocalState, shownFinalState, willBeHide, onShownChanged],\n  );\n\n  const referenceProps: ReferenceProps = {};\n  const floatingProps: FloatingProps = { style: {} };\n\n  if (shownFinalState) {\n    floatingProps.style = convertFloatingDataToReactCSSProperties({\n      strategy,\n      x,\n      y,\n      middlewareData,\n    });\n\n    if (disableInteractive) {\n      floatingProps.style.pointerEvents = 'none';\n    }\n  }\n\n  if (triggerOnFocus) {\n    referenceProps.onFocus = handleFocusOnReference;\n    referenceProps.onBlur = handleBlurOnReference;\n  }\n\n  if (triggerOnClick) {\n    referenceProps.onClick = handleClickOnReference;\n  }\n\n  if (triggerOnHover) {\n    referenceProps.onMouseOver = handleMouseEnterOnBoth;\n\n    if (closeAfterClick && !triggerOnClick) {\n      referenceProps.onClick = handleClickOnReferenceForOnlyClose;\n    }\n\n    if (!disableInteractive) {\n      floatingProps.onMouseOver = handleMouseEnterOnBoth;\n    }\n  }\n\n  if (triggerOnHover || triggerOnFocus) {\n    referenceProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n\n    if (!disableInteractive) {\n      floatingProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n    }\n  }\n\n  if (shownFinalState) {\n    floatingProps.onAnimationStart = handleFloatingAnimationStart;\n    floatingProps.onAnimationEnd = handleFloatingAnimationEnd;\n  }\n\n  return {\n    placement,\n    shown: shownFinalState && !entering,\n    willBeHide,\n    refs,\n    referenceProps,\n    floatingProps,\n    middlewareData,\n    onClose: handleOnClose,\n    // FocusTrap уже определяет нажатие на ESC, поэтому название события содержит конкретный код\n    // кнопки вместо просто onKeyDown.\n    onEscapeKeyDown: !shownFinalState || disableCloseOnEscKey ? undefined : handleEscapeKeyDown,\n    // [Обход баги с FocusTrap]\n    //\n    // Если сфокусироваться на целевой элемент через нажатие, а потом нажать в область за пределами\n    // целевого и всплывающего элемента, то появляется моргание из-за того, что FocusTrap\n    // восстанавливает фокус, из-за чего всплывающий элемент снова показывается за счёт\n    // `handleFocusOnReference`, а потом скрывается за счёт `handleBlurOnReference`.\n    onRestoreFocus: handleRestoreFocus,\n  };\n};\n"],"names":["React","debounce","noop","getWindow","isHTMLElement","useNavTransition","useCustomEnsuredControl","useGlobalOnClickOutside","useStableCallback","contains","getActiveElementByAnotherElement","useIsomorphicLayoutEffect","autoUpdateFloatingElement","useFloating","convertFloatingDataToReactCSSProperties","DEFAULT_TRIGGER","useResolveTriggerType","whileElementsMounted","args","elementResize","useFloatingWithInteractions","trigger","placement","placementProp","strategy","strategyProp","middlewares","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChangeProp","onShownChanged","onShownChangedProp","memoizedValue","useMemo","undefined","entering","animating","shownLocalState","setShownLocalState","value","defaultValue","onChange","reason","shownFinalState","setShownFinalState","useState","willBeHide","setWillBeHide","hasCSSAnimation","useRef","blockMouseEnterRef","blockFocusRef","blurTimeoutRef","handleCloseOnReferenceClickOutsideDisabled","handleCloseOnFloatingClickOutsideDisabled","triggerOnFocus","triggerOnClick","triggerOnHover","x","y","refs","middlewareData","middleware","commitShownLocalState","useCallback","nextShown","prevState","mouseEnterDelay","mouseLeaveDelay","showWithDelay","hideWithDelay","handleFocusOnReference","current","handleBlurOnReference","event","clearTimeout","relatedTarget","setTimeout","waitWindowBlurFire","reference","floating","handleClickOnReference","handleClickOnReferenceForOnlyClose","handleMouseEnterOnBoth","currentTarget","cancel","handleMouseLeaveOnBothForHoverAndFocusStates","handleFloatingAnimationStart","handleFloatingAnimationEnd","handleOnClose","handleRestoreFocus","restoreFocus","HTMLElement","handleEscapeKeyDown","handleClickOutside","setGlobalBlurForTriggerOnFocus","handleGlobalBlur","win","addEventListener","removeEventListener","resolveShownStates","referenceProps","floatingProps","style","pointerEvents","onFocus","onBlur","onClick","onMouseOver","onMouseLeave","onAnimationStart","onAnimationEnd","onClose","onEscapeKeyDown","onRestoreFocus"],"mappings":"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"}

package/dist/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFloatingWithInteractions.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAIV,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,SAAS,CAAC;AASjB;;GAEG;AACH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,gSAuB9E,gCAAgC,KAAG,iCAAiC,CAAC,CAAC,CAsVxE,CAAC"}
+{"version":3,"file":"useFloatingWithInteractions.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAIV,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,SAAS,CAAC;AASjB;;GAEG;AACH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,gSAuB9E,gCAAgC,KAAG,iCAAiC,CAAC,CAAC,CAqVxE,CAAC"}

package/dist/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js

@@ -1,12 +1,12 @@
 import * as React from "react";
 import { debounce, noop } from "@vkontakte/vkjs";
 import { getWindow, isHTMLElement } from "@vkontakte/vkui-floating-ui/utils/dom";
+import { useNavTransition } from "../../../components/NavTransitionContext/NavTransitionContext.js";
 import { useCustomEnsuredControl } from "../../../hooks/useEnsuredControl.js";
 import { useGlobalOnClickOutside } from "../../../hooks/useGlobalOnClickOutside.js";
 import { useStableCallback } from "../../../hooks/useStableCallback.js";
 import { contains, getActiveElementByAnotherElement } from "../../dom.js";
 import { useIsomorphicLayoutEffect } from "../../useIsomorphicLayoutEffect.js";
-import { LockFloatingPositionContext } from "../LockFloatingPosition/LockFloatingPosition.js";
 import { autoUpdateFloatingElement, useFloating } from "../adapters.js";
 import { convertFloatingDataToReactCSSProperties } from "../functions.js";
 import { DEFAULT_TRIGGER } from "./constants.js";
@@ -26,6 +26,7 @@ shown: shownProp, onShownChange: onShownChangeProp, onShownChanged: onShownChang
         } : undefined, [
         shownProp
     ]);
+    const { entering, animating } = useNavTransition();
     const [shownLocalState, setShownLocalState] = useCustomEnsuredControl({
         value: memoizedValue,
         disabled,
@@ -48,7 +49,6 @@ shown: shownProp, onShownChange: onShownChangeProp, onShownChanged: onShownChang
     const handleCloseOnReferenceClickOutsideDisabled = disabled || disableCloseOnClickOutside || willBeHide || !shownLocalState.shown;
     const handleCloseOnFloatingClickOutsideDisabled = disableInteractive || handleCloseOnReferenceClickOutsideDisabled;
     const { triggerOnFocus, triggerOnClick, triggerOnHover } = useResolveTriggerType(trigger);
-    const isLock = React.useContext(LockFloatingPositionContext);
     // Библиотека `floating-ui`
     const { placement, x, y, strategy, refs, middlewareData } = useFloating({
         strategy: strategyProp,
@@ -56,7 +56,7 @@ shown: shownProp, onShownChange: onShownChangeProp, onShownChanged: onShownChang
         ...middlewares !== undefined ? {
             middleware: middlewares
         } : {},
-        ...!isLock && {
+        ...!animating && {
             whileElementsMounted
         }
     });
@@ -292,7 +292,7 @@ shown: shownProp, onShownChange: onShownChangeProp, onShownChanged: onShownChang
     }
     return {
         placement,
-        shown: shownFinalState,
+        shown: shownFinalState && !entering,
         willBeHide,
         refs,
         referenceProps,

package/dist/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce, noop } from '@vkontakte/vkjs';\nimport { getWindow, isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useCustomEnsuredControl } from '../../../hooks/useEnsuredControl';\nimport { useGlobalOnClickOutside } from '../../../hooks/useGlobalOnClickOutside';\nimport { useStableCallback } from '../../../hooks/useStableCallback';\nimport { contains, getActiveElementByAnotherElement } from '../../dom';\nimport { useIsomorphicLayoutEffect } from '../../useIsomorphicLayoutEffect';\nimport { LockFloatingPositionContext } from '../LockFloatingPosition/LockFloatingPosition';\nimport { autoUpdateFloatingElement, useFloating } from '../adapters';\nimport { convertFloatingDataToReactCSSProperties } from '../functions';\nimport type { UseFloatingOptions } from '../types/common';\nimport { DEFAULT_TRIGGER } from './constants';\nimport type {\n  FloatingProps,\n  ReferenceProps,\n  ShownChangeReason,\n  UseFloatingWithInteractionsProps,\n  UseFloatingWithInteractionsReturn,\n} from './types';\nimport { useResolveTriggerType } from './useResolveTriggerType';\n\ntype LocalState = { shown: boolean; reason?: ShownChangeReason };\n\nconst whileElementsMounted: UseFloatingOptions['whileElementsMounted'] = (...args) =>\n  /* istanbul ignore next: не знаю как проверить */\n  autoUpdateFloatingElement(...args, { elementResize: true });\n\n/**\n * @private\n */\nexport const useFloatingWithInteractions = <T extends HTMLElement = HTMLElement>({\n  trigger = DEFAULT_TRIGGER,\n\n  // UseFloating\n  placement: placementProp = 'bottom',\n  strategy: strategyProp = 'fixed',\n  middlewares,\n  hoverDelay = 0,\n  closeAfterClick = false,\n\n  // disables\n  disabled = false,\n  disableInteractive = false,\n  disableCloseOnClickOutside = false,\n  disableCloseOnEscKey = false,\n\n  // uncontrolled\n  defaultShown = false,\n\n  // controlled\n  shown: shownProp,\n  onShownChange: onShownChangeProp,\n  onShownChanged: onShownChangedProp,\n}: UseFloatingWithInteractionsProps): UseFloatingWithInteractionsReturn<T> => {\n  const memoizedValue = React.useMemo<LocalState | undefined>(\n    () => (shownProp !== undefined ? { shown: shownProp } : undefined),\n    [shownProp],\n  );\n  const [shownLocalState, setShownLocalState] = useCustomEnsuredControl<LocalState>({\n    value: memoizedValue,\n    disabled,\n    defaultValue: { shown: defaultShown },\n    onChange: useStableCallback(({ shown, reason }) => {\n      if (onShownChangeProp) {\n        onShownChangeProp(shown, reason);\n      }\n    }),\n  });\n  const onShownChanged = useStableCallback(onShownChangedProp ? onShownChangedProp : noop);\n  const [shownFinalState, setShownFinalState] = React.useState(() => shownLocalState.shown);\n  const [willBeHide, setWillBeHide] = React.useState(false);\n\n  const hasCSSAnimation = React.useRef(false);\n\n  const blockMouseEnterRef = React.useRef(false);\n  const blockFocusRef = React.useRef(false);\n  const blurTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleCloseOnReferenceClickOutsideDisabled =\n    disabled || disableCloseOnClickOutside || willBeHide || !shownLocalState.shown;\n  const handleCloseOnFloatingClickOutsideDisabled =\n    disableInteractive || handleCloseOnReferenceClickOutsideDisabled;\n\n  const { triggerOnFocus, triggerOnClick, triggerOnHover } = useResolveTriggerType(trigger);\n\n  const isLock = React.useContext(LockFloatingPositionContext);\n\n  // Библиотека `floating-ui`\n  const { placement, x, y, strategy, refs, middlewareData } = useFloating<T>({\n    strategy: strategyProp,\n    placement: placementProp,\n    ...(middlewares !== undefined ? { middleware: middlewares } : {}),\n    ...(!isLock && { whileElementsMounted }),\n  });\n\n  const commitShownLocalState = React.useCallback(\n    (nextShown: boolean, reason: ShownChangeReason) => {\n      setShownLocalState((prevState) => {\n        if (prevState.shown !== nextShown || prevState.reason !== reason) {\n          return {\n            shown: nextShown,\n            reason,\n          };\n        }\n        /* istanbul ignore next: страховка, если вдруг на момент вызова обновления состояния, оно уже будет актуальным */\n        return prevState;\n      });\n    },\n    [setShownLocalState],\n  );\n\n  const [mouseEnterDelay, mouseLeaveDelay] =\n    typeof hoverDelay === 'number' ? [hoverDelay, hoverDelay] : hoverDelay;\n\n  const showWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(true, 'hover'), mouseEnterDelay),\n    [mouseEnterDelay, commitShownLocalState],\n  );\n\n  const hideWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(false, 'hover'), mouseLeaveDelay),\n    [mouseLeaveDelay, commitShownLocalState],\n  );\n\n  const handleFocusOnReference = useStableCallback(() => {\n    // Повторный вызов события фокуса - следствие клика на reference-элемент\n    if (shownLocalState.shown) {\n      if (!closeAfterClick && shownLocalState.reason === 'hover') {\n        return;\n      }\n      commitShownLocalState(false, 'focus');\n      return;\n    }\n    if (blockFocusRef.current) {\n      /* istanbul ignore next: в Vitest не воспроизводится баг на вебе (cм. onRestoreFocus) */\n      blockFocusRef.current = false;\n      return;\n    }\n\n    commitShownLocalState(true, 'focus');\n  });\n\n  const handleBlurOnReference = useStableCallback((event: React.FocusEvent) => {\n    blockFocusRef.current = false;\n    blockMouseEnterRef.current = false;\n\n    if (!shownLocalState.shown) {\n      clearTimeout(blurTimeoutRef.current);\n      return;\n    }\n\n    const relatedTarget = event.relatedTarget;\n    blurTimeoutRef.current = setTimeout(function waitWindowBlurFire() {\n      const reference = refs.reference.current;\n      // Если пользователь покинул текущее окно в открытом состоянии, то\n      // не закрываем всплывающий элемент.\n      /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n      if (!relatedTarget && getActiveElementByAnotherElement(reference) === reference) {\n        /* istanbul ignore next */\n        return;\n      }\n\n      // Если пользователь нажал на всплывающий элемент, то не закрываем всплывающий элемент.\n      // Note: для этого элемент должен быть фокусируемый (например, за счёт `tabindex=\"-1\"`).\n      if (contains(refs.floating.current, relatedTarget) || contains(reference, relatedTarget)) {\n        return;\n      }\n\n      commitShownLocalState(false, 'focus');\n    });\n  });\n\n  const handleClickOnReference = useStableCallback(() => {\n    // Предыдущий триггер (фокус) уже вызвал открытие/закрытие всплывающего окна, игнорируем вызов\n    if (shownLocalState.reason === 'focus') {\n      commitShownLocalState(shownLocalState.shown, 'click');\n      return;\n    }\n    commitShownLocalState(!shownLocalState.shown, 'click');\n  });\n\n  const handleClickOnReferenceForOnlyClose = useStableCallback(() => {\n    blockMouseEnterRef.current = true;\n    commitShownLocalState(false, 'click');\n  });\n\n  const handleMouseEnterOnBoth = useStableCallback((event: React.MouseEvent<HTMLElement>) => {\n    if (willBeHide && event.currentTarget === refs.floating.current) {\n      return;\n    }\n\n    showWithDelay.cancel();\n    hideWithDelay.cancel();\n\n    if (!blockMouseEnterRef.current && !shownLocalState.shown) {\n      showWithDelay();\n    }\n  });\n\n  const handleMouseLeaveOnBothForHoverAndFocusStates = useStableCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (willBeHide && event.currentTarget === refs.floating.current) {\n        return;\n      }\n\n      blockFocusRef.current = false;\n      blockMouseEnterRef.current = false;\n\n      if (triggerOnHover) {\n        showWithDelay.cancel();\n        hideWithDelay.cancel();\n\n        hideWithDelay();\n      }\n    },\n  );\n\n  const handleFloatingAnimationStart = () => {\n    hasCSSAnimation.current = true;\n  };\n\n  const handleFloatingAnimationEnd = () => {\n    if (willBeHide) {\n      setShownFinalState(false);\n      setWillBeHide(false);\n      onShownChanged(false, shownLocalState.reason);\n    }\n  };\n\n  const handleOnClose = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'callback');\n  }, [commitShownLocalState]);\n\n  const handleRestoreFocus: UseFloatingWithInteractionsReturn['onRestoreFocus'] = React.useCallback(\n    (restoreFocus = true) => {\n      if (!restoreFocus) {\n        return false;\n      }\n      if (restoreFocus === true) {\n        return triggerOnFocus ? blockFocusRef.current : true;\n      } else if (restoreFocus === 'anchor-element') {\n        return refs.reference.current as HTMLElement;\n      } else if (restoreFocus instanceof HTMLElement) {\n        return restoreFocus;\n      }\n      return false;\n    },\n    [refs.reference, triggerOnFocus],\n  );\n\n  const handleEscapeKeyDown = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'escape-key');\n  }, [commitShownLocalState]);\n\n  const handleClickOutside = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'click-outside');\n  }, [commitShownLocalState]);\n\n  useGlobalOnClickOutside(\n    handleClickOutside,\n    handleCloseOnReferenceClickOutsideDisabled ? null : refs.reference,\n    handleCloseOnFloatingClickOutsideDisabled ? null : refs.floating,\n  );\n\n  useIsomorphicLayoutEffect(\n    /**\n     * Если пользователь покинул активное окно и:\n     * 1. целевой элемент был в состоянии фокуса;\n     * 2. всплывающий элемент был закрытом состоянии;\n     * то фокус должен быть заблокирован, когда пользователь вернётся обратно. Иначе покажется\n     * всплывающий элемент.\n     */\n    function setGlobalBlurForTriggerOnFocus() {\n      if (!triggerOnFocus || !refs.reference.current) {\n        return;\n      }\n\n      const handleGlobalBlur = () => {\n        /* istanbul ignore next */\n        const reference = refs.reference.current;\n        /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n        if (\n          !shownLocalState.shown &&\n          isHTMLElement(reference) &&\n          reference === getActiveElementByAnotherElement(reference)\n        ) {\n          /* istanbul ignore next */\n          blockFocusRef.current = true;\n        }\n      };\n\n      const win = getWindow(refs.reference.current);\n      win.addEventListener('blur', handleGlobalBlur);\n      return () => {\n        win.removeEventListener('blur', handleGlobalBlur);\n      };\n    },\n    [triggerOnFocus, refs.reference, shownLocalState],\n  );\n\n  useIsomorphicLayoutEffect(\n    function resolveShownStates() {\n      if (willBeHide || shownLocalState.shown === shownFinalState) {\n        return;\n      }\n\n      if (shownLocalState.shown) {\n        setShownFinalState(true);\n        onShownChanged(true, shownLocalState.reason);\n      } else if (hasCSSAnimation.current && !willBeHide) {\n        setWillBeHide(true);\n      } else {\n        setShownFinalState(false);\n      }\n\n      return () => {\n        clearTimeout(blurTimeoutRef.current);\n      };\n    },\n    [shownLocalState, shownFinalState, willBeHide, onShownChanged],\n  );\n\n  const referenceProps: ReferenceProps = {};\n  const floatingProps: FloatingProps = { style: {} };\n\n  if (shownFinalState) {\n    floatingProps.style = convertFloatingDataToReactCSSProperties({\n      strategy,\n      x,\n      y,\n      middlewareData,\n    });\n\n    if (disableInteractive) {\n      floatingProps.style.pointerEvents = 'none';\n    }\n  }\n\n  if (triggerOnFocus) {\n    referenceProps.onFocus = handleFocusOnReference;\n    referenceProps.onBlur = handleBlurOnReference;\n  }\n\n  if (triggerOnClick) {\n    referenceProps.onClick = handleClickOnReference;\n  }\n\n  if (triggerOnHover) {\n    referenceProps.onMouseOver = handleMouseEnterOnBoth;\n\n    if (closeAfterClick && !triggerOnClick) {\n      referenceProps.onClick = handleClickOnReferenceForOnlyClose;\n    }\n\n    if (!disableInteractive) {\n      floatingProps.onMouseOver = handleMouseEnterOnBoth;\n    }\n  }\n\n  if (triggerOnHover || triggerOnFocus) {\n    referenceProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n\n    if (!disableInteractive) {\n      floatingProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n    }\n  }\n\n  if (shownFinalState) {\n    floatingProps.onAnimationStart = handleFloatingAnimationStart;\n    floatingProps.onAnimationEnd = handleFloatingAnimationEnd;\n  }\n\n  return {\n    placement,\n    shown: shownFinalState,\n    willBeHide,\n    refs,\n    referenceProps,\n    floatingProps,\n    middlewareData,\n    onClose: handleOnClose,\n    // FocusTrap уже определяет нажатие на ESC, поэтому название события содержит конкретный код\n    // кнопки вместо просто onKeyDown.\n    onEscapeKeyDown: !shownFinalState || disableCloseOnEscKey ? undefined : handleEscapeKeyDown,\n    // [Обход баги с FocusTrap]\n    //\n    // Если сфокусироваться на целевой элемент через нажатие, а потом нажать в область за пределами\n    // целевого и всплывающего элемента, то появляется моргание из-за того, что FocusTrap\n    // восстанавливает фокус, из-за чего всплывающий элемент снова показывается за счёт\n    // `handleFocusOnReference`, а потом скрывается за счёт `handleBlurOnReference`.\n    onRestoreFocus: handleRestoreFocus,\n  };\n};\n"],"names":["React","debounce","noop","getWindow","isHTMLElement","useCustomEnsuredControl","useGlobalOnClickOutside","useStableCallback","contains","getActiveElementByAnotherElement","useIsomorphicLayoutEffect","LockFloatingPositionContext","autoUpdateFloatingElement","useFloating","convertFloatingDataToReactCSSProperties","DEFAULT_TRIGGER","useResolveTriggerType","whileElementsMounted","args","elementResize","useFloatingWithInteractions","trigger","placement","placementProp","strategy","strategyProp","middlewares","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChangeProp","onShownChanged","onShownChangedProp","memoizedValue","useMemo","undefined","shownLocalState","setShownLocalState","value","defaultValue","onChange","reason","shownFinalState","setShownFinalState","useState","willBeHide","setWillBeHide","hasCSSAnimation","useRef","blockMouseEnterRef","blockFocusRef","blurTimeoutRef","handleCloseOnReferenceClickOutsideDisabled","handleCloseOnFloatingClickOutsideDisabled","triggerOnFocus","triggerOnClick","triggerOnHover","isLock","useContext","x","y","refs","middlewareData","middleware","commitShownLocalState","useCallback","nextShown","prevState","mouseEnterDelay","mouseLeaveDelay","showWithDelay","hideWithDelay","handleFocusOnReference","current","handleBlurOnReference","event","clearTimeout","relatedTarget","setTimeout","waitWindowBlurFire","reference","floating","handleClickOnReference","handleClickOnReferenceForOnlyClose","handleMouseEnterOnBoth","currentTarget","cancel","handleMouseLeaveOnBothForHoverAndFocusStates","handleFloatingAnimationStart","handleFloatingAnimationEnd","handleOnClose","handleRestoreFocus","restoreFocus","HTMLElement","handleEscapeKeyDown","handleClickOutside","setGlobalBlurForTriggerOnFocus","handleGlobalBlur","win","addEventListener","removeEventListener","resolveShownStates","referenceProps","floatingProps","style","pointerEvents","onFocus","onBlur","onClick","onMouseOver","onMouseLeave","onAnimationStart","onAnimationEnd","onClose","onEscapeKeyDown","onRestoreFocus"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce, noop } from '@vkontakte/vkjs';\nimport { getWindow, isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useNavTransition } from '../../../components/NavTransitionContext/NavTransitionContext';\nimport { useCustomEnsuredControl } from '../../../hooks/useEnsuredControl';\nimport { useGlobalOnClickOutside } from '../../../hooks/useGlobalOnClickOutside';\nimport { useStableCallback } from '../../../hooks/useStableCallback';\nimport { contains, getActiveElementByAnotherElement } from '../../dom';\nimport { useIsomorphicLayoutEffect } from '../../useIsomorphicLayoutEffect';\nimport { autoUpdateFloatingElement, useFloating } from '../adapters';\nimport { convertFloatingDataToReactCSSProperties } from '../functions';\nimport type { UseFloatingOptions } from '../types/common';\nimport { DEFAULT_TRIGGER } from './constants';\nimport type {\n  FloatingProps,\n  ReferenceProps,\n  ShownChangeReason,\n  UseFloatingWithInteractionsProps,\n  UseFloatingWithInteractionsReturn,\n} from './types';\nimport { useResolveTriggerType } from './useResolveTriggerType';\n\ntype LocalState = { shown: boolean; reason?: ShownChangeReason };\n\nconst whileElementsMounted: UseFloatingOptions['whileElementsMounted'] = (...args) =>\n  /* istanbul ignore next: не знаю как проверить */\n  autoUpdateFloatingElement(...args, { elementResize: true });\n\n/**\n * @private\n */\nexport const useFloatingWithInteractions = <T extends HTMLElement = HTMLElement>({\n  trigger = DEFAULT_TRIGGER,\n\n  // UseFloating\n  placement: placementProp = 'bottom',\n  strategy: strategyProp = 'fixed',\n  middlewares,\n  hoverDelay = 0,\n  closeAfterClick = false,\n\n  // disables\n  disabled = false,\n  disableInteractive = false,\n  disableCloseOnClickOutside = false,\n  disableCloseOnEscKey = false,\n\n  // uncontrolled\n  defaultShown = false,\n\n  // controlled\n  shown: shownProp,\n  onShownChange: onShownChangeProp,\n  onShownChanged: onShownChangedProp,\n}: UseFloatingWithInteractionsProps): UseFloatingWithInteractionsReturn<T> => {\n  const memoizedValue = React.useMemo<LocalState | undefined>(\n    () => (shownProp !== undefined ? { shown: shownProp } : undefined),\n    [shownProp],\n  );\n  const { entering, animating } = useNavTransition();\n  const [shownLocalState, setShownLocalState] = useCustomEnsuredControl<LocalState>({\n    value: memoizedValue,\n    disabled,\n    defaultValue: { shown: defaultShown },\n    onChange: useStableCallback(({ shown, reason }) => {\n      if (onShownChangeProp) {\n        onShownChangeProp(shown, reason);\n      }\n    }),\n  });\n  const onShownChanged = useStableCallback(onShownChangedProp ? onShownChangedProp : noop);\n  const [shownFinalState, setShownFinalState] = React.useState(() => shownLocalState.shown);\n  const [willBeHide, setWillBeHide] = React.useState(false);\n\n  const hasCSSAnimation = React.useRef(false);\n\n  const blockMouseEnterRef = React.useRef(false);\n  const blockFocusRef = React.useRef(false);\n  const blurTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleCloseOnReferenceClickOutsideDisabled =\n    disabled || disableCloseOnClickOutside || willBeHide || !shownLocalState.shown;\n  const handleCloseOnFloatingClickOutsideDisabled =\n    disableInteractive || handleCloseOnReferenceClickOutsideDisabled;\n\n  const { triggerOnFocus, triggerOnClick, triggerOnHover } = useResolveTriggerType(trigger);\n\n  // Библиотека `floating-ui`\n  const { placement, x, y, strategy, refs, middlewareData } = useFloating<T>({\n    strategy: strategyProp,\n    placement: placementProp,\n    ...(middlewares !== undefined ? { middleware: middlewares } : {}),\n    ...(!animating && { whileElementsMounted }),\n  });\n\n  const commitShownLocalState = React.useCallback(\n    (nextShown: boolean, reason: ShownChangeReason) => {\n      setShownLocalState((prevState) => {\n        if (prevState.shown !== nextShown || prevState.reason !== reason) {\n          return {\n            shown: nextShown,\n            reason,\n          };\n        }\n        /* istanbul ignore next: страховка, если вдруг на момент вызова обновления состояния, оно уже будет актуальным */\n        return prevState;\n      });\n    },\n    [setShownLocalState],\n  );\n\n  const [mouseEnterDelay, mouseLeaveDelay] =\n    typeof hoverDelay === 'number' ? [hoverDelay, hoverDelay] : hoverDelay;\n\n  const showWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(true, 'hover'), mouseEnterDelay),\n    [mouseEnterDelay, commitShownLocalState],\n  );\n\n  const hideWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(false, 'hover'), mouseLeaveDelay),\n    [mouseLeaveDelay, commitShownLocalState],\n  );\n\n  const handleFocusOnReference = useStableCallback(() => {\n    // Повторный вызов события фокуса - следствие клика на reference-элемент\n    if (shownLocalState.shown) {\n      if (!closeAfterClick && shownLocalState.reason === 'hover') {\n        return;\n      }\n      commitShownLocalState(false, 'focus');\n      return;\n    }\n    if (blockFocusRef.current) {\n      /* istanbul ignore next: в Vitest не воспроизводится баг на вебе (cм. onRestoreFocus) */\n      blockFocusRef.current = false;\n      return;\n    }\n\n    commitShownLocalState(true, 'focus');\n  });\n\n  const handleBlurOnReference = useStableCallback((event: React.FocusEvent) => {\n    blockFocusRef.current = false;\n    blockMouseEnterRef.current = false;\n\n    if (!shownLocalState.shown) {\n      clearTimeout(blurTimeoutRef.current);\n      return;\n    }\n\n    const relatedTarget = event.relatedTarget;\n    blurTimeoutRef.current = setTimeout(function waitWindowBlurFire() {\n      const reference = refs.reference.current;\n      // Если пользователь покинул текущее окно в открытом состоянии, то\n      // не закрываем всплывающий элемент.\n      /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n      if (!relatedTarget && getActiveElementByAnotherElement(reference) === reference) {\n        /* istanbul ignore next */\n        return;\n      }\n\n      // Если пользователь нажал на всплывающий элемент, то не закрываем всплывающий элемент.\n      // Note: для этого элемент должен быть фокусируемый (например, за счёт `tabindex=\"-1\"`).\n      if (contains(refs.floating.current, relatedTarget) || contains(reference, relatedTarget)) {\n        return;\n      }\n\n      commitShownLocalState(false, 'focus');\n    });\n  });\n\n  const handleClickOnReference = useStableCallback(() => {\n    // Предыдущий триггер (фокус) уже вызвал открытие/закрытие всплывающего окна, игнорируем вызов\n    if (shownLocalState.reason === 'focus') {\n      commitShownLocalState(shownLocalState.shown, 'click');\n      return;\n    }\n    commitShownLocalState(!shownLocalState.shown, 'click');\n  });\n\n  const handleClickOnReferenceForOnlyClose = useStableCallback(() => {\n    blockMouseEnterRef.current = true;\n    commitShownLocalState(false, 'click');\n  });\n\n  const handleMouseEnterOnBoth = useStableCallback((event: React.MouseEvent<HTMLElement>) => {\n    if (willBeHide && event.currentTarget === refs.floating.current) {\n      return;\n    }\n\n    showWithDelay.cancel();\n    hideWithDelay.cancel();\n\n    if (!blockMouseEnterRef.current && !shownLocalState.shown) {\n      showWithDelay();\n    }\n  });\n\n  const handleMouseLeaveOnBothForHoverAndFocusStates = useStableCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (willBeHide && event.currentTarget === refs.floating.current) {\n        return;\n      }\n\n      blockFocusRef.current = false;\n      blockMouseEnterRef.current = false;\n\n      if (triggerOnHover) {\n        showWithDelay.cancel();\n        hideWithDelay.cancel();\n\n        hideWithDelay();\n      }\n    },\n  );\n\n  const handleFloatingAnimationStart = () => {\n    hasCSSAnimation.current = true;\n  };\n\n  const handleFloatingAnimationEnd = () => {\n    if (willBeHide) {\n      setShownFinalState(false);\n      setWillBeHide(false);\n      onShownChanged(false, shownLocalState.reason);\n    }\n  };\n\n  const handleOnClose = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'callback');\n  }, [commitShownLocalState]);\n\n  const handleRestoreFocus: UseFloatingWithInteractionsReturn['onRestoreFocus'] = React.useCallback(\n    (restoreFocus = true) => {\n      if (!restoreFocus) {\n        return false;\n      }\n      if (restoreFocus === true) {\n        return triggerOnFocus ? blockFocusRef.current : true;\n      } else if (restoreFocus === 'anchor-element') {\n        return refs.reference.current as HTMLElement;\n      } else if (restoreFocus instanceof HTMLElement) {\n        return restoreFocus;\n      }\n      return false;\n    },\n    [refs.reference, triggerOnFocus],\n  );\n\n  const handleEscapeKeyDown = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'escape-key');\n  }, [commitShownLocalState]);\n\n  const handleClickOutside = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'click-outside');\n  }, [commitShownLocalState]);\n\n  useGlobalOnClickOutside(\n    handleClickOutside,\n    handleCloseOnReferenceClickOutsideDisabled ? null : refs.reference,\n    handleCloseOnFloatingClickOutsideDisabled ? null : refs.floating,\n  );\n\n  useIsomorphicLayoutEffect(\n    /**\n     * Если пользователь покинул активное окно и:\n     * 1. целевой элемент был в состоянии фокуса;\n     * 2. всплывающий элемент был закрытом состоянии;\n     * то фокус должен быть заблокирован, когда пользователь вернётся обратно. Иначе покажется\n     * всплывающий элемент.\n     */\n    function setGlobalBlurForTriggerOnFocus() {\n      if (!triggerOnFocus || !refs.reference.current) {\n        return;\n      }\n\n      const handleGlobalBlur = () => {\n        /* istanbul ignore next */\n        const reference = refs.reference.current;\n        /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n        if (\n          !shownLocalState.shown &&\n          isHTMLElement(reference) &&\n          reference === getActiveElementByAnotherElement(reference)\n        ) {\n          /* istanbul ignore next */\n          blockFocusRef.current = true;\n        }\n      };\n\n      const win = getWindow(refs.reference.current);\n      win.addEventListener('blur', handleGlobalBlur);\n      return () => {\n        win.removeEventListener('blur', handleGlobalBlur);\n      };\n    },\n    [triggerOnFocus, refs.reference, shownLocalState],\n  );\n\n  useIsomorphicLayoutEffect(\n    function resolveShownStates() {\n      if (willBeHide || shownLocalState.shown === shownFinalState) {\n        return;\n      }\n\n      if (shownLocalState.shown) {\n        setShownFinalState(true);\n        onShownChanged(true, shownLocalState.reason);\n      } else if (hasCSSAnimation.current && !willBeHide) {\n        setWillBeHide(true);\n      } else {\n        setShownFinalState(false);\n      }\n\n      return () => {\n        clearTimeout(blurTimeoutRef.current);\n      };\n    },\n    [shownLocalState, shownFinalState, willBeHide, onShownChanged],\n  );\n\n  const referenceProps: ReferenceProps = {};\n  const floatingProps: FloatingProps = { style: {} };\n\n  if (shownFinalState) {\n    floatingProps.style = convertFloatingDataToReactCSSProperties({\n      strategy,\n      x,\n      y,\n      middlewareData,\n    });\n\n    if (disableInteractive) {\n      floatingProps.style.pointerEvents = 'none';\n    }\n  }\n\n  if (triggerOnFocus) {\n    referenceProps.onFocus = handleFocusOnReference;\n    referenceProps.onBlur = handleBlurOnReference;\n  }\n\n  if (triggerOnClick) {\n    referenceProps.onClick = handleClickOnReference;\n  }\n\n  if (triggerOnHover) {\n    referenceProps.onMouseOver = handleMouseEnterOnBoth;\n\n    if (closeAfterClick && !triggerOnClick) {\n      referenceProps.onClick = handleClickOnReferenceForOnlyClose;\n    }\n\n    if (!disableInteractive) {\n      floatingProps.onMouseOver = handleMouseEnterOnBoth;\n    }\n  }\n\n  if (triggerOnHover || triggerOnFocus) {\n    referenceProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n\n    if (!disableInteractive) {\n      floatingProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n    }\n  }\n\n  if (shownFinalState) {\n    floatingProps.onAnimationStart = handleFloatingAnimationStart;\n    floatingProps.onAnimationEnd = handleFloatingAnimationEnd;\n  }\n\n  return {\n    placement,\n    shown: shownFinalState && !entering,\n    willBeHide,\n    refs,\n    referenceProps,\n    floatingProps,\n    middlewareData,\n    onClose: handleOnClose,\n    // FocusTrap уже определяет нажатие на ESC, поэтому название события содержит конкретный код\n    // кнопки вместо просто onKeyDown.\n    onEscapeKeyDown: !shownFinalState || disableCloseOnEscKey ? undefined : handleEscapeKeyDown,\n    // [Обход баги с FocusTrap]\n    //\n    // Если сфокусироваться на целевой элемент через нажатие, а потом нажать в область за пределами\n    // целевого и всплывающего элемента, то появляется моргание из-за того, что FocusTrap\n    // восстанавливает фокус, из-за чего всплывающий элемент снова показывается за счёт\n    // `handleFocusOnReference`, а потом скрывается за счёт `handleBlurOnReference`.\n    onRestoreFocus: handleRestoreFocus,\n  };\n};\n"],"names":["React","debounce","noop","getWindow","isHTMLElement","useNavTransition","useCustomEnsuredControl","useGlobalOnClickOutside","useStableCallback","contains","getActiveElementByAnotherElement","useIsomorphicLayoutEffect","autoUpdateFloatingElement","useFloating","convertFloatingDataToReactCSSProperties","DEFAULT_TRIGGER","useResolveTriggerType","whileElementsMounted","args","elementResize","useFloatingWithInteractions","trigger","placement","placementProp","strategy","strategyProp","middlewares","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChangeProp","onShownChanged","onShownChangedProp","memoizedValue","useMemo","undefined","entering","animating","shownLocalState","setShownLocalState","value","defaultValue","onChange","reason","shownFinalState","setShownFinalState","useState","willBeHide","setWillBeHide","hasCSSAnimation","useRef","blockMouseEnterRef","blockFocusRef","blurTimeoutRef","handleCloseOnReferenceClickOutsideDisabled","handleCloseOnFloatingClickOutsideDisabled","triggerOnFocus","triggerOnClick","triggerOnHover","x","y","refs","middlewareData","middleware","commitShownLocalState","useCallback","nextShown","prevState","mouseEnterDelay","mouseLeaveDelay","showWithDelay","hideWithDelay","handleFocusOnReference","current","handleBlurOnReference","event","clearTimeout","relatedTarget","setTimeout","waitWindowBlurFire","reference","floating","handleClickOnReference","handleClickOnReferenceForOnlyClose","handleMouseEnterOnBoth","currentTarget","cancel","handleMouseLeaveOnBothForHoverAndFocusStates","handleFloatingAnimationStart","handleFloatingAnimationEnd","handleOnClose","handleRestoreFocus","restoreFocus","HTMLElement","handleEscapeKeyDown","handleClickOutside","setGlobalBlurForTriggerOnFocus","handleGlobalBlur","win","addEventListener","removeEventListener","resolveShownStates","referenceProps","floatingProps","style","pointerEvents","onFocus","onBlur","onClick","onMouseOver","onMouseLeave","onAnimationStart","onAnimationEnd","onClose","onEscapeKeyDown","onRestoreFocus"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "type": "module",
-  "version": "8.1.2",
+  "version": "8.1.3",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "module": "./dist/index.js",

package/src/components/NavTransitionContext/NavTransitionContext.tsx

@@ -5,22 +5,26 @@ import * as React from 'react';
 
 export interface TransitionContextProps {
   entering: boolean;
+  animating: boolean;
 }
 const TransitionContext = React.createContext<TransitionContextProps>({
   entering: false,
+  animating: false,
 });
 export const useNavTransition = (): TransitionContextProps => React.useContext(TransitionContext);
 
 export const NavTransitionProvider = ({
   children,
   entering,
+  animating,
 }: React.PropsWithChildren<TransitionContextProps>): React.ReactNode => {
   const parentContext = useNavTransition();
   const contextValue = React.useMemo(
     () => ({
       entering: parentContext.entering || entering,
+      animating: parentContext.animating || animating,
     }),
-    [entering, parentContext.entering],
+    [entering, animating, parentContext.entering, parentContext.animating],
   );
 
   return <TransitionContext.Provider value={contextValue}>{children}</TransitionContext.Provider>;

package/src/components/OnboardingTooltip/OnboardingTooltip.tsx

@@ -15,7 +15,6 @@ import {
   useFloatingMiddlewaresBootstrap,
   usePlacementChangeCallback,
 } from '../../lib/floating';
-import { LockFloatingPositionContext } from '../../lib/floating/LockFloatingPosition/LockFloatingPosition';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { warnOnce } from '../../lib/warnOnce';
 import { DEFAULT_ARROW_HEIGHT, DEFAULT_ARROW_PADDING } from '../FloatingArrow/DefaultIcon';
@@ -118,7 +117,7 @@ export const OnboardingTooltip = ({
 }: OnboardingTooltipProps): React.ReactNode => {
   const generatedId = React.useId();
   const tooltipId = idProp || generatedId;
-  const { entering } = useNavTransition();
+  const { entering, animating } = useNavTransition();
 
   const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);
   const [tooltipContainer, setTooltipContainer] = React.useState<HTMLElement | null>(null);
@@ -138,8 +137,6 @@ export const OnboardingTooltip = ({
     overflowPadding,
   });
 
-  const isLock = React.useContext(LockFloatingPositionContext);
-
   const {
     x: floatingDataX,
     y: floatingDataY,
@@ -151,7 +148,7 @@ export const OnboardingTooltip = ({
     strategy: positionStrategy,
     ...(strictPlacement !== undefined && { placement: strictPlacement }),
     middleware: middlewares,
-    ...(!isLock && {
+    ...(!animating && {
       whileElementsMounted: (...args) =>
         autoUpdateFloatingElement(...args, { elementResize: true }),
     }),

package/src/components/Popper/Popper.tsx

@@ -12,7 +12,6 @@ import {
   usePlacementChangeCallback,
   type VirtualElement,
 } from '../../lib/floating';
-import { LockFloatingPositionContext } from '../../lib/floating/LockFloatingPosition/LockFloatingPosition';
 import { useReferenceHiddenChangeCallback } from '../../lib/floating/useReferenceHiddenChangeCallback';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import type { HTMLAttributesWithRootRef } from '../../types';
@@ -26,6 +25,7 @@ import {
   FloatingArrow,
   type FloatingArrowProps as FloatingArrowPropsPrivate,
 } from '../FloatingArrow/FloatingArrow';
+import { useNavTransition } from '../NavTransitionContext/NavTransitionContext';
 import { RootComponent } from '../RootComponent/RootComponent';
 import styles from './Popper.module.css';
 
@@ -138,6 +138,7 @@ export const Popper = ({
   style,
   ...restProps
 }: PopperProps): React.ReactNode => {
+  const { entering, animating } = useNavTransition();
   const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);
 
   const { strictPlacement, middlewares } = useFloatingMiddlewaresBootstrap({
@@ -157,8 +158,6 @@ export const Popper = ({
     overflowPadding,
   });
 
-  const isLock = React.useContext(LockFloatingPositionContext);
-
   const {
     x: floatingDataX,
     y: floatingDataY,
@@ -170,7 +169,7 @@ export const Popper = ({
     ...(strictPlacement !== undefined && { placement: strictPlacement }),
     ...(strategyProp !== undefined && { strategy: strategyProp }),
     middleware: middlewares,
-    ...(isLock
+    ...(animating
       ? {}
       : {
           whileElementsMounted: (...args) => {
@@ -229,5 +228,9 @@ export const Popper = ({
     </RootComponent>
   );
 
+  if (entering) {
+    return null;
+  }
+
   return <AppRootPortal usePortal={usePortal}>{dropdown}</AppRootPortal>;
 };

package/src/components/Root/Root.tsx

@@ -4,7 +4,6 @@ import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { usePlatform } from '../../hooks/usePlatform';
 import { useDOM } from '../../lib/dom';
-import { LockFloatingPositionContext } from '../../lib/floating/LockFloatingPosition/LockFloatingPosition';
 import { getNavId, type NavIdProps } from '../../lib/getNavId';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { warnOnce } from '../../lib/warnOnce';
@@ -124,56 +123,55 @@ export const Root = ({
   };
 
   return (
-    <LockFloatingPositionContext.Provider value={transition}>
-      <RootComponent
-        {...restProps}
-        baseClassName={classNames(
-          styles.host,
-          platform === 'ios' && styles.ios,
-          transition && styles.transition,
-        )}
-      >
-        {views.map((view) => {
-          const viewId = getNavId(view.props, warn);
-          if (viewId !== activeView && !(transition && viewId === prevView)) {
-            return null;
-          }
-          const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);
-          const compensateScroll =
-            transition && (viewId === prevView || (isBack && viewId === activeView));
-          return (
-            <div
-              key={viewId}
-              ref={(e) => {
-                viewId && viewNodes.set(viewId, e);
-              }}
-              onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}
-              className={classNames(
-                styles.view,
-                transition && viewId === prevView && isBack && styles.viewHideBack,
-                transition && viewId === prevView && !isBack && styles.viewHideForward,
-                transition && viewId === activeView && isBack && styles.viewShowBack,
-                transition && viewId === activeView && !isBack && styles.viewShowForward,
-              )}
-            >
-              <NavTransitionDirectionProvider isBack={isBack}>
-                <NavTransitionProvider entering={transition && viewId === activeView}>
-                  <div
-                    className={styles.scrollCompensation}
-                    style={{
-                      marginTop: compensateScroll
-                        ? viewId && -(scrolls.get(viewId) ?? 0)
-                        : undefined,
-                    }}
-                  >
-                    {view}
-                  </div>
-                </NavTransitionProvider>
-              </NavTransitionDirectionProvider>
-            </div>
-          );
-        })}
-      </RootComponent>
-    </LockFloatingPositionContext.Provider>
+    <RootComponent
+      {...restProps}
+      baseClassName={classNames(
+        styles.host,
+        platform === 'ios' && styles.ios,
+        transition && styles.transition,
+      )}
+    >
+      {views.map((view) => {
+        const viewId = getNavId(view.props, warn);
+        if (viewId !== activeView && !(transition && viewId === prevView)) {
+          return null;
+        }
+        const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);
+        const compensateScroll =
+          transition && (viewId === prevView || (isBack && viewId === activeView));
+        return (
+          <div
+            key={viewId}
+            ref={(e) => {
+              viewId && viewNodes.set(viewId, e);
+            }}
+            onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}
+            className={classNames(
+              styles.view,
+              transition && viewId === prevView && isBack && styles.viewHideBack,
+              transition && viewId === prevView && !isBack && styles.viewHideForward,
+              transition && viewId === activeView && isBack && styles.viewShowBack,
+              transition && viewId === activeView && !isBack && styles.viewShowForward,
+            )}
+          >
+            <NavTransitionDirectionProvider isBack={isBack}>
+              <NavTransitionProvider
+                entering={transition && viewId === activeView}
+                animating={transition}
+              >
+                <div
+                  className={styles.scrollCompensation}
+                  style={{
+                    marginTop: compensateScroll ? viewId && -(scrolls.get(viewId) ?? 0) : undefined,
+                  }}
+                >
+                  {view}
+                </div>
+              </NavTransitionProvider>
+            </NavTransitionDirectionProvider>
+          </div>
+        );
+      })}
+    </RootComponent>
   );
 };