@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/Touch/Touch.js

@@ -1,234 +1,223 @@
-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';
-import { useDOM } from '../../lib/dom';
-import { coordX, coordY, getSupportedEvents, touchEnabled } from '../../lib/touch';
-import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { useEventListener } from "../../hooks/useEventListener";
+import { useExternRef } from "../../hooks/useExternRef";
+import { useDOM } from "../../lib/dom";
+import { coordX, coordY, getSupportedEvents, touchEnabled } from "../../lib/touch";
+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
-      }));
-    });
-  };
-  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
-          });
+ */ export 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 = 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
+                    });
+                }
+            }
+            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
+                ]);
+            }
+        }
+    };
+    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
+            ]);
         }
-      }
-      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 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();
+    };
+    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 = 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 = [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(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 = _object_without_properties(_param, [
+        "onStart",
+        "onStartX",
+        "onStartY",
+        "onMove",
+        "onMoveX",
+        "onMoveY",
+        "onLeave",
+        "onEnter",
+        "onEnd",
+        "onEndX",
+        "onEndY",
+        "onClickCapture",
+        "usePointerHover",
+        "slideThreshold",
+        "useCapture",
+        "Component",
+        "getRootRef",
+        "noSlideClick",
+        "stopPropagation"
+    ]);
+    var document = useDOM().document;
+    var events = React.useMemo(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(_object_spread_props(_object_spread({}, gesture.current), {
+                duration: duration,
+                originalEvent: e
+            }));
+        });
+    };
+    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() ? // 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 = useExternRef(getRootRef);
+    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 = [
+        useEventListener(events[1], onMove, listenerParams),
+        useEventListener(events[2], onEnd, listenerParams),
+        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, _extends({}, 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, _object_spread_props(_object_spread({}, 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: 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/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","onMove","e","gesture","current","isPressed","isX","isY","startX","startY","shiftX","shiftY","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","didSlide","Boolean","onLeave","unsubscribe","subscribe","el","listeners","forEach","l","add","remove","onStart","onStartX","onStartY","onEnter","onClickCapture","usePointerHover","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","events","useMemo","useRef","handlers","cb","duration","Date","now","startT","getTime","originalEvent","enterHandler","leaveHandler","startHandler","initGesture","target","capture","passive","containerRef","listenerParams","onDragStart","tagName","preventDefault","postGestureClick","ref"],"mappings":"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"}

package/dist/components/Touch/TouchContext.js

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

package/dist/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,IAAMC,mBAA2CD,MAAME,aAAa,CAAU,KAAK;AAEnF,oDAAoD;AACpD,eAAeD,iBAAiB"}

package/dist/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/components/Typography/Caption/Caption.js

@@ -1,31 +1,30 @@
-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 _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
 /**
  * @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 var Caption = function(_param) {
+    var className = _param.className, children = _param.children, weight = _param.weight, _param_level = _param.level, level = _param_level === void 0 ? "1" : _param_level, caps = _param.caps, _param_Component = _param.Component, Component = _param_Component === void 0 ? "span" : _param_Component, restProps = _object_without_properties(_param, [
+        "className",
+        "children",
+        "weight",
+        "level",
+        "caps",
+        "Component"
+    ]);
+    return /*#__PURE__*/ React.createElement(Component, _object_spread_props(_object_spread({}, restProps), {
+        className: classNames(className, "vkuiCaption", caps && "vkuiCaption--caps", {
+            "1": "vkuiCaption--level-1",
+            "2": "vkuiCaption--level-2",
+            "3": "vkuiCaption--level-3"
+        }[level], weight && ({
+            "1": "vkuiCaption--weight-1",
+            "2": "vkuiCaption--weight-2",
+            "3": "vkuiCaption--weight-3"
+        })[weight])
+    }), children);
 };
+
 //# sourceMappingURL=Caption.js.map