@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cjs/components/PullToRefresh/PullToRefresh.js

@@ -1,234 +1,239 @@
 "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, "PullToRefresh", {
+    enumerable: true,
+    get: function() {
+        return PullToRefresh;
+    }
 });
-exports.PullToRefresh = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+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 _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _math = require("../../helpers/math");
 var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
 var _usePlatform = require("../../hooks/usePlatform");
 var _usePrevious = require("../../hooks/usePrevious");
-var _useTimeout2 = require("../../hooks/useTimeout");
+var _useTimeout = require("../../hooks/useTimeout");
 var _dom = require("../../lib/dom");
 var _platform = require("../../lib/platform");
 var _taptic = require("../../lib/taptic");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var _ScrollContext = require("../AppRoot/ScrollContext");
-var _FixedLayout = require("../FixedLayout/FixedLayout");
-var _Touch = require("../Touch/Touch");
-var _TouchContext = _interopRequireDefault(require("../Touch/TouchContext"));
-var _PullToRefreshSpinner = require("./PullToRefreshSpinner");
-var _excluded = ["children", "isFetching", "onRefresh", "className"];
+var _scrollContext = require("../AppRoot/ScrollContext");
+var _fixedLayout = require("../FixedLayout/FixedLayout");
+var _touch = require("../Touch/Touch");
+var _touchContext = /*#__PURE__*/ _interopRequireDefault(require("../Touch/TouchContext"));
+var _pullToRefreshSpinner = require("./PullToRefreshSpinner");
 function cancelEvent(event) {
-  if (!event) {
+    if (!event) {
+        return false;
+    }
+    while(event.originalEvent){
+        event = event.originalEvent;
+    }
+    if (event.preventDefault && event.cancelable) {
+        event.preventDefault();
+    }
+    if (event.stopPropagation) {
+        event.stopPropagation();
+    }
     return false;
-  }
-  while (event.originalEvent) {
-    event = event.originalEvent;
-  }
-  if (event.preventDefault && event.cancelable) {
-    event.preventDefault();
-  }
-  if (event.stopPropagation) {
-    event.stopPropagation();
-  }
-  return false;
 }
 var TOUCH_MOVE_EVENT_PARAMS = {
-  cancelable: true,
-  passive: false
+    cancelable: true,
+    passive: false
 };
