@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/PullToRefresh/PullToRefresh.js

@@ -1,225 +1,229 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "isFetching", "onRefresh", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { clamp } from '../../helpers/math';
-import { useGlobalEventListener } from '../../hooks/useGlobalEventListener';
-import { usePlatform } from '../../hooks/usePlatform';
-import { usePrevious } from '../../hooks/usePrevious';
-import { useTimeout } from '../../hooks/useTimeout';
-import { useDOM } from '../../lib/dom';
-import { Platform } from '../../lib/platform';
-import { runTapticImpactOccurred } from '../../lib/taptic';
-import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
-import { useScroll } from '../AppRoot/ScrollContext';
-import { FixedLayout } from '../FixedLayout/FixedLayout';
-import { Touch } from '../Touch/Touch';
-import TouchRootContext from '../Touch/TouchContext';
-import { PullToRefreshSpinner } from './PullToRefreshSpinner';
+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 _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { clamp } from "../../helpers/math";
+import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
+import { usePlatform } from "../../hooks/usePlatform";
+import { usePrevious } from "../../hooks/usePrevious";
+import { useTimeout } from "../../hooks/useTimeout";
+import { useDOM } from "../../lib/dom";
+import { Platform } from "../../lib/platform";
+import { runTapticImpactOccurred } from "../../lib/taptic";
+import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
+import { useScroll } from "../AppRoot/ScrollContext";
+import { FixedLayout } from "../FixedLayout/FixedLayout";
+import { Touch } from "../Touch/Touch";
+import TouchRootContext from "../Touch/TouchContext";
+import { PullToRefreshSpinner } from "./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
- */
-export var PullToRefresh = function PullToRefresh(_ref) {
-  var children = _ref.children,
-    isFetching = _ref.isFetching,
-    onRefresh = _ref.onRefresh,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  var scroll = useScroll();
-  var _useDOM = useDOM(),
-    document = _useDOM.document;
-  var prevIsFetching = usePrevious(isFetching);
-  var initParams = React.useMemo(function () {
-    return {
-      start: platform === Platform.IOS ? -10 : -45,
-      max: platform === Platform.IOS ? 50 : 80,
-      maxY: platform === Platform.IOS ? 400 : 80,
-      refreshing: platform === Platform.IOS ? 36 : 50,
-      positionMultiplier: platform === Platform.IOS ? 0.21 : 1
+ */ export var PullToRefresh = function(_param) {
+    var children = _param.children, isFetching = _param.isFetching, onRefresh = _param.onRefresh, className = _param.className, restProps = _object_without_properties(_param, [
+        "children",
+        "isFetching",
+        "onRefresh",
+        "className"
+    ]);
+    var platform = usePlatform();
+    var scroll = useScroll();
+    var document = useDOM().document;
+    var prevIsFetching = usePrevious(isFetching);
+    var initParams = React.useMemo(function() {
+        return {
+            start: platform === Platform.IOS ? -10 : -45,
+            max: platform === Platform.IOS ? 50 : 80,
+            maxY: platform === Platform.IOS ? 400 : 80,
+            refreshing: platform === Platform.IOS ? 36 : 50,
+            positionMultiplier: platform === Platform.IOS ? 0.21 : 1
+        };
+    }, [
+        platform
+    ]);
+    var _React_useState = _sliced_to_array(React.useState(initParams.start), 2), spinnerY = _React_useState[0], setSpinnerY = _React_useState[1];
+    var _React_useState1 = _sliced_to_array(React.useState(false), 2), watching = _React_useState1[0], setWatching = _React_useState1[1];
+    var _React_useState2 = _sliced_to_array(React.useState(false), 2), refreshing = _React_useState2[0], setRefreshing = _React_useState2[1];
+    var _React_useState3 = _sliced_to_array(React.useState(false), 2), canRefresh = _React_useState3[0], setCanRefresh = _React_useState3[1];
+    var _React_useState4 = _sliced_to_array(React.useState(false), 2), touchDown = _React_useState4[0], setTouchDown = _React_useState4[1];
+    var prevTouchDown = usePrevious(touchDown);
+    var touchY = React.useRef(0);
+    var _React_useState5 = _sliced_to_array(React.useState(0), 2), contentShift = _React_useState5[0], setContentShift = _React_useState5[1];
+    var _React_useState6 = _sliced_to_array(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 = _slicedToArray(_React$useState, 2),
-    spinnerY = _React$useState2[0],
-    setSpinnerY = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    watching = _React$useState4[0],
-    setWatching = _React$useState4[1];
-  var _React$useState5 = React.useState(false),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    refreshing = _React$useState6[0],
-    setRefreshing = _React$useState6[1];
-  var _React$useState7 = React.useState(false),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    canRefresh = _React$useState8[0],
-    setCanRefresh = _React$useState8[1];
-  var _React$useState9 = React.useState(false),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    touchDown = _React$useState10[0],
-    setTouchDown = _React$useState10[1];
-  var prevTouchDown = usePrevious(touchDown);
-  var touchY = React.useRef(0);
-  var _React$useState11 = React.useState(0),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    contentShift = _React$useState12[0],
-    setContentShift = _React$useState12[1];
-  var _React$useState13 = React.useState(0),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    spinnerProgress = _React$useState14[0],
-    setSpinnerProgress = _React$useState14[1];
-  var onWindowTouchMove = function onWindowTouchMove(event) {
-    if (refreshing) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-  };
-  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 = useTimeout(onRefreshingFinish, 1000),
-    setWaitFetchingTimeout = _useTimeout.set,
-    clearWaitFetchingTimeout = _useTimeout.clear;
-  useIsomorphicLayoutEffect(function () {
-    if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {
-      onRefreshingFinish();
-    }
-  }, [prevIsFetching, isFetching, onRefreshingFinish]);
-  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.IOS ? prevSpinnerY : initParams.refreshing;
-      });
-      onRefresh();
-      runTapticImpactOccurred('light');
-    }
-  }, [refreshing, onRefresh, setWaitFetchingTimeout, platform, initParams.refreshing]);
-  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);
+    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 = clamp(start + shift * positionMultiplier, start, maxY);
-      var progress = currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;
-      setSpinnerY(currentY);
-      setSpinnerProgress(clamp(progress, 0, 80));
-      setCanRefresh(progress > 80);
-      setContentShift((currentY + 10) * 2.3);
-      if (progress > 85 && !refreshing && 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.IOS && refreshing && !touchDown) {
-    contentTransform = 'translate3d(0, 100px, 0)';
-  } else if (platform === Platform.IOS && (contentShift || refreshing)) {
-    contentTransform = "translate3d(0, ".concat(contentShift, "px, 0)");
-  }
-  return /*#__PURE__*/React.createElement(TouchRootContext.Provider, {
-    value: true
-  }, /*#__PURE__*/React.createElement(Touch, _extends({}, restProps, {
-    onStart: onTouchStart,
-    onMove: onTouchMove,
-    onEnd: onTouchEnd,
-    className: classNames("vkuiPullToRefresh", platform === Platform.IOS && "vkuiPullToRefresh--ios", watching && "vkuiPullToRefresh--watching", refreshing && "vkuiPullToRefresh--refreshing", className)
-  }), /*#__PURE__*/React.createElement(FixedLayout, {
-    className: "vkuiPullToRefresh__controls"
-  }, /*#__PURE__*/React.createElement(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 _useTimeout = useTimeout(onRefreshingFinish, 1000), setWaitFetchingTimeout = _useTimeout.set, clearWaitFetchingTimeout = _useTimeout.clear;
+    useIsomorphicLayoutEffect(function() {
+        if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {
+            onRefreshingFinish();
+        }
+    }, [
+        prevIsFetching,
+        isFetching,
+        onRefreshingFinish
+    ]);
+    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.IOS ? prevSpinnerY : initParams.refreshing;
+            });
+            onRefresh();
+            runTapticImpactOccurred("light");
+        }
+    }, [
+        refreshing,
+        onRefresh,
+        setWaitFetchingTimeout,
+        platform,
+        initParams.refreshing
+    ]);
+    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 = clamp(start + shift * positionMultiplier, start, maxY);
+            var progress = currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;
+            setSpinnerY(currentY);
+            setSpinnerProgress(clamp(progress, 0, 80));
+            setCanRefresh(progress > 80);
+            setContentShift((currentY + 10) * 2.3);
+            if (progress > 85 && !refreshing && 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.IOS && refreshing && !touchDown) {
+        contentTransform = "translate3d(0, 100px, 0)";
+    } else if (platform === Platform.IOS && (contentShift || refreshing)) {
+        contentTransform = "translate3d(0, ".concat(contentShift, "px, 0)");
     }
