@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1,243 +1,232 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Touch", {
+    enumerable: true,
+    get: function() {
+        return Touch;
+    }
 });
-exports.Touch = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _useEventListener = require("../../hooks/useEventListener");
 var _useExternRef = require("../../hooks/useExternRef");
 var _dom = require("../../lib/dom");
 var _touch = require("../../lib/touch");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var _excluded = ["onStart", "onStartX", "onStartY", "onMove", "onMoveX", "onMoveY", "onLeave", "onEnter", "onEnd", "onEndX", "onEndY", "onClickCapture", "usePointerHover", "slideThreshold", "useCapture", "Component", "getRootRef", "noSlideClick", "stopPropagation"];
-/**
- * @see https://vkcom.github.io/VKUI/#/Touch
- */
-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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useDOM = (0, _dom.useDOM)(),
-    document = _useDOM.document;
-  var events = React.useMemo(_touch.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((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gesture.current), {}, {
-        duration: duration,
-        originalEvent: e
-      }));
-    });
-  };
-  var enterHandler = (0, _useEventListener.useEventListener)(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);
-  var leaveHandler = (0, _useEventListener.useEventListener)(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);
-  var startHandler = (0, _useEventListener.useEventListener)(events[0], function (e) {
-    gesture.current = initGesture((0, _touch.coordX)(e), (0, _touch.coordY)(e));
-    handle(e, [onStart, onStartX, onStartY]);
-    // 1 line, 2 bad specs, 2 workarounds:
-    subscribe((0, _touch.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 = (0, _useExternRef.useExternRef)(getRootRef);
-  (0, _useIsomorphicLayoutEffect.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 = (0, _touch.coordX)(e) - startX;
-      var shiftY = (0, _touch.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
-          });
+var Touch = function(_param) {
+    var onMove = function onMove(e) {
+        var _gesture_current;
+        var _ref = (_gesture_current = gesture.current) !== null && _gesture_current !== void 0 ? _gesture_current : {}, isPressed = _ref.isPressed, isX = _ref.isX, isY = _ref.isY, _ref_startX = _ref.startX, startX = _ref_startX === void 0 ? 0 : _ref_startX, _ref_startY = _ref.startY, startY = _ref_startY === void 0 ? 0 : _ref_startY;
+        if (isPressed) {
+            var _gesture_current1;
+            // смещения
+            var shiftX = (0, _touch.coordX)(e) - startX;
+            var shiftY = (0, _touch.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
+                    });
+                }
+            }
+            if ((_gesture_current1 = gesture.current) === null || _gesture_current1 === void 0 ? void 0 : _gesture_current1.isSlide) {
+                Object.assign(gesture.current, {
+                    shiftX: shiftX,
+                    shiftY: shiftY,
+                    shiftXAbs: shiftXAbs,
+                    shiftYAbs: 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
+    };
+    var onEnd = function onEnd(e) {
+        var _gesture_current;
+        var _ref = (_gesture_current = gesture.current) !== null && _gesture_current !== void 0 ? _gesture_current : {}, isPressed = _ref.isPressed, isSlide = _ref.isSlide, isSlideX = _ref.isSlideX, isSlideY = _ref.isSlideY;
+        if (isPressed) {
+            handle(e, [
+                _onEnd,
+                isSlideY && onEndY,
+                isSlideX && onEndX
+            ]);
+        }
+        var isTouchEnabled = (0, _touch.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();
+    };
+    var subscribe = function subscribe(el) {
+        if (el) {
+            listeners.forEach(function(l) {
+                return l.add(el);
+            });
+        }
+    };
+    var unsubscribe = function unsubscribe() {
+        listeners.forEach(function(l) {
+            return l.remove();
         });
-        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 = (0, _touch.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();
-  }
-  var listenerParams = {
-    capture: useCapture,
-    passive: false
-  };
-  var listeners = [(0, _useEventListener.useEventListener)(events[1], onMove, listenerParams), (0, _useEventListener.useEventListener)(events[2], onEnd, listenerParams), (0, _useEventListener.useEventListener)(events[3], onEnd, listenerParams)];
-  function subscribe(el) {
-    if (el) {
-      listeners.forEach(function (l) {
-        return l.add(el);
-      });
-    }
-  }
-  function unsubscribe() {
-    listeners.forEach(function (l) {
-      return l.remove();
+    };
+    var onStart = _param.onStart, onStartX = _param.onStartX, onStartY = _param.onStartY, _onMove = _param.onMove, onMoveX = _param.onMoveX, onMoveY = _param.onMoveY, onLeave = _param.onLeave, onEnter = _param.onEnter, _onEnd = _param.onEnd, onEndX = _param.onEndX, onEndY = _param.onEndY, onClickCapture = _param.onClickCapture, usePointerHover = _param.usePointerHover, _param_slideThreshold = _param.slideThreshold, slideThreshold = _param_slideThreshold === void 0 ? 5 : _param_slideThreshold, _param_useCapture = _param.useCapture, useCapture = _param_useCapture === void 0 ? false : _param_useCapture, _param_Component = _param.Component, Component = _param_Component === void 0 ? "div" : _param_Component, getRootRef = _param.getRootRef, _param_noSlideClick = _param.noSlideClick, noSlideClick = _param_noSlideClick === void 0 ? false : _param_noSlideClick, _param_stopPropagation = _param.stopPropagation, stopPropagation = _param_stopPropagation === void 0 ? false : _param_stopPropagation, restProps = _objectWithoutProperties(_param, [
+        "onStart",
+        "onStartX",
+        "onStartY",
+        "onMove",
+        "onMoveX",
+        "onMoveY",
+        "onLeave",
+        "onEnter",
+        "onEnd",
+        "onEndX",
+        "onEndY",
+        "onClickCapture",
+        "usePointerHover",
+        "slideThreshold",
+        "useCapture",
+        "Component",
+        "getRootRef",
+        "noSlideClick",
+        "stopPropagation"
+    ]);
+    var document = (0, _dom.useDOM)().document;
+    var events = _react.useMemo(_touch.getSupportedEvents, []);
+    var didSlide = _react.useRef(false);
+    var gesture = _react.useRef(null);
+    var handle = function(e, handlers) {
+        stopPropagation && e.stopPropagation();
+        handlers.forEach(function(cb) {
+            var _gesture_current, _gesture_current_startT;
+            var _gesture_current_startT_getTime;
+            var duration = Date.now() - ((_gesture_current_startT_getTime = (_gesture_current = gesture.current) === null || _gesture_current === void 0 ? void 0 : (_gesture_current_startT = _gesture_current.startT) === null || _gesture_current_startT === void 0 ? void 0 : _gesture_current_startT.getTime()) !== null && _gesture_current_startT_getTime !== void 0 ? _gesture_current_startT_getTime : 0);
+            cb && cb(_objectSpreadProps(_objectSpread({}, gesture.current), {
+                duration: duration,
+                originalEvent: e
+            }));
+        });
+    };
+    var enterHandler = (0, _useEventListener.useEventListener)(usePointerHover ? "pointerenter" : "mouseenter", onEnter);
+    var leaveHandler = (0, _useEventListener.useEventListener)(usePointerHover ? "pointerleave" : "mouseleave", onLeave);
+    var startHandler = (0, _useEventListener.useEventListener)(events[0], function(e) {
+        gesture.current = initGesture((0, _touch.coordX)(e), (0, _touch.coordY)(e));
+        handle(e, [
+            onStart,
+            onStartX,
+            onStartY
+        ]);
+        // 1 line, 2 bad specs, 2 workarounds:
+        subscribe((0, _touch.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 containerRef = (0, _useExternRef.useExternRef)(getRootRef);
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        var el = containerRef.current;
+        if (el) {
+            enterHandler.add(el);
+            leaveHandler.add(el);
+            startHandler.add(el);
+        }
+    }, [
+        Component
+    ]);
+    var listenerParams = {
+        capture: useCapture,
+        passive: false
+    };
+    var listeners = [
+        (0, _useEventListener.useEventListener)(events[1], onMove, listenerParams),
+        (0, _useEventListener.useEventListener)(events[2], onEnd, listenerParams),
+        (0, _useEventListener.useEventListener)(events[3], onEnd, listenerParams)
+    ];
+    /**
    * Обработчик событий dragstart
    * Отменяет нативное браузерное поведение для вложенных ссылок и изображений
-   */
-  var onDragStart = function onDragStart(e) {
-    var target = e.target;
-    if (target.tagName === 'A' || target.tagName === 'IMG') {
-      e.preventDefault();
-    }
-  };
-
-  /**
+   */ var onDragStart = function(e) {
+        var 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, (0, _extends2.default)({}, restProps, {
-    onDragStart: onDragStart,
-    onClickCapture: postGestureClick,
-    ref: containerRef
-  }));
+   */ var postGestureClick = function(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, _objectSpreadProps(_objectSpread({}, restProps), {
+        onDragStart: onDragStart,
+        onClickCapture: postGestureClick,
+        ref: containerRef
+    }));
 };
-exports.Touch = Touch;
 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: 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
+    };
 }
+
 //# sourceMappingURL=Touch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Touch.js","names":["Touch","onStart","onStartX","onStartY","_onMove","onMove","onMoveX","onMoveY","onLeave","onEnter","_onEnd","onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","useDOM","document","events","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","useEventListener","leaveHandler","startHandler","initGesture","coordX","coordY","subscribe","touchEnabled","target","capture","passive","containerRef","useExternRef","useIsomorphicLayoutEffect","el","add","isPressed","isX","isY","startX","startY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","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":["Touch","onMove","e","gesture","current","isPressed","isX","isY","startX","startY","shiftX","coordX","shiftY","coordY","shiftXAbs","Math","abs","shiftYAbs","touches","length","onEnd","willBeX","slideThreshold","willBeY","willBeSlidedX","onMoveX","_onMove","willBeSlidedY","onMoveY","Object","assign","isSlideX","isSlideY","isSlide","handle","_onEnd","onEndY","onEndX","isTouchEnabled","touchEnabled","didSlide","Boolean","onLeave","unsubscribe","subscribe","el","listeners","forEach","l","add","remove","onStart","onStartX","onStartY","onEnter","onClickCapture","usePointerHover","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","useDOM","events","React","useMemo","getSupportedEvents","useRef","handlers","cb","duration","Date","now","startT","getTime","originalEvent","enterHandler","useEventListener","leaveHandler","startHandler","initGesture","target","capture","passive","containerRef","useExternRef","useIsomorphicLayoutEffect","listenerParams","onDragStart","tagName","preventDefault","postGestureClick","ref"],"mappings":"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"}

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

@@ -1,18 +1,20 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, // eslint-disable-next-line import/no-default-export
+"default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
 });
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 /**
  * Контекст для компонентов, использующих Touch в качестве корневой обёртки,
  * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов
- */
-var TouchRootContext = /*#__PURE__*/React.createContext(false);
-
-// eslint-disable-next-line import/no-default-export
+ */ var TouchRootContext = _react.createContext(false);
 var _default = TouchRootContext;
-exports.default = _default;
+
 //# sourceMappingURL=TouchContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TouchContext.js","names":["TouchRootContext","React","createContext"],"sources":["../../../../src/components/Touch/TouchContext.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> = React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA,IAAMA,gBAAwC,gBAAGC,KAAK,CAACC,aAAa,CAAU,KAAK,CAAC;;AAEpF;AAAA,eACeF,gBAAgB;AAAA"}
+{"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":["TouchRootContext","React","createContext"],"mappings":";;;;+BAQA,oDAAoD;AACpD;;;eAAA;;;;2DATuB;AAEvB;;;CAGC,GACD,IAAMA,mBAA2CC,OAAMC,aAAa,CAAU,KAAK;IAGnF,WAAeF"}

package/dist/cjs/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