@vkontakte/vkui 4.15.0 → 4.16.2

package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js

@@ -0,0 +1,98 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "style", "getRootRef", "getRef", "indeterminate", "defaultIndeterminate", "onChange"];
+import { createScopedElement } from "../../lib/jsxRuntime";
+import * as React from 'react';
+import Tappable, { ACTIVE_EFFECT_DELAY } from "../Tappable/Tappable";
+import { getClassName } from "../../helpers/getClassName";
+import { classNames } from "../../lib/classNames";
+import { IOS, VKCOM } from "../../lib/platform";
+import { Icon20CheckBoxOn, Icon20CheckBoxOff, Icon24CheckBoxOn, Icon24CheckBoxOff, Icon20CheckBoxIndetermanate } from '@vkontakte/icons';
+import { usePlatform } from "../../hooks/usePlatform";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { useExternRef } from "../../hooks/useExternRef";
+import { SizeType } from "../../hoc/withAdaptivity";
+import { warnOnce } from "../../lib/warnOnce";
+import "./SimpleCheckbox.css";
+var warn = warnOnce('SimpleCheckbox');
+var IS_DEV = process.env.NODE_ENV === 'development';
+export var SimpleCheckbox = function SimpleCheckbox(props) {
+  var className = props.className,
+      style = props.style,
+      getRootRef = props.getRootRef,
+      getRef = props.getRef,
+      indeterminate = props.indeterminate,
+      defaultIndeterminate = props.defaultIndeterminate,
+      onChange = props.onChange,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
+
+  var platform = usePlatform();
+  var inputRef = useExternRef(getRef);
+  React.useEffect(function () {
+    var indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;
+
+    if (inputRef.current) {
+      inputRef.current.indeterminate = indeterminateValue;
+    }
+  }, [indeterminate]);
+  var handleChange = React.useCallback(function (event) {
+    if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined) {
+      inputRef.current.indeterminate = false;
+    }
+
+    if (indeterminate !== undefined) {
+      inputRef.current.indeterminate = indeterminate;
+    }
+
+    onChange && onChange(event);
+  }, [onChange, indeterminate, restProps.checked]);
+
+  if (IS_DEV) {
+    if (defaultIndeterminate && restProps.defaultChecked) {
+      warn('defaultIndeterminate and defaultChecked cannot be true at the same time');
+    }
+
+    if (indeterminate && restProps.checked) {
+      warn('indeterminate and checked cannot be true at the same time');
+    }
+  }
+
+  return createScopedElement(Tappable, {
+    Component: "label",
+    vkuiClass: classNames(getClassName('SimpleCheckbox', platform), "SimpleCheckbox--sizeY-".concat(sizeY)),
+    className: className,
+    style: style,
+    disabled: restProps.disabled,
+    activeMode: platform === VKCOM ? 'SimpleCheckbox--active' : 'background',
+    hoverMode: platform === VKCOM ? 'SimpleCheckbox--hover' : 'background',
+    activeEffectDelay: platform === IOS ? 100 : ACTIVE_EFFECT_DELAY,
+    getRootRef: getRootRef
+  }, createScopedElement("input", _extends({}, restProps, {
+    onChange: handleChange,
+    type: "checkbox",
+    vkuiClass: "SimpleCheckbox__input",
+    ref: inputRef
+  })), createScopedElement("div", {
+    vkuiClass: "SimpleCheckbox__container"
+  }, createScopedElement("div", {
+    vkuiClass: "SimpleCheckbox__icon SimpleCheckbox__icon--on"
+  }, sizeY === SizeType.COMPACT || platform === VKCOM ? createScopedElement(Icon20CheckBoxOn, null) : createScopedElement(Icon24CheckBoxOn, null)), createScopedElement("div", {
+    vkuiClass: "SimpleCheckbox__icon SimpleCheckbox__icon--off"
+  }, sizeY === SizeType.COMPACT || platform === VKCOM ? createScopedElement(Icon20CheckBoxOff, null) : createScopedElement(Icon24CheckBoxOff, null)), createScopedElement("div", {
+    vkuiClass: "SimpleCheckbox__icon SimpleCheckbox__icon--indeterminate"
+  }, createScopedElement(Icon20CheckBoxIndetermanate, {
+    width: sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24,
+    height: sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24
+  }))), platform === VKCOM && createScopedElement("div", {
+    "aria-hidden": true,
+    vkuiClass: "SimpleCheckbox__activeShadow"
+  }), platform === VKCOM && createScopedElement("div", {
+    "aria-hidden": true,
+    vkuiClass: "SimpleCheckbox__hoverShadow"
+  }));
+};
+export default SimpleCheckbox;
+//# sourceMappingURL=SimpleCheckbox.js.map

package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SimpleCheckbox/SimpleCheckbox.tsx"],"names":["React","Tappable","ACTIVE_EFFECT_DELAY","getClassName","classNames","IOS","VKCOM","Icon20CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOn","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","usePlatform","useAdaptivity","useExternRef","SizeType","warnOnce","warn","IS_DEV","process","env","NODE_ENV","SimpleCheckbox","props","className","style","getRootRef","getRef","indeterminate","defaultIndeterminate","onChange","restProps","sizeY","platform","inputRef","useEffect","indeterminateValue","undefined","current","handleChange","useCallback","event","checked","defaultChecked","disabled","COMPACT"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,IAAmBC,mBAAnB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,GAAT,EAAcC,KAAd;AAEA,SAASC,gBAAT,EAA2BC,iBAA3B,EAA8CC,gBAA9C,EAAgEC,iBAAhE,EAAmFC,2BAAnF,QAAsH,kBAAtH;AAGA,SAASC,WAAT;AACA,SAASC,aAAT;AACA,SAASC,YAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AAEA;AAEA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,gBAAD,CAArB;AACA,IAAME,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAUA,OAAO,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,CAACC,KAAD,EAAgC;AAC3F,MAAQC,SAAR,GAA8GD,KAA9G,CAAQC,SAAR;AAAA,MAAmBC,KAAnB,GAA8GF,KAA9G,CAAmBE,KAAnB;AAAA,MAA0BC,UAA1B,GAA8GH,KAA9G,CAA0BG,UAA1B;AAAA,MAAsCC,MAAtC,GAA8GJ,KAA9G,CAAsCI,MAAtC;AAAA,MAA8CC,aAA9C,GAA8GL,KAA9G,CAA8CK,aAA9C;AAAA,MAA6DC,oBAA7D,GAA8GN,KAA9G,CAA6DM,oBAA7D;AAAA,MAAmFC,QAAnF,GAA8GP,KAA9G,CAAmFO,QAAnF;AAAA,MAAgGC,SAAhG,4BAA8GR,KAA9G;;AACA,uBAAkBV,aAAa,EAA/B;AAAA,MAAQmB,KAAR,kBAAQA,KAAR;;AACA,MAAMC,QAAQ,GAAGrB,WAAW,EAA5B;AACA,MAAMsB,QAAQ,GAAGpB,YAAY,CAACa,MAAD,CAA7B;AAEA3B,EAAAA,KAAK,CAACmC,SAAN,CAAgB,YAAM;AACpB,QAAMC,kBAAkB,GAAGR,aAAa,KAAKS,SAAlB,GAA8BR,oBAA9B,GAAqDD,aAAhF;;AAEA,QAAIM,QAAQ,CAACI,OAAb,EAAsB;AACpBJ,MAAAA,QAAQ,CAACI,OAAT,CAAiBV,aAAjB,GAAiCQ,kBAAjC;AACD;AACF,GAND,EAMG,CAACR,aAAD,CANH;AAQA,MAAMW,YAA6C,GAAGvC,KAAK,CAACwC,WAAN,CAAkB,UAACC,KAAD,EAAW;AACjF,QAAIZ,oBAAoB,KAAKQ,SAAzB,IAAsCT,aAAa,KAAKS,SAAxD,IAAqEN,SAAS,CAACW,OAAV,KAAsBL,SAA/F,EAA0G;AACxGH,MAAAA,QAAQ,CAACI,OAAT,CAAiBV,aAAjB,GAAiC,KAAjC;AACD;;AACD,QAAIA,aAAa,KAAKS,SAAtB,EAAiC;AAC/BH,MAAAA,QAAQ,CAACI,OAAT,CAAiBV,aAAjB,GAAiCA,aAAjC;AACD;;AACDE,IAAAA,QAAQ,IAAIA,QAAQ,CAACW,KAAD,CAApB;AACD,GARqD,EAQnD,CAACX,QAAD,EAAWF,aAAX,EAA0BG,SAAS,CAACW,OAApC,CARmD,CAAtD;;AAUA,MAAIxB,MAAJ,EAAY;AACV,QAAIW,oBAAoB,IAAIE,SAAS,CAACY,cAAtC,EAAsD;AACpD1B,MAAAA,IAAI,CAAC,yEAAD,CAAJ;AACD;;AAED,QAAIW,aAAa,IAAIG,SAAS,CAACW,OAA/B,EAAwC;AACtCzB,MAAAA,IAAI,CAAC,2DAAD,CAAJ;AACD;AACF;;AAED,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,SAAS,EAAEb,UAAU,CACnBD,YAAY,CAAC,gBAAD,EAAmB8B,QAAnB,CADO,kCAEMD,KAFN,EAFvB;AAME,IAAA,SAAS,EAAER,SANb;AAOE,IAAA,KAAK,EAAEC,KAPT;AAQE,IAAA,QAAQ,EAAEM,SAAS,CAACa,QARtB;AASE,IAAA,UAAU,EAAEX,QAAQ,KAAK3B,KAAb,GAAqB,wBAArB,GAAgD,YAT9D;AAUE,IAAA,SAAS,EAAE2B,QAAQ,KAAK3B,KAAb,GAAqB,uBAArB,GAA+C,YAV5D;AAWE,IAAA,iBAAiB,EAAE2B,QAAQ,KAAK5B,GAAb,GAAmB,GAAnB,GAAyBH,mBAX9C;AAYE,IAAA,UAAU,EAAEwB;AAZd,KAcE,0CAAWK,SAAX;AAAsB,IAAA,QAAQ,EAAEQ,YAAhC;AAA8C,IAAA,IAAI,EAAC,UAAnD;AAA8D,IAAA,SAAS,EAAC,uBAAxE;AAAgG,IAAA,GAAG,EAAEL;AAArG,KAdF,EAeE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,KAAK,KAAKjB,QAAQ,CAAC8B,OAAnB,IAA8BZ,QAAQ,KAAK3B,KAA3C,GACG,oBAAC,gBAAD,OADH,GAEG,oBAAC,gBAAD,OAHN,CADF,EAOE;AAAK,IAAA,SAAS,EAAC;AAAf,KACG0B,KAAK,KAAKjB,QAAQ,CAAC8B,OAAnB,IAA8BZ,QAAQ,KAAK3B,KAA3C,GACG,oBAAC,iBAAD,OADH,GAEG,oBAAC,iBAAD,OAHN,CAPF,EAaE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,2BAAD;AACE,IAAA,KAAK,EAAE0B,KAAK,KAAKjB,QAAQ,CAAC8B,OAAnB,IAA8BZ,QAAQ,KAAK3B,KAA3C,GAAmD,EAAnD,GAAwD,EADjE;AAEE,IAAA,MAAM,EAAE0B,KAAK,KAAKjB,QAAQ,CAAC8B,OAAnB,IAA8BZ,QAAQ,KAAK3B,KAA3C,GAAmD,EAAnD,GAAwD;AAFlE,IADF,CAbF,CAfF,EAmCG2B,QAAQ,KAAK3B,KAAb,IAAsB;AAAK,mBAAa,IAAlB;AAAwB,IAAA,SAAS,EAAC;AAAlC,IAnCzB,EAoCG2B,QAAQ,KAAK3B,KAAb,IAAsB;AAAK,mBAAa,IAAlB;AAAwB,IAAA,SAAS,EAAC;AAAlC,IApCzB,CADF;AAwCD,CA1EM;AA4EP,eAAegB,cAAf","sourcesContent":["import * as React from 'react';\nimport Tappable, { ACTIVE_EFFECT_DELAY } from '../Tappable/Tappable';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { IOS, VKCOM } from '../../lib/platform';\n\nimport { Icon20CheckBoxOn, Icon20CheckBoxOff, Icon24CheckBoxOn, Icon24CheckBoxOff, Icon20CheckBoxIndetermanate } from '@vkontakte/icons';\n\nimport { HasRef, HasRootRef } from '../../types';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../hoc/withAdaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\n\nimport './SimpleCheckbox.css';\n\nconst warn = warnOnce('SimpleCheckbox');\nconst IS_DEV = process.env.NODE_ENV === 'development';\n\nexport interface SimpleCheckboxProps extends\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HasRootRef<HTMLLabelElement>,\n  HasRef<HTMLInputElement> {\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n}\n\nexport const SimpleCheckbox: React.FC<SimpleCheckboxProps> = (props: SimpleCheckboxProps) => {\n  const { className, style, getRootRef, getRef, indeterminate, defaultIndeterminate, onChange, ...restProps } = props;\n  const { sizeY } = useAdaptivity();\n  const platform = usePlatform();\n  const inputRef = useExternRef(getRef);\n\n  React.useEffect(() => {\n    const indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminateValue;\n    }\n  }, [indeterminate]);\n\n  const handleChange: SimpleCheckboxProps['onChange'] = React.useCallback((event) => {\n    if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined) {\n      inputRef.current.indeterminate = false;\n    }\n    if (indeterminate !== undefined) {\n      inputRef.current.indeterminate = indeterminate;\n    }\n    onChange && onChange(event);\n  }, [onChange, indeterminate, restProps.checked]);\n\n  if (IS_DEV) {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn('defaultIndeterminate and defaultChecked cannot be true at the same time');\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn('indeterminate and checked cannot be true at the same time');\n    }\n  }\n\n  return (\n    <Tappable\n      Component=\"label\"\n      vkuiClass={classNames(\n        getClassName('SimpleCheckbox', platform),\n        `SimpleCheckbox--sizeY-${sizeY}`,\n      )}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      activeMode={platform === VKCOM ? 'SimpleCheckbox--active' : 'background'}\n      hoverMode={platform === VKCOM ? 'SimpleCheckbox--hover' : 'background'}\n      activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      getRootRef={getRootRef}\n    >\n      <input {...restProps} onChange={handleChange} type=\"checkbox\" vkuiClass=\"SimpleCheckbox__input\" ref={inputRef} />\n      <div vkuiClass=\"SimpleCheckbox__container\">\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--on\">\n          {sizeY === SizeType.COMPACT || platform === VKCOM\n            ? <Icon20CheckBoxOn />\n            : <Icon24CheckBoxOn />\n          }\n        </div>\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--off\">\n          {sizeY === SizeType.COMPACT || platform === VKCOM\n            ? <Icon20CheckBoxOff />\n            : <Icon24CheckBoxOff />\n          }\n        </div>\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--indeterminate\">\n          <Icon20CheckBoxIndetermanate\n            width={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n            height={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n          />\n        </div>\n      </div>\n      {platform === VKCOM && <div aria-hidden={true} vkuiClass=\"SimpleCheckbox__activeShadow\" />}\n      {platform === VKCOM && <div aria-hidden={true} vkuiClass=\"SimpleCheckbox__hoverShadow\" />}\n    </Tappable>\n  );\n};\n\nexport default SimpleCheckbox;\n"],"file":"SimpleCheckbox.js"}

