@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/components/Touch/Touch.js

@@ -1,7 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onStart", "onStartX", "onStartY", "onMove", "onMoveX", "onMoveY", "onLeave", "onEnter", "onEnd", "onEndX", "onEndY", "onClickCapture", "usePointerHover", "slideThreshold", "useCapture", "Component", "getRootRef", "noSlideClick", "stopPropagation"];
 import * as React from 'react';
 import { useEventListener } from '../../hooks/useEventListener';
 import { useExternRef } from '../../hooks/useExternRef';
@@ -10,225 +6,187 @@ import { coordX, coordY, getSupportedEvents, touchEnabled } from '../../lib/touc
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 /**
  * @see https://vkcom.github.io/VKUI/#/Touch
- */
-export var Touch = function Touch(_ref) {
-  var onStart = _ref.onStart,
-    onStartX = _ref.onStartX,
-    onStartY = _ref.onStartY,
-    _onMove = _ref.onMove,
-    onMoveX = _ref.onMoveX,
-    onMoveY = _ref.onMoveY,
-    onLeave = _ref.onLeave,
-    onEnter = _ref.onEnter,
-    _onEnd = _ref.onEnd,
-    onEndX = _ref.onEndX,
-    onEndY = _ref.onEndY,
-    onClickCapture = _ref.onClickCapture,
-    usePointerHover = _ref.usePointerHover,
-    _ref$slideThreshold = _ref.slideThreshold,
-    slideThreshold = _ref$slideThreshold === void 0 ? 5 : _ref$slideThreshold,
-    _ref$useCapture = _ref.useCapture,
-    useCapture = _ref$useCapture === void 0 ? false : _ref$useCapture,
-    _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'div' : _ref$Component,
-    getRootRef = _ref.getRootRef,
-    _ref$noSlideClick = _ref.noSlideClick,
-    noSlideClick = _ref$noSlideClick === void 0 ? false : _ref$noSlideClick,
-    _ref$stopPropagation = _ref.stopPropagation,
-    stopPropagation = _ref$stopPropagation === void 0 ? false : _ref$stopPropagation,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useDOM = useDOM(),
-    document = _useDOM.document;
-  var events = React.useMemo(getSupportedEvents, []);
-  var didSlide = React.useRef(false);
-  var gesture = React.useRef(null);
-  var handle = function handle(e, handlers) {
-    stopPropagation && e.stopPropagation();
-    handlers.forEach(function (cb) {
-      var _gesture$current$star, _gesture$current, _gesture$current$star2;
-      var duration = Date.now() - ((_gesture$current$star = (_gesture$current = gesture.current) === null || _gesture$current === void 0 ? void 0 : (_gesture$current$star2 = _gesture$current.startT) === null || _gesture$current$star2 === void 0 ? void 0 : _gesture$current$star2.getTime()) !== null && _gesture$current$star !== void 0 ? _gesture$current$star : 0);
-      cb && cb(_objectSpread(_objectSpread({}, gesture.current), {}, {
-        duration: duration,
-        originalEvent: e
-      }));
+ */ export const Touch = ({ onStart , onStartX , onStartY , onMove: _onMove , onMoveX , onMoveY , onLeave , onEnter , onEnd: _onEnd , onEndX , onEndY , onClickCapture , usePointerHover , slideThreshold =5 , useCapture =false , Component ='div' , getRootRef , noSlideClick =false , stopPropagation =false , ...restProps })=>{
+    const { document  } = useDOM();
+    const events = React.useMemo(getSupportedEvents, []);
+    const didSlide = React.useRef(false);
+    const gesture = React.useRef(null);
+    const handle = (e, handlers)=>{
+        stopPropagation && e.stopPropagation();
+        handlers.forEach((cb)=>{
+            const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);
+            cb && cb({
+                ...gesture.current,
+                duration,
+                originalEvent: e
+            });
+        });
+    };
+    const enterHandler = useEventListener(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);
+    const leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);
+    const startHandler = useEventListener(events[0], (e)=>{
+        gesture.current = initGesture(coordX(e), coordY(e));
+        handle(e, [
+            onStart,
+            onStartX,
+            onStartY
+        ]);
+        // 1 line, 2 bad specs, 2 workarounds:
+        subscribe(touchEnabled() ? // see: #235, #1968, https://stackoverflow.com/a/45760014
+        e.target : // if pointer goes outside container.
+        // Can be fixed by PointerEvents' setPointerCapture later
+        document);
+    }, {
+        capture: useCapture,
+        passive: false
     });
-  };
-  var enterHandler = useEventListener(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);
-  var leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);
-  var startHandler = useEventListener(events[0], function (e) {
-    gesture.current = initGesture(coordX(e), coordY(e));
-    handle(e, [onStart, onStartX, onStartY]);
-    // 1 line, 2 bad specs, 2 workarounds:
-    subscribe(touchEnabled() ?
-    // Touch events fire on initial target, and won't bubble if its removed
-    // see: #235, #1968, https://stackoverflow.com/a/45760014
-    e.target :
-    // Mouse events fire on the element under pointer, so we lose move / end
-    // if pointer goes outside container.
-    // Can be fixed by PointerEvents' setPointerCapture later
-    document);
-  }, {
-    capture: useCapture,
-    passive: false
-  });
-  var containerRef = useExternRef(getRootRef);
-  useIsomorphicLayoutEffect(function () {
-    var el = containerRef.current;
-    if (el) {
-      enterHandler.add(el);
-      leaveHandler.add(el);
-      startHandler.add(el);
-    }
-  }, [Component]);
-  function onMove(e) {
-    var _gesture$current2;
-    var _ref2 = (_gesture$current2 = gesture.current) !== null && _gesture$current2 !== void 0 ? _gesture$current2 : {},
-      isPressed = _ref2.isPressed,
-      isX = _ref2.isX,
-      isY = _ref2.isY,
-      _ref2$startX = _ref2.startX,
-      startX = _ref2$startX === void 0 ? 0 : _ref2$startX,
-      _ref2$startY = _ref2.startY,
-      startY = _ref2$startY === void 0 ? 0 : _ref2$startY;
-    if (isPressed) {
-      var _gesture$current3;
-      // смещения
-      var shiftX = coordX(e) - startX;
-      var shiftY = coordY(e) - startY;
-
-      // абсолютные значения смещений
-      var shiftXAbs = Math.abs(shiftX);
-      var shiftYAbs = Math.abs(shiftY);
-
-      // Если определяем мультитач, то прерываем жест
-      if (!!e.touches && e.touches.length > 1) {
-        return onEnd(e);
-      }
-
-      // если мы ещё не определились
-      if (!isX && !isY) {
-        var willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;
-        var willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;
-        var willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);
-        var willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);
-        if (gesture.current) {
-          Object.assign(gesture.current, {
-            isY: willBeY,
-            isX: willBeX,
-            isSlideX: willBeSlidedX,
-            isSlideY: willBeSlidedY,
-            isSlide: willBeSlidedX || willBeSlidedY
-          });
+    const containerRef = useExternRef(getRootRef);
+    useIsomorphicLayoutEffect(()=>{
+        const el = containerRef.current;
+        if (el) {
+            enterHandler.add(el);
+            leaveHandler.add(el);
+            startHandler.add(el);
+        }
+    }, [
+        Component
+    ]);
+    function onMove(e) {
+        const { isPressed , isX , isY , startX =0 , startY =0  } = gesture.current ?? {};
+        if (isPressed) {
+            // смещения
+            const shiftX = coordX(e) - startX;
+            const shiftY = coordY(e) - startY;
+            // абсолютные значения смещений
+            const shiftXAbs = Math.abs(shiftX);
+            const shiftYAbs = Math.abs(shiftY);
+            // Если определяем мультитач, то прерываем жест
+            if (!!e.touches && e.touches.length > 1) {
+                return onEnd(e);
+            }
+            // если мы ещё не определились
+            if (!isX && !isY) {
+                const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;
+                const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;
+                const willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);
+                const willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);
+                if (gesture.current) {
+                    Object.assign(gesture.current, {
+                        isY: willBeY,
+                        isX: willBeX,
+                        isSlideX: willBeSlidedX,
+                        isSlideY: willBeSlidedY,
+                        isSlide: willBeSlidedX || willBeSlidedY
+                    });
+                }
+            }
+            if (gesture.current?.isSlide) {
+                Object.assign(gesture.current, {
+                    shiftX,
+                    shiftY,
+                    shiftXAbs,
+                    shiftYAbs
+                });
+                handle(e, [
+                    _onMove,
+                    gesture.current.isSlideX && onMoveX,
+                    gesture.current.isSlideY && onMoveY
+                ]);
+            }
         }
-      }
-      if ((_gesture$current3 = gesture.current) !== null && _gesture$current3 !== void 0 && _gesture$current3.isSlide) {
-        Object.assign(gesture.current, {
-          shiftX: shiftX,
-          shiftY: shiftY,
-          shiftXAbs: shiftXAbs,
-          shiftYAbs: shiftYAbs
-        });
-        handle(e, [_onMove, gesture.current.isSlideX && onMoveX, gesture.current.isSlideY && onMoveY]);
-      }
-    }
-  }
-  function onEnd(e) {
-    var _gesture$current4;
-    var _ref3 = (_gesture$current4 = gesture.current) !== null && _gesture$current4 !== void 0 ? _gesture$current4 : {},
-      isPressed = _ref3.isPressed,
-      isSlide = _ref3.isSlide,
-      isSlideX = _ref3.isSlideX,
-      isSlideY = _ref3.isSlideY;
-    if (isPressed) {
-      handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);
     }