-  }, children)));
+    return /*#__PURE__*/ React.createElement(TouchRootContext.Provider, {
+        value: true
+    }, /*#__PURE__*/ React.createElement(Touch, _object_spread_props(_object_spread({}, restProps), {
+        onStart: onTouchStart,
+        onMove: onTouchMove,
+        onEnd: onTouchEnd,
+        className: classNames("vkuiPullToRefresh", platform === Platform.IOS && "vkuiPullToRefresh--ios", watching && "vkuiPullToRefresh--watching", refreshing && "vkuiPullToRefresh--refreshing", className)
+    }), /*#__PURE__*/ React.createElement(FixedLayout, {
+        className: "vkuiPullToRefresh__controls"
+    }, /*#__PURE__*/ React.createElement(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)));
 };
+
 //# sourceMappingURL=PullToRefresh.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PullToRefresh.js","names":["React","classNames","clamp","useGlobalEventListener","usePlatform","usePrevious","useTimeout","useDOM","Platform","runTapticImpactOccurred","useIsomorphicLayoutEffect","useScroll","FixedLayout","Touch","TouchRootContext","PullToRefreshSpinner","cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","TOUCH_MOVE_EVENT_PARAMS","passive","PullToRefresh","children","isFetching","onRefresh","className","restProps","platform","scroll","document","prevIsFetching","initParams","useMemo","start","IOS","max","maxY","refreshing","positionMultiplier","useState","spinnerY","setSpinnerY","watching","setWatching","setRefreshing","canRefresh","setCanRefresh","touchDown","setTouchDown","prevTouchDown","touchY","useRef","contentShift","setContentShift","spinnerProgress","setSpinnerProgress","onWindowTouchMove","resetRefreshingState","useCallback","onRefreshingFinish","setWaitFetchingTimeout","set","clearWaitFetchingTimeout","clear","undefined","runRefreshing","prevSpinnerY","onTouchStart","e","onTouchMove","isY","shiftY","pageYOffset","getScroll","y","shift","Math","current","currentY","progress","abs","onTouchEnd","spinnerTransform","contentTransform","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":["React","classNames","clamp","useGlobalEventListener","usePlatform","usePrevious","useTimeout","useDOM","Platform","runTapticImpactOccurred","useIsomorphicLayoutEffect","useScroll","FixedLayout","Touch","TouchRootContext","PullToRefreshSpinner","cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","TOUCH_MOVE_EVENT_PARAMS","passive","PullToRefresh","children","isFetching","onRefresh","className","restProps","platform","scroll","document","prevIsFetching","initParams","useMemo","start","IOS","max","maxY","refreshing","positionMultiplier","useState","spinnerY","setSpinnerY","watching","setWatching","setRefreshing","canRefresh","setCanRefresh","touchDown","setTouchDown","prevTouchDown","touchY","useRef","contentShift","setContentShift","spinnerProgress","setSpinnerProgress","onWindowTouchMove","resetRefreshingState","useCallback","onRefreshingFinish","set","setWaitFetchingTimeout","clear","clearWaitFetchingTimeout","undefined","runRefreshing","prevSpinnerY","onTouchStart","e","onTouchMove","isY","shiftY","pageYOffset","getScroll","y","shift","Math","current","currentY","progress","abs","onTouchEnd","spinnerTransform","contentTransform","Provider","value","onStart","onMove","onEnd","style","transform","WebkitTransform","opacity","on","div"],"mappings":"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"}

