@vkontakte/vkui 4.36.1 → 4.37.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tappable/Tappable.tsx"],"names":["WAVE_LIVE","ACTIVE_DELAY","ACTIVE_EFFECT_DELAY","activeBus","TapState","none","pending","active","exiting","TappableContext","React","createContext","onHoverChange","noop","useActivity","hasActive","stopDelay","id","useMemo","Math","round","random","toString","useState","activity","setActivity","_stop","start","delayStart","activeTimeout","stopTimeout","set","clear","emit","onActiveChange","activeId","on","off","stop","delay","TappableComponent","children","Component","onClick","_onKeyDown","onKeyDown","activeEffectDelay","stopPropagation","getRootRef","sizeX","hasMouse","deviceHasHover","hasHover","_hasHover","hoverMode","_hasActive","activeMode","focusVisibleMode","onEnter","onLeave","props","href","useContext","insideTouchRoot","TouchRootContext","platform","focusVisible","onBlur","onFocus","clicks","setClicks","childHover","setChildHover","_hovered","value","setHoveredTrue","setTrue","setHoveredFalse","setFalse","hovered","disabled","isCustomElement","contentEditable","isPresetHoverMode","includes","isPresetActiveMode","isPresetFocusVisibleMode","containerRef","childContext","useRef","current","e","preventDefault","click","needWaves","ANDROID","clearClicks","addClick","x","y","dateNow","Date","now","filteredClicks","filter","onStart","originalEvent","touches","length","top","left","onMove","isSlide","onEnd","duration","activeDuration","classes","IOS","handlers","role","undefined","map","wave","Tappable","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport mitt from \"mitt\";\nimport { noop } from \"../../lib/utils\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, ANDROID } from \"../../lib/platform\";\nimport { getOffsetRect } from \"../../lib/offset\";\nimport { coordX, coordY } from \"../../lib/touch\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { shouldTriggerClickOnEnterOrSpace } from \"../../lib/accessibility\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { FocusVisible, FocusVisibleMode } from \"../FocusVisible/FocusVisible\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useFocusVisible } from \"../../hooks/useFocusVisible\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { useBooleanState } from \"../../hooks/useBooleanState\";\nimport \"./Tappable.css\";\n\nconst WAVE_LIVE = 225;\n\nexport interface TappableProps\n  extends Omit<\n      React.AllHTMLAttributes<HTMLElement>,\n      | \"onTouchStart\"\n      | \"onTouchMove\"\n      | \"onTouchEnd\"\n      | \"onTouchCancel\"\n      | \"onMouseDown\"\n      | \"onMouseMove\"\n      | \"onMouseUp\"\n      | \"onMouseLeave\"\n    >,\n    HasRootRef<HTMLElement>,\n    AdaptivityProps,\n    HasComponent,\n    Pick<TouchProps, \"onStart\" | \"onEnd\" | \"onMove\"> {\n  /**\n   * Длительность показа active-состояния\n   */\n  activeEffectDelay?: number;\n  stopPropagation?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на hover-состояние\n   */\n  hasHover?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на active-состояние\n   */\n  hasActive?: boolean;\n  /**\n   * Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active\n   */\n  activeMode?: \"opacity\" | \"background\" | string;\n  /**\n   * Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover\n   */\n  hoverMode?: \"opacity\" | \"background\" | string;\n  /**\n   * Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс во время focus-visible\n   */\n  focusVisibleMode?: FocusVisibleMode | string;\n  children?: React.ReactNode;\n  onEnter?(outputEvent: MouseEvent): void;\n  onLeave?(outputEvent: MouseEvent): void;\n}\n\ninterface Wave {\n  x: number;\n  y: number;\n  id: number;\n}\n\nexport interface RootComponentProps extends TouchProps {\n  ref?: React.Ref<HTMLElement>;\n}\n\nexport const ACTIVE_DELAY = 70;\nexport const ACTIVE_EFFECT_DELAY = 600;\n\nconst activeBus = mitt<{ active: string }>();\nconst TapState = { none: 0, pending: 1, active: 2, exiting: 3 } as const;\n\ntype TappableContextInterface = { onHoverChange: (s: boolean) => void };\nconst TappableContext = React.createContext<TappableContextInterface>({\n  onHoverChange: noop,\n});\n\nfunction useActivity(hasActive: boolean, stopDelay: number) {\n  const id = React.useMemo(\n    () => Math.round(Math.random() * 1e8).toString(16),\n    []\n  );\n\n  const [activity, setActivity] = React.useState<\n    typeof TapState[keyof typeof TapState]\n  >(TapState.none);\n  const _stop = () => setActivity(TapState.none);\n  const start = () => hasActive && setActivity(TapState.active);\n  const delayStart = () => {\n    hasActive && setActivity(TapState.pending);\n  };\n\n  const activeTimeout = useTimeout(start, ACTIVE_DELAY);\n  const stopTimeout = useTimeout(_stop, stopDelay);\n\n  useIsomorphicLayoutEffect(() => {\n    if (activity === TapState.pending) {\n      activeTimeout.set();\n      return activeTimeout.clear;\n    }\n    if (activity === TapState.exiting) {\n      return stopTimeout.clear;\n    }\n    if (activity === TapState.active) {\n      activeBus.emit(\"active\", id);\n    }\n    return noop;\n  }, [activity]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (activity === TapState.none) {\n      return noop;\n    }\n    const onActiveChange = (activeId: string) => {\n      activeId !== id && _stop();\n    };\n    activeBus.on(\"active\", onActiveChange);\n    return () => activeBus.off(\"active\", onActiveChange);\n  }, [activity === TapState.none]);\n\n  useIsomorphicLayoutEffect(() => {\n    !hasActive && _stop();\n  }, [hasActive]);\n\n  const stop = (delay?: number) => {\n    if (delay) {\n      setActivity(TapState.exiting);\n      return stopTimeout.set(delay);\n    }\n    _stop();\n  };\n\n  return [activity, { delayStart, start, stop }] as const;\n}\n\nconst TappableComponent = ({\n  children,\n  Component,\n  onClick,\n  onKeyDown: _onKeyDown,\n  activeEffectDelay = ACTIVE_EFFECT_DELAY,\n  stopPropagation = false,\n  getRootRef,\n  sizeX,\n  hasMouse,\n  deviceHasHover,\n  hasHover: _hasHover = true,\n  hoverMode = \"background\",\n  hasActive: _hasActive = true,\n  activeMode = \"background\",\n  focusVisibleMode = \"inside\",\n  onEnter,\n  onLeave,\n  ...props\n}: TappableProps) => {\n  Component = Component || ((props.href ? \"a\" : \"div\") as React.ElementType);\n\n  const { onHoverChange } = React.useContext(TappableContext);\n  const insideTouchRoot = React.useContext(TouchRootContext);\n  const platform = usePlatform();\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n  const [clicks, setClicks] = React.useState<Wave[]>([]);\n  const [childHover, setChildHover] = React.useState(false);\n  const {\n    value: _hovered,\n    setTrue: setHoveredTrue,\n    setFalse: setHoveredFalse,\n  } = useBooleanState(false);\n\n  const hovered = _hovered && !props.disabled;\n  const hasActive = _hasActive && !childHover && !props.disabled;\n  const hasHover = deviceHasHover && _hasHover && !childHover;\n  const isCustomElement =\n    Component !== \"a\" &&\n    Component !== \"button\" &&\n    Component !== \"label\" &&\n    !props.contentEditable;\n  const isPresetHoverMode = [\"opacity\", \"background\"].includes(hoverMode);\n  const isPresetActiveMode = [\"opacity\", \"background\"].includes(activeMode);\n  const isPresetFocusVisibleMode = [\"inside\", \"outside\"].includes(\n    focusVisibleMode\n  );\n\n  const [activity, { start, stop, delayStart }] = useActivity(\n    hasActive,\n    activeEffectDelay\n  );\n  const active = activity === TapState.active || activity === TapState.exiting;\n\n  const containerRef = useExternRef(getRootRef);\n\n  // hover propagation\n  const childContext = React.useRef({ onHoverChange: setChildHover }).current;\n  useIsomorphicLayoutEffect(() => {\n    if (!hovered) {\n      return noop;\n    }\n    onHoverChange(true);\n    return () => onHoverChange(false);\n  }, [hovered]);\n\n  /*\n   * [a11y]\n   * Обрабатывает событие onkeydown\n   * для кастомных доступных элементов:\n   * - role=\"link\" (активация по Enter)\n   * - role=\"button\" (активация по Space и Enter)\n   */\n  function onKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (isCustomElement && shouldTriggerClickOnEnterOrSpace(e)) {\n      e.preventDefault();\n      containerRef.current?.click();\n    }\n  }\n\n  const needWaves =\n    platform === ANDROID &&\n    !hasMouse &&\n    hasActive &&\n    activeMode === \"background\";\n\n  const clearClicks = useTimeout(() => setClicks([]), WAVE_LIVE);\n\n  function addClick(x: number, y: number) {\n    const dateNow = Date.now();\n    const filteredClicks = clicks.filter(\n      (click) => click.id + WAVE_LIVE > dateNow\n    );\n\n    setClicks([...filteredClicks, { x, y, id: dateNow }]);\n    clearClicks.set();\n  }\n\n  function onStart({ originalEvent }: TouchEvent) {\n    if (hasActive) {\n      if (originalEvent.touches && originalEvent.touches.length > 1) {\n        // r сожалению я так и не понял, что это делает и можно ли упихнуть его в Touch\n        return stop();\n      }\n\n      if (needWaves) {\n        const { top, left } = getOffsetRect(containerRef.current);\n        const x = coordX(originalEvent) - (left ?? 0);\n        const y = coordY(originalEvent) - (top ?? 0);\n        addClick(x, y);\n      }\n\n      delayStart();\n    }\n  }\n\n  function onMove({ isSlide }: TouchEvent) {\n    if (isSlide) {\n      stop();\n    }\n  }\n\n  function onEnd({ duration }: TouchEvent) {\n    if (activity === TapState.none) {\n      return;\n    }\n    if (activity === TapState.pending) {\n      // активировать при коротком тапе\n      start();\n    }\n\n    // отключить без задержки при длинном тапе\n    const activeDuration = duration - ACTIVE_DELAY;\n    stop(activeDuration >= 100 ? 0 : activeEffectDelay - activeDuration);\n  }\n\n  const classes = classNames(\n    \"Tappable\",\n    platform === IOS && \"Tappable--ios\",\n    `Tappable--sizeX-${sizeX}`,\n    hasHover && `Tappable--hasHover`,\n    hasActive && `Tappable--hasActive`,\n    hasHover && hovered && !isPresetHoverMode && hoverMode,\n    hasActive && active && !isPresetActiveMode && activeMode,\n    focusVisible && !isPresetFocusVisibleMode && focusVisibleMode,\n    hasActive && active && \"Tappable--active\",\n    hasMouse && \"Tappable--mouse\",\n    hasHover && hovered && isPresetHoverMode && `Tappable--hover-${hoverMode}`,\n    hasActive &&\n      active &&\n      isPresetActiveMode &&\n      `Tappable--active-${activeMode}`,\n    focusVisible && \"Tappable--focus-visible\"\n  );\n\n  const handlers: RootComponentProps = {\n    onStart: callMultiple(onStart, props.onStart),\n    onMove: callMultiple(onMove, props.onMove),\n    onEnd: callMultiple(onEnd, props.onEnd),\n    onClick,\n    onKeyDown: callMultiple(onKeyDown, _onKeyDown),\n  };\n  const role = props.href ? \"link\" : \"button\";\n\n  return (\n    <Touch\n      onEnter={callMultiple(setHoveredTrue, onEnter)}\n      onLeave={callMultiple(setHoveredFalse, onLeave)}\n      type={Component === \"button\" ? \"button\" : undefined}\n      tabIndex={isCustomElement && !props.disabled ? 0 : undefined}\n      role={isCustomElement ? role : undefined}\n      aria-disabled={isCustomElement ? props.disabled : undefined}\n      stopPropagation={stopPropagation && !insideTouchRoot && !props.disabled}\n      {...props}\n      slideThreshold={20}\n      usePointerHover\n      vkuiClass={classes}\n      Component={Component}\n      getRootRef={containerRef}\n      onBlur={callMultiple(onBlur, props.onBlur)}\n      onFocus={callMultiple(onFocus, props.onFocus)}\n      {...(props.disabled ? {} : handlers)}\n    >\n      <TappableContext.Provider value={childContext}>\n        {children}\n      </TappableContext.Provider>\n      {needWaves && (\n        <span aria-hidden=\"true\" vkuiClass=\"Tappable__waves\">\n          {clicks.map((wave) => (\n            <span\n              key={wave.id}\n              vkuiClass=\"Tappable__wave\"\n              style={{ top: wave.y, left: wave.x }}\n            />\n          ))}\n        </span>\n      )}\n      {hasHover && hoverMode === \"background\" && (\n        <span aria-hidden=\"true\" vkuiClass=\"Tappable__hoverShadow\" />\n      )}\n      {!props.disabled && isPresetFocusVisibleMode && (\n        <FocusVisible mode={focusVisibleMode as FocusVisibleMode} />\n      )}\n    </Touch>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tappable\n */\nexport const Tappable = withAdaptivity(TappableComponent, {\n  sizeX: true,\n  hasMouse: true,\n  deviceHasHover: true,\n});\n\nTappable.displayName = \"Tappable\";\n"],"file":"Tappable.js"}
+{"version":3,"file":"Tappable.js","names":["WAVE_LIVE","ACTIVE_DELAY","ACTIVE_EFFECT_DELAY","activeBus","mitt","TapState","none","pending","active","exiting","TappableContext","React","createContext","onHoverChange","noop","useActivity","hasActive","stopDelay","id","useMemo","Math","round","random","toString","useState","activity","setActivity","_stop","start","delayStart","activeTimeout","useTimeout","stopTimeout","useIsomorphicLayoutEffect","set","clear","emit","onActiveChange","activeId","on","off","stop","delay","TappableComponent","children","Component","onClick","_onKeyDown","onKeyDown","activeEffectDelay","stopPropagation","getRootRef","sizeX","hasMouse","deviceHasHover","hasHover","_hasHover","hoverMode","_hasActive","activeMode","focusVisibleMode","onEnter","onLeave","props","href","useContext","insideTouchRoot","TouchRootContext","platform","usePlatform","useFocusVisible","focusVisible","onBlur","onFocus","clicks","setClicks","childHover","setChildHover","useBooleanState","_hovered","value","setHoveredTrue","setTrue","setHoveredFalse","setFalse","hovered","disabled","isCustomElement","contentEditable","isPresetHoverMode","includes","isPresetActiveMode","isPresetFocusVisibleMode","containerRef","useExternRef","childContext","useRef","current","e","shouldTriggerClickOnEnterOrSpace","preventDefault","click","needWaves","ANDROID","clearClicks","addClick","x","y","dateNow","Date","now","filteredClicks","filter","onStart","originalEvent","touches","length","getOffsetRect","top","left","coordX","coordY","onMove","isSlide","onEnd","duration","activeDuration","classes","classNames","IOS","handlers","callMultiple","role","undefined","map","wave","Tappable","withAdaptivity","displayName"],"sources":["../../../../src/components/Tappable/Tappable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport mitt from \"mitt\";\nimport { noop } from \"../../lib/utils\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, ANDROID } from \"../../lib/platform\";\nimport { getOffsetRect } from \"../../lib/offset\";\nimport { coordX, coordY } from \"../../lib/touch\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { shouldTriggerClickOnEnterOrSpace } from \"../../lib/accessibility\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { FocusVisible, FocusVisibleMode } from \"../FocusVisible/FocusVisible\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useFocusVisible } from \"../../hooks/useFocusVisible\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { useBooleanState } from \"../../hooks/useBooleanState\";\nimport \"./Tappable.css\";\n\nconst WAVE_LIVE = 225;\n\nexport type TappableElementProps = Omit<\n  React.AllHTMLAttributes<HTMLElement>,\n  | \"onTouchStart\"\n  | \"onTouchMove\"\n  | \"onTouchEnd\"\n  | \"onTouchCancel\"\n  | \"onMouseDown\"\n  | \"onMouseMove\"\n  | \"onMouseUp\"\n  | \"onMouseLeave\"\n>;\n\nexport interface TappableProps\n  extends TappableElementProps,\n    HasRootRef<HTMLElement>,\n    AdaptivityProps,\n    HasComponent,\n    Pick<TouchProps, \"onStart\" | \"onEnd\" | \"onMove\"> {\n  /**\n   * Длительность показа active-состояния\n   */\n  activeEffectDelay?: number;\n  stopPropagation?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на hover-состояние\n   */\n  hasHover?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на active-состояние\n   */\n  hasActive?: boolean;\n  /**\n   * Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active\n   */\n  activeMode?: \"opacity\" | \"background\" | string;\n  /**\n   * Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover\n   */\n  hoverMode?: \"opacity\" | \"background\" | string;\n  /**\n   * Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс во время focus-visible\n   */\n  focusVisibleMode?: FocusVisibleMode | string;\n  children?: React.ReactNode;\n  onEnter?(outputEvent: MouseEvent): void;\n  onLeave?(outputEvent: MouseEvent): void;\n}\n\ninterface Wave {\n  x: number;\n  y: number;\n  id: number;\n}\n\nexport interface RootComponentProps extends TouchProps {\n  ref?: React.Ref<HTMLElement>;\n}\n\nexport const ACTIVE_DELAY = 70;\nexport const ACTIVE_EFFECT_DELAY = 600;\n\nconst activeBus = mitt<{ active: string }>();\nconst TapState = { none: 0, pending: 1, active: 2, exiting: 3 } as const;\n\ntype TappableContextInterface = { onHoverChange: (s: boolean) => void };\nconst TappableContext = React.createContext<TappableContextInterface>({\n  onHoverChange: noop,\n});\n\nfunction useActivity(hasActive: boolean, stopDelay: number) {\n  const id = React.useMemo(\n    () => Math.round(Math.random() * 1e8).toString(16),\n    []\n  );\n\n  const [activity, setActivity] = React.useState<\n    typeof TapState[keyof typeof TapState]\n  >(TapState.none);\n  const _stop = () => setActivity(TapState.none);\n  const start = () => hasActive && setActivity(TapState.active);\n  const delayStart = () => {\n    hasActive && setActivity(TapState.pending);\n  };\n\n  const activeTimeout = useTimeout(start, ACTIVE_DELAY);\n  const stopTimeout = useTimeout(_stop, stopDelay);\n\n  useIsomorphicLayoutEffect(() => {\n    if (activity === TapState.pending) {\n      activeTimeout.set();\n      return activeTimeout.clear;\n    }\n    if (activity === TapState.exiting) {\n      return stopTimeout.clear;\n    }\n    if (activity === TapState.active) {\n      activeBus.emit(\"active\", id);\n    }\n    return noop;\n  }, [activity]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (activity === TapState.none) {\n      return noop;\n    }\n    const onActiveChange = (activeId: string) => {\n      activeId !== id && _stop();\n    };\n    activeBus.on(\"active\", onActiveChange);\n    return () => activeBus.off(\"active\", onActiveChange);\n  }, [activity === TapState.none]);\n\n  useIsomorphicLayoutEffect(() => {\n    !hasActive && _stop();\n  }, [hasActive]);\n\n  const stop = (delay?: number) => {\n    if (delay) {\n      setActivity(TapState.exiting);\n      return stopTimeout.set(delay);\n    }\n    _stop();\n  };\n\n  return [activity, { delayStart, start, stop }] as const;\n}\n\nconst TappableComponent = ({\n  children,\n  Component,\n  onClick,\n  onKeyDown: _onKeyDown,\n  activeEffectDelay = ACTIVE_EFFECT_DELAY,\n  stopPropagation = false,\n  getRootRef,\n  sizeX,\n  hasMouse,\n  deviceHasHover,\n  hasHover: _hasHover = true,\n  hoverMode = \"background\",\n  hasActive: _hasActive = true,\n  activeMode = \"background\",\n  focusVisibleMode = \"inside\",\n  onEnter,\n  onLeave,\n  ...props\n}: TappableProps) => {\n  Component = Component || ((props.href ? \"a\" : \"div\") as React.ElementType);\n\n  const { onHoverChange } = React.useContext(TappableContext);\n  const insideTouchRoot = React.useContext(TouchRootContext);\n  const platform = usePlatform();\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n  const [clicks, setClicks] = React.useState<Wave[]>([]);\n  const [childHover, setChildHover] = React.useState(false);\n  const {\n    value: _hovered,\n    setTrue: setHoveredTrue,\n    setFalse: setHoveredFalse,\n  } = useBooleanState(false);\n\n  const hovered = _hovered && !props.disabled;\n  const hasActive = _hasActive && !childHover && !props.disabled;\n  const hasHover = deviceHasHover && _hasHover && !childHover;\n  const isCustomElement =\n    Component !== \"a\" &&\n    Component !== \"button\" &&\n    Component !== \"label\" &&\n    !props.contentEditable;\n  const isPresetHoverMode = [\"opacity\", \"background\"].includes(hoverMode);\n  const isPresetActiveMode = [\"opacity\", \"background\"].includes(activeMode);\n  const isPresetFocusVisibleMode = [\"inside\", \"outside\"].includes(\n    focusVisibleMode\n  );\n\n  const [activity, { start, stop, delayStart }] = useActivity(\n    hasActive,\n    activeEffectDelay\n  );\n  const active = activity === TapState.active || activity === TapState.exiting;\n\n  const containerRef = useExternRef(getRootRef);\n\n  // hover propagation\n  const childContext = React.useRef({ onHoverChange: setChildHover }).current;\n  useIsomorphicLayoutEffect(() => {\n    if (!hovered) {\n      return noop;\n    }\n    onHoverChange(true);\n    return () => onHoverChange(false);\n  }, [hovered]);\n\n  /*\n   * [a11y]\n   * Обрабатывает событие onkeydown\n   * для кастомных доступных элементов:\n   * - role=\"link\" (активация по Enter)\n   * - role=\"button\" (активация по Space и Enter)\n   */\n  function onKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (isCustomElement && shouldTriggerClickOnEnterOrSpace(e)) {\n      e.preventDefault();\n      containerRef.current?.click();\n    }\n  }\n\n  const needWaves =\n    platform === ANDROID &&\n    !hasMouse &&\n    hasActive &&\n    activeMode === \"background\";\n\n  const clearClicks = useTimeout(() => setClicks([]), WAVE_LIVE);\n\n  function addClick(x: number, y: number) {\n    const dateNow = Date.now();\n    const filteredClicks = clicks.filter(\n      (click) => click.id + WAVE_LIVE > dateNow\n    );\n\n    setClicks([...filteredClicks, { x, y, id: dateNow }]);\n    clearClicks.set();\n  }\n\n  function onStart({ originalEvent }: TouchEvent) {\n    if (hasActive) {\n      if (originalEvent.touches && originalEvent.touches.length > 1) {\n        // r сожалению я так и не понял, что это делает и можно ли упихнуть его в Touch\n        return stop();\n      }\n\n      if (needWaves) {\n        const { top, left } = getOffsetRect(containerRef.current);\n        const x = coordX(originalEvent) - (left ?? 0);\n        const y = coordY(originalEvent) - (top ?? 0);\n        addClick(x, y);\n      }\n\n      delayStart();\n    }\n  }\n\n  function onMove({ isSlide }: TouchEvent) {\n    if (isSlide) {\n      stop();\n    }\n  }\n\n  function onEnd({ duration }: TouchEvent) {\n    if (activity === TapState.none) {\n      return;\n    }\n    if (activity === TapState.pending) {\n      // активировать при коротком тапе\n      start();\n    }\n\n    // отключить без задержки при длинном тапе\n    const activeDuration = duration - ACTIVE_DELAY;\n    stop(activeDuration >= 100 ? 0 : activeEffectDelay - activeDuration);\n  }\n\n  const classes = classNames(\n    \"Tappable\",\n    platform === IOS && \"Tappable--ios\",\n    `Tappable--sizeX-${sizeX}`,\n    hasHover && `Tappable--hasHover`,\n    hasActive && `Tappable--hasActive`,\n    hasHover && hovered && !isPresetHoverMode && hoverMode,\n    hasActive && active && !isPresetActiveMode && activeMode,\n    focusVisible && !isPresetFocusVisibleMode && focusVisibleMode,\n    hasActive && active && \"Tappable--active\",\n    hasMouse && \"Tappable--mouse\",\n    hasHover && hovered && isPresetHoverMode && `Tappable--hover-${hoverMode}`,\n    hasActive &&\n      active &&\n      isPresetActiveMode &&\n      `Tappable--active-${activeMode}`,\n    focusVisible && \"Tappable--focus-visible\"\n  );\n\n  const handlers: RootComponentProps = {\n    onStart: callMultiple(onStart, props.onStart),\n    onMove: callMultiple(onMove, props.onMove),\n    onEnd: callMultiple(onEnd, props.onEnd),\n    onClick,\n    onKeyDown: callMultiple(onKeyDown, _onKeyDown),\n  };\n  const role = props.href ? \"link\" : \"button\";\n\n  return (\n    <Touch\n      onEnter={callMultiple(setHoveredTrue, onEnter)}\n      onLeave={callMultiple(setHoveredFalse, onLeave)}\n      type={Component === \"button\" ? \"button\" : undefined}\n      tabIndex={isCustomElement && !props.disabled ? 0 : undefined}\n      role={isCustomElement ? role : undefined}\n      aria-disabled={isCustomElement ? props.disabled : undefined}\n      stopPropagation={stopPropagation && !insideTouchRoot && !props.disabled}\n      {...props}\n      slideThreshold={20}\n      usePointerHover\n      vkuiClass={classes}\n      Component={Component}\n      getRootRef={containerRef}\n      onBlur={callMultiple(onBlur, props.onBlur)}\n      onFocus={callMultiple(onFocus, props.onFocus)}\n      {...(props.disabled ? {} : handlers)}\n    >\n      <TappableContext.Provider value={childContext}>\n        {children}\n      </TappableContext.Provider>\n      {needWaves && (\n        <span aria-hidden=\"true\" vkuiClass=\"Tappable__waves\">\n          {clicks.map((wave) => (\n            <span\n              key={wave.id}\n              vkuiClass=\"Tappable__wave\"\n              style={{ top: wave.y, left: wave.x }}\n            />\n          ))}\n        </span>\n      )}\n      {hasHover && hoverMode === \"background\" && (\n        <span aria-hidden=\"true\" vkuiClass=\"Tappable__hoverShadow\" />\n      )}\n      {!props.disabled && isPresetFocusVisibleMode && (\n        <FocusVisible mode={focusVisibleMode as FocusVisibleMode} />\n      )}\n    </Touch>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tappable\n */\nexport const Tappable = withAdaptivity(TappableComponent, {\n  sizeX: true,\n  hasMouse: true,\n  deviceHasHover: true,\n});\n\nTappable.displayName = \"Tappable\";\n"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { HoverPopperProps } from "../HoverPopper/HoverPopper";
+import "./TextTooltip.css";
+export interface TextTooltipProps extends Omit<HoverPopperProps, "arrow" | "arrowClassName" | "content"> {
+    /**
+     * Текст тултипа
+     */
+    text?: React.ReactNode;
+    /**
+     * Заголовок тултипа
+     */
+    header?: React.ReactNode;
+    /**
+     * Стиль отображения подсказки
+     */
+    appearance?: "accent" | "neutral" | "white" | "black" | "inversion";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/TextTooltip
+ */
+export declare const TextTooltip: ({ children, text, header, appearance, ...popperProps }: TextTooltipProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TextTooltip/TextTooltip.tsx"],"names":["TextTooltip","children","text","header","appearance","popperProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAmBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAMH;AAAA,MALtBC,QAKsB,QALtBA,QAKsB;AAAA,MAJtBC,IAIsB,QAJtBA,IAIsB;AAAA,MAHtBC,MAGsB,QAHtBA,MAGsB;AAAA,6BAFtBC,UAEsB;AAAA,MAFtBA,UAEsB,gCAFT,OAES;AAAA,MADnBC,WACmB;AACtB,SACE,qCAAC,wBAAD;AACE,IAAA,SAAS,EAAE,4BAAW,aAAX,yBAA0CD,UAA1C,EADb;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,cAAc,EAAE,8BAAY,oBAAZ,CAHlB;AAIE,IAAA,OAAO,EACL,qCAAC,KAAD,CAAO,QAAP,QACG,yBAAaD,MAAb,KACC,qCAAC,gBAAD;AAAS,MAAA,MAAM,EAAC,GAAhB;AAAoB,MAAA,SAAS,EAAC;AAA9B,OACGA,MADH,CAFJ,EAMG,yBAAaD,IAAb,KACC,qCAAC,gBAAD;AAAS,MAAA,SAAS,EAAC;AAAnB,OAAwCA,IAAxC,CAPJ;AALJ,KAgBMG,WAhBN,GAkBGJ,QAlBH,CADF;AAsBD,CA7BM","sourcesContent":["import * as React from \"react\";\nimport { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./TextTooltip.css\";\n\nexport interface TextTooltipProps\n  extends Omit<HoverPopperProps, \"arrow\" | \"arrowClassName\" | \"content\"> {\n  /**\n   * Текст тултипа\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа\n   */\n  header?: React.ReactNode;\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/TextTooltip\n */\nexport const TextTooltip = ({\n  children,\n  text,\n  header,\n  appearance = \"black\", // TODO v5 сменить по умолчанию на \"neutral\"\n  ...popperProps\n}: TextTooltipProps) => {\n  return (\n    <HoverPopper\n      vkuiClass={classNames(\"TextTooltip\", `TextTooltip--${appearance}`)}\n      arrow\n      arrowClassName={prefixClass(\"TextTooltip__arrow\")}\n      content={\n        <React.Fragment>\n          {hasReactNode(header) && (\n            <Subhead weight=\"2\" vkuiClass=\"TextTooltip__header\">\n              {header}\n            </Subhead>\n          )}\n          {hasReactNode(text) && (\n            <Subhead vkuiClass=\"TextTooltip__text\">{text}</Subhead>\n          )}\n        </React.Fragment>\n      }\n      {...popperProps}\n    >\n      {children}\n    </HoverPopper>\n  );\n};\n"],"file":"TextTooltip.js"}
+{"version":3,"file":"TextTooltip.js","names":["TextTooltip","children","text","header","appearance","popperProps","classNames","prefixClass","hasReactNode"],"sources":["../../../../src/components/TextTooltip/TextTooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./TextTooltip.css\";\n\nexport interface TextTooltipProps\n  extends Omit<HoverPopperProps, \"arrow\" | \"arrowClassName\" | \"content\"> {\n  /**\n   * Текст тултипа\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа\n   */\n  header?: React.ReactNode;\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/TextTooltip\n */\nexport const TextTooltip = ({\n  children,\n  text,\n  header,\n  appearance = \"black\", // TODO v5 сменить по умолчанию на \"neutral\"\n  ...popperProps\n}: TextTooltipProps) => {\n  return (\n    <HoverPopper\n      vkuiClass={classNames(\"TextTooltip\", `TextTooltip--${appearance}`)}\n      arrow\n      arrowClassName={prefixClass(\"TextTooltip__arrow\")}\n      content={\n        <React.Fragment>\n          {hasReactNode(header) && (\n            <Subhead weight=\"2\" vkuiClass=\"TextTooltip__header\">\n              {header}\n            </Subhead>\n          )}\n          {hasReactNode(text) && (\n            <Subhead vkuiClass=\"TextTooltip__text\">{text}</Subhead>\n          )}\n        </React.Fragment>\n      }\n      {...popperProps}\n    >\n      {children}\n    </HoverPopper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAmBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAMH;EAAA,IALtBC,QAKsB,QALtBA,QAKsB;EAAA,IAJtBC,IAIsB,QAJtBA,IAIsB;EAAA,IAHtBC,MAGsB,QAHtBA,MAGsB;EAAA,2BAFtBC,UAEsB;EAAA,IAFtBA,UAEsB,gCAFT,OAES;EAAA,IADnBC,WACmB;EACtB,OACE,qCAAC,wBAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,aAAX,yBAA0CF,UAA1C,EADb;IAEE,KAAK,MAFP;IAGE,cAAc,EAAE,IAAAG,wBAAA,EAAY,oBAAZ,CAHlB;IAIE,OAAO,EACL,qCAAC,KAAD,CAAO,QAAP,QACG,IAAAC,mBAAA,EAAaL,MAAb,KACC,qCAAC,gBAAD;MAAS,MAAM,EAAC,GAAhB;MAAoB,SAAS,EAAC;IAA9B,GACGA,MADH,CAFJ,EAMG,IAAAK,mBAAA,EAAaN,IAAb,KACC,qCAAC,gBAAD;MAAS,SAAS,EAAC;IAAnB,GAAwCA,IAAxC,CAPJ;EALJ,GAgBMG,WAhBN,GAkBGJ,QAlBH,CADF;AAsBD,CA7BM"}

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+import { HasRef, HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./Textarea.css";
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRef<HTMLTextAreaElement>, HasRootRef<HTMLElement>, AdaptivityProps, Pick<React.CSSProperties, "maxHeight">, Pick<FormFieldProps, "status"> {
+    grow?: boolean;
+    onResize?(el: HTMLTextAreaElement): void;
+    defaultValue?: string;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Textarea
+ */
+export declare const Textarea: React.FC<Pick<TextareaProps, "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "wrap" | "maxHeight" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "status" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "cols" | "dirName" | "rows" | "getRootRef" | "getRef" | "grow" | "onResize"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":["TextareaComponent","defaultValue","grow","style","onResize","className","getRootRef","getRef","sizeY","rows","maxHeight","status","restProps","value","onChange","currentScrollHeight","React","useRef","elementRef","useEffect","el","current","offsetParent","height","scrollHeight","disabled","Textarea","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAeA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAaL;AAAA,+BAZnBC,YAYmB;AAAA,MAZnBA,YAYmB,kCAZJ,EAYI;AAAA,uBAXnBC,IAWmB;AAAA,MAXnBA,IAWmB,0BAXZ,IAWY;AAAA,MAVnBC,KAUmB,QAVnBA,KAUmB;AAAA,MATnBC,QASmB,QATnBA,QASmB;AAAA,MARnBC,SAQmB,QARnBA,SAQmB;AAAA,MAPnBC,UAOmB,QAPnBA,UAOmB;AAAA,MANnBC,MAMmB,QANnBA,MAMmB;AAAA,MALnBC,KAKmB,QALnBA,KAKmB;AAAA,uBAJnBC,IAImB;AAAA,MAJnBA,IAImB,0BAJZ,CAIY;AAAA,MAHnBC,SAGmB,QAHnBA,SAGmB;AAAA,MAFnBC,MAEmB,QAFnBA,MAEmB;AAAA,MADhBC,SACgB;;AACnB,2BAA0B,2CAAkBA,SAAlB,EAA6B;AAAEX,IAAAA,YAAY,EAAZA;AAAF,GAA7B,CAA1B;AAAA;AAAA,MAAOY,KAAP;AAAA,MAAcC,QAAd;;AACA,MAAMC,mBAAmB,GAAGC,KAAK,CAACC,MAAN,EAA5B;AACA,MAAMC,UAAU,GAAG,gCAAaX,MAAb,CAAnB,CAHmB,CAKnB;;AACAS,EAAAA,KAAK,CAACG,SAAN,CAAgB,YAAM;AACpB,QAAMC,EAAE,GAAGF,UAAU,CAACG,OAAtB;;AAEA,QAAInB,IAAI,IAAIkB,EAAJ,aAAIA,EAAJ,eAAIA,EAAE,CAAEE,YAAhB,EAA8B;AAC5BF,MAAAA,EAAE,CAACjB,KAAH,CAASoB,MAAT,GAAkB,EAAlB;AACAH,MAAAA,EAAE,CAACjB,KAAH,CAASoB,MAAT,aAAqBH,EAAE,CAACI,YAAxB;;AAEA,UAAIJ,EAAE,CAACI,YAAH,KAAoBT,mBAAmB,CAACM,OAAxC,IAAmDjB,QAAvD,EAAiE;AAC/DA,QAAAA,QAAQ,CAACgB,EAAD,CAAR;AACAL,QAAAA,mBAAmB,CAACM,OAApB,GAA8BD,EAAE,CAACI,YAAjC;AACD;AACF;AACF,GAZD,EAYG,CAACtB,IAAD,EAAOW,KAAP,EAAcL,KAAd,EAAqBU,UAArB,EAAiCd,QAAjC,CAZH;AAcA,SACE,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAE,4BACT,UADS,EAET;AAFS,8BAGUI,KAHV,EADb;AAME,IAAA,SAAS,EAAEH,SANb;AAOE,IAAA,KAAK,EAAEF,KAPT;AAQE,IAAA,UAAU,EAAEG,UARd;AASE,IAAA,QAAQ,EAAEM,SAAS,CAACa,QATtB;AAUE,IAAA,MAAM,EAAEd;AAVV,KAYE,4EACMC,SADN;AAEE,IAAA,KAAK,EAAE;AAAEF,MAAAA,SAAS,EAATA;AAAF,KAFT;AAGE,IAAA,IAAI,EAAED,IAHR;AAIE,IAAA,SAAS,EAAC,cAJZ;AAKE,IAAA,KAAK,EAAEI,KALT;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,GAAG,EAAEI;AAPP,KAZF,CADF;AAwBD,CAzDD;AA2DA;AACA;AACA;;;AACO,IAAMQ,QAAQ,GAAG,oCAAe1B,iBAAf,EAAkC;AAAEQ,EAAAA,KAAK,EAAE;AAAT,CAAlC,CAAjB;;AAEPkB,QAAQ,CAACC,WAAT,GAAuB,UAAvB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./Textarea.css\";\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRef<HTMLTextAreaElement>,\n    HasRootRef<HTMLElement>,\n    AdaptivityProps,\n    Pick<React.CSSProperties, \"maxHeight\">,\n    Pick<FormFieldProps, \"status\"> {\n  grow?: boolean;\n  onResize?(el: HTMLTextAreaElement): void;\n  defaultValue?: string;\n}\n\nconst TextareaComponent = ({\n  defaultValue = \"\",\n  grow = true,\n  style,\n  onResize,\n  className,\n  getRootRef,\n  getRef,\n  sizeY,\n  rows = 2,\n  maxHeight,\n  status,\n  ...restProps\n}: TextareaProps) => {\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const currentScrollHeight = React.useRef<number>();\n  const elementRef = useExternRef(getRef);\n\n  // autosize input\n  React.useEffect(() => {\n    const el = elementRef.current;\n\n    if (grow && el?.offsetParent) {\n      el.style.height = \"\";\n      el.style.height = `${el.scrollHeight}px`;\n\n      if (el.scrollHeight !== currentScrollHeight.current && onResize) {\n        onResize(el);\n        currentScrollHeight.current = el.scrollHeight;\n      }\n    }\n  }, [grow, value, sizeY, elementRef, onResize]);\n\n  return (\n    <FormField\n      vkuiClass={classNames(\n        \"Textarea\",\n        // TODO. v5.0.0 Новая адаптивность\n        `Textarea--sizeY-${sizeY}`\n      )}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n      status={status}\n    >\n      <textarea\n        {...restProps}\n        style={{ maxHeight }}\n        rows={rows}\n        vkuiClass=\"Textarea__el\"\n        value={value}\n        onChange={onChange}\n        ref={elementRef}\n      />\n    </FormField>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Textarea\n */\nexport const Textarea = withAdaptivity(TextareaComponent, { sizeY: true });\n\nTextarea.displayName = \"Textarea\";\n"],"file":"Textarea.js"}
+{"version":3,"file":"Textarea.js","names":["TextareaComponent","defaultValue","grow","style","onResize","className","getRootRef","getRef","sizeY","rows","maxHeight","status","restProps","useEnsuredControl","value","onChange","currentScrollHeight","React","useRef","elementRef","useExternRef","useEffect","el","current","offsetParent","height","scrollHeight","classNames","disabled","Textarea","withAdaptivity","displayName"],"sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./Textarea.css\";\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRef<HTMLTextAreaElement>,\n    HasRootRef<HTMLElement>,\n    AdaptivityProps,\n    Pick<React.CSSProperties, \"maxHeight\">,\n    Pick<FormFieldProps, \"status\"> {\n  grow?: boolean;\n  onResize?(el: HTMLTextAreaElement): void;\n  defaultValue?: string;\n}\n\nconst TextareaComponent = ({\n  defaultValue = \"\",\n  grow = true,\n  style,\n  onResize,\n  className,\n  getRootRef,\n  getRef,\n  sizeY,\n  rows = 2,\n  maxHeight,\n  status,\n  ...restProps\n}: TextareaProps) => {\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const currentScrollHeight = React.useRef<number>();\n  const elementRef = useExternRef(getRef);\n\n  // autosize input\n  React.useEffect(() => {\n    const el = elementRef.current;\n\n    if (grow && el?.offsetParent) {\n      el.style.height = \"\";\n      el.style.height = `${el.scrollHeight}px`;\n\n      if (el.scrollHeight !== currentScrollHeight.current && onResize) {\n        onResize(el);\n        currentScrollHeight.current = el.scrollHeight;\n      }\n    }\n  }, [grow, value, sizeY, elementRef, onResize]);\n\n  return (\n    <FormField\n      vkuiClass={classNames(\n        \"Textarea\",\n        // TODO. v5.0.0 Новая адаптивность\n        `Textarea--sizeY-${sizeY}`\n      )}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n      status={status}\n    >\n      <textarea\n        {...restProps}\n        style={{ maxHeight }}\n        rows={rows}\n        vkuiClass=\"Textarea__el\"\n        value={value}\n        onChange={onChange}\n        ref={elementRef}\n      />\n    </FormField>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Textarea\n */\nexport const Textarea = withAdaptivity(TextareaComponent, { sizeY: true });\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAeA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAaL;EAAA,6BAZnBC,YAYmB;EAAA,IAZnBA,YAYmB,kCAZJ,EAYI;EAAA,qBAXnBC,IAWmB;EAAA,IAXnBA,IAWmB,0BAXZ,IAWY;EAAA,IAVnBC,KAUmB,QAVnBA,KAUmB;EAAA,IATnBC,QASmB,QATnBA,QASmB;EAAA,IARnBC,SAQmB,QARnBA,SAQmB;EAAA,IAPnBC,UAOmB,QAPnBA,UAOmB;EAAA,IANnBC,MAMmB,QANnBA,MAMmB;EAAA,IALnBC,KAKmB,QALnBA,KAKmB;EAAA,qBAJnBC,IAImB;EAAA,IAJnBA,IAImB,0BAJZ,CAIY;EAAA,IAHnBC,SAGmB,QAHnBA,SAGmB;EAAA,IAFnBC,MAEmB,QAFnBA,MAEmB;EAAA,IADhBC,SACgB;;EACnB,yBAA0B,IAAAC,qCAAA,EAAkBD,SAAlB,EAA6B;IAAEX,YAAY,EAAZA;EAAF,CAA7B,CAA1B;EAAA;EAAA,IAAOa,KAAP;EAAA,IAAcC,QAAd;;EACA,IAAMC,mBAAmB,GAAGC,KAAK,CAACC,MAAN,EAA5B;EACA,IAAMC,UAAU,GAAG,IAAAC,0BAAA,EAAab,MAAb,CAAnB,CAHmB,CAKnB;;EACAU,KAAK,CAACI,SAAN,CAAgB,YAAM;IACpB,IAAMC,EAAE,GAAGH,UAAU,CAACI,OAAtB;;IAEA,IAAIrB,IAAI,IAAIoB,EAAJ,aAAIA,EAAJ,eAAIA,EAAE,CAAEE,YAAhB,EAA8B;MAC5BF,EAAE,CAACnB,KAAH,CAASsB,MAAT,GAAkB,EAAlB;MACAH,EAAE,CAACnB,KAAH,CAASsB,MAAT,aAAqBH,EAAE,CAACI,YAAxB;;MAEA,IAAIJ,EAAE,CAACI,YAAH,KAAoBV,mBAAmB,CAACO,OAAxC,IAAmDnB,QAAvD,EAAiE;QAC/DA,QAAQ,CAACkB,EAAD,CAAR;QACAN,mBAAmB,CAACO,OAApB,GAA8BD,EAAE,CAACI,YAAjC;MACD;IACF;EACF,CAZD,EAYG,CAACxB,IAAD,EAAOY,KAAP,EAAcN,KAAd,EAAqBW,UAArB,EAAiCf,QAAjC,CAZH;EAcA,OACE,qCAAC,oBAAD;IACE,SAAS,EAAE,IAAAuB,sBAAA,EACT,UADS,EAET;IAFS,0BAGUnB,KAHV,EADb;IAME,SAAS,EAAEH,SANb;IAOE,KAAK,EAAEF,KAPT;IAQE,UAAU,EAAEG,UARd;IASE,QAAQ,EAAEM,SAAS,CAACgB,QATtB;IAUE,MAAM,EAAEjB;EAVV,GAYE,4EACMC,SADN;IAEE,KAAK,EAAE;MAAEF,SAAS,EAATA;IAAF,CAFT;IAGE,IAAI,EAAED,IAHR;IAIE,SAAS,EAAC,cAJZ;IAKE,KAAK,EAAEK,KALT;IAME,QAAQ,EAAEC,QANZ;IAOE,GAAG,EAAEI;EAPP,GAZF,CADF;AAwBD,CAzDD;AA2DA;AACA;AACA;;;AACO,IAAMU,QAAQ,GAAG,IAAAC,8BAAA,EAAe9B,iBAAf,EAAkC;EAAEQ,KAAK,EAAE;AAAT,CAAlC,CAAjB;;AAEPqB,QAAQ,CAACE,WAAT,GAAuB,UAAvB"}

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

@@ -0,0 +1,75 @@
+import * as React from "react";
+import { Placement } from "@popperjs/core";
+import { HasRootRef } from "../../types";
+import "./Tooltip.css";
+export interface TooltipProps {
+    /**
+     * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает
+     * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,
+     * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.
+     */
+    children: React.ReactElement<HasRootRef<any>> | React.ReactElement<React.PropsWithRef<any>>;
+    /**
+     * @deprecated будет удалено в 5.0.0, устанавливать стиль следует через appearance
+     * Стиль отображения подсказки
+     */
+    mode?: "accent" | "light";
+    /**
+     * Стиль отображения подсказки
+     */
+    appearance?: "accent" | "neutral" | "white" | "black" | "inversion";
+    /**
+     * Если передан `false`, то рисуется просто `children`.
+     */
+    isShown?: boolean;
+    /**
+     * Текст тултипа.
+     */
+    text?: React.ReactNode;
+    /**
+     * Заголовок тултипа.
+     */
+    header?: React.ReactNode;
+    /**
+     * Положение по горизонтали (прижатие к левому или правому краю `children`).
+     * Если не задано, позиция по горизонтали определятся автоматически
+     */
+    alignX?: "center" | "left" | "right";
+    /**
+     * Положение по вертикали (расположение над или под `children`).
+     * Если не задано, позиция по вертикали определятся автоматически
+     */
+    alignY?: "top" | "bottom";
+    /**
+     * Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).
+     */
+    offsetX?: number;
+    /**
+     * Сдвиг по вертикали (относительно портала, в котором рисуется тултип).
+     */
+    offsetY?: number;
+    /**
+     * Отображать ли стрелку, указывающую на якорный элемент
+     */
+    arrow?: boolean;
+    /**
+     * Сдвиг стрелочки относительно центра дочернего элемента.
+     */
+    cornerOffset?: number;
+    /**
+     * Сдвиг стрелочки относительно ширины тултипа
+     */
+    cornerAbsoluteOffset?: number;
+    /**
+     * Callback, который вызывается при клике по любому месту в пределах экрана.
+     */
+    onClose?: () => void;
+    /**
+     * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства
+     */
+    placement?: Placement;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Tooltip
+ */
+export declare const Tooltip: ({ children, isShown: _isShown, offsetX, offsetY, alignX, alignY, onClose, cornerOffset, cornerAbsoluteOffset, mode, appearance, arrow, placement, ...restProps }: TooltipProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":["isDOMTypeElement","element","React","isValidElement","type","baseClassName","warn","IS_DEV","process","env","NODE_ENV","SimpleTooltip","forwardRef","ref","appearance","header","text","arrow","style","attributes","container","mapAlignX","x","getPlacement","alignX","alignY","filter","p","join","isVerticalPlacement","placement","startsWith","calculateAppearance","mode","Tooltip","children","isShown","_isShown","offsetX","offsetY","onClose","cornerOffset","cornerAbsoluteOffset","restProps","entering","useState","tooltipRef","setTooltipRef","target","setTarget","multiChildren","Children","count","primitiveChild","JSON","stringify","Boolean","tooltipContainer","useMemo","closest","tooltipContainerAttr","strategy","position","Error","modifiers","name","options","offset","push","padding","enabled","phase","fn","state","modifiersData","undefined","y","_placement","styles","document","passive","childRef","props","getRootRef","patchedRef","child","cloneElement","_appearance","ReactDOM","createPortal","el","popper"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { useNavTransition } from \"../NavTransitionContext/NavTransitionContext\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { Modifier, usePopper } from \"react-popper\";\nimport { Placement } from \"@popperjs/core\";\nimport { tooltipContainerAttr } from \"./TooltipContainer\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Tooltip.css\";\n\ninterface SimpleTooltipProps extends Partial<TooltipProps> {\n  target?: HTMLDivElement;\n  style?: {\n    arrow: React.CSSProperties;\n    container: React.CSSProperties;\n  };\n  attributes?: {\n    arrow: React.HTMLAttributes<HTMLDivElement> | null;\n    container: React.HTMLAttributes<HTMLDivElement> | null;\n  };\n}\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return React.isValidElement(element) && typeof element.type === \"string\";\n};\n\nconst baseClassName = getClassName(\"Tooltip\");\nconst warn = warnOnce(\"Tooltip\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nconst SimpleTooltip = React.forwardRef<HTMLDivElement, SimpleTooltipProps>(\n  function SimpleTooltip(\n    { appearance = \"accent\", header, text, arrow, style = {}, attributes },\n    ref\n  ) {\n    return (\n      <div vkuiClass={classNames(baseClassName, `Tooltip--${appearance}`)}>\n        <div\n          vkuiClass=\"Tooltip__container\"\n          ref={ref}\n          style={style.container}\n          {...attributes?.container}\n        >\n          {arrow && (\n            <PopperArrow\n              style={style.arrow}\n              attributes={attributes?.arrow}\n              arrowClassName={prefixClass(\"Tooltip__arrow\")}\n            />\n          )}\n          <div vkuiClass=\"Tooltip__content\">\n            {header && (\n              <Subhead weight=\"2\" vkuiClass=\"Tooltip__title\">\n                {header}\n              </Subhead>\n            )}\n            {text && <Subhead vkuiClass=\"Tooltip__text\">{text}</Subhead>}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport interface TooltipProps {\n  /**\n   * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает\n   * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,\n   * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.\n   */\n  children:\n    | React.ReactElement<HasRootRef<any>>\n    | React.ReactElement<React.PropsWithRef<any>>;\n  /**\n   * @deprecated будет удалено в 5.0.0, устанавливать стиль следует через appearance\n   * Стиль отображения подсказки\n   */\n  mode?: \"accent\" | \"light\";\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n  /**\n   * Если передан `false`, то рисуется просто `children`.\n   */\n  isShown?: boolean;\n  /**\n   * Текст тултипа.\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа.\n   */\n  header?: React.ReactNode;\n  /**\n   * Положение по горизонтали (прижатие к левому или правому краю `children`).\n   * Если не задано, позиция по горизонтали определятся автоматически\n   */\n  alignX?: \"center\" | \"left\" | \"right\";\n  /**\n   * Положение по вертикали (расположение над или под `children`).\n   * Если не задано, позиция по вертикали определятся автоматически\n   */\n  alignY?: \"top\" | \"bottom\";\n  /**\n   * Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).\n   */\n  offsetX?: number;\n  /**\n   * Сдвиг по вертикали (относительно портала, в котором рисуется тултип).\n   */\n  offsetY?: number;\n  /**\n   * Отображать ли стрелку, указывающую на якорный элемент\n   */\n  arrow?: boolean;\n  /**\n   * Сдвиг стрелочки относительно центра дочернего элемента.\n   */\n  cornerOffset?: number;\n  /**\n   * Сдвиг стрелочки относительно ширины тултипа\n   */\n  cornerAbsoluteOffset?: number;\n  /**\n   * Callback, который вызывается при клике по любому месту в пределах экрана.\n   */\n  onClose?: () => void;\n  /**\n   * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n   */\n  placement?: Placement;\n}\n\nfunction mapAlignX(x: TooltipProps[\"alignX\"]) {\n  switch (x) {\n    case \"left\":\n      return \"start\";\n    case \"right\":\n      return \"end\";\n    default:\n      return \"\";\n  }\n}\nfunction getPlacement(\n  alignX: TooltipProps[\"alignX\"],\n  alignY: TooltipProps[\"alignY\"]\n): Placement {\n  return [alignY || \"bottom\", mapAlignX(alignX || \"left\")]\n    .filter((p) => !!p)\n    .join(\"-\") as Placement;\n}\nfunction isVerticalPlacement(placement: Placement) {\n  return placement.startsWith(\"top\") || placement.startsWith(\"bottom\");\n}\n\n/**\n * Вычисляем стиль подсказки: параметр appearance имеет приоритет, иначе мапим mode на подходящее значение из appearance\n * TODO: v5 избавиться от пропа mode и этого метода, для appearance по умолчанию сделать \"accent\"\n */\nfunction calculateAppearance(\n  mode: TooltipProps[\"mode\"],\n  appearance: TooltipProps[\"appearance\"]\n): TooltipProps[\"appearance\"] {\n  if (appearance) {\n    return appearance;\n  }\n\n  return mode === \"light\" ? \"white\" : \"accent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const Tooltip = ({\n  children,\n  isShown: _isShown = true,\n  offsetX = 0,\n  offsetY = 15,\n  alignX,\n  alignY,\n  onClose,\n  cornerOffset = 0,\n  cornerAbsoluteOffset,\n  mode = \"accent\",\n  appearance,\n  arrow = true,\n  placement,\n  ...restProps\n}: TooltipProps) => {\n  const { entering } = useNavTransition();\n  const isShown = _isShown && !entering;\n  const [tooltipRef, setTooltipRef] = React.useState<HTMLElement | null>(null);\n  const [target, setTarget] = React.useState<HTMLElement>();\n\n  if (IS_DEV) {\n    const multiChildren = React.Children.count(children) > 1;\n    // Empty children is a noop\n    const primitiveChild =\n      hasReactNode(children) && typeof children !== \"object\";\n    (multiChildren || primitiveChild) &&\n      warn(\n        [\n          \"children должен быть одним React элементом, получено\",\n          multiChildren && \"несколько\",\n          primitiveChild && JSON.stringify(children),\n        ]\n          .filter(Boolean)\n          .join(\" \"),\n        \"error\"\n      );\n  }\n\n  /* eslint-disable no-restricted-properties */\n  /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion*/\n  const tooltipContainer = React.useMemo(\n    () => target?.closest(`[${tooltipContainerAttr}]`) as HTMLDivElement,\n    [target]\n  );\n  const strategy = React.useMemo(\n    () => (target?.style.position === \"fixed\" ? \"fixed\" : \"absolute\"),\n    [target]\n  );\n  /* eslint-enable @typescript-eslint/no-unnecessary-type-assertion*/\n  /* eslint-enable no-restricted-properties */\n\n  if (IS_DEV && target && !tooltipContainer) {\n    throw new Error(\n      \"Use TooltipContainer for Tooltip outside Panel (see docs)\"\n    );\n  }\n\n  const modifiers = React.useMemo(() => {\n    const modifiers: Array<Modifier<string>> = [\n      {\n        name: \"offset\",\n        options: {\n          offset: [offsetX, offsetY],\n        },\n      },\n      {\n        name: \"preventOverflow\",\n      },\n      {\n        name: \"flip\",\n      },\n    ];\n\n    if (arrow) {\n      modifiers.push({\n        name: \"arrow\",\n        options: {\n          padding: 14,\n        },\n      });\n      modifiers.push({\n        name: \"arrowOffset\",\n        enabled: true,\n        phase: \"main\",\n        fn({ state }) {\n          if (!state.modifiersData.arrow) {\n            return;\n          }\n          if (isVerticalPlacement(state.placement)) {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.x = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.x !== undefined) {\n                state.modifiersData.arrow.x += cornerOffset;\n              }\n            }\n          } else {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.y = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.y !== undefined) {\n                state.modifiersData.arrow.y += cornerOffset;\n              }\n            }\n          }\n        },\n      });\n    }\n\n    return modifiers;\n  }, [arrow, cornerAbsoluteOffset, cornerOffset, offsetX, offsetY]);\n\n  const _placement = placement ?? getPlacement(alignX, alignY);\n  const { styles, attributes } = usePopper(target, tooltipRef, {\n    strategy,\n    placement: _placement,\n    modifiers,\n  });\n\n  const { document } = useDOM();\n  useGlobalEventListener(document, \"click\", isShown && onClose, {\n    passive: true,\n  });\n  // NOTE: setting isShown to true used to trigger usePopper().forceUpdate()\n\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);\n  const patchedRef = useExternRef(setTarget, childRef);\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children, {\n        [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n      })\n    : children;\n\n  const _appearance = calculateAppearance(mode, appearance);\n\n  return (\n    <React.Fragment>\n      {child}\n      {isShown &&\n        target != null &&\n        ReactDOM.createPortal(\n          <SimpleTooltip\n            {...restProps}\n            appearance={_appearance}\n            arrow={arrow}\n            ref={(el) => setTooltipRef(el)}\n            style={{ arrow: styles.arrow, container: styles.popper }}\n            attributes={{\n              arrow: attributes.arrow ?? null,\n              container: attributes.popper ?? null,\n            }}\n          />,\n          tooltipContainer\n        )}\n    </React.Fragment>\n  );\n};\n"],"file":"Tooltip.js"}
+{"version":3,"file":"Tooltip.js","names":["isDOMTypeElement","element","React","isValidElement","type","baseClassName","getClassName","warn","warnOnce","IS_DEV","process","env","NODE_ENV","SimpleTooltip","forwardRef","ref","appearance","header","text","arrow","style","attributes","classNames","container","prefixClass","mapAlignX","x","getPlacement","alignX","alignY","filter","p","join","isVerticalPlacement","placement","startsWith","calculateAppearance","mode","Tooltip","children","isShown","_isShown","offsetX","offsetY","onClose","cornerOffset","cornerAbsoluteOffset","restProps","useNavTransition","entering","useState","tooltipRef","setTooltipRef","target","setTarget","multiChildren","Children","count","primitiveChild","hasReactNode","JSON","stringify","Boolean","tooltipContainer","useMemo","closest","tooltipContainerAttr","strategy","position","Error","modifiers","name","options","offset","push","padding","enabled","phase","fn","state","modifiersData","undefined","y","_placement","usePopper","styles","useDOM","document","useGlobalEventListener","passive","childRef","props","getRootRef","patchedRef","useExternRef","child","cloneElement","_appearance","ReactDOM","createPortal","el","popper"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { useNavTransition } from \"../NavTransitionContext/NavTransitionContext\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { Modifier, usePopper } from \"react-popper\";\nimport { Placement } from \"@popperjs/core\";\nimport { tooltipContainerAttr } from \"./TooltipContainer\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Tooltip.css\";\n\ninterface SimpleTooltipProps extends Partial<TooltipProps> {\n  target?: HTMLDivElement;\n  style?: {\n    arrow: React.CSSProperties;\n    container: React.CSSProperties;\n  };\n  attributes?: {\n    arrow: React.HTMLAttributes<HTMLDivElement> | null;\n    container: React.HTMLAttributes<HTMLDivElement> | null;\n  };\n}\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return React.isValidElement(element) && typeof element.type === \"string\";\n};\n\nconst baseClassName = getClassName(\"Tooltip\");\nconst warn = warnOnce(\"Tooltip\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nconst SimpleTooltip = React.forwardRef<HTMLDivElement, SimpleTooltipProps>(\n  function SimpleTooltip(\n    { appearance = \"accent\", header, text, arrow, style = {}, attributes },\n    ref\n  ) {\n    return (\n      <div vkuiClass={classNames(baseClassName, `Tooltip--${appearance}`)}>\n        <div\n          vkuiClass=\"Tooltip__container\"\n          ref={ref}\n          style={style.container}\n          {...attributes?.container}\n        >\n          {arrow && (\n            <PopperArrow\n              style={style.arrow}\n              attributes={attributes?.arrow}\n              arrowClassName={prefixClass(\"Tooltip__arrow\")}\n            />\n          )}\n          <div vkuiClass=\"Tooltip__content\">\n            {header && (\n              <Subhead weight=\"2\" vkuiClass=\"Tooltip__title\">\n                {header}\n              </Subhead>\n            )}\n            {text && <Subhead vkuiClass=\"Tooltip__text\">{text}</Subhead>}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport interface TooltipProps {\n  /**\n   * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает\n   * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,\n   * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.\n   */\n  children:\n    | React.ReactElement<HasRootRef<any>>\n    | React.ReactElement<React.PropsWithRef<any>>;\n  /**\n   * @deprecated будет удалено в 5.0.0, устанавливать стиль следует через appearance\n   * Стиль отображения подсказки\n   */\n  mode?: \"accent\" | \"light\";\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n  /**\n   * Если передан `false`, то рисуется просто `children`.\n   */\n  isShown?: boolean;\n  /**\n   * Текст тултипа.\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа.\n   */\n  header?: React.ReactNode;\n  /**\n   * Положение по горизонтали (прижатие к левому или правому краю `children`).\n   * Если не задано, позиция по горизонтали определятся автоматически\n   */\n  alignX?: \"center\" | \"left\" | \"right\";\n  /**\n   * Положение по вертикали (расположение над или под `children`).\n   * Если не задано, позиция по вертикали определятся автоматически\n   */\n  alignY?: \"top\" | \"bottom\";\n  /**\n   * Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).\n   */\n  offsetX?: number;\n  /**\n   * Сдвиг по вертикали (относительно портала, в котором рисуется тултип).\n   */\n  offsetY?: number;\n  /**\n   * Отображать ли стрелку, указывающую на якорный элемент\n   */\n  arrow?: boolean;\n  /**\n   * Сдвиг стрелочки относительно центра дочернего элемента.\n   */\n  cornerOffset?: number;\n  /**\n   * Сдвиг стрелочки относительно ширины тултипа\n   */\n  cornerAbsoluteOffset?: number;\n  /**\n   * Callback, который вызывается при клике по любому месту в пределах экрана.\n   */\n  onClose?: () => void;\n  /**\n   * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n   */\n  placement?: Placement;\n}\n\nfunction mapAlignX(x: TooltipProps[\"alignX\"]) {\n  switch (x) {\n    case \"left\":\n      return \"start\";\n    case \"right\":\n      return \"end\";\n    default:\n      return \"\";\n  }\n}\nfunction getPlacement(\n  alignX: TooltipProps[\"alignX\"],\n  alignY: TooltipProps[\"alignY\"]\n): Placement {\n  return [alignY || \"bottom\", mapAlignX(alignX || \"left\")]\n    .filter((p) => !!p)\n    .join(\"-\") as Placement;\n}\nfunction isVerticalPlacement(placement: Placement) {\n  return placement.startsWith(\"top\") || placement.startsWith(\"bottom\");\n}\n\n/**\n * Вычисляем стиль подсказки: параметр appearance имеет приоритет, иначе мапим mode на подходящее значение из appearance\n * TODO: v5 избавиться от пропа mode и этого метода, для appearance по умолчанию сделать \"accent\"\n */\nfunction calculateAppearance(\n  mode: TooltipProps[\"mode\"],\n  appearance: TooltipProps[\"appearance\"]\n): TooltipProps[\"appearance\"] {\n  if (appearance) {\n    return appearance;\n  }\n\n  return mode === \"light\" ? \"white\" : \"accent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const Tooltip = ({\n  children,\n  isShown: _isShown = true,\n  offsetX = 0,\n  offsetY = 15,\n  alignX,\n  alignY,\n  onClose,\n  cornerOffset = 0,\n  cornerAbsoluteOffset,\n  mode = \"accent\",\n  appearance,\n  arrow = true,\n  placement,\n  ...restProps\n}: TooltipProps) => {\n  const { entering } = useNavTransition();\n  const isShown = _isShown && !entering;\n  const [tooltipRef, setTooltipRef] = React.useState<HTMLElement | null>(null);\n  const [target, setTarget] = React.useState<HTMLElement>();\n\n  if (IS_DEV) {\n    const multiChildren = React.Children.count(children) > 1;\n    // Empty children is a noop\n    const primitiveChild =\n      hasReactNode(children) && typeof children !== \"object\";\n    (multiChildren || primitiveChild) &&\n      warn(\n        [\n          \"children должен быть одним React элементом, получено\",\n          multiChildren && \"несколько\",\n          primitiveChild && JSON.stringify(children),\n        ]\n          .filter(Boolean)\n          .join(\" \"),\n        \"error\"\n      );\n  }\n\n  /* eslint-disable no-restricted-properties */\n  /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion*/\n  const tooltipContainer = React.useMemo(\n    () => target?.closest(`[${tooltipContainerAttr}]`) as HTMLDivElement,\n    [target]\n  );\n  const strategy = React.useMemo(\n    () => (target?.style.position === \"fixed\" ? \"fixed\" : \"absolute\"),\n    [target]\n  );\n  /* eslint-enable @typescript-eslint/no-unnecessary-type-assertion*/\n  /* eslint-enable no-restricted-properties */\n\n  if (IS_DEV && target && !tooltipContainer) {\n    throw new Error(\n      \"Use TooltipContainer for Tooltip outside Panel (see docs)\"\n    );\n  }\n\n  const modifiers = React.useMemo(() => {\n    const modifiers: Array<Modifier<string>> = [\n      {\n        name: \"offset\",\n        options: {\n          offset: [offsetX, offsetY],\n        },\n      },\n      {\n        name: \"preventOverflow\",\n      },\n      {\n        name: \"flip\",\n      },\n    ];\n\n    if (arrow) {\n      modifiers.push({\n        name: \"arrow\",\n        options: {\n          padding: 14,\n        },\n      });\n      modifiers.push({\n        name: \"arrowOffset\",\n        enabled: true,\n        phase: \"main\",\n        fn({ state }) {\n          if (!state.modifiersData.arrow) {\n            return;\n          }\n          if (isVerticalPlacement(state.placement)) {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.x = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.x !== undefined) {\n                state.modifiersData.arrow.x += cornerOffset;\n              }\n            }\n          } else {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.y = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.y !== undefined) {\n                state.modifiersData.arrow.y += cornerOffset;\n              }\n            }\n          }\n        },\n      });\n    }\n\n    return modifiers;\n  }, [arrow, cornerAbsoluteOffset, cornerOffset, offsetX, offsetY]);\n\n  const _placement = placement ?? getPlacement(alignX, alignY);\n  const { styles, attributes } = usePopper(target, tooltipRef, {\n    strategy,\n    placement: _placement,\n    modifiers,\n  });\n\n  const { document } = useDOM();\n  useGlobalEventListener(document, \"click\", isShown && onClose, {\n    passive: true,\n  });\n  // NOTE: setting isShown to true used to trigger usePopper().forceUpdate()\n\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);\n  const patchedRef = useExternRef(setTarget, childRef);\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children, {\n        [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n      })\n    : children;\n\n  const _appearance = calculateAppearance(mode, appearance);\n\n  return (\n    <React.Fragment>\n      {child}\n      {isShown &&\n        target != null &&\n        ReactDOM.createPortal(\n          <SimpleTooltip\n            {...restProps}\n            appearance={_appearance}\n            arrow={arrow}\n            ref={(el) => setTooltipRef(el)}\n            style={{ arrow: styles.arrow, container: styles.popper }}\n            attributes={{\n              arrow: attributes.arrow ?? null,\n              container: attributes.popper ?? null,\n            }}\n          />,\n          tooltipContainer\n        )}\n    </React.Fragment>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/Tooltip/TooltipContainer.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const tooltipContainerAttr = "data-tooltip-container";
+export declare const TooltipContainer: React.ForwardRefExoticComponent<React.HtmlHTMLAttributes<HTMLDivElement> & {
+    fixed?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/Tooltip/TooltipContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tooltip/TooltipContainer.tsx"],"names":["tooltipContainerAttr","TooltipContainer","React","forwardRef","ref","fixed","props"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;AAEO,IAAMA,oBAAoB,GAAG,wBAA7B;;AACA,IAAMC,gBAAgB,gBAAGC,KAAK,CAACC,UAAN,CAG9B,SAASF,gBAAT,OAAuDG,GAAvD,EAA4D;AAAA,wBAAhCC,KAAgC;AAAA,MAAhCA,KAAgC,2BAAxB,KAAwB;AAAA,MAAdC,KAAc;AAC3DA,EAAAA,KAAD,CAAeN,oBAAf,IAAuCK,KAAK,GAAG,OAAH,GAAa,MAAzD;AACA,SAAO,uEAASC,KAAT;AAAgB,IAAA,GAAG,EAAEF;AAArB,KAAP;AACD,CAN+B,CAAzB","sourcesContent":["import * as React from \"react\";\n\nexport const tooltipContainerAttr = \"data-tooltip-container\";\nexport const TooltipContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HtmlHTMLAttributes<HTMLDivElement> & { fixed?: boolean }\n>(function TooltipContainer({ fixed = false, ...props }, ref) {\n  (props as any)[tooltipContainerAttr] = fixed ? \"fixed\" : \"true\";\n  return <div {...props} ref={ref} />;\n});\n"],"file":"TooltipContainer.js"}
+{"version":3,"file":"TooltipContainer.js","names":["tooltipContainerAttr","TooltipContainer","React","forwardRef","ref","fixed","props"],"sources":["../../../../src/components/Tooltip/TooltipContainer.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport const tooltipContainerAttr = \"data-tooltip-container\";\nexport const TooltipContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HtmlHTMLAttributes<HTMLDivElement> & { fixed?: boolean }\n>(function TooltipContainer({ fixed = false, ...props }, ref) {\n  (props as any)[tooltipContainerAttr] = fixed ? \"fixed\" : \"true\";\n  return <div {...props} ref={ref} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;AAEO,IAAMA,oBAAoB,GAAG,wBAA7B;;AACA,IAAMC,gBAAgB,gBAAGC,KAAK,CAACC,UAAN,CAG9B,SAASF,gBAAT,OAAuDG,GAAvD,EAA4D;EAAA,sBAAhCC,KAAgC;EAAA,IAAhCA,KAAgC,2BAAxB,KAAwB;EAAA,IAAdC,KAAc;EAC3DA,KAAD,CAAeN,oBAAf,IAAuCK,KAAK,GAAG,OAAH,GAAa,MAAzD;EACA,OAAO,uEAASC,KAAT;IAAgB,GAAG,EAAEF;EAArB,GAAP;AACD,CAN+B,CAAzB"}

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

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { VKUITouchEvent } from "../../lib/touch";
+import { HasComponent, HasRootRef } from "../../types";
+export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    /**
+     * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах
+     */
+    usePointerHover?: boolean;
+    useCapture?: boolean;
+    slideThreshold?: number;
+    noSlideClick?: boolean;
+    onEnter?: HoverHandler;
+    onLeave?: HoverHandler;
+    onStart?: TouchEventHandler;
+    onStartX?: TouchEventHandler;
+    onStartY?: TouchEventHandler;
+    onMove?: TouchEventHandler;
+    onMoveX?: TouchEventHandler;
+    onMoveY?: TouchEventHandler;
+    onEnd?: TouchEventHandler;
+    onEndX?: TouchEventHandler;
+    onEndY?: TouchEventHandler;
+    stopPropagation?: boolean;
+}
+export interface Gesture {
+    startX: number;
+    startY: number;
+    startT: Date;
+    duration: number;
+    isPressed: boolean;
+    isY: boolean;
+    isX: boolean;
+    isSlideX: boolean;
+    isSlideY: boolean;
+    isSlide: boolean;
+    shiftX: number;
+    shiftY: number;
+    shiftXAbs: number;
+    shiftYAbs: number;
+}
+export interface TouchEvent extends Gesture {
+    originalEvent: VKUITouchEvent;
+}
+declare type HoverHandler = (outputEvent: MouseEvent) => void;
+export declare type TouchEventHandler = (e: TouchEvent) => void;
+export declare type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;
+export declare type DragHandler = (e: React.DragEvent<HTMLElement>) => void;
+/**
+ * @see https://vkcom.github.io/VKUI/#/Touch
+ */
+export declare const Touch: ({ onStart, onStartX, onStartY, onMove: _onMove, onMoveX, onMoveY, onLeave, onEnter, onEnd: _onEnd, onEndX, onEndY, onClickCapture, usePointerHover, slideThreshold, useCapture, Component, getRootRef, noSlideClick, stopPropagation, ...restProps }: TouchProps) => JSX.Element;
+export {};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"names":["Touch","onStart","onStartX","onStartY","_onMove","onMove","onMoveX","onMoveY","onLeave","onEnter","_onEnd","onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","events","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","leaveHandler","startHandler","initGesture","subscribe","target","capture","passive","containerRef","el","add","isPressed","isX","isY","startX","startY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","closest"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  getSupportedEvents,\n  coordX,\n  coordY,\n  touchEnabled,\n  VKUITouchEvent,\n} from \"../../lib/touch\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface TouchProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n   */\n  usePointerHover?: boolean;\n  useCapture?: boolean;\n  slideThreshold?: number;\n  noSlideClick?: boolean;\n  onEnter?: HoverHandler;\n  onLeave?: HoverHandler;\n  onStart?: TouchEventHandler;\n  onStartX?: TouchEventHandler;\n  onStartY?: TouchEventHandler;\n  onMove?: TouchEventHandler;\n  onMoveX?: TouchEventHandler;\n  onMoveY?: TouchEventHandler;\n  onEnd?: TouchEventHandler;\n  onEndX?: TouchEventHandler;\n  onEndY?: TouchEventHandler;\n  stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n  startX: number;\n  startY: number;\n  startT: Date;\n  duration: number;\n  isPressed: boolean;\n  isY: boolean;\n  isX: boolean;\n  isSlideX: boolean;\n  isSlideY: boolean;\n  isSlide: boolean;\n  shiftX: number;\n  shiftY: number;\n  shiftXAbs: number;\n  shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n  originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Touch\n */\nexport const Touch = ({\n  onStart,\n  onStartX,\n  onStartY,\n  onMove: _onMove,\n  onMoveX,\n  onMoveY,\n  onLeave,\n  onEnter,\n  onEnd: _onEnd,\n  onEndX,\n  onEndY,\n  onClickCapture,\n  usePointerHover,\n  slideThreshold = 5,\n  useCapture = false,\n  Component = \"div\",\n  getRootRef,\n  noSlideClick = false,\n  stopPropagation = false,\n  ...restProps\n}: TouchProps) => {\n  const { document } = useDOM();\n  const events = React.useMemo(getSupportedEvents, []);\n  const didSlide = React.useRef(false);\n  const gesture = React.useRef<Partial<Gesture> | null>(null);\n  const handle = (\n    e: VKUITouchEvent,\n    handlers: Array<TouchEventHandler | undefined | false>\n  ) => {\n    stopPropagation && e.stopPropagation();\n    handlers.forEach((cb) => {\n      const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n      cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n    });\n  };\n\n  const enterHandler = useEventListener(\n    usePointerHover ? \"pointerenter\" : \"mouseenter\",\n    onEnter\n  );\n  const leaveHandler = useEventListener(\n    usePointerHover ? \"pointerleave\" : \"mouseleave\",\n    onLeave\n  );\n  const startHandler = useEventListener(\n    events[0],\n    (e: VKUITouchEvent) => {\n      gesture.current = initGesture(coordX(e), coordY(e));\n\n      handle(e, [onStart, onStartX, onStartY]);\n      // 1 line, 2 bad specs, 2 workarounds:\n      subscribe(\n        touchEnabled()\n          ? // Touch events fire on initial target, and won't bubble if its removed\n            // see: #235, #1968, https://stackoverflow.com/a/45760014\n            (e.target as HTMLElement)\n          : // Mouse events fire on the element under pointer, so we lose move / end\n            // if pointer goes outside container.\n            // Can be fixed by PointerEvents' setPointerCapture later\n            document\n      );\n    },\n    { capture: useCapture, passive: false }\n  );\n  const containerRef = useExternRef(getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = containerRef.current;\n    if (el) {\n      enterHandler.add(el);\n      leaveHandler.add(el);\n      startHandler.add(el);\n    }\n  }, [Component]);\n\n  function onMove(e: VKUITouchEvent) {\n    const {\n      isPressed,\n      isX,\n      isY,\n      startX = 0,\n      startY = 0,\n    } = gesture.current ?? {};\n\n    if (isPressed) {\n      // смещения\n      const shiftX = coordX(e) - startX;\n      const shiftY = coordY(e) - startY;\n\n      // абсолютные значения смещений\n      const shiftXAbs = Math.abs(shiftX);\n      const shiftYAbs = Math.abs(shiftY);\n\n      // Если определяем мультитач, то прерываем жест\n      if (!!e.touches && e.touches.length > 1) {\n        return onEnd(e);\n      }\n\n      // если мы ещё не определились\n      if (!isX && !isY) {\n        const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n        const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n        const willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);\n        const willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);\n\n        Object.assign(gesture.current, {\n          isY: willBeY,\n          isX: willBeX,\n          isSlideX: willBeSlidedX,\n          isSlideY: willBeSlidedY,\n          isSlide: willBeSlidedX || willBeSlidedY,\n        });\n      }\n\n      if (gesture.current?.isSlide) {\n        Object.assign(gesture.current, {\n          shiftX,\n          shiftY,\n          shiftXAbs,\n          shiftYAbs,\n        });\n\n        handle(e, [\n          _onMove,\n          gesture.current.isSlideX && onMoveX,\n          gesture.current.isSlideY && onMoveY,\n        ]);\n      }\n    }\n  }\n\n  function onEnd(e: VKUITouchEvent) {\n    const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n    if (isPressed) {\n      handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n    }\n\n    didSlide.current = Boolean(isSlide);\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (touchEnabled()) {\n      onLeave && onLeave(e);\n    }\n    unsubscribe();\n  }\n\n  const listenerParams = { capture: useCapture, passive: false };\n  const listeners = [\n    useEventListener(events[1], onMove, listenerParams),\n    useEventListener(events[2], onEnd, listenerParams),\n    useEventListener(events[3], onEnd, listenerParams),\n  ];\n  function subscribe(el: HTMLElement | Document | null | undefined) {\n    if (el) {\n      listeners.forEach((l) => l.add(el));\n    }\n  }\n  function unsubscribe() {\n    listeners.forEach((l) => l.remove());\n  }\n\n  /**\n   * Обработчик событий dragstart\n   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n   */\n  const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.tagName === \"A\" || target.tagName === \"IMG\") {\n      e.preventDefault();\n    }\n  };\n\n  /**\n   * Обработчик клика по компоненту\n   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n   */\n  const postGestureClick: typeof onClickCapture = (e) => {\n    if (!didSlide.current) {\n      return onClickCapture && onClickCapture(e);\n    }\n    // eslint-disable-next-line no-restricted-properties\n    if ((e.target as HTMLElement).closest(\"a\")) {\n      e.preventDefault();\n    }\n    if (noSlideClick) {\n      e.stopPropagation();\n    } else {\n      onClickCapture && onClickCapture(e);\n    }\n    didSlide.current = false;\n  };\n\n  return (\n    <Component\n      {...restProps}\n      onDragStart={onDragStart}\n      onClickCapture={postGestureClick}\n      ref={containerRef}\n    />\n  );\n};\n\nfunction initGesture(startX: number, startY: number): Gesture {\n  return {\n    startX,\n    startY,\n    startT: new Date(),\n    duration: 0,\n    isPressed: true,\n    isY: false,\n    isX: false,\n    isSlideX: false,\n    isSlideY: false,\n    isSlide: false,\n    shiftX: 0,\n    shiftY: 0,\n    shiftXAbs: 0,\n    shiftYAbs: 0,\n  };\n}\n"],"file":"Touch.js"}
+{"version":3,"file":"Touch.js","names":["Touch","onStart","onStartX","onStartY","_onMove","onMove","onMoveX","onMoveY","onLeave","onEnter","_onEnd","onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","useDOM","document","events","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","useEventListener","leaveHandler","startHandler","initGesture","coordX","coordY","subscribe","touchEnabled","target","capture","passive","containerRef","useExternRef","useIsomorphicLayoutEffect","el","add","isPressed","isX","isY","startX","startY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","closest"],"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  getSupportedEvents,\n  coordX,\n  coordY,\n  touchEnabled,\n  VKUITouchEvent,\n} from \"../../lib/touch\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface TouchProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n   */\n  usePointerHover?: boolean;\n  useCapture?: boolean;\n  slideThreshold?: number;\n  noSlideClick?: boolean;\n  onEnter?: HoverHandler;\n  onLeave?: HoverHandler;\n  onStart?: TouchEventHandler;\n  onStartX?: TouchEventHandler;\n  onStartY?: TouchEventHandler;\n  onMove?: TouchEventHandler;\n  onMoveX?: TouchEventHandler;\n  onMoveY?: TouchEventHandler;\n  onEnd?: TouchEventHandler;\n  onEndX?: TouchEventHandler;\n  onEndY?: TouchEventHandler;\n  stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n  startX: number;\n  startY: number;\n  startT: Date;\n  duration: number;\n  isPressed: boolean;\n  isY: boolean;\n  isX: boolean;\n  isSlideX: boolean;\n  isSlideY: boolean;\n  isSlide: boolean;\n  shiftX: number;\n  shiftY: number;\n  shiftXAbs: number;\n  shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n  originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Touch\n */\nexport const Touch = ({\n  onStart,\n  onStartX,\n  onStartY,\n  onMove: _onMove,\n  onMoveX,\n  onMoveY,\n  onLeave,\n  onEnter,\n  onEnd: _onEnd,\n  onEndX,\n  onEndY,\n  onClickCapture,\n  usePointerHover,\n  slideThreshold = 5,\n  useCapture = false,\n  Component = \"div\",\n  getRootRef,\n  noSlideClick = false,\n  stopPropagation = false,\n  ...restProps\n}: TouchProps) => {\n  const { document } = useDOM();\n  const events = React.useMemo(getSupportedEvents, []);\n  const didSlide = React.useRef(false);\n  const gesture = React.useRef<Partial<Gesture> | null>(null);\n  const handle = (\n    e: VKUITouchEvent,\n    handlers: Array<TouchEventHandler | undefined | false>\n  ) => {\n    stopPropagation && e.stopPropagation();\n    handlers.forEach((cb) => {\n      const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n      cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n    });\n  };\n\n  const enterHandler = useEventListener(\n    usePointerHover ? \"pointerenter\" : \"mouseenter\",\n    onEnter\n  );\n  const leaveHandler = useEventListener(\n    usePointerHover ? \"pointerleave\" : \"mouseleave\",\n    onLeave\n  );\n  const startHandler = useEventListener(\n    events[0],\n    (e: VKUITouchEvent) => {\n      gesture.current = initGesture(coordX(e), coordY(e));\n\n      handle(e, [onStart, onStartX, onStartY]);\n      // 1 line, 2 bad specs, 2 workarounds:\n      subscribe(\n        touchEnabled()\n          ? // Touch events fire on initial target, and won't bubble if its removed\n            // see: #235, #1968, https://stackoverflow.com/a/45760014\n            (e.target as HTMLElement)\n          : // Mouse events fire on the element under pointer, so we lose move / end\n            // if pointer goes outside container.\n            // Can be fixed by PointerEvents' setPointerCapture later\n            document\n      );\n    },\n    { capture: useCapture, passive: false }\n  );\n  const containerRef = useExternRef(getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = containerRef.current;\n    if (el) {\n      enterHandler.add(el);\n      leaveHandler.add(el);\n      startHandler.add(el);\n    }\n  }, [Component]);\n\n  function onMove(e: VKUITouchEvent) {\n    const {\n      isPressed,\n      isX,\n      isY,\n      startX = 0,\n      startY = 0,\n    } = gesture.current ?? {};\n\n    if (isPressed) {\n      // смещения\n      const shiftX = coordX(e) - startX;\n      const shiftY = coordY(e) - startY;\n\n      // абсолютные значения смещений\n      const shiftXAbs = Math.abs(shiftX);\n      const shiftYAbs = Math.abs(shiftY);\n\n      // Если определяем мультитач, то прерываем жест\n      if (!!e.touches && e.touches.length > 1) {\n        return onEnd(e);\n      }\n\n      // если мы ещё не определились\n      if (!isX && !isY) {\n        const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n        const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n        const willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);\n        const willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);\n\n        Object.assign(gesture.current, {\n          isY: willBeY,\n          isX: willBeX,\n          isSlideX: willBeSlidedX,\n          isSlideY: willBeSlidedY,\n          isSlide: willBeSlidedX || willBeSlidedY,\n        });\n      }\n\n      if (gesture.current?.isSlide) {\n        Object.assign(gesture.current, {\n          shiftX,\n          shiftY,\n          shiftXAbs,\n          shiftYAbs,\n        });\n\n        handle(e, [\n          _onMove,\n          gesture.current.isSlideX && onMoveX,\n          gesture.current.isSlideY && onMoveY,\n        ]);\n      }\n    }\n  }\n\n  function onEnd(e: VKUITouchEvent) {\n    const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n    if (isPressed) {\n      handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n    }\n\n    didSlide.current = Boolean(isSlide);\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (touchEnabled()) {\n      onLeave && onLeave(e);\n    }\n    unsubscribe();\n  }\n\n  const listenerParams = { capture: useCapture, passive: false };\n  const listeners = [\n    useEventListener(events[1], onMove, listenerParams),\n    useEventListener(events[2], onEnd, listenerParams),\n    useEventListener(events[3], onEnd, listenerParams),\n  ];\n  function subscribe(el: HTMLElement | Document | null | undefined) {\n    if (el) {\n      listeners.forEach((l) => l.add(el));\n    }\n  }\n  function unsubscribe() {\n    listeners.forEach((l) => l.remove());\n  }\n\n  /**\n   * Обработчик событий dragstart\n   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n   */\n  const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.tagName === \"A\" || target.tagName === \"IMG\") {\n      e.preventDefault();\n    }\n  };\n\n  /**\n   * Обработчик клика по компоненту\n   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n   */\n  const postGestureClick: typeof onClickCapture = (e) => {\n    if (!didSlide.current) {\n      return onClickCapture && onClickCapture(e);\n    }\n    // eslint-disable-next-line no-restricted-properties\n    if ((e.target as HTMLElement).closest(\"a\")) {\n      e.preventDefault();\n    }\n    if (noSlideClick) {\n      e.stopPropagation();\n    } else {\n      onClickCapture && onClickCapture(e);\n    }\n    didSlide.current = false;\n  };\n\n  return (\n    <Component\n      {...restProps}\n      onDragStart={onDragStart}\n      onClickCapture={postGestureClick}\n      ref={containerRef}\n    />\n  );\n};\n\nfunction initGesture(startX: number, startY: number): Gesture {\n  return {\n    startX,\n    startY,\n    startT: new Date(),\n    duration: 0,\n    isPressed: true,\n    isY: false,\n    isX: false,\n    isSlideX: false,\n    isSlideY: false,\n    isSlide: false,\n    shiftX: 0,\n    shiftY: 0,\n    shiftXAbs: 0,\n    shiftYAbs: 0,\n  };\n}\n"],"mappings":"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"}

package/dist/cjs/components/Touch/TouchContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+/**
+ * Контекст для компонентов, использующих Touch в качестве корневой обёртки,
+ * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов
+ */
+declare const TouchRootContext: React.Context<boolean>;
+export default TouchRootContext;

package/dist/cjs/components/Touch/TouchContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Touch/TouchContext.ts"],"names":["TouchRootContext","React","createContext"],"mappings":";;;;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACA,IAAMA,gBAAwC,gBAC5CC,KAAK,CAACC,aAAN,CAA6B,KAA7B,CADF,C,CAGA;;eACeF,gB","sourcesContent":["import * as React from \"react\";\n\n/**\n * Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> =\n  React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"file":"TouchContext.js"}
+{"version":3,"file":"TouchContext.js","names":["TouchRootContext","React","createContext"],"sources":["../../../../src/components/Touch/TouchContext.ts"],"sourcesContent":["import * as React from \"react\";\n\n/**\n * Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> =\n  React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"mappings":";;;;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACA,IAAMA,gBAAwC,gBAC5CC,KAAK,CAACC,aAAN,CAA6B,KAA7B,CADF,C,CAGA;;eACeF,gB"}

package/dist/cjs/components/Typography/Caption/Caption.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Caption.css";
+export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"bold"`, `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
+     */
+    weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
+    level?: "1" | "2" | "3" | "4";
+    caps?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Caption
+ */
+export declare const Caption: ({ children, weight, level, caps, Component, ...restProps }: CaptionProps) => JSX.Element;