@vkontakte/vkui 5.0.0 → 5.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"PromoBanner.js","names":["PromoBanner","bannerData","onClose","isCloseButtonHidden","restProps","React","useState","currentPixel","setCurrentPixel","statsPixels","useMemo","statistics","reduce","acc","item","type","url","onClick","useCallback","click","useEffect","playbackStarted","advertisingLabel","ageRestrictions","trackingLink","iconLink","title","ctaText","domain","length"],"sources":["../../../../src/components/PromoBanner/PromoBanner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { Button } from \"../Button/Button\";\nimport { SimpleCell } from \"../SimpleCell/SimpleCell\";\nimport { Image } from \"../Image/Image\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport \"./PromoBanner.css\";\n\ntype StatsType =\n  | \"playbackStarted\" // Начало показа\n  | \"click\"; // Клик по баннеру\n\ntype BannerData = {\n  title?: string;\n  url_types?: string;\n  bannerID?: string;\n  imageWidth?: number;\n  imageHeight?: number;\n  imageLink?: string;\n  trackingLink?: string;\n  type?: string;\n  iconWidth?: number;\n  domain?: string;\n  ctaText?: string;\n  advertisingLabel?: string;\n  iconLink?: string;\n  statistics?: Array<{ type: StatsType; url: string }>;\n  openInBrowser?: boolean;\n  iconHeight?: number;\n  directLink?: boolean;\n  navigationType?: string;\n  description?: string;\n  ageRestrictions?: string;\n};\n\nexport interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Данные рекламного баннера, полученные из VKWebAppGetAds */\n  bannerData: BannerData;\n  /** Флаг скрытия кнопки закрытия рекламы */\n  isCloseButtonHidden?: boolean;\n  /** Хандлер закрытия рекламы */\n  onClose: () => void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PromoBanner\n */\nexport const PromoBanner = ({\n  bannerData = {},\n  onClose,\n  isCloseButtonHidden,\n  ...restProps\n}: PromoBannerProps) => {\n  const [currentPixel, setCurrentPixel] = React.useState(\"\");\n\n  const statsPixels = React.useMemo(\n    () =>\n      (bannerData.statistics\n        ? bannerData.statistics.reduce(\n            (acc, item) => ({ ...acc, [item.type]: item.url }),\n            {}\n          )\n        : {}) as Record<StatsType, string | void>,\n    [bannerData.statistics]\n  );\n\n  const onClick = React.useCallback(\n    () => setCurrentPixel(statsPixels.click || \"\"),\n    [statsPixels.click]\n  );\n\n  React.useEffect(() => {\n    if (statsPixels.playbackStarted) {\n      setCurrentPixel(statsPixels.playbackStarted);\n    }\n  }, [statsPixels.playbackStarted]);\n\n  return (\n    <div vkuiClass=\"PromoBanner\" {...restProps}>\n      <div vkuiClass=\"PromoBanner__head\">\n        <Footnote vkuiClass=\"PromoBanner__label\">\n          {bannerData.advertisingLabel || \"Advertisement\"}\n        </Footnote>\n        {bannerData.ageRestrictions && (\n          <Footnote vkuiClass=\"PromoBanner__age\">\n            {bannerData.ageRestrictions}\n          </Footnote>\n        )}\n\n        {!isCloseButtonHidden && (\n          <div vkuiClass=\"PromoBanner__close\" onClick={onClose}>\n            <Icon24Dismiss />\n          </div>\n        )}\n      </div>\n      <SimpleCell\n        href={bannerData.trackingLink}\n        onClick={onClick}\n        rel=\"nofollow noopener noreferrer\"\n        target=\"_blank\"\n        before={\n          <Image size={48} src={bannerData.iconLink} alt={bannerData.title} />\n        }\n        after={<Button mode=\"outline\">{bannerData.ctaText}</Button>}\n        subtitle={bannerData.domain}\n      >\n        {bannerData.title}\n      </SimpleCell>\n\n      {currentPixel.length > 0 && (\n        <div vkuiClass=\"PromoBanner__pixels\">\n          <img src={currentPixel} alt=\"\" />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAuCA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,2BAJtBC,UAIsB;EAAA,IAJtBA,UAIsB,gCAJT,EAIS;EAAA,IAHtBC,OAGsB,QAHtBA,OAGsB;EAAA,IAFtBC,mBAEsB,QAFtBA,mBAEsB;EAAA,IADnBC,SACmB;;EACtB,sBAAwCC,KAAK,CAACC,QAAN,CAAe,EAAf,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EAEA,IAAMC,WAAW,GAAGJ,KAAK,CAACK,OAAN,CAClB;IAAA,OACGT,UAAU,CAACU,UAAX,GACGV,UAAU,CAACU,UAAX,CAAsBC,MAAtB,CACE,UAACC,GAAD,EAAMC,IAAN;MAAA,mEAAqBD,GAArB,yCAA2BC,IAAI,CAACC,IAAhC,EAAuCD,IAAI,CAACE,GAA5C;IAAA,CADF,EAEE,EAFF,CADH,GAKG,EANN;EAAA,CADkB,EAQlB,CAACf,UAAU,CAACU,UAAZ,CARkB,CAApB;EAWA,IAAMM,OAAO,GAAGZ,KAAK,CAACa,WAAN,CACd;IAAA,OAAMV,eAAe,CAACC,WAAW,CAACU,KAAZ,IAAqB,EAAtB,CAArB;EAAA,CADc,EAEd,CAACV,WAAW,CAACU,KAAb,CAFc,CAAhB;EAKAd,KAAK,CAACe,SAAN,CAAgB,YAAM;IACpB,IAAIX,WAAW,CAACY,eAAhB,EAAiC;MAC/Bb,eAAe,CAACC,WAAW,CAACY,eAAb,CAAf;IACD;EACF,CAJD,EAIG,CAACZ,WAAW,CAACY,eAAb,CAJH;EAMA,OACE;IAAK,SAAS,EAAC;EAAf,GAAiCjB,SAAjC,GACE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,kBAAD;IAAU,SAAS,EAAC;EAApB,GACGH,UAAU,CAACqB,gBAAX,IAA+B,eADlC,CADF,EAIGrB,UAAU,CAACsB,eAAX,IACC,qCAAC,kBAAD;IAAU,SAAS,EAAC;EAApB,GACGtB,UAAU,CAACsB,eADd,CALJ,EAUG,CAACpB,mBAAD,IACC;IAAK,SAAS,EAAC,oBAAf;IAAoC,OAAO,EAAED;EAA7C,GACE,qCAAC,oBAAD,OADF,CAXJ,CADF,EAiBE,qCAAC,sBAAD;IACE,IAAI,EAAED,UAAU,CAACuB,YADnB;IAEE,OAAO,EAAEP,OAFX;IAGE,GAAG,EAAC,8BAHN;IAIE,MAAM,EAAC,QAJT;IAKE,MAAM,EACJ,qCAAC,YAAD;MAAO,IAAI,EAAE,EAAb;MAAiB,GAAG,EAAEhB,UAAU,CAACwB,QAAjC;MAA2C,GAAG,EAAExB,UAAU,CAACyB;IAA3D,EANJ;IAQE,KAAK,EAAE,qCAAC,cAAD;MAAQ,IAAI,EAAC;IAAb,GAAwBzB,UAAU,CAAC0B,OAAnC,CART;IASE,QAAQ,EAAE1B,UAAU,CAAC2B;EATvB,GAWG3B,UAAU,CAACyB,KAXd,CAjBF,EA+BGnB,YAAY,CAACsB,MAAb,GAAsB,CAAtB,IACC;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,GAAG,EAAEtB,YAAV;IAAwB,GAAG,EAAC;EAA5B,EADF,CAhCJ,CADF;AAuCD,CArEM"}
+{"version":3,"file":"PromoBanner.js","names":["PromoBanner","bannerData","onClose","isCloseButtonHidden","className","restProps","React","useState","currentPixel","setCurrentPixel","statsPixels","useMemo","statistics","reduce","acc","item","type","url","onClick","useCallback","click","useEffect","playbackStarted","classNamesString","advertisingLabel","ageRestrictions","trackingLink","iconLink","title","process","env","NODE_ENV","undefined","ctaText","domain","length"],"sources":["../../../../src/components/PromoBanner/PromoBanner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { Button } from \"../Button/Button\";\nimport { SimpleCell } from \"../SimpleCell/SimpleCell\";\nimport { Image } from \"../Image/Image\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport styles from \"./PromoBanner.module.css\";\n\ntype StatsType =\n  | \"playbackStarted\" // Начало показа\n  | \"click\"; // Клик по баннеру\n\ntype BannerData = {\n  title?: string;\n  url_types?: string;\n  bannerID?: string;\n  imageWidth?: number;\n  imageHeight?: number;\n  imageLink?: string;\n  trackingLink?: string;\n  type?: string;\n  iconWidth?: number;\n  domain?: string;\n  ctaText?: string;\n  advertisingLabel?: string;\n  iconLink?: string;\n  statistics?: Array<{ type: StatsType; url: string }>;\n  openInBrowser?: boolean;\n  iconHeight?: number;\n  directLink?: boolean;\n  navigationType?: string;\n  description?: string;\n  ageRestrictions?: string;\n};\n\nexport interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Данные рекламного баннера, полученные из VKWebAppGetAds */\n  bannerData: BannerData;\n  /** Флаг скрытия кнопки закрытия рекламы */\n  isCloseButtonHidden?: boolean;\n  /** Хандлер закрытия рекламы */\n  onClose: () => void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PromoBanner\n */\nexport const PromoBanner = ({\n  bannerData = {},\n  onClose,\n  isCloseButtonHidden,\n  className,\n  ...restProps\n}: PromoBannerProps) => {\n  const [currentPixel, setCurrentPixel] = React.useState(\"\");\n\n  const statsPixels = React.useMemo(\n    () =>\n      (bannerData.statistics\n        ? bannerData.statistics.reduce(\n            (acc, item) => ({ ...acc, [item.type]: item.url }),\n            {}\n          )\n        : {}) as Record<StatsType, string | void>,\n    [bannerData.statistics]\n  );\n\n  const onClick = React.useCallback(\n    () => setCurrentPixel(statsPixels.click || \"\"),\n    [statsPixels.click]\n  );\n\n  React.useEffect(() => {\n    if (statsPixels.playbackStarted) {\n      setCurrentPixel(statsPixels.playbackStarted);\n    }\n  }, [statsPixels.playbackStarted]);\n\n  return (\n    <div\n      className={classNamesString(styles[\"PromoBanner\"], className)}\n      {...restProps}\n    >\n      <div className={styles[\"PromoBanner__head\"]}>\n        <Footnote className={styles[\"PromoBanner__label\"]}>\n          {bannerData.advertisingLabel || \"Advertisement\"}\n        </Footnote>\n        {bannerData.ageRestrictions && (\n          <Footnote className={styles[\"PromoBanner__age\"]}>\n            {bannerData.ageRestrictions}\n          </Footnote>\n        )}\n\n        {!isCloseButtonHidden && (\n          <div className={styles[\"PromoBanner__close\"]} onClick={onClose}>\n            <Icon24Dismiss />\n          </div>\n        )}\n      </div>\n      <SimpleCell\n        href={bannerData.trackingLink}\n        onClick={onClick}\n        rel=\"nofollow noopener noreferrer\"\n        target=\"_blank\"\n        before={\n          bannerData.iconLink && (\n            <Image\n              size={48}\n              src={bannerData.iconLink}\n              alt={bannerData.title}\n              data-testid={\n                process.env.NODE_ENV === \"test\" ? \"avatar\" : undefined\n              }\n            />\n          )\n        }\n        after={\n          bannerData.ctaText && (\n            <Button\n              mode=\"outline\"\n              data-testid={\n                process.env.NODE_ENV === \"test\" ? \"button-ctaText\" : undefined\n              }\n            >\n              {bannerData.ctaText}\n            </Button>\n          )\n        }\n        subtitle={bannerData.domain}\n      >\n        {bannerData.title}\n      </SimpleCell>\n\n      {currentPixel.length > 0 && (\n        <div className={styles[\"PromoBanner__pixels\"]}>\n          <img src={currentPixel} alt=\"\" />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAA2D;AAuC3D;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAMA;EAAA,2BALtBC,UAAU;IAAVA,UAAU,gCAAG,CAAC,CAAC;IACfC,OAAO,QAAPA,OAAO;IACPC,mBAAmB,QAAnBA,mBAAmB;IACnBC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,sBAAwCC,KAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;IAAA;IAAnDC,YAAY;IAAEC,eAAe;EAEpC,IAAMC,WAAW,GAAGJ,KAAK,CAACK,OAAO,CAC/B;IAAA,OACGV,UAAU,CAACW,UAAU,GAClBX,UAAU,CAACW,UAAU,CAACC,MAAM,CAC1B,UAACC,GAAG,EAAEC,IAAI;MAAA,mEAAWD,GAAG,yCAAGC,IAAI,CAACC,IAAI,EAAGD,IAAI,CAACE,GAAG;IAAA,CAAG,EAClD,CAAC,CAAC,CACH,GACD,CAAC,CAAC;EAAA,CAAqC,EAC7C,CAAChB,UAAU,CAACW,UAAU,CAAC,CACxB;EAED,IAAMM,OAAO,GAAGZ,KAAK,CAACa,WAAW,CAC/B;IAAA,OAAMV,eAAe,CAACC,WAAW,CAACU,KAAK,IAAI,EAAE,CAAC;EAAA,GAC9C,CAACV,WAAW,CAACU,KAAK,CAAC,CACpB;EAEDd,KAAK,CAACe,SAAS,CAAC,YAAM;IACpB,IAAIX,WAAW,CAACY,eAAe,EAAE;MAC/Bb,eAAe,CAACC,WAAW,CAACY,eAAe,CAAC;IAC9C;EACF,CAAC,EAAE,CAACZ,WAAW,CAACY,eAAe,CAAC,CAAC;EAEjC,oBACE;IACE,SAAS,EAAE,IAAAC,4BAAgB,qBAAwBnB,SAAS;EAAE,GAC1DC,SAAS,gBAEb;IAAK,SAAS;EAA8B,gBAC1C,oBAAC,kBAAQ;IAAC,SAAS;EAA+B,GAC/CJ,UAAU,CAACuB,gBAAgB,IAAI,eAAe,CACtC,EACVvB,UAAU,CAACwB,eAAe,iBACzB,oBAAC,kBAAQ;IAAC,SAAS;EAA6B,GAC7CxB,UAAU,CAACwB,eAAe,CAE9B,EAEA,CAACtB,mBAAmB,iBACnB;IAAK,SAAS,0BAA+B;IAAC,OAAO,EAAED;EAAQ,gBAC7D,oBAAC,oBAAa,OAAG,CAEpB,CACG,eACN,oBAAC,sBAAU;IACT,IAAI,EAAED,UAAU,CAACyB,YAAa;IAC9B,OAAO,EAAER,OAAQ;IACjB,GAAG,EAAC,8BAA8B;IAClC,MAAM,EAAC,QAAQ;IACf,MAAM,EACJjB,UAAU,CAAC0B,QAAQ,iBACjB,oBAAC,YAAK;MACJ,IAAI,EAAE,EAAG;MACT,GAAG,EAAE1B,UAAU,CAAC0B,QAAS;MACzB,GAAG,EAAE1B,UAAU,CAAC2B,KAAM;MACtB,eACEC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,QAAQ,GAAGC;IAC9C,EAGN;IACD,KAAK,EACH/B,UAAU,CAACgC,OAAO,iBAChB,oBAAC,cAAM;MACL,IAAI,EAAC,SAAS;MACd,eACEJ,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,gBAAgB,GAAGC;IACtD,GAEA/B,UAAU,CAACgC,OAAO,CAGxB;IACD,QAAQ,EAAEhC,UAAU,CAACiC;EAAO,GAE3BjC,UAAU,CAAC2B,KAAK,CACN,EAEZpB,YAAY,CAAC2B,MAAM,GAAG,CAAC,iBACtB;IAAK,SAAS;EAAgC,gBAC5C;IAAK,GAAG,EAAE3B,YAAa;IAAC,GAAG,EAAC;EAAE,EAAG,CAEpC,CACG;AAEV,CAAC;AAAC"}

package/dist/cjs/components/PullToRefresh/PullToRefresh.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { AnyFunction } from "../../types";
+import { DOMProps } from "../../lib/dom";
+import { ScrollContextInterface } from "../AppRoot/ScrollContext";
+import { TouchProps } from "../Touch/Touch";
+export interface PullToRefreshProps extends DOMProps, TouchProps {
+    /**
+     * Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным коллбэком)
+     */
+    onRefresh: AnyFunction;
+    /**
+     * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`
+     */
+    isFetching?: boolean;
+    /** @ignore */
+    scroll?: ScrollContextInterface;
+    children?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/PullToRefresh
+ */
+export declare const PullToRefresh: ({ children, isFetching, onRefresh, className, ...restProps }: PullToRefreshProps) => JSX.Element;

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

@@ -1,93 +1,64 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PullToRefresh = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 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 _dom = require("../../lib/dom");
-
 var _classNames = require("../../lib/classNames");
-
 var _platform = require("../../lib/platform");
-
 var _taptic = require("../../lib/taptic");
-
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-
 var _usePlatform = require("../../hooks/usePlatform");
-
 var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
-
 var _ScrollContext = require("../AppRoot/ScrollContext");
-
 var _Touch = require("../Touch/Touch");
-
 var _FixedLayout = require("../FixedLayout/FixedLayout");
-
 var _PullToRefreshSpinner = require("./PullToRefreshSpinner");
-
 var _TouchContext = _interopRequireDefault(require("../Touch/TouchContext"));
-
 var _usePrevious = require("../../hooks/usePrevious");
-
 var _useTimeout2 = require("../../hooks/useTimeout");
-
-var _excluded = ["children", "isFetching", "onRefresh"];
-
+var _math = require("../../helpers/math");
+var _excluded = ["children", "isFetching", "onRefresh", "className"];
 function cancelEvent(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;
 }
-
 var TOUCH_MOVE_EVENT_PARAMS = {
   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,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    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;
-
+    document = _useDOM.document;
   var prevIsFetching = (0, _usePrevious.usePrevious)(isFetching);
   var initParams = React.useMemo(function () {
     return {
@@ -98,52 +69,42 @@ var PullToRefresh = function PullToRefresh(_ref) {
       positionMultiplier: platform === _platform.Platform.IOS ? 0.21 : 1
     };
   }, [platform]);
-
   var _React$useState = React.useState(initParams.start),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      spinnerY = _React$useState2[0],
-      setSpinnerY = _React$useState2[1];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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);
@@ -158,11 +119,9 @@ var PullToRefresh = function PullToRefresh(_ref) {
       resetRefreshingState();
     }
   }, [touchDown, resetRefreshingState]);
-
   var _useTimeout = (0, _useTimeout2.useTimeout)(onRefreshingFinish, 1000),
-      setWaitFetchingTimeout = _useTimeout.set,
-      clearWaitFetchingTimeout = _useTimeout.clear;
-
+    setWaitFetchingTimeout = _useTimeout.set,
+    clearWaitFetchingTimeout = _useTimeout.clear;
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {
       onRefreshingFinish();
@@ -201,34 +160,29 @@ var PullToRefresh = function PullToRefresh(_ref) {
       }
     }
   }, [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;
+      shiftY = e.shiftY;
     var start = initParams.start,
-        max = initParams.max;
+      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;
+        maxY = initParams.maxY;
       var shift = Math.max(0, shiftY - touchY.current);
-      var currentY = Math.max(start, Math.min(maxY, start + shift * positionMultiplier));
+      var currentY = (0, _math.clamp)(start + shift * positionMultiplier, start, maxY);
       var progress = currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;
       setSpinnerY(currentY);
-      setSpinnerProgress(Math.min(80, Math.max(0, progress)));
+      setSpinnerProgress((0, _math.clamp)(progress, 0, 80));
       setCanRefresh(progress > 80);
       setContentShift((currentY + 10) * 2.3);
-
       if (progress > 85 && !refreshing && platform === _platform.Platform.IOS) {
         runRefreshing();
       }
@@ -240,31 +194,27 @@ var PullToRefresh = function PullToRefresh(_ref) {
       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 (0, _jsxRuntime.createScopedElement)(_TouchContext.default.Provider, {
+  return /*#__PURE__*/React.createElement(_TouchContext.default.Provider, {
     value: true
-  }, (0, _jsxRuntime.createScopedElement)(_Touch.Touch, (0, _extends2.default)({}, restProps, {
+  }, /*#__PURE__*/React.createElement(_Touch.Touch, (0, _extends2.default)({}, restProps, {
     onStart: onTouchStart,
     onMove: onTouchMove,
     onEnd: onTouchEnd,
-    vkuiClass: (0, _classNames.classNames)("PullToRefresh", platform === _platform.Platform.IOS && "PullToRefresh--ios", watching && "PullToRefresh--watching", refreshing && "PullToRefresh--refreshing")
-  }), (0, _jsxRuntime.createScopedElement)(_FixedLayout.FixedLayout, {
-    vkuiClass: "PullToRefresh__controls"
-  }, (0, _jsxRuntime.createScopedElement)(_PullToRefreshSpinner.PullToRefreshSpinner, {
+    className: (0, _classNames.classNamesString)("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,
@@ -272,14 +222,13 @@ var PullToRefresh = function PullToRefresh(_ref) {
     },
     on: refreshing,
     progress: refreshing ? undefined : spinnerProgress
-  })), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "PullToRefresh__content",
+  })), /*#__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","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","min","progress","abs","onTouchEnd","spinnerTransform","contentTransform","classNames","transform","WebkitTransform","opacity"],"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AnyFunction, HasPlatform } from \"../../types\";\nimport { DOMProps, useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { runTapticImpactOccurred } from \"../../lib/taptic\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { ScrollContextInterface, useScroll } from \"../AppRoot/ScrollContext\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { PullToRefreshSpinner } from \"./PullToRefreshSpinner\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\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, HasPlatform {\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  ...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(\n    document,\n    \"touchmove\",\n    onWindowTouchMove,\n    TOUCH_MOVE_EVENT_PARAMS\n  );\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 } =\n    useTimeout(onRefreshingFinish, 1000);\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  }, [\n    refreshing,\n    onRefresh,\n    setWaitFetchingTimeout,\n    platform,\n    initParams.refreshing,\n  ]);\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 = Math.max(\n        start,\n        Math.min(maxY, start + shift * positionMultiplier)\n      );\n      const progress =\n        currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;\n\n      setSpinnerY(currentY);\n      setSpinnerProgress(Math.min(80, Math.max(0, progress)));\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 (\n      isY &&\n      pageYOffset === 0 &&\n      shiftY > 0 &&\n      !refreshing &&\n      touchDown\n    ) {\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        vkuiClass={classNames(\n          \"PullToRefresh\",\n          platform === Platform.IOS && \"PullToRefresh--ios\",\n          watching && \"PullToRefresh--watching\",\n          refreshing && \"PullToRefresh--refreshing\"\n        )}\n      >\n        <FixedLayout vkuiClass=\"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          vkuiClass=\"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,"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","classNamesString","transform","WebkitTransform","opacity"],"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AnyFunction } from \"../../types\";\nimport { DOMProps, useDOM } from \"../../lib/dom\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { runTapticImpactOccurred } from \"../../lib/taptic\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { ScrollContextInterface, useScroll } from \"../AppRoot/ScrollContext\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { PullToRefreshSpinner } from \"./PullToRefreshSpinner\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { clamp } from \"../../helpers/math\";\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(\n    document,\n    \"touchmove\",\n    onWindowTouchMove,\n    TOUCH_MOVE_EVENT_PARAMS\n  );\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 } =\n    useTimeout(onRefreshingFinish, 1000);\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  }, [\n    refreshing,\n    onRefresh,\n    setWaitFetchingTimeout,\n    platform,\n    initParams.refreshing,\n  ]);\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 =\n        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 (\n      isY &&\n      pageYOffset === 0 &&\n      shiftY > 0 &&\n      !refreshing &&\n      touchDown\n    ) {\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={classNamesString(\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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"}

package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface PullToRefreshSpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: number;
+    strokeWidth?: number;
+    on?: boolean;
+    progress?: number;
+    "aria-label"?: string;
+}
+export declare const PullToRefreshSpinner: ({ on, size, strokeWidth, style, progress, "aria-label": ariaLabel, }: PullToRefreshSpinnerProps) => JSX.Element;

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

@@ -1,56 +1,53 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PullToRefreshSpinner = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
+var React = _interopRequireWildcard(require("react"));
 var _classNames = require("../../lib/classNames");
-
 function calcStrokeDashOffset(value, radius) {
   var progress = value / 100;
   return 2 * Math.PI * radius * (1 - progress);
 }
-
 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;
+    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 (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)("PullToRefresh__spinner", on && "PullToRefresh__spinner--on"),
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _classNames.classNamesString)("vkuiPullToRefresh__spinner", on && "vkuiPullToRefresh__spinner--on"),
     style: style,
     "aria-label": on ? ariaLabel : undefined
-  }, (0, _jsxRuntime.createScopedElement)("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     role: "presentation",
-    vkuiClass: "PullToRefresh__spinner-self",
+    className: "vkuiPullToRefresh__spinner-self",
     style: {
       width: size,
       height: size
     },
     viewBox: "0 0 ".concat(size, " ").concat(size),
     xmlns: "http://www.w3.org/2000/svg"
-  }, (0, _jsxRuntime.createScopedElement)("g", {
+  }, /*#__PURE__*/React.createElement("g", {
     style: {
       width: size,
       height: size,
       transformOrigin: "".concat(circleCenter, "px ").concat(circleCenter, "px")
     }
-  }, (0, _jsxRuntime.createScopedElement)("circle", {
-    vkuiClass: "PullToRefresh__spinner-path",
+  }, /*#__PURE__*/React.createElement("circle", {
+    className: "vkuiPullToRefresh__spinner-path",
     fill: "none",
     strokeDasharray: dasharray,
     strokeDashoffset: dashoffset,
@@ -61,6 +58,5 @@ var PullToRefreshSpinner = function PullToRefreshSpinner(_ref) {
     r: radius
   }))));
 };
-
 exports.PullToRefreshSpinner = PullToRefreshSpinner;
 //# sourceMappingURL=PullToRefreshSpinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PullToRefreshSpinner.js","names":["calcStrokeDashOffset","value","radius","progress","Math","PI","PullToRefreshSpinner","on","size","strokeWidth","style","ariaLabel","dasharray","circleCenter","dashoffset","classNames","undefined","width","height","transformOrigin"],"sources":["../../../../src/components/PullToRefresh/PullToRefreshSpinner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./PullToRefresh.css\";\n\nfunction calcStrokeDashOffset(value: number, radius: number) {\n  const progress = value / 100;\n  return 2 * Math.PI * radius * (1 - progress);\n}\n\nexport interface PullToRefreshSpinnerProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  size?: number;\n  strokeWidth?: number;\n  on?: boolean;\n  progress?: number;\n  \"aria-label\"?: string;\n}\n\nexport const PullToRefreshSpinner = ({\n  on = true,\n  size = 24,\n  strokeWidth = 2.5,\n  style,\n  progress = 0,\n  \"aria-label\": ariaLabel = \"Пожалуйста, подождите...\",\n}: PullToRefreshSpinnerProps) => {\n  const radius = 0.5 * size - 0.5 * strokeWidth;\n  const dasharray = 2 * Math.PI * radius;\n  const circleCenter = 0.5 * size;\n\n  const dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);\n\n  return (\n    <div\n      vkuiClass={classNames(\n        \"PullToRefresh__spinner\",\n        on && \"PullToRefresh__spinner--on\"\n      )}\n      style={style}\n      aria-label={on ? ariaLabel : undefined}\n    >\n      <svg\n        role=\"presentation\"\n        vkuiClass=\"PullToRefresh__spinner-self\"\n        style={{\n          width: size,\n          height: size,\n        }}\n        viewBox={`0 0 ${size} ${size}`}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g\n          style={{\n            width: size,\n            height: size,\n            transformOrigin: `${circleCenter}px ${circleCenter}px`,\n          }}\n        >\n          <circle\n            vkuiClass=\"PullToRefresh__spinner-path\"\n            fill=\"none\"\n            strokeDasharray={dasharray}\n            strokeDashoffset={dashoffset}\n            strokeWidth={strokeWidth}\n            strokeLinecap=\"round\"\n            cx={circleCenter}\n            cy={circleCenter}\n            r={radius}\n          />\n        </g>\n      </svg>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AACA;;AAGA,SAASA,oBAAT,CAA8BC,KAA9B,EAA6CC,MAA7C,EAA6D;EAC3D,IAAMC,QAAQ,GAAGF,KAAK,GAAG,GAAzB;EACA,OAAO,IAAIG,IAAI,CAACC,EAAT,GAAcH,MAAd,IAAwB,IAAIC,QAA5B,CAAP;AACD;;AAWM,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAuB,OAOH;EAAA,mBAN/BC,EAM+B;EAAA,IAN/BA,EAM+B,wBAN1B,IAM0B;EAAA,qBAL/BC,IAK+B;EAAA,IAL/BA,IAK+B,0BALxB,EAKwB;EAAA,4BAJ/BC,WAI+B;EAAA,IAJ/BA,WAI+B,iCAJjB,GAIiB;EAAA,IAH/BC,KAG+B,QAH/BA,KAG+B;EAAA,yBAF/BP,QAE+B;EAAA,IAF/BA,QAE+B,8BAFpB,CAEoB;EAAA,0BAD/B,YAC+B;EAAA,IADjBQ,SACiB,+BADL,0BACK;EAC/B,IAAMT,MAAM,GAAG,MAAMM,IAAN,GAAa,MAAMC,WAAlC;EACA,IAAMG,SAAS,GAAG,IAAIR,IAAI,CAACC,EAAT,GAAcH,MAAhC;EACA,IAAMW,YAAY,GAAG,MAAML,IAA3B;EAEA,IAAMM,UAAU,GAAGd,oBAAoB,CAACO,EAAE,GAAG,EAAH,GAAQJ,QAAX,EAAqBD,MAArB,CAAvC;EAEA,OACE;IACE,SAAS,EAAE,IAAAa,sBAAA,EACT,wBADS,EAETR,EAAE,IAAI,4BAFG,CADb;IAKE,KAAK,EAAEG,KALT;IAME,cAAYH,EAAE,GAAGI,SAAH,GAAeK;EAN/B,GAQE;IACE,IAAI,EAAC,cADP;IAEE,SAAS,EAAC,6BAFZ;IAGE,KAAK,EAAE;MACLC,KAAK,EAAET,IADF;MAELU,MAAM,EAAEV;IAFH,CAHT;IAOE,OAAO,gBAASA,IAAT,cAAiBA,IAAjB,CAPT;IAQE,KAAK,EAAC;EARR,GAUE;IACE,KAAK,EAAE;MACLS,KAAK,EAAET,IADF;MAELU,MAAM,EAAEV,IAFH;MAGLW,eAAe,YAAKN,YAAL,gBAAuBA,YAAvB;IAHV;EADT,GAOE;IACE,SAAS,EAAC,6BADZ;IAEE,IAAI,EAAC,MAFP;IAGE,eAAe,EAAED,SAHnB;IAIE,gBAAgB,EAAEE,UAJpB;IAKE,WAAW,EAAEL,WALf;IAME,aAAa,EAAC,OANhB;IAOE,EAAE,EAAEI,YAPN;IAQE,EAAE,EAAEA,YARN;IASE,CAAC,EAAEX;EATL,EAPF,CAVF,CARF,CADF;AAyCD,CAvDM"}
+{"version":3,"file":"PullToRefreshSpinner.js","names":["calcStrokeDashOffset","value","radius","progress","Math","PI","PullToRefreshSpinner","on","size","strokeWidth","style","ariaLabel","dasharray","circleCenter","dashoffset","classNamesString","undefined","width","height","transformOrigin"],"sources":["../../../../src/components/PullToRefresh/PullToRefreshSpinner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport styles from \"./PullToRefresh.module.css\";\n\nfunction calcStrokeDashOffset(value: number, radius: number) {\n  const progress = value / 100;\n  return 2 * Math.PI * radius * (1 - progress);\n}\n\nexport interface PullToRefreshSpinnerProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  size?: number;\n  strokeWidth?: number;\n  on?: boolean;\n  progress?: number;\n  \"aria-label\"?: string;\n}\n\nexport const PullToRefreshSpinner = ({\n  on = true,\n  size = 24,\n  strokeWidth = 2.5,\n  style,\n  progress = 0,\n  \"aria-label\": ariaLabel = \"Пожалуйста, подождите...\",\n}: PullToRefreshSpinnerProps) => {\n  const radius = 0.5 * size - 0.5 * strokeWidth;\n  const dasharray = 2 * Math.PI * radius;\n  const circleCenter = 0.5 * size;\n\n  const dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);\n\n  return (\n    <div\n      className={classNamesString(\n        styles[\"PullToRefresh__spinner\"],\n        on && styles[\"PullToRefresh__spinner--on\"]\n      )}\n      style={style}\n      aria-label={on ? ariaLabel : undefined}\n    >\n      <svg\n        role=\"presentation\"\n        className={styles[\"PullToRefresh__spinner-self\"]}\n        style={{\n          width: size,\n          height: size,\n        }}\n        viewBox={`0 0 ${size} ${size}`}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g\n          style={{\n            width: size,\n            height: size,\n            transformOrigin: `${circleCenter}px ${circleCenter}px`,\n          }}\n        >\n          <circle\n            className={styles[\"PullToRefresh__spinner-path\"]}\n            fill=\"none\"\n            strokeDasharray={dasharray}\n            strokeDashoffset={dashoffset}\n            strokeWidth={strokeWidth}\n            strokeLinecap=\"round\"\n            cx={circleCenter}\n            cy={circleCenter}\n            r={radius}\n          />\n        </g>\n      </svg>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAGA,SAASA,oBAAoB,CAACC,KAAa,EAAEC,MAAc,EAAE;EAC3D,IAAMC,QAAQ,GAAGF,KAAK,GAAG,GAAG;EAC5B,OAAO,CAAC,GAAGG,IAAI,CAACC,EAAE,GAAGH,MAAM,IAAI,CAAC,GAAGC,QAAQ,CAAC;AAC9C;AAWO,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAoB,OAOA;EAAA,mBAN/BC,EAAE;IAAFA,EAAE,wBAAG,IAAI;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,EAAE;IAAA,wBACTC,WAAW;IAAXA,WAAW,iCAAG,GAAG;IACjBC,KAAK,QAALA,KAAK;IAAA,qBACLP,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IAAA,sBACZ,YAAY;IAAEQ,SAAS,+BAAG,0BAA0B;EAEpD,IAAMT,MAAM,GAAG,GAAG,GAAGM,IAAI,GAAG,GAAG,GAAGC,WAAW;EAC7C,IAAMG,SAAS,GAAG,CAAC,GAAGR,IAAI,CAACC,EAAE,GAAGH,MAAM;EACtC,IAAMW,YAAY,GAAG,GAAG,GAAGL,IAAI;EAE/B,IAAMM,UAAU,GAAGd,oBAAoB,CAACO,EAAE,GAAG,EAAE,GAAGJ,QAAQ,EAAED,MAAM,CAAC;EAEnE,oBACE;IACE,SAAS,EAAE,IAAAa,4BAAgB,gCAEzBR,EAAE,oCAAwC,CAC1C;IACF,KAAK,EAAEG,KAAM;IACb,cAAYH,EAAE,GAAGI,SAAS,GAAGK;EAAU,gBAEvC;IACE,IAAI,EAAC,cAAc;IACnB,SAAS,mCAAwC;IACjD,KAAK,EAAE;MACLC,KAAK,EAAET,IAAI;MACXU,MAAM,EAAEV;IACV,CAAE;IACF,OAAO,gBAASA,IAAI,cAAIA,IAAI,CAAG;IAC/B,KAAK,EAAC;EAA4B,gBAElC;IACE,KAAK,EAAE;MACLS,KAAK,EAAET,IAAI;MACXU,MAAM,EAAEV,IAAI;MACZW,eAAe,YAAKN,YAAY,gBAAMA,YAAY;IACpD;EAAE,gBAEF;IACE,SAAS,mCAAwC;IACjD,IAAI,EAAC,MAAM;IACX,eAAe,EAAED,SAAU;IAC3B,gBAAgB,EAAEE,UAAW;IAC7B,WAAW,EAAEL,WAAY;IACzB,aAAa,EAAC,OAAO;IACrB,EAAE,EAAEI,YAAa;IACjB,EAAE,EAAEA,YAAa;IACjB,CAAC,EAAEX;EAAO,EACV,CACA,CACA,CACF;AAEV,CAAC;AAAC"}

package/dist/cjs/components/Radio/Radio.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement>, HasRootRef<HTMLLabelElement> {
+    description?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Radio
+ */
+export declare const Radio: ({ children, description, style, className, getRootRef, ...restProps }: RadioProps) => JSX.Element;