-    var isTouchEnabled = touchEnabled();
-    if (isTouchEnabled && isSlide) {
-      // https://github.com/VKCOM/VKUI/issues/4414
-      // если тач-устройство и был зафиксирован touchmove,
-      // то событие клика не вызывается
-      didSlide.current = false;
-    } else {
-      didSlide.current = Boolean(isSlide);
+    function onEnd(e) {
+        const { isPressed , isSlide , isSlideX , isSlideY  } = gesture.current ?? {};
+        if (isPressed) {
+            handle(e, [
+                _onEnd,
+                isSlideY && onEndY,
+                isSlideX && onEndX
+            ]);
+        }
+        const isTouchEnabled = touchEnabled();
+        if (isTouchEnabled && isSlide) {
+            // https://github.com/VKCOM/VKUI/issues/4414
+            // если тач-устройство и был зафиксирован touchmove,
+            // то событие клика не вызывается
+            didSlide.current = false;
+        } else {
+            didSlide.current = Boolean(isSlide);
+        }
+        gesture.current = {};
+        // Если это был тач-евент, симулируем отмену hover
+        if (isTouchEnabled) {
+            onLeave && onLeave(e);
+        }
+        unsubscribe();
     }
-    gesture.current = {};
-
-    // Если это был тач-евент, симулируем отмену hover
-    if (isTouchEnabled) {
-      onLeave && onLeave(e);
+    const listenerParams = {
+        capture: useCapture,
+        passive: false
+    };
+    const listeners = [
+        useEventListener(events[1], onMove, listenerParams),
+        useEventListener(events[2], onEnd, listenerParams),
+        useEventListener(events[3], onEnd, listenerParams)
+    ];
+    function subscribe(el) {
+        if (el) {
+            listeners.forEach((l)=>l.add(el));
+        }
     }
-    unsubscribe();
-  }
-  var listenerParams = {
-    capture: useCapture,
-    passive: false
-  };
-  var listeners = [useEventListener(events[1], onMove, listenerParams), useEventListener(events[2], onEnd, listenerParams), useEventListener(events[3], onEnd, listenerParams)];
-  function subscribe(el) {
-    if (el) {
-      listeners.forEach(function (l) {
-        return l.add(el);
-      });
+    function unsubscribe() {
+        listeners.forEach((l)=>l.remove());
     }
-  }
-  function unsubscribe() {
-    listeners.forEach(function (l) {
-      return l.remove();
-    });
-  }
-
-  /**
+    /**
    * Обработчик событий dragstart
    * Отменяет нативное браузерное поведение для вложенных ссылок и изображений
-   */
-  var onDragStart = function onDragStart(e) {
-    var target = e.target;
-    if (target.tagName === 'A' || target.tagName === 'IMG') {
-      e.preventDefault();
-    }
-  };
-
-  /**
+   */ const onDragStart = (e)=>{
+        const target = e.target;
+        if (target.tagName === 'A' || target.tagName === 'IMG') {
+            e.preventDefault();
+        }
+    };
+    /**
    * Обработчик клика по компоненту
    * Отменяет переход по вложенной ссылке, если был зафиксирован свайп
-   */
-  var postGestureClick = function postGestureClick(e) {
-    if (!didSlide.current) {
-      return onClickCapture && onClickCapture(e);
-    }
-    if (noSlideClick) {
-      e.stopPropagation();
-
-      // https://github.com/VKCOM/VKUI/issues/1977
-      // https://github.com/VKCOM/VKUI/issues/3892
-      e.preventDefault();
-    } else {
-      onClickCapture && onClickCapture(e);
-    }
-    didSlide.current = false;
-  };
-  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
-    onDragStart: onDragStart,
-    onClickCapture: postGestureClick,
-    ref: containerRef
-  }));
+   */ const postGestureClick = (e)=>{
+        if (!didSlide.current) {
+            return onClickCapture && onClickCapture(e);
+        }
+        if (noSlideClick) {
+            e.stopPropagation();
+            // https://github.com/VKCOM/VKUI/issues/1977
+            // https://github.com/VKCOM/VKUI/issues/3892
+            e.preventDefault();
+        } else {
+            onClickCapture && onClickCapture(e);
+        }
+        didSlide.current = false;
+    };
+    return /*#__PURE__*/ React.createElement(Component, {
+        ...restProps,
+        onDragStart: onDragStart,
+        onClickCapture: postGestureClick,
+        ref: containerRef
+    });
 };
 function initGesture(startX, startY) {
-  return {
-    startX: startX,
-    startY: startY,
-    startT: new Date(),
-    duration: 0,
-    isPressed: true,
-    isY: false,
-    isX: false,
-    isSlideX: false,
-    isSlideY: false,
-    isSlide: false,
-    shiftX: 0,
-    shiftY: 0,
-    shiftXAbs: 0,
-    shiftYAbs: 0
-  };
+    return {
+        startX,
+        startY,
+        startT: new Date(),
+        duration: 0,
+        isPressed: true,
+        isY: false,
+        isX: false,
+        isSlideX: false,
+        isSlideY: false,
+        isSlide: false,
+        shiftX: 0,
+        shiftY: 0,
+        shiftXAbs: 0,
+        shiftYAbs: 0
+    };
 }