-
-/**
- * @see https://vkcom.github.io/VKUI/#/PullToRefresh
- */
-var PullToRefresh = function PullToRefresh(_ref) {
-  var children = _ref.children,
-    isFetching = _ref.isFetching,
-    onRefresh = _ref.onRefresh,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
-  var scroll = (0, _ScrollContext.useScroll)();
-  var _useDOM = (0, _dom.useDOM)(),
-    document = _useDOM.document;
-  var prevIsFetching = (0, _usePrevious.usePrevious)(isFetching);
-  var initParams = React.useMemo(function () {
-    return {
-      start: platform === _platform.Platform.IOS ? -10 : -45,
-      max: platform === _platform.Platform.IOS ? 50 : 80,
-      maxY: platform === _platform.Platform.IOS ? 400 : 80,
-      refreshing: platform === _platform.Platform.IOS ? 36 : 50,
-      positionMultiplier: platform === _platform.Platform.IOS ? 0.21 : 1
+var PullToRefresh = function(_param) {
+    var children = _param.children, isFetching = _param.isFetching, onRefresh = _param.onRefresh, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "children",
+        "isFetching",
+        "onRefresh",
+        "className"
+    ]);
+    var platform = (0, _usePlatform.usePlatform)();
+    var scroll = (0, _scrollContext.useScroll)();
+    var document = (0, _dom.useDOM)().document;
+    var prevIsFetching = (0, _usePrevious.usePrevious)(isFetching);
+    var initParams = _react.useMemo(function() {
+        return {
+            start: platform === _platform.Platform.IOS ? -10 : -45,
+            max: platform === _platform.Platform.IOS ? 50 : 80,
+            maxY: platform === _platform.Platform.IOS ? 400 : 80,
+            refreshing: platform === _platform.Platform.IOS ? 36 : 50,
+            positionMultiplier: platform === _platform.Platform.IOS ? 0.21 : 1
+        };
+    }, [
+        platform
+    ]);
+    var _React_useState = _slicedToArray(_react.useState(initParams.start), 2), spinnerY = _React_useState[0], setSpinnerY = _React_useState[1];
+    var _React_useState1 = _slicedToArray(_react.useState(false), 2), watching = _React_useState1[0], setWatching = _React_useState1[1];
+    var _React_useState2 = _slicedToArray(_react.useState(false), 2), refreshing = _React_useState2[0], setRefreshing = _React_useState2[1];
+    var _React_useState3 = _slicedToArray(_react.useState(false), 2), canRefresh = _React_useState3[0], setCanRefresh = _React_useState3[1];
+    var _React_useState4 = _slicedToArray(_react.useState(false), 2), touchDown = _React_useState4[0], setTouchDown = _React_useState4[1];
+    var prevTouchDown = (0, _usePrevious.usePrevious)(touchDown);
+    var touchY = _react.useRef(0);
+    var _React_useState5 = _slicedToArray(_react.useState(0), 2), contentShift = _React_useState5[0], setContentShift = _React_useState5[1];
+    var _React_useState6 = _slicedToArray(_react.useState(0), 2), spinnerProgress = _React_useState6[0], setSpinnerProgress = _React_useState6[1];
+    var onWindowTouchMove = function(event) {
+        if (refreshing) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
     };
-  }, [platform]);
-  var _React$useState = React.useState(initParams.start),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    spinnerY = _React$useState2[0],
-    setSpinnerY = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    watching = _React$useState4[0],
-    setWatching = _React$useState4[1];
-  var _React$useState5 = React.useState(false),
-    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
-    refreshing = _React$useState6[0],
-    setRefreshing = _React$useState6[1];
-  var _React$useState7 = React.useState(false),
-    _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
-    canRefresh = _React$useState8[0],
-    setCanRefresh = _React$useState8[1];
-  var _React$useState9 = React.useState(false),
-    _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
-    touchDown = _React$useState10[0],
-    setTouchDown = _React$useState10[1];
-  var prevTouchDown = (0, _usePrevious.usePrevious)(touchDown);
-  var touchY = React.useRef(0);
-  var _React$useState11 = React.useState(0),
-    _React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
-    contentShift = _React$useState12[0],
-    setContentShift = _React$useState12[1];
-  var _React$useState13 = React.useState(0),
-    _React$useState14 = (0, _slicedToArray2.default)(_React$useState13, 2),
-    spinnerProgress = _React$useState14[0],
-    setSpinnerProgress = _React$useState14[1];
-  var onWindowTouchMove = function onWindowTouchMove(event) {
-    if (refreshing) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-  };
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'touchmove', onWindowTouchMove, TOUCH_MOVE_EVENT_PARAMS);
-  var resetRefreshingState = React.useCallback(function () {
-    setWatching(false);
-    setCanRefresh(false);
-    setRefreshing(false);
-    setSpinnerY(initParams.start);
-    setSpinnerProgress(0);
-    setContentShift(0);
-  }, [initParams]);
-  var onRefreshingFinish = React.useCallback(function () {
-    if (!touchDown) {
-      resetRefreshingState();
-    }
-  }, [touchDown, resetRefreshingState]);
-  var _useTimeout = (0, _useTimeout2.useTimeout)(onRefreshingFinish, 1000),
-    setWaitFetchingTimeout = _useTimeout.set,
-    clearWaitFetchingTimeout = _useTimeout.clear;
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {
-      onRefreshingFinish();
-    }
-  }, [prevIsFetching, isFetching, onRefreshingFinish]);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (prevIsFetching !== undefined && !prevIsFetching && isFetching) {
-      clearWaitFetchingTimeout();
-    }
-  }, [isFetching, prevIsFetching, clearWaitFetchingTimeout]);
-  var runRefreshing = React.useCallback(function () {
-    if (!refreshing && onRefresh) {
-      // cleanup if the consumer does not start fetching in 1s
-      setWaitFetchingTimeout();
-      setRefreshing(true);
-      setSpinnerY(function (prevSpinnerY) {
-        return platform === _platform.Platform.IOS ? prevSpinnerY : initParams.refreshing;
-      });
-      onRefresh();
-      (0, _taptic.runTapticImpactOccurred)('light');
-    }
-  }, [refreshing, onRefresh, setWaitFetchingTimeout, platform, initParams.refreshing]);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (prevTouchDown !== undefined && prevTouchDown && !touchDown) {
-      if (!refreshing && canRefresh) {
-        runRefreshing();
-      } else if (refreshing && !isFetching) {
-        // only iOS can start refresh before gesture end
-        resetRefreshingState();
-      } else {
-        // refreshing && isFetching: refresh in progress
-        // OR !refreshing && !canRefresh: pull was not strong enough
-        setSpinnerY(refreshing ? initParams.refreshing : initParams.start);
+    (0, _useGlobalEventListener.useGlobalEventListener)(document, "touchmove", onWindowTouchMove, TOUCH_MOVE_EVENT_PARAMS);
+    var resetRefreshingState = _react.useCallback(function() {
+        setWatching(false);
+        setCanRefresh(false);
+        setRefreshing(false);
+        setSpinnerY(initParams.start);
         setSpinnerProgress(0);
         setContentShift(0);
-      }
-    }
-  }, [initParams, prevIsFetching, isFetching, onRefreshingFinish, prevTouchDown, touchDown, refreshing, canRefresh, runRefreshing]);
-  var onTouchStart = function onTouchStart(e) {
-    if (refreshing) {
-      cancelEvent(e);
-    }
-    setTouchDown(true);
-  };
-  var onTouchMove = function onTouchMove(e) {
-    var isY = e.isY,
-      shiftY = e.shiftY;
-    var start = initParams.start,
-      max = initParams.max;
-    var pageYOffset = scroll === null || scroll === void 0 ? void 0 : scroll.getScroll().y;
-    if (watching && touchDown) {
-      cancelEvent(e);
-      var positionMultiplier = initParams.positionMultiplier,
-        maxY = initParams.maxY;
-      var shift = Math.max(0, shiftY - touchY.current);
-      var currentY = (0, _math.clamp)(start + shift * positionMultiplier, start, maxY);
-      var progress = currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;
-      setSpinnerY(currentY);
-      setSpinnerProgress((0, _math.clamp)(progress, 0, 80));
-      setCanRefresh(progress > 80);
-      setContentShift((currentY + 10) * 2.3);
-      if (progress > 85 && !refreshing && platform === _platform.Platform.IOS) {
-        runRefreshing();
-      }
-    } else if (isY && pageYOffset === 0 && shiftY > 0 && !refreshing && touchDown) {
-      cancelEvent(e);
-      touchY.current = shiftY;
-      setWatching(true);
-      setSpinnerY(start);
-      setSpinnerProgress(0);
-    }
-  };
-  var onTouchEnd = function onTouchEnd() {
-    setWatching(false);
-    setTouchDown(false);
-  };
-  var spinnerTransform = "translate3d(0, ".concat(spinnerY, "px, 0)");
-  var contentTransform = '';
-  if (platform === _platform.Platform.IOS && refreshing && !touchDown) {
-    contentTransform = 'translate3d(0, 100px, 0)';
-  } else if (platform === _platform.Platform.IOS && (contentShift || refreshing)) {
-    contentTransform = "translate3d(0, ".concat(contentShift, "px, 0)");
-  }
-  return /*#__PURE__*/React.createElement(_TouchContext.default.Provider, {
-    value: true
-  }, /*#__PURE__*/React.createElement(_Touch.Touch, (0, _extends2.default)({}, restProps, {
-    onStart: onTouchStart,
-    onMove: onTouchMove,
-    onEnd: onTouchEnd,
-    className: (0, _vkjs.classNames)("vkuiPullToRefresh", platform === _platform.Platform.IOS && "vkuiPullToRefresh--ios", watching && "vkuiPullToRefresh--watching", refreshing && "vkuiPullToRefresh--refreshing", className)
-  }), /*#__PURE__*/React.createElement(_FixedLayout.FixedLayout, {
-    className: "vkuiPullToRefresh__controls"
-  }, /*#__PURE__*/React.createElement(_PullToRefreshSpinner.PullToRefreshSpinner, {
-    style: {
-      transform: spinnerTransform,
-      WebkitTransform: spinnerTransform,
-      opacity: watching || refreshing || canRefresh ? 1 : 0
-    },
-    on: refreshing,
-    progress: refreshing ? undefined : spinnerProgress
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPullToRefresh__content",
-    style: {
-      transform: contentTransform,
-      WebkitTransform: contentTransform
+    }, [
+        initParams
+    ]);
+    var onRefreshingFinish = _react.useCallback(function() {
+        if (!touchDown) {
+            resetRefreshingState();
+        }
+    }, [
+        touchDown,
+        resetRefreshingState
+    ]);
+    var _useTimeout1 = (0, _useTimeout.useTimeout)(onRefreshingFinish, 1000), setWaitFetchingTimeout = _useTimeout1.set, clearWaitFetchingTimeout = _useTimeout1.clear;
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {
+            onRefreshingFinish();
+        }
+    }, [
+        prevIsFetching,
+        isFetching,
+        onRefreshingFinish
+    ]);
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        if (prevIsFetching !== undefined && !prevIsFetching && isFetching) {
+            clearWaitFetchingTimeout();
+        }
+    }, [
+        isFetching,
+        prevIsFetching,
+        clearWaitFetchingTimeout
+    ]);
+    var runRefreshing = _react.useCallback(function() {
+        if (!refreshing && onRefresh) {
+            // cleanup if the consumer does not start fetching in 1s
+            setWaitFetchingTimeout();
+            setRefreshing(true);
+            setSpinnerY(function(prevSpinnerY) {
+                return platform === _platform.Platform.IOS ? prevSpinnerY : initParams.refreshing;
+            });
+            onRefresh();
+            (0, _taptic.runTapticImpactOccurred)("light");
+        }
+    }, [
+        refreshing,
+        onRefresh,
+        setWaitFetchingTimeout,
+        platform,
+        initParams.refreshing
+    ]);
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        if (prevTouchDown !== undefined && prevTouchDown && !touchDown) {
+            if (!refreshing && canRefresh) {
+                runRefreshing();
+            } else if (refreshing && !isFetching) {
+                // only iOS can start refresh before gesture end
+                resetRefreshingState();
+            } else {
+                // refreshing && isFetching: refresh in progress
+                // OR !refreshing && !canRefresh: pull was not strong enough
+                setSpinnerY(refreshing ? initParams.refreshing : initParams.start);
+                setSpinnerProgress(0);
+                setContentShift(0);
+            }
+        }
+    }, [
+        initParams,
+        prevIsFetching,
+        isFetching,
+        onRefreshingFinish,
+        prevTouchDown,
+        touchDown,
+        refreshing,
+        canRefresh,
+        runRefreshing
+    ]);
+    var onTouchStart = function(e) {
+        if (refreshing) {
+            cancelEvent(e);
+        }
+        setTouchDown(true);
+    };
+    var onTouchMove = function(e) {
+        var isY = e.isY, shiftY = e.shiftY;
+        var start = initParams.start, max = initParams.max;
+        var pageYOffset = scroll === null || scroll === void 0 ? void 0 : scroll.getScroll().y;
+        if (watching && touchDown) {
+            cancelEvent(e);
+            var positionMultiplier = initParams.positionMultiplier, maxY = initParams.maxY;
+            var shift = Math.max(0, shiftY - touchY.current);
+            var currentY = (0, _math.clamp)(start + shift * positionMultiplier, start, maxY);
+            var progress = currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;
+            setSpinnerY(currentY);
+            setSpinnerProgress((0, _math.clamp)(progress, 0, 80));
+            setCanRefresh(progress > 80);
+            setContentShift((currentY + 10) * 2.3);
+            if (progress > 85 && !refreshing && platform === _platform.Platform.IOS) {
+                runRefreshing();
+            }
+        } else if (isY && pageYOffset === 0 && shiftY > 0 && !refreshing && touchDown) {
+            cancelEvent(e);
+            touchY.current = shiftY;
+            setWatching(true);
+            setSpinnerY(start);
+            setSpinnerProgress(0);
+        }
+    };
+    var onTouchEnd = function() {
+        setWatching(false);
+        setTouchDown(false);
+    };
+    var spinnerTransform = "translate3d(0, ".concat(spinnerY, "px, 0)");
+    var contentTransform = "";
+    if (platform === _platform.Platform.IOS && refreshing && !touchDown) {
+        contentTransform = "translate3d(0, 100px, 0)";
+    } else if (platform === _platform.Platform.IOS && (contentShift || refreshing)) {
+        contentTransform = "translate3d(0, ".concat(contentShift, "px, 0)");
     }