package/dist/cssm/components/Snackbar/Snackbar.js

@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "layout", "action", "before", "after", "viewWidth", "duration", "onActionClick", "onClose"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from 'react';
-import Touch from "../Touch/Touch";
+import { Touch } from "../Touch/Touch";
 import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
 import { ANDROID, VKCOM } from "../../lib/platform";

package/dist/cssm/components/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":["React","Touch","classNames","getClassName","ANDROID","VKCOM","rubber","withAdaptivity","ViewWidth","Text","Button","AppRootPortal","useWaitTransitionFinish","usePlatform","useTimeout","SnackbarComponent","props","children","layout","action","before","after","viewWidth","duration","onActionClick","onClose","restProps","platform","waitTransitionFinish","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","touchStartTimeRef","bodyElRef","innerElRef","animationFrameRef","isDesktop","SMALL_TABLET","transitionFinishDurationFallback","close","current","handleActionClick","e","closeTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","startT","originalEvent","preventDefault","offsetWidth","onTouchEnd","callback","shiftXCurrent","expectTranslateY","Date","now","getTime","set","useEffect","resolvedLayout","displayName","defaultProps","Snackbar"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Touch, { TouchEvent } from '../Touch/Touch';\nimport { classNames } from '../../lib/classNames';\nimport { HasPlatform } from '../../types';\nimport { getClassName } from '../../helpers/getClassName';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { rubber } from '../../lib/touch';\nimport { withAdaptivity, AdaptivityProps, ViewWidth } from '../../hoc/withAdaptivity';\nimport Text from '../Typography/Text/Text';\nimport Button from '../Button/Button';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport './Snackbar.css';\n\nexport interface SnackbarProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, AdaptivityProps {\n  /**\n   * Название кнопки действия в уведомлении\n   */\n  action?: string | React.ComponentType;\n\n  /**\n   * Будет вызвано при клике на кнопку действия\n   */\n  onActionClick?: (e: React.MouseEvent) => void;\n\n  /**\n   * Цветная иконка 24x24 пикселя\n   */\n  before?: React.ReactNode;\n  /**\n   * Контент в правой части, может быть `<Avatar size={32} />`\n   */\n  after?: React.ReactNode;\n  /**\n   * Варианты расположения кнопки\n   */\n  layout?: 'vertical' | 'horizontal';\n  /**\n   * Время в миллисекундах, через которое плашка скроется\n   */\n  duration?: number;\n  /**\n   * Обработчик закрытия уведомления\n   */\n  onClose: () => void;\n}\n\nconst SnackbarComponent: React.FC<SnackbarProps> = (props: SnackbarProps) => {\n  const {\n    children,\n    layout,\n    action,\n    before,\n    after,\n    viewWidth,\n    duration,\n    onActionClick,\n    onClose,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n\n  const [closing, setClosing] = React.useState(false);\n  const [touched, setTouched] = React.useState(false);\n\n  const shiftXPercentRef = React.useRef<number>(0);\n  const shiftXCurrentRef = React.useRef<number>(0);\n  const touchStartTimeRef = React.useRef<Date | null>(null);\n\n  const bodyElRef = React.useRef<HTMLDivElement | null>(null);\n  const innerElRef = React.useRef<HTMLDivElement | null>(null);\n\n  const animationFrameRef = React.useRef<ReturnType<typeof requestAnimationFrame> | null>(null);\n\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const transitionFinishDurationFallback = platform === ANDROID || platform === VKCOM ? 400 : 320;\n\n  const close = () => {\n    setClosing(true);\n    waitTransitionFinish(innerElRef.current, () => {\n      onClose();\n    }, transitionFinishDurationFallback);\n  };\n\n  const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n    close();\n\n    if (action && typeof onActionClick === 'function') {\n      onActionClick(e);\n    }\n  };\n\n  const closeTimeout = useTimeout(close, duration);\n\n  const setBodyTransform = (percent: number) => {\n    cancelAnimationFrame(animationFrameRef.current);\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (bodyElRef.current) {\n        bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n      }\n    });\n  };\n\n  const onTouchStart = closeTimeout.clear;\n\n  const onTouchMoveX = (event: TouchEvent) => {\n    const { shiftX, startT, originalEvent } = event;\n    originalEvent.preventDefault();\n\n    if (!touched) {\n      setTouched(true);\n    }\n\n    shiftXPercentRef.current = shiftX / bodyElRef.current.offsetWidth * 100;\n    shiftXCurrentRef.current = rubber(shiftXPercentRef.current, 72, 1.2, platform === ANDROID || platform === VKCOM);\n    touchStartTimeRef.current = startT;\n\n    setBodyTransform(shiftXCurrentRef.current);\n  };\n\n  const onTouchEnd = () => {\n    let callback: VoidFunction | undefined;\n\n    if (touched) {\n      let shiftXCurrent = shiftXCurrentRef.current;\n      const expectTranslateY = shiftXCurrent / (Date.now() - touchStartTimeRef.current.getTime()) * 240 * 0.6;\n      shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n      if (isDesktop && shiftXCurrent <= -50) {\n        closeTimeout.clear();\n        waitTransitionFinish(bodyElRef.current, () => {\n          onClose();\n        }, transitionFinishDurationFallback);\n        setBodyTransform(-120);\n      } else if (!isDesktop && shiftXCurrent >= 50) {\n        closeTimeout.clear();\n        waitTransitionFinish(bodyElRef.current, () => {\n          onClose();\n        }, transitionFinishDurationFallback);\n        setBodyTransform(120);\n      } else {\n        callback = () => {\n          closeTimeout.set();\n          setBodyTransform(0);\n        };\n      }\n    } else {\n      closeTimeout.set();\n    }\n\n    setTouched(false);\n    callback && requestAnimationFrame(callback);\n  };\n\n  React.useEffect(closeTimeout.set, []);\n\n  const resolvedLayout = after || isDesktop ? 'vertical' : layout;\n\n  return (\n    <AppRootPortal>\n      <div\n        {...restProps}\n        vkuiClass={classNames(getClassName('Snackbar', platform), `Snackbar--l-${resolvedLayout}`, {\n          'Snackbar--closing': closing,\n          'Snackbar--touched': touched,\n          'Snackbar--desktop': isDesktop,\n        })}\n      >\n        <Touch\n          vkuiClass=\"Snackbar__in\"\n          getRootRef={innerElRef}\n          onStart={onTouchStart}\n          onMoveX={onTouchMoveX}\n          onEnd={onTouchEnd}\n        >\n          <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n            {before &&\n            <div vkuiClass=\"Snackbar__before\">\n              {before}\n            </div>}\n\n            <div vkuiClass=\"Snackbar__content\">\n              <Text weight=\"regular\" vkuiClass=\"Snackbar__content-text\">{children}</Text>\n\n              {action &&\n              <Button align=\"left\" hasHover={false} mode=\"tertiary\" size=\"s\" vkuiClass=\"Snackbar__action\" onClick={handleActionClick}>\n                {action}\n              </Button>}\n            </div>\n\n            {after &&\n            <div vkuiClass=\"Snackbar__after\">\n              {after}\n            </div>}\n          </div>\n        </Touch>\n      </div>\n    </AppRootPortal>\n  );\n};\n\nSnackbarComponent.displayName = 'Snackbar';\n\nSnackbarComponent.defaultProps = {\n  duration: 4000,\n  layout: 'horizontal',\n};\n\nexport const Snackbar = withAdaptivity(SnackbarComponent, {\n  viewWidth: true,\n});\n"],"file":"Snackbar.js"}
+{"version":3,"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":["React","Touch","classNames","getClassName","ANDROID","VKCOM","rubber","withAdaptivity","ViewWidth","Text","Button","AppRootPortal","useWaitTransitionFinish","usePlatform","useTimeout","SnackbarComponent","props","children","layout","action","before","after","viewWidth","duration","onActionClick","onClose","restProps","platform","waitTransitionFinish","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","touchStartTimeRef","bodyElRef","innerElRef","animationFrameRef","isDesktop","SMALL_TABLET","transitionFinishDurationFallback","close","current","handleActionClick","e","closeTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","startT","originalEvent","preventDefault","offsetWidth","onTouchEnd","callback","shiftXCurrent","expectTranslateY","Date","now","getTime","set","useEffect","resolvedLayout","displayName","defaultProps","Snackbar"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { classNames } from '../../lib/classNames';\nimport { HasPlatform } from '../../types';\nimport { getClassName } from '../../helpers/getClassName';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { rubber } from '../../lib/touch';\nimport { withAdaptivity, AdaptivityProps, ViewWidth } from '../../hoc/withAdaptivity';\nimport Text from '../Typography/Text/Text';\nimport Button from '../Button/Button';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport './Snackbar.css';\n\nexport interface SnackbarProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, AdaptivityProps {\n  /**\n   * Название кнопки действия в уведомлении\n   */\n  action?: string | React.ComponentType;\n\n  /**\n   * Будет вызвано при клике на кнопку действия\n   */\n  onActionClick?: (e: React.MouseEvent) => void;\n\n  /**\n   * Цветная иконка 24x24 пикселя\n   */\n  before?: React.ReactNode;\n  /**\n   * Контент в правой части, может быть `<Avatar size={32} />`\n   */\n  after?: React.ReactNode;\n  /**\n   * Варианты расположения кнопки\n   */\n  layout?: 'vertical' | 'horizontal';\n  /**\n   * Время в миллисекундах, через которое плашка скроется\n   */\n  duration?: number;\n  /**\n   * Обработчик закрытия уведомления\n   */\n  onClose: () => void;\n}\n\nconst SnackbarComponent: React.FC<SnackbarProps> = (props: SnackbarProps) => {\n  const {\n    children,\n    layout,\n    action,\n    before,\n    after,\n    viewWidth,\n    duration,\n    onActionClick,\n    onClose,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n\n  const [closing, setClosing] = React.useState(false);\n  const [touched, setTouched] = React.useState(false);\n\n  const shiftXPercentRef = React.useRef<number>(0);\n  const shiftXCurrentRef = React.useRef<number>(0);\n  const touchStartTimeRef = React.useRef<Date | null>(null);\n\n  const bodyElRef = React.useRef<HTMLDivElement | null>(null);\n  const innerElRef = React.useRef<HTMLDivElement | null>(null);\n\n  const animationFrameRef = React.useRef<ReturnType<typeof requestAnimationFrame> | null>(null);\n\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const transitionFinishDurationFallback = platform === ANDROID || platform === VKCOM ? 400 : 320;\n\n  const close = () => {\n    setClosing(true);\n    waitTransitionFinish(innerElRef.current, () => {\n      onClose();\n    }, transitionFinishDurationFallback);\n  };\n\n  const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n    close();\n\n    if (action && typeof onActionClick === 'function') {\n      onActionClick(e);\n    }\n  };\n\n  const closeTimeout = useTimeout(close, duration);\n\n  const setBodyTransform = (percent: number) => {\n    cancelAnimationFrame(animationFrameRef.current);\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (bodyElRef.current) {\n        bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n      }\n    });\n  };\n\n  const onTouchStart = closeTimeout.clear;\n\n  const onTouchMoveX = (event: TouchEvent) => {\n    const { shiftX, startT, originalEvent } = event;\n    originalEvent.preventDefault();\n\n    if (!touched) {\n      setTouched(true);\n    }\n\n    shiftXPercentRef.current = shiftX / bodyElRef.current.offsetWidth * 100;\n    shiftXCurrentRef.current = rubber(shiftXPercentRef.current, 72, 1.2, platform === ANDROID || platform === VKCOM);\n    touchStartTimeRef.current = startT;\n\n    setBodyTransform(shiftXCurrentRef.current);\n  };\n\n  const onTouchEnd = () => {\n    let callback: VoidFunction | undefined;\n\n    if (touched) {\n      let shiftXCurrent = shiftXCurrentRef.current;\n      const expectTranslateY = shiftXCurrent / (Date.now() - touchStartTimeRef.current.getTime()) * 240 * 0.6;\n      shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n      if (isDesktop && shiftXCurrent <= -50) {\n        closeTimeout.clear();\n        waitTransitionFinish(bodyElRef.current, () => {\n          onClose();\n        }, transitionFinishDurationFallback);\n        setBodyTransform(-120);\n      } else if (!isDesktop && shiftXCurrent >= 50) {\n        closeTimeout.clear();\n        waitTransitionFinish(bodyElRef.current, () => {\n          onClose();\n        }, transitionFinishDurationFallback);\n        setBodyTransform(120);\n      } else {\n        callback = () => {\n          closeTimeout.set();\n          setBodyTransform(0);\n        };\n      }\n    } else {\n      closeTimeout.set();\n    }\n\n    setTouched(false);\n    callback && requestAnimationFrame(callback);\n  };\n\n  React.useEffect(closeTimeout.set, []);\n\n  const resolvedLayout = after || isDesktop ? 'vertical' : layout;\n\n  return (\n    <AppRootPortal>\n      <div\n        {...restProps}\n        vkuiClass={classNames(getClassName('Snackbar', platform), `Snackbar--l-${resolvedLayout}`, {\n          'Snackbar--closing': closing,\n          'Snackbar--touched': touched,\n          'Snackbar--desktop': isDesktop,\n        })}\n      >\n        <Touch\n          vkuiClass=\"Snackbar__in\"\n          getRootRef={innerElRef}\n          onStart={onTouchStart}\n          onMoveX={onTouchMoveX}\n          onEnd={onTouchEnd}\n        >\n          <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n            {before &&\n            <div vkuiClass=\"Snackbar__before\">\n              {before}\n            </div>}\n\n            <div vkuiClass=\"Snackbar__content\">\n              <Text weight=\"regular\" vkuiClass=\"Snackbar__content-text\">{children}</Text>\n\n              {action &&\n              <Button align=\"left\" hasHover={false} mode=\"tertiary\" size=\"s\" vkuiClass=\"Snackbar__action\" onClick={handleActionClick}>\n                {action}\n              </Button>}\n            </div>\n\n            {after &&\n            <div vkuiClass=\"Snackbar__after\">\n              {after}\n            </div>}\n          </div>\n        </Touch>\n      </div>\n    </AppRootPortal>\n  );\n};\n\nSnackbarComponent.displayName = 'Snackbar';\n\nSnackbarComponent.defaultProps = {\n  duration: 4000,\n  layout: 'horizontal',\n};\n\nexport const Snackbar = withAdaptivity(SnackbarComponent, {\n  viewWidth: true,\n});\n"],"file":"Snackbar.js"}