+
 //# sourceMappingURL=Touch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Touch.js","names":["React","useEventListener","useExternRef","useDOM","coordX","coordY","getSupportedEvents","touchEnabled","useIsomorphicLayoutEffect","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","useMemo","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","isTouchEnabled","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick"],"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDOM } from '../../lib/dom';\nimport { coordX, coordY, getSupportedEvents, touchEnabled, VKUITouchEvent } from '../../lib/touch';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\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 = (e: VKUITouchEvent, handlers: Array<TouchEventHandler | undefined | false>) => {\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(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);\n  const leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);\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 { isPressed, isX, isY, startX = 0, startY = 0 } = 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        if (gesture.current) {\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\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    const isTouchEnabled = touchEnabled();\n\n    if (isTouchEnabled && isSlide) {\n      // https://github.com/VKCOM/VKUI/issues/4414\n      // если тач-устройство и был зафиксирован touchmove,\n      // то событие клика не вызывается\n      didSlide.current = false;\n    } else {\n      didSlide.current = Boolean(isSlide);\n    }\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (isTouchEnabled) {\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\n    if (noSlideClick) {\n      e.stopPropagation();\n\n      // https://github.com/VKCOM/VKUI/issues/1977\n      // https://github.com/VKCOM/VKUI/issues/3892\n      e.preventDefault();\n    } else {\n      onClickCapture && onClickCapture(e);\n    }\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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"}