-  }, children)));
+    return /*#__PURE__*/ _react.createElement(_touchContext.default.Provider, {
+        value: true
+    }, /*#__PURE__*/ _react.createElement(_touch.Touch, _objectSpreadProps(_objectSpread({}, restProps), {
+        onStart: onTouchStart,
+        onMove: onTouchMove,
+        onEnd: onTouchEnd,
+        className: (0, _vkjs.classNames)("vkuiPullToRefresh", platform === _platform.Platform.IOS && "vkuiPullToRefresh--ios", watching && "vkuiPullToRefresh--watching", refreshing && "vkuiPullToRefresh--refreshing", className)
+    }), /*#__PURE__*/ _react.createElement(_fixedLayout.FixedLayout, {
+        className: "vkuiPullToRefresh__controls"
+    }, /*#__PURE__*/ _react.createElement(_pullToRefreshSpinner.PullToRefreshSpinner, {
+        style: {
+            transform: spinnerTransform,
+            WebkitTransform: spinnerTransform,
+            opacity: watching || refreshing || canRefresh ? 1 : 0
+        },
+        on: refreshing,
+        progress: refreshing ? undefined : spinnerProgress
+    })), /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiPullToRefresh__content",
+        style: {
+            transform: contentTransform,
+            WebkitTransform: contentTransform
+        }
+    }, children)));
 };