package/dist/cssm/components/Tappable/Tappable.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -10,7 +10,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "Component", "onClick", "onKeyDown", "activeEffectDelay", "stopPropagation", "getRootRef", "platform", "sizeX", "hasMouse", "hasHover", "hoverMode", "hasActive", "activeMode", "focusVisibleMode"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from 'react';
-import Touch from "../Touch/Touch";
+import { Touch } from "../Touch/Touch";
 import TouchRootContext from "../Touch/TouchContext";
 import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
@@ -23,6 +23,7 @@ import { setRef } from "../../lib/utils";
 import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { shouldTriggerClickOnEnterOrSpace } from "../../lib/accessibility";
 import { FocusVisible } from "../FocusVisible/FocusVisible";
+import { useTimeout } from "../../hooks/useTimeout";
 import "./Tappable.css";
 
 var ts = function ts() {
@@ -73,8 +74,6 @@ var Tappable = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "timeout", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "wavesTimeout", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (e) {
       var onKeyDown = _this.props.onKeyDown;
 
@@ -177,27 +176,14 @@ var Tappable = /*#__PURE__*/function (_React$Component) {
 
         var x = coordX(e) - left;
         var y = coordY(e) - top;
-        var key = 'wave' + Date.now().toString();
-
-        _this.setState(function (state) {
-          return {
-            clicks: _objectSpread(_objectSpread({}, state.clicks), {}, _defineProperty({}, key, {
-              x: x,
-              y: y
-            }))
-          };
-        });
-
-        _this.wavesTimeout = setTimeout(function () {
-          _this.setState(function (state) {
-            var clicks = _objectSpread({}, state.clicks);
 
-            delete clicks[key];
-            return {
-              clicks: clicks
-            };
-          });
-        }, 225);
+        _this.setState({
+          clicks: [].concat(_toConsumableArray(_this.state.clicks), [{
+            x: x,
+            y: y,
+            id: Date.now().toString()
+          }])
+        });
       }
     });
 
@@ -249,7 +235,7 @@ var Tappable = /*#__PURE__*/function (_React$Component) {
 
     _this.id = Math.round(Math.random() * 1e8).toString(16);
     _this.state = {
-      clicks: {},
+      clicks: [],
       active: false,
       ts: null,
       hasHover: props.hasHover,
@@ -267,8 +253,6 @@ var Tappable = /*#__PURE__*/function (_React$Component) {
         clearTimeout(storage[this.id].activeTimeout);
         delete storage[this.id];
       }
-
-      clearTimeout(this.wavesTimeout);
     }
   }, {
     key: "componentDidUpdate",
@@ -286,6 +270,15 @@ var Tappable = /*#__PURE__*/function (_React$Component) {
         });
       }
     }