+{"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDOM } from '../../lib/dom';\nimport { coordX, coordY, getSupportedEvents, touchEnabled, VKUITouchEvent } from '../../lib/touch';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\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 = (e: VKUITouchEvent, handlers: Array<TouchEventHandler | undefined | false>) => {\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(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);\n  const leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);\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 { isPressed, isX, isY, startX = 0, startY = 0 } = 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        if (gesture.current) {\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\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    const isTouchEnabled = touchEnabled();\n\n    if (isTouchEnabled && isSlide) {\n      // https://github.com/VKCOM/VKUI/issues/4414\n      // если тач-устройство и был зафиксирован touchmove,\n      // то событие клика не вызывается\n      didSlide.current = false;\n    } else {\n      didSlide.current = Boolean(isSlide);\n    }\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (isTouchEnabled) {\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\n    if (noSlideClick) {\n      e.stopPropagation();\n\n      // https://github.com/VKCOM/VKUI/issues/1977\n      // https://github.com/VKCOM/VKUI/issues/3892\n      e.preventDefault();\n    } else {\n      onClickCapture && onClickCapture(e);\n    }\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"],"names":["React","useEventListener","useExternRef","useDOM","coordX","coordY","getSupportedEvents","touchEnabled","useIsomorphicLayoutEffect","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","useMemo","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","isTouchEnabled","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","ref"],"mappings":"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"}