package/dist/components/PullToRefresh/PullToRefreshSpinner.js

@@ -1,54 +1,45 @@
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
 function calcStrokeDashOffset(value, radius) {
-  var progress = value / 100;
-  return 2 * Math.PI * radius * (1 - progress);
+    var progress = value / 100;
+    return 2 * Math.PI * radius * (1 - progress);
 }
-export var PullToRefreshSpinner = function PullToRefreshSpinner(_ref) {
-  var _ref$on = _ref.on,
-    on = _ref$on === void 0 ? true : _ref$on,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 24 : _ref$size,
-    _ref$strokeWidth = _ref.strokeWidth,
-    strokeWidth = _ref$strokeWidth === void 0 ? 2.5 : _ref$strokeWidth,
-    style = _ref.style,
-    _ref$progress = _ref.progress,
-    progress = _ref$progress === void 0 ? 0 : _ref$progress,
-    _ref$ariaLabel = _ref['aria-label'],
-    ariaLabel = _ref$ariaLabel === void 0 ? 'Пожалуйста, подождите...' : _ref$ariaLabel;
-  var radius = 0.5 * size - 0.5 * strokeWidth;
-  var dasharray = 2 * Math.PI * radius;
-  var circleCenter = 0.5 * size;
-  var dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("vkuiPullToRefresh__spinner", on && "vkuiPullToRefresh__spinner--on"),
-    style: style,
-    "aria-label": on ? ariaLabel : undefined
-  }, /*#__PURE__*/React.createElement("svg", {
-    role: "presentation",
-    className: "vkuiPullToRefresh__spinner-self",
-    style: {
-      width: size,
-      height: size
-    },
-    viewBox: "0 0 ".concat(size, " ").concat(size),
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("g", {
-    style: {
-      width: size,
-      height: size,
-      transformOrigin: "".concat(circleCenter, "px ").concat(circleCenter, "px")
-    }
-  }, /*#__PURE__*/React.createElement("circle", {
-    className: "vkuiPullToRefresh__spinner-path",
-    fill: "none",
-    strokeDasharray: dasharray,
-    strokeDashoffset: dashoffset,
-    strokeWidth: strokeWidth,
-    strokeLinecap: "round",
-    cx: circleCenter,
-    cy: circleCenter,
-    r: radius
-  }))));
+export var PullToRefreshSpinner = function(param) {
+    var _param_on = param.on, on = _param_on === void 0 ? true : _param_on, _param_size = param.size, size = _param_size === void 0 ? 24 : _param_size, _param_strokeWidth = param.strokeWidth, strokeWidth = _param_strokeWidth === void 0 ? 2.5 : _param_strokeWidth, style = param.style, _param_progress = param.progress, progress = _param_progress === void 0 ? 0 : _param_progress, tmp = param["aria-label"], ariaLabel = tmp === void 0 ? "Пожалуйста, подождите..." : tmp;
+    var radius = 0.5 * size - 0.5 * strokeWidth;
+    var dasharray = 2 * Math.PI * radius;
+    var circleCenter = 0.5 * size;
+    var dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames("vkuiPullToRefresh__spinner", on && "vkuiPullToRefresh__spinner--on"),
+        style: style,
+        "aria-label": on ? ariaLabel : undefined
+    }, /*#__PURE__*/ React.createElement("svg", {
+        role: "presentation",
+        className: "vkuiPullToRefresh__spinner-self",
+        style: {
+            width: size,
+            height: size
+        },
+        viewBox: "0 0 ".concat(size, " ").concat(size),
+        xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/ React.createElement("g", {
+        style: {
+            width: size,
+            height: size,
+            transformOrigin: "".concat(circleCenter, "px ").concat(circleCenter, "px")
+        }
+    }, /*#__PURE__*/ React.createElement("circle", {
+        className: "vkuiPullToRefresh__spinner-path",
+        fill: "none",
+        strokeDasharray: dasharray,
+        strokeDashoffset: dashoffset,
+        strokeWidth: strokeWidth,
+        strokeLinecap: "round",
+        cx: circleCenter,
+        cy: circleCenter,
+        r: radius
+    }))));
 };
+
 //# sourceMappingURL=PullToRefreshSpinner.js.map