+  }, {
+    key: "removeWave",
+    value: function removeWave(id) {
+      this.setState({
+        clicks: this.state.clicks.filter(function (c) {
+          return c.id !== id;
+        })
+      });
+    }
   }, {
     key: "render",
     value: function render() {
@@ -392,16 +385,14 @@ var Tappable = /*#__PURE__*/function (_React$Component) {
           }, children), platform === ANDROID && !hasMouse && hasActive && activeMode === 'background' && createScopedElement("span", {
             "aria-hidden": "true",
             vkuiClass: "Tappable__waves"
-          }, Object.keys(clicks).map(function (k) {
-            return createScopedElement("span", {
-              vkuiClass: "Tappable__wave",
-              style: {
-                top: clicks[k].y,
-                left: clicks[k].x
-              },
-              key: k
-            });
-          })), hasHover && createScopedElement("span", {
+          }, clicks.map(function (wave) {
+            return createScopedElement(Wave, _extends({}, wave, {
+              key: wave.id,
+              onClear: function onClear() {
+                return _this2.removeWave(wave.id);
+              }
+            }));
+          })), hasHover && hoverMode === 'background' && createScopedElement("span", {
             "aria-hidden": "true",
             vkuiClass: "Tappable__hoverShadow"
           }), !restProps.disabled && createScopedElement(FocusVisible, {
@@ -430,4 +421,21 @@ export default withAdaptivity(withPlatform(Tappable), {
   sizeX: true,
   hasMouse: true
 });
+
+function Wave(_ref5) {
+  var x = _ref5.x,
+      y = _ref5.y,
+      onClear = _ref5.onClear;
+  var timeout = useTimeout(onClear, 225);
+  React.useEffect(function () {
+    return timeout.set();
+  }, []);
+  return createScopedElement("span", {
+    vkuiClass: "Tappable__wave",
+    style: {
+      top: y,
+      left: x
+    }
+  });
+}
 //# sourceMappingURL=Tappable.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tappable/Tappable.tsx"],"names":["React","Touch","TouchRootContext","classNames","getClassName","ANDROID","getOffsetRect","coordX","coordY","withPlatform","hasHover","setRef","withAdaptivity","shouldTriggerClickOnEnterOrSpace","FocusVisible","ts","Date","now","ACTIVE_DELAY","ACTIVE_EFFECT_DELAY","storage","deactivateOtherInstances","exclude","Object","keys","filter","id","forEach","clearTimeout","activeTimeout","timeout","stop","TappableContext","createContext","insideTappable","Tappable","props","e","onKeyDown","preventDefault","container","click","originalEvent","insideTouchRoot","stopPropagation","state","hasActive","touches","length","platform","onDown","setTimeout","start","shiftXAbs","shiftYAbs","isSlide","active","activeEffectDelay","store","getStorage","top","left","x","y","key","toString","setState","clicks","wavesTimeout","hovered","getRootRef","Math","round","random","prevProps","disabled","defaultComponent","href","children","Component","onClick","sizeX","hasMouse","propsHasHover","hoverMode","propsHasActive","activeMode","focusVisibleMode","restProps","isCustomElement","contentEditable","isPresetHoverMode","includes","isPresetActiveMode","classes","RootComponent","onStart","onMove","onEnd","getRef","ref","role","onEnter","onLeave","touchProps","undefined","map","k"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Touch, { TouchEvent, TouchEventHandler, TouchProps } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { ANDROID } from '../../lib/platform';\nimport { getOffsetRect } from '../../lib/offset';\nimport { coordX, coordY, VKUITouchEvent, VKUITouchEventHander } from '../../lib/touch';\nimport { HasPlatform, HasRootRef, Ref } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { hasHover } from '@vkontakte/vkjs';\nimport { setRef } from '../../lib/utils';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { shouldTriggerClickOnEnterOrSpace } from '../../lib/accessibility';\nimport { FocusVisible, FocusVisibleMode } from '../FocusVisible/FocusVisible';\nimport './Tappable.css';\n\nexport interface TappableProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasPlatform, AdaptivityProps {\n  Component?: React.ElementType;\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.\n   */\n  focusVisibleMode?: FocusVisibleMode;\n}\n\nexport interface TappableState {\n  clicks?: {\n    [index: string]: {\n      x: number;\n      y: number;\n    };\n  };\n  hovered?: boolean;\n  active?: boolean;\n  ts?: number;\n  hasHover?: boolean;\n  hasActive?: boolean;\n}\n\nexport interface RootComponentProps extends TouchProps {\n  ref?: Ref<HTMLElement>;\n}\n\nexport interface StorageItem {\n  activeTimeout: ReturnType<typeof setTimeout>;\n  timeout?: ReturnType<typeof setTimeout>;\n  stop(): void;\n}\n\nexport interface Storage {\n  [index: string]: StorageItem;\n}\n\nexport type GetStorage = () => StorageItem;\n\nconst ts = () => +Date.now();\n\nexport const ACTIVE_DELAY = 70;\nexport const ACTIVE_EFFECT_DELAY = 600;\n\nlet storage: Storage = {};\n\n/*\n * Очищает таймауты и хранилище для всех экземпляров компонента, кроме переданного\n */\nfunction deactivateOtherInstances(exclude?: string) {\n  Object.keys(storage).filter((id: string) => id !== exclude).forEach((id: string) => {\n    clearTimeout(storage[id].activeTimeout);\n    clearTimeout(storage[id].timeout);\n    storage[id].stop();\n\n    delete storage[id];\n  });\n}\n\nconst TappableContext = React.createContext<{ insideTappable?: boolean; onEnter?: VoidFunction; onLeave?: VoidFunction }>({ insideTappable: false });\n\nclass Tappable extends React.Component<TappableProps, TappableState> {\n  constructor(props: TappableProps) {\n    super(props);\n    this.id = Math.round(Math.random() * 1e8).toString(16);\n    this.state = {\n      clicks: {},\n      active: false,\n      ts: null,\n      hasHover: props.hasHover,\n      hasActive: props.hasActive,\n    };\n    this.isSlide = false;\n  }\n\n  id: string;\n\n  isSlide: boolean;\n\n  insideTouchRoot: boolean;\n\n  container: HTMLElement;\n\n  timeout: ReturnType<typeof setTimeout>;\n\n  wavesTimeout: ReturnType<typeof setTimeout>;\n\n  static defaultProps = {\n    stopPropagation: false,\n    disabled: false,\n    focusVisibleMode: 'inside',\n    hasHover,\n    hoverMode: 'background',\n    hasActive: true,\n    activeMode: 'background',\n    activeEffectDelay: ACTIVE_EFFECT_DELAY,\n  };\n\n  /*\n   * [a11y]\n   * Обрабатывает событие onkeydown\n   * для кастомных доступных элементов:\n   * - role=\"link\" (активация по Enter)\n   * - role=\"button\" (активация по Space и Enter)\n   */\n  onKeyDown: React.KeyboardEventHandler = (e: React.KeyboardEvent<HTMLElement>) => {\n    const { onKeyDown } = this.props;\n\n    if (shouldTriggerClickOnEnterOrSpace(e)) {\n      e.preventDefault();\n      this.container.click();\n    }\n\n    {\n      if (typeof onKeyDown === 'function') {\n        return onKeyDown(e);\n      }\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchstart\n   */\n  onStart: TouchEventHandler = ({ originalEvent }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n\n    if (this.state.hasActive) {\n      if (originalEvent.touches && originalEvent.touches.length > 1) {\n        deactivateOtherInstances();\n        return;\n      }\n\n      if (this.props.platform === ANDROID) {\n        this.onDown(originalEvent);\n      }\n\n      storage[this.id] = {\n        stop: this.stop,\n        activeTimeout: setTimeout(this.start, ACTIVE_DELAY),\n      };\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchmove\n   */\n  onMove: TouchEventHandler = ({ originalEvent, shiftXAbs, shiftYAbs }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n    if (shiftXAbs > 20 || shiftYAbs > 20) {\n      this.isSlide = true;\n      this.stop();\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchend\n   */\n  onEnd: TouchEventHandler = ({ originalEvent }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n    const now = ts();\n\n    if (originalEvent.touches && originalEvent.touches.length > 0) {\n      this.isSlide = false;\n      this.stop();\n      return;\n    }\n\n    if (this.state.active) {\n      if (now - this.state.ts >= 100) {\n        // Долгий тап, выключаем подсветку\n        this.stop();\n      } else {\n        // Короткий тап, оставляем подсветку\n        const timeout = setTimeout(this.stop, this.props.activeEffectDelay - now + this.state.ts);\n        const store = this.getStorage();\n\n        if (store) {\n          store.timeout = timeout;\n        }\n      }\n    } else if (!this.isSlide) {\n      // Очень короткий тап, включаем подсветку\n      this.start();\n\n      const timeout = setTimeout(this.stop, this.props.activeEffectDelay);\n\n      if (this.getStorage()) {\n        clearTimeout(this.getStorage().activeTimeout);\n        this.getStorage().timeout = timeout;\n      } else {\n        this.timeout = timeout;\n      }\n    }\n\n    this.isSlide = false;\n  };\n\n  /*\n   * Реализует эффект при тапе для Андроида\n   */\n  onDown: VKUITouchEventHander = (e: VKUITouchEvent) => {\n    if (this.props.platform === ANDROID) {\n      const { top, left } = getOffsetRect(this.container);\n      const x = coordX(e) - left;\n      const y = coordY(e) - top;\n      const key = 'wave' + Date.now().toString();\n\n      this.setState((state: TappableState): TappableState => {\n        return {\n          clicks: {\n            ...state.clicks,\n            [key]: {\n              x,\n              y,\n            },\n          },\n        };\n      });\n\n      this.wavesTimeout = setTimeout(() => {\n        this.setState((state: TappableState): TappableState => {\n          let clicks = { ...state.clicks };\n          delete clicks[key];\n          return { clicks };\n        });\n      }, 225);\n    }\n  };\n\n  onEnter = () => {\n    this.setState({ hovered: true });\n  };\n\n  onLeave = () => {\n    this.setState({ hovered: false });\n  };\n\n  /*\n   * Устанавливает активное выделение\n   */\n  start: VoidFunction = () => {\n    if (!this.state.active && this.state.hasActive) {\n      this.setState({\n        active: true,\n        ts: ts(),\n      });\n    }\n    deactivateOtherInstances(this.id);\n  };\n\n  /*\n   * Снимает активное выделение\n   */\n  stop: VoidFunction = () => {\n    if (this.state.active) {\n      this.setState({\n        active: false,\n        ts: null,\n      });\n    }\n    if (this.getStorage()) {\n      clearTimeout(this.getStorage().activeTimeout);\n      delete storage[this.id];\n    }\n  };\n\n  /*\n   * Возвращает хранилище для экземпляра компонента\n   */\n  getStorage: GetStorage = () => {\n    return storage[this.id];\n  };\n\n  /*\n   * Берет ref на DOM-ноду из экземпляра Touch\n   */\n  getRef: React.RefCallback<HTMLElement> = (container) => {\n    this.container = container;\n    setRef(container, this.props.getRootRef);\n  };\n\n  componentWillUnmount() {\n    if (storage[this.id]) {\n      clearTimeout(storage[this.id].timeout);\n      clearTimeout(storage[this.id].activeTimeout);\n\n      delete storage[this.id];\n    }\n\n    clearTimeout(this.wavesTimeout);\n  }\n\n  componentDidUpdate(prevProps: TappableProps) {\n    if (prevProps.hasHover !== this.props.hasHover || prevProps.hasActive !== this.props.hasActive) {\n      this.setState({ hasHover: this.props.hasHover, hasActive: this.props.hasActive });\n    }\n    if (!prevProps.disabled && this.props.disabled) {\n      this.setState({ hovered: false });\n    }\n  }\n\n  render() {\n    const { clicks, active, hovered, hasHover, hasActive } = this.state;\n\n    const defaultComponent: React.ElementType = this.props.href ? 'a' : 'div';\n\n    const {\n      children,\n      Component = defaultComponent,\n      onClick,\n      onKeyDown,\n      activeEffectDelay,\n      stopPropagation,\n      getRootRef,\n      platform,\n      sizeX,\n      hasMouse,\n      hasHover: propsHasHover,\n      hoverMode,\n      hasActive: propsHasActive,\n      activeMode,\n      focusVisibleMode,\n      ...restProps\n    } = this.props;\n\n    const isCustomElement: boolean = Component !== 'a' && Component !== 'button' && !restProps.contentEditable;\n\n    const isPresetHoverMode = ['opacity', 'background'].includes(hoverMode);\n    const isPresetActiveMode = ['opacity', 'background'].includes(activeMode);\n\n    const classes = classNames(\n      getClassName('Tappable', platform),\n      `Tappable--sizeX-${sizeX}`,\n      {\n        'Tappable--active': hasActive && active,\n        'Tappable--inactive': !active,\n        'Tappable--mouse': hasMouse,\n        [`Tappable--hover-${hoverMode}`]: hasHover && hovered && isPresetHoverMode,\n        [`Tappable--active-${activeMode}`]: hasActive && active && isPresetActiveMode,\n        [hoverMode]: hasHover && hovered && !isPresetHoverMode,\n        [activeMode]: hasActive && active && !isPresetActiveMode,\n      });\n\n    const RootComponent = restProps.disabled\n      ? Component\n      : Touch;\n\n    let props: RootComponentProps = {};\n    if (!restProps.disabled) {\n      props.Component = Component;\n      /* eslint-disable */\n      props.onStart = this.onStart;\n      props.onMove = this.onMove;\n      props.onEnd = this.onEnd;\n      props.onClick = onClick;\n      props.onKeyDown = isCustomElement ? this.onKeyDown : onKeyDown;\n      /* eslint-enable */\n      props.getRootRef = this.getRef;\n    } else {\n      props.ref = this.getRef;\n    }\n\n    if (isCustomElement) {\n      props['aria-disabled'] = restProps.disabled;\n    }\n\n    const role: string = restProps.href ? 'link' : 'button';\n\n    return (\n      <TappableContext.Consumer>\n        {({ insideTappable, onEnter, onLeave }) => {\n          return (\n            <TouchRootContext.Consumer>\n              {(insideTouchRoot: boolean) => {\n                this.insideTouchRoot = insideTouchRoot;\n                const touchProps = restProps.disabled ? {} : {\n                  onEnter: () => {\n                    insideTappable && onEnter();\n                    !restProps.disabled && this.onEnter();\n                  },\n                  onLeave: () => {\n                    insideTappable && onLeave();\n                    !restProps.disabled && this.onLeave();\n                  },\n                };\n                return (\n                  <RootComponent\n                    {...touchProps}\n                    type={Component === 'button' ? 'button' : undefined}\n                    tabIndex={isCustomElement && !restProps.disabled ? 0 : undefined}\n                    role={isCustomElement ? role : undefined}\n                    {...restProps}\n                    vkuiClass={classes}\n                    {...props}>\n                    <TappableContext.Provider\n                      value={{\n                        insideTappable: true,\n                        onEnter: () => this.setState({ hasHover: false, hasActive: false }),\n                        onLeave: () => this.setState({ hasHover: propsHasHover, hasActive: propsHasActive }),\n                      }}\n                    >\n                      {children}\n                    </TappableContext.Provider>\n                    {platform === ANDROID && !hasMouse && hasActive && activeMode === 'background' && (\n                      <span aria-hidden=\"true\" vkuiClass=\"Tappable__waves\">\n                        {Object.keys(clicks).map((k: string) => (\n                          <span vkuiClass=\"Tappable__wave\" style={{ top: clicks[k].y, left: clicks[k].x }} key={k} />\n                        ))}\n                      </span>\n                    )}\n                    {hasHover && <span aria-hidden=\"true\" vkuiClass=\"Tappable__hoverShadow\" />}\n                    {!restProps.disabled && <FocusVisible mode={focusVisibleMode} />}\n                  </RootComponent>\n                );\n              }}\n            </TouchRootContext.Consumer>\n          );\n        }}\n      </TappableContext.Consumer>\n    );\n  }\n}\n\nexport default withAdaptivity(withPlatform(Tappable), { sizeX: true, hasMouse: true });\n"],"file":"Tappable.js"}
+{"version":3,"sources":["../../../../src/components/Tappable/Tappable.tsx"],"names":["React","Touch","TouchRootContext","classNames","getClassName","ANDROID","getOffsetRect","coordX","coordY","withPlatform","hasHover","setRef","withAdaptivity","shouldTriggerClickOnEnterOrSpace","FocusVisible","useTimeout","ts","Date","now","ACTIVE_DELAY","ACTIVE_EFFECT_DELAY","storage","deactivateOtherInstances","exclude","Object","keys","filter","id","forEach","clearTimeout","activeTimeout","timeout","stop","TappableContext","createContext","insideTappable","Tappable","props","e","onKeyDown","preventDefault","container","click","originalEvent","insideTouchRoot","stopPropagation","state","hasActive","touches","length","platform","onDown","setTimeout","start","shiftXAbs","shiftYAbs","isSlide","active","activeEffectDelay","store","getStorage","top","left","x","y","setState","clicks","toString","hovered","getRootRef","Math","round","random","prevProps","disabled","c","defaultComponent","href","children","Component","onClick","sizeX","hasMouse","propsHasHover","hoverMode","propsHasActive","activeMode","focusVisibleMode","restProps","isCustomElement","contentEditable","isPresetHoverMode","includes","isPresetActiveMode","classes","RootComponent","onStart","onMove","onEnd","getRef","ref","role","onEnter","onLeave","touchProps","undefined","map","wave","removeWave","Wave","onClear","useEffect","set"],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT;AACA,OAAOC,gBAAP;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,SAASC,aAAT;AACA,SAASC,MAAT,EAAiBC,MAAjB;AAEA,SAASC,YAAT;AACA,SAASC,QAAT,QAAyB,iBAAzB;AACA,SAASC,MAAT;AACA,SAASC,cAAT;AACA,SAASC,gCAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA;;AA8DA,IAAMC,EAAE,GAAG,SAALA,EAAK;AAAA,SAAM,CAACC,IAAI,CAACC,GAAL,EAAP;AAAA,CAAX;;AAEA,OAAO,IAAMC,YAAY,GAAG,EAArB;AACP,OAAO,IAAMC,mBAAmB,GAAG,GAA5B;AAEP,IAAIC,OAAgB,GAAG,EAAvB;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,CAAkCC,OAAlC,EAAoD;AAClDC,EAAAA,MAAM,CAACC,IAAP,CAAYJ,OAAZ,EAAqBK,MAArB,CAA4B,UAACC,EAAD;AAAA,WAAgBA,EAAE,KAAKJ,OAAvB;AAAA,GAA5B,EAA4DK,OAA5D,CAAoE,UAACD,EAAD,EAAgB;AAClFE,IAAAA,YAAY,CAACR,OAAO,CAACM,EAAD,CAAP,CAAYG,aAAb,CAAZ;AACAD,IAAAA,YAAY,CAACR,OAAO,CAACM,EAAD,CAAP,CAAYI,OAAb,CAAZ;AACAV,IAAAA,OAAO,CAACM,EAAD,CAAP,CAAYK,IAAZ;AAEA,WAAOX,OAAO,CAACM,EAAD,CAAd;AACD,GAND;AAOD;;AAED,IAAMM,eAAe,gBAAGjC,KAAK,CAACkC,aAAN,CAAkG;AAAEC,EAAAA,cAAc,EAAE;AAAlB,CAAlG,CAAxB;;IAEMC,Q;;;;;AACJ,oBAAYC,KAAZ,EAAkC;AAAA;;AAAA;;AAChC,8BAAMA,KAAN;;AADgC;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA,gEAyCM,UAACC,CAAD,EAAyC;AAC/E,UAAQC,SAAR,GAAsB,MAAKF,KAA3B,CAAQE,SAAR;;AAEA,UAAI1B,gCAAgC,CAACyB,CAAD,CAApC,EAAyC;AACvCA,QAAAA,CAAC,CAACE,cAAF;;AACA,cAAKC,SAAL,CAAeC,KAAf;AACD;;AAED;AACE,YAAI,OAAOH,SAAP,KAAqB,UAAzB,EAAqC;AACnC,iBAAOA,SAAS,CAACD,CAAD,CAAhB;AACD;AACF;AACF,KAtDiC;;AAAA,8DA2DL,gBAAmC;AAAA,UAAhCK,aAAgC,QAAhCA,aAAgC;AAC9D,OAAC,MAAKC,eAAN,IAAyB,MAAKP,KAAL,CAAWQ,eAApC,IAAuDF,aAAa,CAACE,eAAd,EAAvD;;AAEA,UAAI,MAAKC,KAAL,CAAWC,SAAf,EAA0B;AACxB,YAAIJ,aAAa,CAACK,OAAd,IAAyBL,aAAa,CAACK,OAAd,CAAsBC,MAAtB,GAA+B,CAA5D,EAA+D;AAC7D3B,UAAAA,wBAAwB;AACxB;AACD;;AAED,YAAI,MAAKe,KAAL,CAAWa,QAAX,KAAwB7C,OAA5B,EAAqC;AACnC,gBAAK8C,MAAL,CAAYR,aAAZ;AACD;;AAEDtB,QAAAA,OAAO,CAAC,MAAKM,EAAN,CAAP,GAAmB;AACjBK,UAAAA,IAAI,EAAE,MAAKA,IADM;AAEjBF,UAAAA,aAAa,EAAEsB,UAAU,CAAC,MAAKC,KAAN,EAAalC,YAAb;AAFR,SAAnB;AAID;AACF,KA7EiC;;AAAA,6DAkFN,iBAAyD;AAAA,UAAtDwB,aAAsD,SAAtDA,aAAsD;AAAA,UAAvCW,SAAuC,SAAvCA,SAAuC;AAAA,UAA5BC,SAA4B,SAA5BA,SAA4B;AACnF,OAAC,MAAKX,eAAN,IAAyB,MAAKP,KAAL,CAAWQ,eAApC,IAAuDF,aAAa,CAACE,eAAd,EAAvD;;AACA,UAAIS,SAAS,GAAG,EAAZ,IAAkBC,SAAS,GAAG,EAAlC,EAAsC;AACpC,cAAKC,OAAL,GAAe,IAAf;;AACA,cAAKxB,IAAL;AACD;AACF,KAxFiC;;AAAA,4DA6FP,iBAAmC;AAAA,UAAhCW,aAAgC,SAAhCA,aAAgC;AAC5D,OAAC,MAAKC,eAAN,IAAyB,MAAKP,KAAL,CAAWQ,eAApC,IAAuDF,aAAa,CAACE,eAAd,EAAvD;AACA,UAAM3B,GAAG,GAAGF,EAAE,EAAd;;AAEA,UAAI2B,aAAa,CAACK,OAAd,IAAyBL,aAAa,CAACK,OAAd,CAAsBC,MAAtB,GAA+B,CAA5D,EAA+D;AAC7D,cAAKO,OAAL,GAAe,KAAf;;AACA,cAAKxB,IAAL;;AACA;AACD;;AAED,UAAI,MAAKc,KAAL,CAAWW,MAAf,EAAuB;AACrB,YAAIvC,GAAG,GAAG,MAAK4B,KAAL,CAAW9B,EAAjB,IAAuB,GAA3B,EAAgC;AAC9B;AACA,gBAAKgB,IAAL;AACD,SAHD,MAGO;AACL;AACA,cAAMD,OAAO,GAAGqB,UAAU,CAAC,MAAKpB,IAAN,EAAY,MAAKK,KAAL,CAAWqB,iBAAX,GAA+BxC,GAA/B,GAAqC,MAAK4B,KAAL,CAAW9B,EAA5D,CAA1B;;AACA,cAAM2C,KAAK,GAAG,MAAKC,UAAL,EAAd;;AAEA,cAAID,KAAJ,EAAW;AACTA,YAAAA,KAAK,CAAC5B,OAAN,GAAgBA,OAAhB;AACD;AACF;AACF,OAbD,MAaO,IAAI,CAAC,MAAKyB,OAAV,EAAmB;AACxB;AACA,cAAKH,KAAL;;AAEA,YAAMtB,QAAO,GAAGqB,UAAU,CAAC,MAAKpB,IAAN,EAAY,MAAKK,KAAL,CAAWqB,iBAAvB,CAA1B;;AAEA,YAAI,MAAKE,UAAL,EAAJ,EAAuB;AACrB/B,UAAAA,YAAY,CAAC,MAAK+B,UAAL,GAAkB9B,aAAnB,CAAZ;AACA,gBAAK8B,UAAL,GAAkB7B,OAAlB,GAA4BA,QAA5B;AACD,SAHD,MAGO;AACL,gBAAKA,OAAL,GAAeA,QAAf;AACD;AACF;;AAED,YAAKyB,OAAL,GAAe,KAAf;AACD,KAnIiC;;AAAA,6DAwIH,UAAClB,CAAD,EAAuB;AACpD,UAAI,MAAKD,KAAL,CAAWa,QAAX,KAAwB7C,OAA5B,EAAqC;AACnC,6BAAsBC,aAAa,CAAC,MAAKmC,SAAN,CAAnC;AAAA,YAAQoB,GAAR,kBAAQA,GAAR;AAAA,YAAaC,IAAb,kBAAaA,IAAb;;AACA,YAAMC,CAAC,GAAGxD,MAAM,CAAC+B,CAAD,CAAN,GAAYwB,IAAtB;AACA,YAAME,CAAC,GAAGxD,MAAM,CAAC8B,CAAD,CAAN,GAAYuB,GAAtB;;AAEA,cAAKI,QAAL,CAAc;AACZC,UAAAA,MAAM,+BAAM,MAAKpB,KAAL,CAAWoB,MAAjB,IAAyB;AAAEH,YAAAA,CAAC,EAADA,CAAF;AAAKC,YAAAA,CAAC,EAADA,CAAL;AAAQrC,YAAAA,EAAE,EAAEV,IAAI,CAACC,GAAL,GAAWiD,QAAX;AAAZ,WAAzB;AADM,SAAd;AAGD;AACF,KAlJiC;;AAAA,8DAoJxB,YAAM;AACd,YAAKF,QAAL,CAAc;AAAEG,QAAAA,OAAO,EAAE;AAAX,OAAd;AACD,KAtJiC;;AAAA,8DAwJxB,YAAM;AACd,YAAKH,QAAL,CAAc;AAAEG,QAAAA,OAAO,EAAE;AAAX,OAAd;AACD,KA1JiC;;AAAA,4DA+JZ,YAAM;AAC1B,UAAI,CAAC,MAAKtB,KAAL,CAAWW,MAAZ,IAAsB,MAAKX,KAAL,CAAWC,SAArC,EAAgD;AAC9C,cAAKkB,QAAL,CAAc;AACZR,UAAAA,MAAM,EAAE,IADI;AAEZzC,UAAAA,EAAE,EAAEA,EAAE;AAFM,SAAd;AAID;;AACDM,MAAAA,wBAAwB,CAAC,MAAKK,EAAN,CAAxB;AACD,KAvKiC;;AAAA,2DA4Kb,YAAM;AACzB,UAAI,MAAKmB,KAAL,CAAWW,MAAf,EAAuB;AACrB,cAAKQ,QAAL,CAAc;AACZR,UAAAA,MAAM,EAAE,KADI;AAEZzC,UAAAA,EAAE,EAAE;AAFQ,SAAd;AAID;;AACD,UAAI,MAAK4C,UAAL,EAAJ,EAAuB;AACrB/B,QAAAA,YAAY,CAAC,MAAK+B,UAAL,GAAkB9B,aAAnB,CAAZ;AACA,eAAOT,OAAO,CAAC,MAAKM,EAAN,CAAd;AACD;AACF,KAvLiC;;AAAA,iEA4LT,YAAM;AAC7B,aAAON,OAAO,CAAC,MAAKM,EAAN,CAAd;AACD,KA9LiC;;AAAA,6DAmMO,UAACc,SAAD,EAAe;AACtD,YAAKA,SAAL,GAAiBA,SAAjB;AACA9B,MAAAA,MAAM,CAAC8B,SAAD,EAAY,MAAKJ,KAAL,CAAWgC,UAAvB,CAAN;AACD,KAtMiC;;AAEhC,UAAK1C,EAAL,GAAU2C,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,GAA3B,EAAgCL,QAAhC,CAAyC,EAAzC,CAAV;AACA,UAAKrB,KAAL,GAAa;AACXoB,MAAAA,MAAM,EAAE,EADG;AAEXT,MAAAA,MAAM,EAAE,KAFG;AAGXzC,MAAAA,EAAE,EAAE,IAHO;AAIXN,MAAAA,QAAQ,EAAE2B,KAAK,CAAC3B,QAJL;AAKXqC,MAAAA,SAAS,EAAEV,KAAK,CAACU;AALN,KAAb;AAOA,UAAKS,OAAL,GAAe,KAAf;AAVgC;AAWjC;;;;WA6LD,gCAAuB;AACrB,UAAInC,OAAO,CAAC,KAAKM,EAAN,CAAX,EAAsB;AACpBE,QAAAA,YAAY,CAACR,OAAO,CAAC,KAAKM,EAAN,CAAP,CAAiBI,OAAlB,CAAZ;AACAF,QAAAA,YAAY,CAACR,OAAO,CAAC,KAAKM,EAAN,CAAP,CAAiBG,aAAlB,CAAZ;AAEA,eAAOT,OAAO,CAAC,KAAKM,EAAN,CAAd;AACD;AACF;;;WAED,4BAAmB8C,SAAnB,EAA6C;AAC3C,UAAIA,SAAS,CAAC/D,QAAV,KAAuB,KAAK2B,KAAL,CAAW3B,QAAlC,IAA8C+D,SAAS,CAAC1B,SAAV,KAAwB,KAAKV,KAAL,CAAWU,SAArF,EAAgG;AAC9F,aAAKkB,QAAL,CAAc;AAAEvD,UAAAA,QAAQ,EAAE,KAAK2B,KAAL,CAAW3B,QAAvB;AAAiCqC,UAAAA,SAAS,EAAE,KAAKV,KAAL,CAAWU;AAAvD,SAAd;AACD;;AACD,UAAI,CAAC0B,SAAS,CAACC,QAAX,IAAuB,KAAKrC,KAAL,CAAWqC,QAAtC,EAAgD;AAC9C,aAAKT,QAAL,CAAc;AAAEG,UAAAA,OAAO,EAAE;AAAX,SAAd;AACD;AACF;;;WAED,oBAAWzC,EAAX,EAA2B;AACzB,WAAKsC,QAAL,CAAc;AAAEC,QAAAA,MAAM,EAAE,KAAKpB,KAAL,CAAWoB,MAAX,CAAkBxC,MAAlB,CAAyB,UAACiD,CAAD;AAAA,iBAAOA,CAAC,CAAChD,EAAF,KAASA,EAAhB;AAAA,SAAzB;AAAV,OAAd;AACD;;;WAED,kBAAS;AAAA;AAAA;;AACP,wBAAyD,KAAKmB,KAA9D;AAAA,UAAQoB,MAAR,eAAQA,MAAR;AAAA,UAAgBT,MAAhB,eAAgBA,MAAhB;AAAA,UAAwBW,OAAxB,eAAwBA,OAAxB;AAAA,UAAiC1D,QAAjC,eAAiCA,QAAjC;AAAA,UAA2CqC,SAA3C,eAA2CA,SAA3C;AAEA,UAAM6B,gBAAmC,GAAG,KAAKvC,KAAL,CAAWwC,IAAX,GAAkB,GAAlB,GAAwB,KAApE;;AAEA,wBAiBI,KAAKxC,KAjBT;AAAA,UACEyC,QADF,eACEA,QADF;AAAA,8CAEEC,SAFF;AAAA,UAEEA,SAFF,sCAEcH,gBAFd;AAAA,UAGEI,OAHF,eAGEA,OAHF;AAAA,UAIEzC,SAJF,eAIEA,SAJF;AAAA,UAKEmB,iBALF,eAKEA,iBALF;AAAA,UAMEb,eANF,eAMEA,eANF;AAAA,UAOEwB,UAPF,eAOEA,UAPF;AAAA,UAQEnB,QARF,eAQEA,QARF;AAAA,UASE+B,KATF,eASEA,KATF;AAAA,UAUEC,QAVF,eAUEA,QAVF;AAAA,UAWYC,aAXZ,eAWEzE,QAXF;AAAA,UAYE0E,SAZF,eAYEA,SAZF;AAAA,UAaaC,cAbb,eAaEtC,SAbF;AAAA,UAcEuC,UAdF,eAcEA,UAdF;AAAA,UAeEC,gBAfF,eAeEA,gBAfF;AAAA,UAgBKC,SAhBL;;AAmBA,UAAMC,eAAwB,GAAGV,SAAS,KAAK,GAAd,IAAqBA,SAAS,KAAK,QAAnC,IAA+C,CAACS,SAAS,CAACE,eAA3F;AAEA,UAAMC,iBAAiB,GAAG,CAAC,SAAD,EAAY,YAAZ,EAA0BC,QAA1B,CAAmCR,SAAnC,CAA1B;AACA,UAAMS,kBAAkB,GAAG,CAAC,SAAD,EAAY,YAAZ,EAA0BD,QAA1B,CAAmCN,UAAnC,CAA3B;AAEA,UAAMQ,OAAO,GAAG3F,UAAU,CACxBC,YAAY,CAAC,UAAD,EAAa8C,QAAb,CADY,4BAEL+B,KAFK;AAItB,4BAAoBlC,SAAS,IAAIU,MAJX;AAKtB,8BAAsB,CAACA,MALD;AAMtB,2BAAmByB;AANG,gEAOFE,SAPE,GAOY1E,QAAQ,IAAI0D,OAAZ,IAAuBuB,iBAPnC,2DAQDL,UARC,GAQcvC,SAAS,IAAIU,MAAb,IAAuBoC,kBARrC,gCASrBT,SATqB,EAST1E,QAAQ,IAAI0D,OAAZ,IAAuB,CAACuB,iBATf,gCAUrBL,UAVqB,EAURvC,SAAS,IAAIU,MAAb,IAAuB,CAACoC,kBAVhB,gBAA1B;AAaA,UAAME,aAAa,GAAGP,SAAS,CAACd,QAAV,GAClBK,SADkB,GAElB9E,KAFJ;AAIA,UAAIoC,KAAyB,GAAG,EAAhC;;AACA,UAAI,CAACmD,SAAS,CAACd,QAAf,EAAyB;AACvBrC,QAAAA,KAAK,CAAC0C,SAAN,GAAkBA,SAAlB;AACA;;AACA1C,QAAAA,KAAK,CAAC2D,OAAN,GAAgB,KAAKA,OAArB;AACA3D,QAAAA,KAAK,CAAC4D,MAAN,GAAe,KAAKA,MAApB;AACA5D,QAAAA,KAAK,CAAC6D,KAAN,GAAc,KAAKA,KAAnB;AACA7D,QAAAA,KAAK,CAAC2C,OAAN,GAAgBA,OAAhB;AACA3C,QAAAA,KAAK,CAACE,SAAN,GAAkBkD,eAAe,GAAG,KAAKlD,SAAR,GAAoBA,SAArD;AACA;;AACAF,QAAAA,KAAK,CAACgC,UAAN,GAAmB,KAAK8B,MAAxB;AACD,OAVD,MAUO;AACL9D,QAAAA,KAAK,CAAC+D,GAAN,GAAY,KAAKD,MAAjB;AACD;;AAED,UAAIV,eAAJ,EAAqB;AACnBpD,QAAAA,KAAK,CAAC,eAAD,CAAL,GAAyBmD,SAAS,CAACd,QAAnC;AACD;;AAED,UAAM2B,IAAY,GAAGb,SAAS,CAACX,IAAV,GAAiB,MAAjB,GAA0B,QAA/C;AAEA,aACE,oBAAC,eAAD,CAAiB,QAAjB,QACG,iBAA0C;AAAA,YAAvC1C,cAAuC,SAAvCA,cAAuC;AAAA,YAAvBmE,QAAuB,SAAvBA,OAAuB;AAAA,YAAdC,QAAc,SAAdA,OAAc;AACzC,eACE,oBAAC,gBAAD,CAAkB,QAAlB,QACG,UAAC3D,eAAD,EAA8B;AAC7B,UAAA,MAAI,CAACA,eAAL,GAAuBA,eAAvB;AACA,cAAM4D,UAAU,GAAGhB,SAAS,CAACd,QAAV,GAAqB,EAArB,GAA0B;AAC3C4B,YAAAA,OAAO,EAAE,mBAAM;AACbnE,cAAAA,cAAc,IAAImE,QAAO,EAAzB;AACA,eAACd,SAAS,CAACd,QAAX,IAAuB,MAAI,CAAC4B,OAAL,EAAvB;AACD,aAJ0C;AAK3CC,YAAAA,OAAO,EAAE,mBAAM;AACbpE,cAAAA,cAAc,IAAIoE,QAAO,EAAzB;AACA,eAACf,SAAS,CAACd,QAAX,IAAuB,MAAI,CAAC6B,OAAL,EAAvB;AACD;AAR0C,WAA7C;AAUA,iBACE,oBAAC,aAAD,eACMC,UADN;AAEE,YAAA,IAAI,EAAEzB,SAAS,KAAK,QAAd,GAAyB,QAAzB,GAAoC0B,SAF5C;AAGE,YAAA,QAAQ,EAAEhB,eAAe,IAAI,CAACD,SAAS,CAACd,QAA9B,GAAyC,CAAzC,GAA6C+B,SAHzD;AAIE,YAAA,IAAI,EAAEhB,eAAe,GAAGY,IAAH,GAAUI;AAJjC,aAKMjB,SALN;AAME,YAAA,SAAS,EAAEM;AANb,aAOMzD,KAPN,GAQE,oBAAC,eAAD,CAAiB,QAAjB;AACE,YAAA,KAAK,EAAE;AACLF,cAAAA,cAAc,EAAE,IADX;AAELmE,cAAAA,OAAO,EAAE;AAAA,uBAAM,MAAI,CAACrC,QAAL,CAAc;AAAEvD,kBAAAA,QAAQ,EAAE,KAAZ;AAAmBqC,kBAAAA,SAAS,EAAE;AAA9B,iBAAd,CAAN;AAAA,eAFJ;AAGLwD,cAAAA,OAAO,EAAE;AAAA,uBAAM,MAAI,CAACtC,QAAL,CAAc;AAAEvD,kBAAAA,QAAQ,EAAEyE,aAAZ;AAA2BpC,kBAAAA,SAAS,EAAEsC;AAAtC,iBAAd,CAAN;AAAA;AAHJ;AADT,aAOGP,QAPH,CARF,EAiBG5B,QAAQ,KAAK7C,OAAb,IAAwB,CAAC6E,QAAzB,IAAqCnC,SAArC,IAAkDuC,UAAU,KAAK,YAAjE,IACC;AAAM,2BAAY,MAAlB;AAAyB,YAAA,SAAS,EAAC;AAAnC,aACGpB,MAAM,CAACwC,GAAP,CAAW,UAACC,IAAD;AAAA,mBACV,oBAAC,IAAD,eAAUA,IAAV;AAAgB,cAAA,GAAG,EAAEA,IAAI,CAAChF,EAA1B;AAA8B,cAAA,OAAO,EAAE;AAAA,uBAAM,MAAI,CAACiF,UAAL,CAAgBD,IAAI,CAAChF,EAArB,CAAN;AAAA;AAAvC,eADU;AAAA,WAAX,CADH,CAlBJ,EAwBGjB,QAAQ,IAAI0E,SAAS,KAAK,YAA1B,IAA0C;AAAM,2BAAY,MAAlB;AAAyB,YAAA,SAAS,EAAC;AAAnC,YAxB7C,EAyBG,CAACI,SAAS,CAACd,QAAX,IAAuB,oBAAC,YAAD;AAAc,YAAA,IAAI,EAAEa;AAApB,YAzB1B,CADF;AA6BD,SA1CH,CADF;AA8CD,OAhDH,CADF;AAoDD;;;;EAtVoBvF,KAAK,CAAC+E,S;;gBAAvB3C,Q,kBAwBkB;AACpBS,EAAAA,eAAe,EAAE,KADG;AAEpB6B,EAAAA,QAAQ,EAAE,KAFU;AAGpBa,EAAAA,gBAAgB,EAAE,QAHE;AAIpB7E,EAAAA,QAAQ,EAARA,QAJoB;AAKpB0E,EAAAA,SAAS,EAAE,YALS;AAMpBrC,EAAAA,SAAS,EAAE,IANS;AAOpBuC,EAAAA,UAAU,EAAE,YAPQ;AAQpB5B,EAAAA,iBAAiB,EAAEtC;AARC,C;;AAiUxB,eAAeR,cAAc,CAACH,YAAY,CAAC2B,QAAD,CAAb,EAAyB;AAAE6C,EAAAA,KAAK,EAAE,IAAT;AAAeC,EAAAA,QAAQ,EAAE;AAAzB,CAAzB,CAA7B;;AAEA,SAAS2B,IAAT,QAAmE;AAAA,MAAnD9C,CAAmD,SAAnDA,CAAmD;AAAA,MAAhDC,CAAgD,SAAhDA,CAAgD;AAAA,MAA7C8C,OAA6C,SAA7CA,OAA6C;AACjE,MAAM/E,OAAO,GAAGhB,UAAU,CAAC+F,OAAD,EAAU,GAAV,CAA1B;AACA9G,EAAAA,KAAK,CAAC+G,SAAN,CAAgB;AAAA,WAAMhF,OAAO,CAACiF,GAAR,EAAN;AAAA,GAAhB,EAAqC,EAArC;AACA,SAAO;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,KAAK,EAAE;AAAEnD,MAAAA,GAAG,EAAEG,CAAP;AAAUF,MAAAA,IAAI,EAAEC;AAAhB;AAAxC,IAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { Touch, TouchEvent, TouchEventHandler, TouchProps } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { ANDROID } from '../../lib/platform';\nimport { getOffsetRect } from '../../lib/offset';\nimport { coordX, coordY, VKUITouchEvent, VKUITouchEventHander } from '../../lib/touch';\nimport { HasPlatform, HasRootRef } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { hasHover } from '@vkontakte/vkjs';\nimport { setRef } from '../../lib/utils';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { shouldTriggerClickOnEnterOrSpace } from '../../lib/accessibility';\nimport { FocusVisible, FocusVisibleMode } from '../FocusVisible/FocusVisible';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport './Tappable.css';\n\nexport interface TappableProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasPlatform, AdaptivityProps {\n  Component?: React.ElementType;\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.\n   */\n  focusVisibleMode?: FocusVisibleMode;\n}\n\ninterface Wave {\n  x: number;\n  y: number;\n  id: string;\n}\n\nexport interface TappableState {\n  clicks?: Wave[];\n  hovered?: boolean;\n  active?: boolean;\n  ts?: number;\n  hasHover?: boolean;\n  hasActive?: boolean;\n}\n\nexport interface RootComponentProps extends TouchProps {\n  ref?: React.Ref<HTMLElement>;\n}\n\nexport interface StorageItem {\n  activeTimeout: ReturnType<typeof setTimeout>;\n  timeout?: ReturnType<typeof setTimeout>;\n  stop(): void;\n}\n\nexport interface Storage {\n  [index: string]: StorageItem;\n}\n\nexport type GetStorage = () => StorageItem;\n\nconst ts = () => +Date.now();\n\nexport const ACTIVE_DELAY = 70;\nexport const ACTIVE_EFFECT_DELAY = 600;\n\nlet storage: Storage = {};\n\n/*\n * Очищает таймауты и хранилище для всех экземпляров компонента, кроме переданного\n */\nfunction deactivateOtherInstances(exclude?: string) {\n  Object.keys(storage).filter((id: string) => id !== exclude).forEach((id: string) => {\n    clearTimeout(storage[id].activeTimeout);\n    clearTimeout(storage[id].timeout);\n    storage[id].stop();\n\n    delete storage[id];\n  });\n}\n\nconst TappableContext = React.createContext<{ insideTappable?: boolean; onEnter?: VoidFunction; onLeave?: VoidFunction }>({ insideTappable: false });\n\nclass Tappable extends React.Component<TappableProps, TappableState> {\n  constructor(props: TappableProps) {\n    super(props);\n    this.id = Math.round(Math.random() * 1e8).toString(16);\n    this.state = {\n      clicks: [],\n      active: false,\n      ts: null,\n      hasHover: props.hasHover,\n      hasActive: props.hasActive,\n    };\n    this.isSlide = false;\n  }\n\n  id: string;\n\n  isSlide: boolean;\n\n  insideTouchRoot: boolean;\n\n  container: HTMLElement;\n\n  timeout: ReturnType<typeof setTimeout>;\n\n  static defaultProps = {\n    stopPropagation: false,\n    disabled: false,\n    focusVisibleMode: 'inside',\n    hasHover,\n    hoverMode: 'background',\n    hasActive: true,\n    activeMode: 'background',\n    activeEffectDelay: ACTIVE_EFFECT_DELAY,\n  };\n\n  /*\n   * [a11y]\n   * Обрабатывает событие onkeydown\n   * для кастомных доступных элементов:\n   * - role=\"link\" (активация по Enter)\n   * - role=\"button\" (активация по Space и Enter)\n   */\n  onKeyDown: React.KeyboardEventHandler = (e: React.KeyboardEvent<HTMLElement>) => {\n    const { onKeyDown } = this.props;\n\n    if (shouldTriggerClickOnEnterOrSpace(e)) {\n      e.preventDefault();\n      this.container.click();\n    }\n\n    {\n      if (typeof onKeyDown === 'function') {\n        return onKeyDown(e);\n      }\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchstart\n   */\n  onStart: TouchEventHandler = ({ originalEvent }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n\n    if (this.state.hasActive) {\n      if (originalEvent.touches && originalEvent.touches.length > 1) {\n        deactivateOtherInstances();\n        return;\n      }\n\n      if (this.props.platform === ANDROID) {\n        this.onDown(originalEvent);\n      }\n\n      storage[this.id] = {\n        stop: this.stop,\n        activeTimeout: setTimeout(this.start, ACTIVE_DELAY),\n      };\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchmove\n   */\n  onMove: TouchEventHandler = ({ originalEvent, shiftXAbs, shiftYAbs }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n    if (shiftXAbs > 20 || shiftYAbs > 20) {\n      this.isSlide = true;\n      this.stop();\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchend\n   */\n  onEnd: TouchEventHandler = ({ originalEvent }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n    const now = ts();\n\n    if (originalEvent.touches && originalEvent.touches.length > 0) {\n      this.isSlide = false;\n      this.stop();\n      return;\n    }\n\n    if (this.state.active) {\n      if (now - this.state.ts >= 100) {\n        // Долгий тап, выключаем подсветку\n        this.stop();\n      } else {\n        // Короткий тап, оставляем подсветку\n        const timeout = setTimeout(this.stop, this.props.activeEffectDelay - now + this.state.ts);\n        const store = this.getStorage();\n\n        if (store) {\n          store.timeout = timeout;\n        }\n      }\n    } else if (!this.isSlide) {\n      // Очень короткий тап, включаем подсветку\n      this.start();\n\n      const timeout = setTimeout(this.stop, this.props.activeEffectDelay);\n\n      if (this.getStorage()) {\n        clearTimeout(this.getStorage().activeTimeout);\n        this.getStorage().timeout = timeout;\n      } else {\n        this.timeout = timeout;\n      }\n    }\n\n    this.isSlide = false;\n  };\n\n  /*\n   * Реализует эффект при тапе для Андроида\n   */\n  onDown: VKUITouchEventHander = (e: VKUITouchEvent) => {\n    if (this.props.platform === ANDROID) {\n      const { top, left } = getOffsetRect(this.container);\n      const x = coordX(e) - left;\n      const y = coordY(e) - top;\n\n      this.setState({\n        clicks: [...this.state.clicks, { x, y, id: Date.now().toString() }],\n      });\n    }\n  };\n\n  onEnter = () => {\n    this.setState({ hovered: true });\n  };\n\n  onLeave = () => {\n    this.setState({ hovered: false });\n  };\n\n  /*\n   * Устанавливает активное выделение\n   */\n  start: VoidFunction = () => {\n    if (!this.state.active && this.state.hasActive) {\n      this.setState({\n        active: true,\n        ts: ts(),\n      });\n    }\n    deactivateOtherInstances(this.id);\n  };\n\n  /*\n   * Снимает активное выделение\n   */\n  stop: VoidFunction = () => {\n    if (this.state.active) {\n      this.setState({\n        active: false,\n        ts: null,\n      });\n    }\n    if (this.getStorage()) {\n      clearTimeout(this.getStorage().activeTimeout);\n      delete storage[this.id];\n    }\n  };\n\n  /*\n   * Возвращает хранилище для экземпляра компонента\n   */\n  getStorage: GetStorage = () => {\n    return storage[this.id];\n  };\n\n  /*\n   * Берет ref на DOM-ноду из экземпляра Touch\n   */\n  getRef: React.RefCallback<HTMLElement> = (container) => {\n    this.container = container;\n    setRef(container, this.props.getRootRef);\n  };\n\n  componentWillUnmount() {\n    if (storage[this.id]) {\n      clearTimeout(storage[this.id].timeout);\n      clearTimeout(storage[this.id].activeTimeout);\n\n      delete storage[this.id];\n    }\n  }\n\n  componentDidUpdate(prevProps: TappableProps) {\n    if (prevProps.hasHover !== this.props.hasHover || prevProps.hasActive !== this.props.hasActive) {\n      this.setState({ hasHover: this.props.hasHover, hasActive: this.props.hasActive });\n    }\n    if (!prevProps.disabled && this.props.disabled) {\n      this.setState({ hovered: false });\n    }\n  }\n\n  removeWave(id: Wave['id']) {\n    this.setState({ clicks: this.state.clicks.filter((c) => c.id !== id) });\n  }\n\n  render() {\n    const { clicks, active, hovered, hasHover, hasActive } = this.state;\n\n    const defaultComponent: React.ElementType = this.props.href ? 'a' : 'div';\n\n    const {\n      children,\n      Component = defaultComponent,\n      onClick,\n      onKeyDown,\n      activeEffectDelay,\n      stopPropagation,\n      getRootRef,\n      platform,\n      sizeX,\n      hasMouse,\n      hasHover: propsHasHover,\n      hoverMode,\n      hasActive: propsHasActive,\n      activeMode,\n      focusVisibleMode,\n      ...restProps\n    } = this.props;\n\n    const isCustomElement: boolean = Component !== 'a' && Component !== 'button' && !restProps.contentEditable;\n\n    const isPresetHoverMode = ['opacity', 'background'].includes(hoverMode);\n    const isPresetActiveMode = ['opacity', 'background'].includes(activeMode);\n\n    const classes = classNames(\n      getClassName('Tappable', platform),\n      `Tappable--sizeX-${sizeX}`,\n      {\n        'Tappable--active': hasActive && active,\n        'Tappable--inactive': !active,\n        'Tappable--mouse': hasMouse,\n        [`Tappable--hover-${hoverMode}`]: hasHover && hovered && isPresetHoverMode,\n        [`Tappable--active-${activeMode}`]: hasActive && active && isPresetActiveMode,\n        [hoverMode]: hasHover && hovered && !isPresetHoverMode,\n        [activeMode]: hasActive && active && !isPresetActiveMode,\n      });\n\n    const RootComponent = restProps.disabled\n      ? Component\n      : Touch;\n\n    let props: RootComponentProps = {};\n    if (!restProps.disabled) {\n      props.Component = Component;\n      /* eslint-disable */\n      props.onStart = this.onStart;\n      props.onMove = this.onMove;\n      props.onEnd = this.onEnd;\n      props.onClick = onClick;\n      props.onKeyDown = isCustomElement ? this.onKeyDown : onKeyDown;\n      /* eslint-enable */\n      props.getRootRef = this.getRef;\n    } else {\n      props.ref = this.getRef;\n    }\n\n    if (isCustomElement) {\n      props['aria-disabled'] = restProps.disabled;\n    }\n\n    const role: string = restProps.href ? 'link' : 'button';\n\n    return (\n      <TappableContext.Consumer>\n        {({ insideTappable, onEnter, onLeave }) => {\n          return (\n            <TouchRootContext.Consumer>\n              {(insideTouchRoot: boolean) => {\n                this.insideTouchRoot = insideTouchRoot;\n                const touchProps = restProps.disabled ? {} : {\n                  onEnter: () => {\n                    insideTappable && onEnter();\n                    !restProps.disabled && this.onEnter();\n                  },\n                  onLeave: () => {\n                    insideTappable && onLeave();\n                    !restProps.disabled && this.onLeave();\n                  },\n                };\n                return (\n                  <RootComponent\n                    {...touchProps}\n                    type={Component === 'button' ? 'button' : undefined}\n                    tabIndex={isCustomElement && !restProps.disabled ? 0 : undefined}\n                    role={isCustomElement ? role : undefined}\n                    {...restProps}\n                    vkuiClass={classes}\n                    {...props}>\n                    <TappableContext.Provider\n                      value={{\n                        insideTappable: true,\n                        onEnter: () => this.setState({ hasHover: false, hasActive: false }),\n                        onLeave: () => this.setState({ hasHover: propsHasHover, hasActive: propsHasActive }),\n                      }}\n                    >\n                      {children}\n                    </TappableContext.Provider>\n                    {platform === ANDROID && !hasMouse && hasActive && activeMode === 'background' && (\n                      <span aria-hidden=\"true\" vkuiClass=\"Tappable__waves\">\n                        {clicks.map((wave) => (\n                          <Wave {...wave} key={wave.id} onClear={() => this.removeWave(wave.id)} />\n                        ))}\n                      </span>\n                    )}\n                    {hasHover && hoverMode === 'background' && <span aria-hidden=\"true\" vkuiClass=\"Tappable__hoverShadow\" />}\n                    {!restProps.disabled && <FocusVisible mode={focusVisibleMode} />}\n                  </RootComponent>\n                );\n              }}\n            </TouchRootContext.Consumer>\n          );\n        }}\n      </TappableContext.Consumer>\n    );\n  }\n}\n\nexport default withAdaptivity(withPlatform(Tappable), { sizeX: true, hasMouse: true });\n\nfunction Wave({ x, y, onClear }: Wave & { onClear: VoidFunction }) {\n  const timeout = useTimeout(onClear, 225);\n  React.useEffect(() => timeout.set(), []);\n  return <span vkuiClass=\"Tappable__wave\" style={{ top: y, left: x }} />;\n}\n"],"file":"Tappable.js"}