package/dist/cssm/components/Touch/TouchContext.js

@@ -1,11 +1,9 @@
 import * as React from 'react';
-
 /**
  * Контекст для компонентов, использующих Touch в качестве корневой обёртки,
  * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов
- */
-var TouchRootContext = /*#__PURE__*/React.createContext(false);
-
+ */ const TouchRootContext = React.createContext(false);
 // eslint-disable-next-line import/no-default-export
 export default TouchRootContext;
+
 //# sourceMappingURL=TouchContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TouchContext.js","names":["React","TouchRootContext","createContext"],"sources":["../../../../src/components/Touch/TouchContext.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> = React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA;AACA,IAAMC,gBAAwC,gBAAGD,KAAK,CAACE,aAAa,CAAU,KAAK,CAAC;;AAEpF;AACA,eAAeD,gBAAgB"}
+{"version":3,"sources":["../../../../src/components/Touch/TouchContext.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> = React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"names":["React","TouchRootContext","createContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B;;;CAGC,GACD,MAAMC,mBAA2CD,MAAME,aAAa,CAAU,KAAK;AAEnF,oDAAoD;AACpD,eAAeD,iBAAiB"}

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

@@ -1,12 +1,7 @@
-import * as React from 'react';
-import { HasComponent } from '../../../types';
-export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
-    /**
-     * Задаёт начертание шрифта отличное от стандартного.
-     */
-    weight?: '1' | '2' | '3';
+/// <reference types="react" />
+import { HasCaps, TypographyProps } from '../types';
+export interface CaptionProps extends TypographyProps, HasCaps {
     level?: '1' | '2' | '3';
-    caps?: boolean;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Caption

package/dist/cssm/components/Typography/Caption/Caption.js

@@ -1,32 +1,21 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "weight", "level", "caps", "Component"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import "./Caption.module.css";
+import styles from './Caption.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Caption
- */
-export var Caption = function Caption(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    weight = _ref.weight,
-    _ref$level = _ref.level,
-    level = _ref$level === void 0 ? '1' : _ref$level,
-    caps = _ref.caps,
-    _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'span' : _ref$Component,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
-    className: classNames(className, "vkuiCaption", styles["Caption--level-".concat(level)], caps && "vkuiCaption--caps", weight && styles["Caption--weight-".concat(weight)])
-  }), children);
-};
-var styles = {
-  "Caption--level-1": "vkuiCaption--level-1",
-  "Caption--level-2": "vkuiCaption--level-2",
-  "Caption--level-3": "vkuiCaption--level-3",
-  "Caption--weight-1": "vkuiCaption--weight-1",
-  "Caption--weight-2": "vkuiCaption--weight-2",
-  "Caption--weight-3": "vkuiCaption--weight-3"
+ */ export const Caption = ({ className , children , weight , level ='1' , caps , Component ='span' , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement(Component, {
+        ...restProps,
+        className: classNames(className, styles['Caption'], caps && styles['Caption--caps'], {
+            '1': styles['Caption--level-1'],
+            '2': styles['Caption--level-2'],
+            '3': styles['Caption--level-3']
+        }[level], weight && ({
+            '1': styles['Caption--weight-1'],
+            '2': styles['Caption--weight-2'],
+            '3': styles['Caption--weight-3']
+        })[weight])
+    }, children);
 };
+
 //# sourceMappingURL=Caption.js.map

package/dist/cssm/components/Typography/Caption/Caption.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caption.js","names":["React","classNames","Caption","className","children","weight","level","caps","Component","restProps","styles"],"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent } from '../../../types';\nimport styles from './Caption.module.css';\n\nexport interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n  level?: '1' | '2' | '3';\n  caps?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  className,\n  children,\n  weight,\n  level = '1',\n  caps,\n  Component = 'span',\n  ...restProps\n}: CaptionProps) => {\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        className,\n        styles['Caption'],\n        styles[`Caption--level-${level}`],\n        caps && styles['Caption--caps'],\n        weight && styles[`Caption--weight-${weight}`],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAAC;AAa7C;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAO,OAQA;EAAA,IAPlBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,kBACNC,KAAK;IAALA,KAAK,2BAAG,GAAG;IACXC,IAAI,QAAJA,IAAI;IAAA,sBACJC,SAAS;IAATA,SAAS,+BAAG,MAAM;IACfC,SAAS;EAEZ,oBACE,oBAAC,SAAS,eACJA,SAAS;IACb,SAAS,EAAER,UAAU,CACnBE,SAAS,iBAETO,MAAM,0BAAmBJ,KAAK,EAAG,EACjCC,IAAI,uBAA2B,EAC/BF,MAAM,IAAIK,MAAM,2BAAoBL,MAAM,EAAG;EAC7C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, TypographyProps } from '../types';\nimport styles from './Caption.module.css';\n\nexport interface CaptionProps extends TypographyProps, HasCaps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  className,\n  children,\n  weight,\n  level = '1',\n  caps,\n  Component = 'span',\n  ...restProps\n}: CaptionProps) => {\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        className,\n        styles['Caption'],\n        caps && styles['Caption--caps'],\n        {\n          '1': styles['Caption--level-1'],\n          '2': styles['Caption--level-2'],\n          '3': styles['Caption--level-3'],\n        }[level],\n        weight &&\n          {\n            '1': styles['Caption--weight-1'],\n            '2': styles['Caption--weight-2'],\n            '3': styles['Caption--weight-3'],\n          }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","styles","Caption","className","children","weight","level","caps","Component","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,uBAAuB;AAM1C;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,UAAS,EACTC,SAAQ,EACRC,OAAM,EACNC,OAAQ,IAAG,EACXC,KAAI,EACJC,WAAY,OAAM,EAClB,GAAGC,WACU,GAAK;IAClB,qBACE,oBAACD;QACE,GAAGC,SAAS;QACbN,WAAWH,WACTG,WACAF,MAAM,CAAC,UAAU,EACjBM,QAAQN,MAAM,CAAC,gBAAgB,EAC/B;YACE,KAAKA,MAAM,CAAC,mBAAmB;YAC/B,KAAKA,MAAM,CAAC,mBAAmB;YAC/B,KAAKA,MAAM,CAAC,mBAAmB;QACjC,CAAC,CAACK,MAAM,EACRD,UACE,CAAA;YACE,KAAKJ,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;QAClC,CAAA,CAAC,CAACI,OAAO;OAGZD;AAGP,EAAE"}

package/dist/cssm/components/Typography/Footnote/Footnote.d.ts

@@ -1,11 +1,6 @@
-import * as React from 'react';
-import { HasComponent } from '../../../types';
-export interface FootnoteProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
-    /**
-     * Задаёт начертание шрифта отличное от стандартного.
-     */
-    weight?: '1' | '2' | '3';
-    caps?: boolean;
+/// <reference types="react" />
+import { HasCaps, TypographyProps } from '../types';
+export interface FootnoteProps extends TypographyProps, HasCaps {
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Footnote