-exports.PullToRefresh = PullToRefresh;
+
 //# sourceMappingURL=PullToRefresh.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PullToRefresh.js","names":["cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","TOUCH_MOVE_EVENT_PARAMS","passive","PullToRefresh","children","isFetching","onRefresh","className","restProps","platform","usePlatform","scroll","useScroll","useDOM","document","prevIsFetching","usePrevious","initParams","React","useMemo","start","Platform","IOS","max","maxY","refreshing","positionMultiplier","useState","spinnerY","setSpinnerY","watching","setWatching","setRefreshing","canRefresh","setCanRefresh","touchDown","setTouchDown","prevTouchDown","touchY","useRef","contentShift","setContentShift","spinnerProgress","setSpinnerProgress","onWindowTouchMove","useGlobalEventListener","resetRefreshingState","useCallback","onRefreshingFinish","useTimeout","setWaitFetchingTimeout","set","clearWaitFetchingTimeout","clear","useIsomorphicLayoutEffect","undefined","runRefreshing","prevSpinnerY","runTapticImpactOccurred","onTouchStart","e","onTouchMove","isY","shiftY","pageYOffset","getScroll","y","shift","Math","current","currentY","clamp","progress","abs","onTouchEnd","spinnerTransform","contentTransform","classNames","transform","WebkitTransform","opacity"],"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { DOMProps, useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { runTapticImpactOccurred } from '../../lib/taptic';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { AnyFunction } from '../../types';\nimport { ScrollContextInterface, useScroll } from '../AppRoot/ScrollContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport { Touch, TouchEvent, TouchProps } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport { PullToRefreshSpinner } from './PullToRefreshSpinner';\nimport styles from './PullToRefresh.module.css';\n\nfunction cancelEvent(event: any) {\n  if (!event) {\n    return false;\n  }\n  while (event.originalEvent) {\n    event = event.originalEvent;\n  }\n  if (event.preventDefault && event.cancelable) {\n    event.preventDefault();\n  }\n  if (event.stopPropagation) {\n    event.stopPropagation();\n  }\n  return false;\n}\n\nexport interface PullToRefreshProps extends DOMProps, TouchProps {\n  /**\n   * Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным коллбэком)\n   */\n  onRefresh: AnyFunction;\n  /**\n   * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`\n   */\n  isFetching?: boolean;\n  /** @ignore */\n  scroll?: ScrollContextInterface;\n  children?: React.ReactNode;\n}\n\nconst TOUCH_MOVE_EVENT_PARAMS = {\n  cancelable: true,\n  passive: false,\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PullToRefresh\n */\nexport const PullToRefresh = ({\n  children,\n  isFetching,\n  onRefresh,\n  className,\n  ...restProps\n}: PullToRefreshProps) => {\n  const platform = usePlatform();\n  const scroll = useScroll();\n  const { document } = useDOM();\n  const prevIsFetching = usePrevious(isFetching);\n\n  const initParams = React.useMemo(\n    () => ({\n      start: platform === Platform.IOS ? -10 : -45,\n      max: platform === Platform.IOS ? 50 : 80,\n      maxY: platform === Platform.IOS ? 400 : 80,\n      refreshing: platform === Platform.IOS ? 36 : 50,\n      positionMultiplier: platform === Platform.IOS ? 0.21 : 1,\n    }),\n    [platform],\n  );\n\n  const [spinnerY, setSpinnerY] = React.useState(initParams.start);\n  const [watching, setWatching] = React.useState(false);\n  const [refreshing, setRefreshing] = React.useState(false);\n  const [canRefresh, setCanRefresh] = React.useState(false);\n  const [touchDown, setTouchDown] = React.useState(false);\n  const prevTouchDown = usePrevious(touchDown);\n\n  const touchY = React.useRef(0);\n  const [contentShift, setContentShift] = React.useState(0);\n  const [spinnerProgress, setSpinnerProgress] = React.useState(0);\n\n  const onWindowTouchMove = (event: Event) => {\n    if (refreshing) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  useGlobalEventListener(document, 'touchmove', onWindowTouchMove, TOUCH_MOVE_EVENT_PARAMS);\n\n  const resetRefreshingState = React.useCallback(() => {\n    setWatching(false);\n    setCanRefresh(false);\n    setRefreshing(false);\n    setSpinnerY(initParams.start);\n    setSpinnerProgress(0);\n    setContentShift(0);\n  }, [initParams]);\n\n  const onRefreshingFinish = React.useCallback(() => {\n    if (!touchDown) {\n      resetRefreshingState();\n    }\n  }, [touchDown, resetRefreshingState]);\n\n  const { set: setWaitFetchingTimeout, clear: clearWaitFetchingTimeout } = useTimeout(\n    onRefreshingFinish,\n    1000,\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {\n      onRefreshingFinish();\n    }\n  }, [prevIsFetching, isFetching, onRefreshingFinish]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && !prevIsFetching && isFetching) {\n      clearWaitFetchingTimeout();\n    }\n  }, [isFetching, prevIsFetching, clearWaitFetchingTimeout]);\n\n  const runRefreshing = React.useCallback(() => {\n    if (!refreshing && onRefresh) {\n      // cleanup if the consumer does not start fetching in 1s\n      setWaitFetchingTimeout();\n\n      setRefreshing(true);\n      setSpinnerY((prevSpinnerY) =>\n        platform === Platform.IOS ? prevSpinnerY : initParams.refreshing,\n      );\n\n      onRefresh();\n      runTapticImpactOccurred('light');\n    }\n  }, [refreshing, onRefresh, setWaitFetchingTimeout, platform, initParams.refreshing]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevTouchDown !== undefined && prevTouchDown && !touchDown) {\n      if (!refreshing && canRefresh) {\n        runRefreshing();\n      } else if (refreshing && !isFetching) {\n        // only iOS can start refresh before gesture end\n        resetRefreshingState();\n      } else {\n        // refreshing && isFetching: refresh in progress\n        // OR !refreshing && !canRefresh: pull was not strong enough\n        setSpinnerY(refreshing ? initParams.refreshing : initParams.start);\n        setSpinnerProgress(0);\n        setContentShift(0);\n      }\n    }\n  }, [\n    initParams,\n    prevIsFetching,\n    isFetching,\n    onRefreshingFinish,\n    prevTouchDown,\n    touchDown,\n    refreshing,\n    canRefresh,\n    runRefreshing,\n  ]);\n\n  const onTouchStart = (e: TouchEvent) => {\n    if (refreshing) {\n      cancelEvent(e);\n    }\n    setTouchDown(true);\n  };\n\n  const onTouchMove = (e: TouchEvent) => {\n    const { isY, shiftY } = e;\n    const { start, max } = initParams;\n    const pageYOffset = scroll?.getScroll().y;\n\n    if (watching && touchDown) {\n      cancelEvent(e);\n\n      const { positionMultiplier, maxY } = initParams;\n\n      const shift = Math.max(0, shiftY - touchY.current);\n\n      const currentY = clamp(start + shift * positionMultiplier, start, maxY);\n      const progress = currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;\n\n      setSpinnerY(currentY);\n      setSpinnerProgress(clamp(progress, 0, 80));\n      setCanRefresh(progress > 80);\n      setContentShift((currentY + 10) * 2.3);\n\n      if (progress > 85 && !refreshing && platform === Platform.IOS) {\n        runRefreshing();\n      }\n    } else if (isY && pageYOffset === 0 && shiftY > 0 && !refreshing && touchDown) {\n      cancelEvent(e);\n\n      touchY.current = shiftY;\n      setWatching(true);\n      setSpinnerY(start);\n      setSpinnerProgress(0);\n    }\n  };\n\n  const onTouchEnd = () => {\n    setWatching(false);\n    setTouchDown(false);\n  };\n\n  const spinnerTransform = `translate3d(0, ${spinnerY}px, 0)`;\n  let contentTransform = '';\n\n  if (platform === Platform.IOS && refreshing && !touchDown) {\n    contentTransform = 'translate3d(0, 100px, 0)';\n  } else if (platform === Platform.IOS && (contentShift || refreshing)) {\n    contentTransform = `translate3d(0, ${contentShift}px, 0)`;\n  }\n\n  return (\n    <TouchRootContext.Provider value={true}>\n      <Touch\n        {...restProps}\n        onStart={onTouchStart}\n        onMove={onTouchMove}\n        onEnd={onTouchEnd}\n        className={classNames(\n          styles['PullToRefresh'],\n          platform === Platform.IOS && styles['PullToRefresh--ios'],\n          watching && styles['PullToRefresh--watching'],\n          refreshing && styles['PullToRefresh--refreshing'],\n          className,\n        )}\n      >\n        <FixedLayout className={styles['PullToRefresh__controls']}>\n          <PullToRefreshSpinner\n            style={{\n              transform: spinnerTransform,\n              WebkitTransform: spinnerTransform,\n              opacity: watching || refreshing || canRefresh ? 1 : 0,\n            }}\n            on={refreshing}\n            progress={refreshing ? undefined : spinnerProgress}\n          />\n        </FixedLayout>\n\n        <div\n          className={styles['PullToRefresh__content']}\n          style={{\n            transform: contentTransform,\n            WebkitTransform: contentTransform,\n          }}\n        >\n          {children}\n        </div>\n      </Touch>\n    </TouchRootContext.Provider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { DOMProps, useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { runTapticImpactOccurred } from '../../lib/taptic';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { AnyFunction } from '../../types';\nimport { ScrollContextInterface, useScroll } from '../AppRoot/ScrollContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport { Touch, TouchEvent, TouchProps } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport { PullToRefreshSpinner } from './PullToRefreshSpinner';\nimport styles from './PullToRefresh.module.css';\n\nfunction cancelEvent(event: any) {\n  if (!event) {\n    return false;\n  }\n  while (event.originalEvent) {\n    event = event.originalEvent;\n  }\n  if (event.preventDefault && event.cancelable) {\n    event.preventDefault();\n  }\n  if (event.stopPropagation) {\n    event.stopPropagation();\n  }\n  return false;\n}\n\nexport interface PullToRefreshProps extends DOMProps, TouchProps {\n  /**\n   * Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным коллбэком)\n   */\n  onRefresh: AnyFunction;\n  /**\n   * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`\n   */\n  isFetching?: boolean;\n  /** @ignore */\n  scroll?: ScrollContextInterface;\n  children?: React.ReactNode;\n}\n\nconst TOUCH_MOVE_EVENT_PARAMS = {\n  cancelable: true,\n  passive: false,\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PullToRefresh\n */\nexport const PullToRefresh = ({\n  children,\n  isFetching,\n  onRefresh,\n  className,\n  ...restProps\n}: PullToRefreshProps) => {\n  const platform = usePlatform();\n  const scroll = useScroll();\n  const { document } = useDOM();\n  const prevIsFetching = usePrevious(isFetching);\n\n  const initParams = React.useMemo(\n    () => ({\n      start: platform === Platform.IOS ? -10 : -45,\n      max: platform === Platform.IOS ? 50 : 80,\n      maxY: platform === Platform.IOS ? 400 : 80,\n      refreshing: platform === Platform.IOS ? 36 : 50,\n      positionMultiplier: platform === Platform.IOS ? 0.21 : 1,\n    }),\n    [platform],\n  );\n\n  const [spinnerY, setSpinnerY] = React.useState(initParams.start);\n  const [watching, setWatching] = React.useState(false);\n  const [refreshing, setRefreshing] = React.useState(false);\n  const [canRefresh, setCanRefresh] = React.useState(false);\n  const [touchDown, setTouchDown] = React.useState(false);\n  const prevTouchDown = usePrevious(touchDown);\n\n  const touchY = React.useRef(0);\n  const [contentShift, setContentShift] = React.useState(0);\n  const [spinnerProgress, setSpinnerProgress] = React.useState(0);\n\n  const onWindowTouchMove = (event: Event) => {\n    if (refreshing) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  useGlobalEventListener(document, 'touchmove', onWindowTouchMove, TOUCH_MOVE_EVENT_PARAMS);\n\n  const resetRefreshingState = React.useCallback(() => {\n    setWatching(false);\n    setCanRefresh(false);\n    setRefreshing(false);\n    setSpinnerY(initParams.start);\n    setSpinnerProgress(0);\n    setContentShift(0);\n  }, [initParams]);\n\n  const onRefreshingFinish = React.useCallback(() => {\n    if (!touchDown) {\n      resetRefreshingState();\n    }\n  }, [touchDown, resetRefreshingState]);\n\n  const { set: setWaitFetchingTimeout, clear: clearWaitFetchingTimeout } = useTimeout(\n    onRefreshingFinish,\n    1000,\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {\n      onRefreshingFinish();\n    }\n  }, [prevIsFetching, isFetching, onRefreshingFinish]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && !prevIsFetching && isFetching) {\n      clearWaitFetchingTimeout();\n    }\n  }, [isFetching, prevIsFetching, clearWaitFetchingTimeout]);\n\n  const runRefreshing = React.useCallback(() => {\n    if (!refreshing && onRefresh) {\n      // cleanup if the consumer does not start fetching in 1s\n      setWaitFetchingTimeout();\n\n      setRefreshing(true);\n      setSpinnerY((prevSpinnerY) =>\n        platform === Platform.IOS ? prevSpinnerY : initParams.refreshing,\n      );\n\n      onRefresh();\n      runTapticImpactOccurred('light');\n    }\n  }, [refreshing, onRefresh, setWaitFetchingTimeout, platform, initParams.refreshing]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevTouchDown !== undefined && prevTouchDown && !touchDown) {\n      if (!refreshing && canRefresh) {\n        runRefreshing();\n      } else if (refreshing && !isFetching) {\n        // only iOS can start refresh before gesture end\n        resetRefreshingState();\n      } else {\n        // refreshing && isFetching: refresh in progress\n        // OR !refreshing && !canRefresh: pull was not strong enough\n        setSpinnerY(refreshing ? initParams.refreshing : initParams.start);\n        setSpinnerProgress(0);\n        setContentShift(0);\n      }\n    }\n  }, [\n    initParams,\n    prevIsFetching,\n    isFetching,\n    onRefreshingFinish,\n    prevTouchDown,\n    touchDown,\n    refreshing,\n    canRefresh,\n    runRefreshing,\n  ]);\n\n  const onTouchStart = (e: TouchEvent) => {\n    if (refreshing) {\n      cancelEvent(e);\n    }\n    setTouchDown(true);\n  };\n\n  const onTouchMove = (e: TouchEvent) => {\n    const { isY, shiftY } = e;\n    const { start, max } = initParams;\n    const pageYOffset = scroll?.getScroll().y;\n\n    if (watching && touchDown) {\n      cancelEvent(e);\n\n      const { positionMultiplier, maxY } = initParams;\n\n      const shift = Math.max(0, shiftY - touchY.current);\n\n      const currentY = clamp(start + shift * positionMultiplier, start, maxY);\n      const progress = currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;\n\n      setSpinnerY(currentY);\n      setSpinnerProgress(clamp(progress, 0, 80));\n      setCanRefresh(progress > 80);\n      setContentShift((currentY + 10) * 2.3);\n\n      if (progress > 85 && !refreshing && platform === Platform.IOS) {\n        runRefreshing();\n      }\n    } else if (isY && pageYOffset === 0 && shiftY > 0 && !refreshing && touchDown) {\n      cancelEvent(e);\n\n      touchY.current = shiftY;\n      setWatching(true);\n      setSpinnerY(start);\n      setSpinnerProgress(0);\n    }\n  };\n\n  const onTouchEnd = () => {\n    setWatching(false);\n    setTouchDown(false);\n  };\n\n  const spinnerTransform = `translate3d(0, ${spinnerY}px, 0)`;\n  let contentTransform = '';\n\n  if (platform === Platform.IOS && refreshing && !touchDown) {\n    contentTransform = 'translate3d(0, 100px, 0)';\n  } else if (platform === Platform.IOS && (contentShift || refreshing)) {\n    contentTransform = `translate3d(0, ${contentShift}px, 0)`;\n  }\n\n  return (\n    <TouchRootContext.Provider value={true}>\n      <Touch\n        {...restProps}\n        onStart={onTouchStart}\n        onMove={onTouchMove}\n        onEnd={onTouchEnd}\n        className={classNames(\n          styles['PullToRefresh'],\n          platform === Platform.IOS && styles['PullToRefresh--ios'],\n          watching && styles['PullToRefresh--watching'],\n          refreshing && styles['PullToRefresh--refreshing'],\n          className,\n        )}\n      >\n        <FixedLayout className={styles['PullToRefresh__controls']}>\n          <PullToRefreshSpinner\n            style={{\n              transform: spinnerTransform,\n              WebkitTransform: spinnerTransform,\n              opacity: watching || refreshing || canRefresh ? 1 : 0,\n            }}\n            on={refreshing}\n            progress={refreshing ? undefined : spinnerProgress}\n          />\n        </FixedLayout>\n\n        <div\n          className={styles['PullToRefresh__content']}\n          style={{\n            transform: contentTransform,\n            WebkitTransform: contentTransform,\n          }}\n        >\n          {children}\n        </div>\n      </Touch>\n    </TouchRootContext.Provider>\n  );\n};\n"],"names":["PullToRefresh","cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","TOUCH_MOVE_EVENT_PARAMS","passive","children","isFetching","onRefresh","className","restProps","platform","usePlatform","scroll","useScroll","document","useDOM","prevIsFetching","usePrevious","initParams","React","useMemo","start","Platform","IOS","max","maxY","refreshing","positionMultiplier","useState","spinnerY","setSpinnerY","watching","setWatching","setRefreshing","canRefresh","setCanRefresh","touchDown","setTouchDown","prevTouchDown","touchY","useRef","contentShift","setContentShift","spinnerProgress","setSpinnerProgress","onWindowTouchMove","useGlobalEventListener","resetRefreshingState","useCallback","onRefreshingFinish","useTimeout","set","setWaitFetchingTimeout","clear","clearWaitFetchingTimeout","useIsomorphicLayoutEffect","undefined","runRefreshing","prevSpinnerY","runTapticImpactOccurred","onTouchStart","e","onTouchMove","isY","shiftY","pageYOffset","getScroll","y","shift","Math","current","currentY","clamp","progress","abs","onTouchEnd","spinnerTransform","contentTransform","TouchRootContext","Provider","value","Touch","onStart","onMove","onEnd","classNames","FixedLayout","PullToRefreshSpinner","style","transform","WebkitTransform","opacity","on","div"],"mappings":"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"}