@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"PromoBanner.js","names":["warn","warnOnce","PromoBanner","bannerData","onClose","isCloseButtonHidden","restProps","ageRestrictions","parseInt","ageRestriction","process","env","NODE_ENV","React","useState","currentPixel","setCurrentPixel","statsPixels","useMemo","statistics","reduce","acc","item","type","url","onClick","useCallback","click","useEffect","playbackStarted","advertisingLabel","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 { Avatar } from \"../Avatar/Avatar\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./PromoBanner.css\";\n\ntype StatsType =\n  | \"playbackStarted\" // Начало показа\n  | \"click\"; // Клик по баннеру\n\ntype BannerData = {\n  title?: string;\n  url_types?: string; // eslint-disable-line camelcase\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  /** @deprecated */\n  ageRestriction?: number;\n};\n\nexport interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Данные рекламного баннера, полученные из VKWebAppGetAds */\n  bannerData: BannerData;\n  /** Флаг скрытия кнопки закрытия рекламы */\n  isCloseButtonHidden?: boolean;\n  /** Хандлер закрытия рекламы */\n  onClose: () => void;\n}\n\nconst warn = warnOnce(\"PromoBanner\");\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 ageRestrictions =\n    bannerData.ageRestrictions != null\n      ? parseInt(bannerData.ageRestrictions)\n      : bannerData.ageRestriction;\n\n  if (bannerData.ageRestriction && process.env.NODE_ENV === \"development\") {\n    warn(\n      \"Свойство bannerData.ageRestriction устарело и будет удалено в 5.0.0. Используйте bannerData.ageRestrictions\"\n    );\n  }\n\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        <Caption vkuiClass=\"PromoBanner__label\">\n          {bannerData.advertisingLabel || \"Advertisement\"}\n        </Caption>\n        {ageRestrictions != null && (\n          <Caption vkuiClass=\"PromoBanner__age\">{ageRestrictions}+</Caption>\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          <Avatar\n            mode=\"image\"\n            size={48}\n            src={bannerData.iconLink}\n            alt={bannerData.title}\n          />\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":"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"}
+{"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"}

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

@@ -91,11 +91,11 @@ var PullToRefresh = function PullToRefresh(_ref) {
   var prevIsFetching = (0, _usePrevious.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
+      start: platform === _platform.Platform.IOS ? -10 : -45,
+      max: platform === _platform.Platform.IOS ? 50 : 80,
+      maxY: platform === _platform.Platform.IOS ? 400 : 80,
+      refreshing: platform === _platform.Platform.IOS ? 36 : 50,
+      positionMultiplier: platform === _platform.Platform.IOS ? 0.21 : 1
     };
   }, [platform]);
 
@@ -179,7 +179,7 @@ var PullToRefresh = function PullToRefresh(_ref) {
       setWaitFetchingTimeout();
       setRefreshing(true);
       setSpinnerY(function (prevSpinnerY) {
-        return platform === _platform.IOS ? prevSpinnerY : initParams.refreshing;
+        return platform === _platform.Platform.IOS ? prevSpinnerY : initParams.refreshing;
       });
       onRefresh();
       (0, _taptic.runTapticImpactOccurred)("light");
@@ -229,7 +229,7 @@ var PullToRefresh = function PullToRefresh(_ref) {
       setCanRefresh(progress > 80);
       setContentShift((currentY + 10) * 2.3);
 
-      if (progress > 85 && !refreshing && platform === _platform.IOS) {
+      if (progress > 85 && !refreshing && platform === _platform.Platform.IOS) {
         runRefreshing();
       }
     } else if (isY && pageYOffset === 0 && shiftY > 0 && !refreshing && touchDown) {
@@ -249,9 +249,9 @@ var PullToRefresh = function PullToRefresh(_ref) {
   var spinnerTransform = "translate3d(0, ".concat(spinnerY, "px, 0)");
   var contentTransform = "";
 
-  if (platform === _platform.IOS && refreshing && !touchDown) {
+  if (platform === _platform.Platform.IOS && refreshing && !touchDown) {
     contentTransform = "translate3d(0, 100px, 0)";
-  } else if (platform === _platform.IOS && (contentShift || refreshing)) {
+  } else if (platform === _platform.Platform.IOS && (contentShift || refreshing)) {
     contentTransform = "translate3d(0, ".concat(contentShift, "px, 0)");
   }
 
@@ -261,7 +261,7 @@ var PullToRefresh = function PullToRefresh(_ref) {
     onStart: onTouchStart,
     onMove: onTouchMove,
     onEnd: onTouchEnd,
-    vkuiClass: (0, _classNames.classNames)("PullToRefresh", platform === _platform.IOS && "PullToRefresh--ios", watching && "PullToRefresh--watching", refreshing && "PullToRefresh--refreshing")
+    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, {

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","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 { IOS } 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 === IOS ? -10 : -45,\n      max: platform === IOS ? 50 : 80,\n      maxY: platform === IOS ? 400 : 80,\n      refreshing: platform === IOS ? 36 : 50,\n      positionMultiplier: 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 === 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 === 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 === IOS && refreshing && !touchDown) {\n    contentTransform = \"translate3d(0, 100px, 0)\";\n  } else if (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 === 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","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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"}

package/dist/cjs/components/Radio/Radio.js

@@ -21,19 +21,17 @@ var _platform = require("../../lib/platform");
 
 var _usePlatform = require("../../hooks/usePlatform");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
-
 var _utils = require("../../lib/utils");
 
 var _VisuallyHiddenInput = require("../VisuallyHiddenInput/VisuallyHiddenInput");
 
-var _Caption = require("../Typography/Caption/Caption");
+var _Footnote = require("../Typography/Footnote/Footnote");
 
-var _Headline = require("../Typography/Headline/Headline");
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
 
-var _Text = require("../Typography/Text/Text");
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
-var _excluded = ["children", "description", "style", "className", "getRootRef", "sizeY"];
+var _excluded = ["children", "description", "style", "className", "getRootRef"];
 
 var RadioIcon = function RadioIcon(props) {
   return (0, _jsxRuntime.createScopedElement)("svg", (0, _extends2.default)({
@@ -56,22 +54,27 @@ var RadioIcon = function RadioIcon(props) {
   }));
 };
 
-var RadioComponent = function RadioComponent(_ref) {
+/**
+ * @see https://vkcom.github.io/VKUI/#/Radio
+ */
+var Radio = function Radio(_ref) {
   var children = _ref.children,
       description = _ref.description,
       style = _ref.style,
       className = _ref.className,
       getRootRef = _ref.getRootRef,
-      sizeY = _ref.sizeY,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-  var RadioTypography = platform === _platform.VKCOM || sizeY === _withAdaptivity.SizeType.COMPACT ? _Text.Text : _Headline.Headline;
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
+
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, {
     Component: "label",
     style: style,
     className: className,
-    vkuiClass: (0, _classNames.classNames)("Radio", "Radio--sizeY-".concat(sizeY)),
-    activeEffectDelay: platform === _platform.IOS ? 100 : _Tappable.ACTIVE_EFFECT_DELAY,
+    vkuiClass: (0, _classNames.classNames)("Radio", (0, _getSizeYClassName.getSizeYClassName)("Radio", sizeY)),
+    activeEffectDelay: platform === _platform.Platform.IOS ? 100 : _Tappable.ACTIVE_EFFECT_DELAY,
     disabled: restProps.disabled,
     getRootRef: getRootRef
   }, (0, _jsxRuntime.createScopedElement)(_VisuallyHiddenInput.VisuallyHiddenInput, (0, _extends2.default)({}, restProps, {
@@ -81,23 +84,14 @@ var RadioComponent = function RadioComponent(_ref) {
     vkuiClass: "Radio__container"
   }, (0, _jsxRuntime.createScopedElement)(RadioIcon, {
     vkuiClass: "Radio__icon"
-  }), (0, _jsxRuntime.createScopedElement)(RadioTypography, {
-    vkuiClass: "Radio__content",
-    Component: "div"
+  }), (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "Radio__content"
   }, (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Radio__children"
-  }, children), (0, _utils.hasReactNode)(description) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
+  }, children), (0, _utils.hasReactNode)(description) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
     vkuiClass: "Radio__description"
   }, description))));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/Radio
- */
 
-
-var Radio = (0, _withAdaptivity.withAdaptivity)(RadioComponent, {
-  sizeY: true
-});
 exports.Radio = Radio;
-Radio.displayName = "Radio";
 //# sourceMappingURL=Radio.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["RadioIcon","props","RadioComponent","children","description","style","className","getRootRef","sizeY","restProps","platform","usePlatform","RadioTypography","VKCOM","SizeType","COMPACT","Text","Headline","classNames","IOS","ACTIVE_EFFECT_DELAY","disabled","hasReactNode","Radio","withAdaptivity","displayName"],"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Text } from \"../Typography/Text/Text\";\nimport \"./Radio.css\";\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden\n      {...props}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"11\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        fill=\"none\"\n      />\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"7.5\"\n        vkuiClass=\"Radio__pin\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport interface RadioProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    AdaptivityProps {\n  description?: React.ReactNode;\n}\n\nconst RadioComponent = ({\n  children,\n  description,\n  style,\n  className,\n  getRootRef,\n  sizeY,\n  ...restProps\n}: RadioProps) => {\n  const platform = usePlatform();\n\n  const RadioTypography =\n    platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n  return (\n    <Tappable\n      Component=\"label\"\n      style={style}\n      className={className}\n      vkuiClass={classNames(\"Radio\", `Radio--sizeY-${sizeY}`)}\n      activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      disabled={restProps.disabled}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"Radio__input\"\n        type=\"radio\"\n      />\n      <div vkuiClass=\"Radio__container\">\n        <RadioIcon vkuiClass=\"Radio__icon\" />\n        <RadioTypography vkuiClass=\"Radio__content\" Component=\"div\">\n          <div vkuiClass=\"Radio__children\">{children}</div>\n          {hasReactNode(description) && (\n            <Caption vkuiClass=\"Radio__description\">{description}</Caption>\n          )}\n        </RadioTypography>\n      </div>\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = withAdaptivity(RadioComponent, {\n  sizeY: true,\n});\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA0C;EAC1D,OACE;IACE,KAAK,EAAC,4BADR;IAEE,OAAO,EAAC,WAFV;IAGE;EAHF,GAIMA,KAJN,GAME;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,IAHJ;IAIE,MAAM,EAAC,cAJT;IAKE,WAAW,EAAC,GALd;IAME,IAAI,EAAC;EANP,EANF,EAcE;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,KAHJ;IAIE,SAAS,EAAC,YAJZ;IAKE,IAAI,EAAC;EALP,EAdF,CADF;AAwBD,CAzBD;;AAmCA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAQL;EAAA,IAPhBC,QAOgB,QAPhBA,QAOgB;EAAA,IANhBC,WAMgB,QANhBA,WAMgB;EAAA,IALhBC,KAKgB,QALhBA,KAKgB;EAAA,IAJhBC,SAIgB,QAJhBA,SAIgB;EAAA,IAHhBC,UAGgB,QAHhBA,UAGgB;EAAA,IAFhBC,KAEgB,QAFhBA,KAEgB;EAAA,IADbC,SACa;EAChB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAMC,eAAe,GACnBF,QAAQ,KAAKG,eAAb,IAAsBL,KAAK,KAAKM,wBAAA,CAASC,OAAzC,GAAmDC,UAAnD,GAA0DC,kBAD5D;EAGA,OACE,qCAAC,kBAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEZ,KAFT;IAGE,SAAS,EAAEC,SAHb;IAIE,SAAS,EAAE,IAAAY,sBAAA,EAAW,OAAX,yBAAoCV,KAApC,EAJb;IAKE,iBAAiB,EAAEE,QAAQ,KAAKS,aAAb,GAAmB,GAAnB,GAAyBC,6BAL9C;IAME,QAAQ,EAAEX,SAAS,CAACY,QANtB;IAOE,UAAU,EAAEd;EAPd,GASE,qCAAC,wCAAD,6BACME,SADN;IAEE,SAAS,EAAC,cAFZ;IAGE,IAAI,EAAC;EAHP,GATF,EAcE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,SAAD;IAAW,SAAS,EAAC;EAArB,EADF,EAEE,qCAAC,eAAD;IAAiB,SAAS,EAAC,gBAA3B;IAA4C,SAAS,EAAC;EAAtD,GACE;IAAK,SAAS,EAAC;EAAf,GAAkCN,QAAlC,CADF,EAEG,IAAAmB,mBAAA,EAAalB,WAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAyCA,WAAzC,CAHJ,CAFF,CAdF,CADF;AA0BD,CAxCD;AA0CA;AACA;AACA;;;AACO,IAAMmB,KAAK,GAAG,IAAAC,8BAAA,EAAetB,cAAf,EAA+B;EAClDM,KAAK,EAAE;AAD2C,CAA/B,CAAd;;AAIPe,KAAK,CAACE,WAAN,GAAoB,OAApB"}
+{"version":3,"file":"Radio.js","names":["RadioIcon","props","Radio","children","description","style","className","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","classNames","getSizeYClassName","Platform","IOS","ACTIVE_EFFECT_DELAY","disabled","hasReactNode"],"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Radio.css\";\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden\n      {...props}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"11\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        fill=\"none\"\n      />\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"7.5\"\n        vkuiClass=\"Radio__pin\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport interface RadioProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement> {\n  description?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = ({\n  children,\n  description,\n  style,\n  className,\n  getRootRef,\n  ...restProps\n}: RadioProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      Component=\"label\"\n      style={style}\n      className={className}\n      vkuiClass={classNames(\"Radio\", getSizeYClassName(\"Radio\", sizeY))}\n      activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      disabled={restProps.disabled}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"Radio__input\"\n        type=\"radio\"\n      />\n      <div vkuiClass=\"Radio__container\">\n        <RadioIcon vkuiClass=\"Radio__icon\" />\n        <div vkuiClass=\"Radio__content\">\n          <div vkuiClass=\"Radio__children\">{children}</div>\n          {hasReactNode(description) && (\n            <Footnote vkuiClass=\"Radio__description\">{description}</Footnote>\n          )}\n        </div>\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA0C;EAC1D,OACE;IACE,KAAK,EAAC,4BADR;IAEE,OAAO,EAAC,WAFV;IAGE;EAHF,GAIMA,KAJN,GAME;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,IAHJ;IAIE,MAAM,EAAC,cAJT;IAKE,WAAW,EAAC,GALd;IAME,IAAI,EAAC;EANP,EANF,EAcE;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,KAHJ;IAIE,SAAS,EAAC,YAJZ;IAKE,IAAI,EAAC;EALP,EAdF,CADF;AAwBD,CAzBD;;AAkCA;AACA;AACA;AACO,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAOH;EAAA,IANhBC,QAMgB,QANhBA,QAMgB;EAAA,IALhBC,WAKgB,QALhBA,WAKgB;EAAA,IAJhBC,KAIgB,QAJhBA,KAIgB;EAAA,IAHhBC,SAGgB,QAHhBA,SAGgB;EAAA,IAFhBC,UAEgB,QAFhBA,UAEgB;EAAA,IADbC,SACa;EAChB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,kBAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEP,KAFT;IAGE,SAAS,EAAEC,SAHb;IAIE,SAAS,EAAE,IAAAO,sBAAA,EAAW,OAAX,EAAoB,IAAAC,oCAAA,EAAkB,OAAlB,EAA2BF,KAA3B,CAApB,CAJb;IAKE,iBAAiB,EAAEH,QAAQ,KAAKM,kBAAA,CAASC,GAAtB,GAA4B,GAA5B,GAAkCC,6BALvD;IAME,QAAQ,EAAET,SAAS,CAACU,QANtB;IAOE,UAAU,EAAEX;EAPd,GASE,qCAAC,wCAAD,6BACMC,SADN;IAEE,SAAS,EAAC,cAFZ;IAGE,IAAI,EAAC;EAHP,GATF,EAcE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,SAAD;IAAW,SAAS,EAAC;EAArB,EADF,EAEE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GAAkCL,QAAlC,CADF,EAEG,IAAAgB,mBAAA,EAAaf,WAAb,KACC,qCAAC,kBAAD;IAAU,SAAS,EAAC;EAApB,GAA0CA,WAA1C,CAHJ,CAFF,CAdF,CADF;AA0BD,CArCM"}

package/dist/cjs/components/RadioGroup/RadioGroup.js

@@ -26,7 +26,7 @@ var RadioGroup = function RadioGroup(_ref) {
       children = _ref.children,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({
-    vkuiClass: (0, _classNames.classNames)("RadioGroup", "RadioGroup--".concat(mode))
+    vkuiClass: (0, _classNames.classNames)("RadioGroup", "RadioGroup--mode-".concat(mode))
   }, restProps), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["RadioGroup","mode","children","restProps","classNames"],"sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./RadioGroup.css\";\n\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n  mode = \"vertical\",\n  children,\n  ...restProps\n}: RadioGroupProps) => (\n  <div\n    vkuiClass={classNames(\"RadioGroup\", `RadioGroup--${mode}`)}\n    {...restProps}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa;EAAA,qBACxBC,IADwB;EAAA,IACxBA,IADwB,0BACjB,UADiB;EAAA,IAExBC,QAFwB,QAExBA,QAFwB;EAAA,IAGrBC,SAHqB;EAAA,OAKxB;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,YAAX,wBAAwCH,IAAxC;EADb,GAEME,SAFN,GAIGD,QAJH,CALwB;AAAA,CAAnB"}
+{"version":3,"file":"RadioGroup.js","names":["RadioGroup","mode","children","restProps","classNames"],"sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./RadioGroup.css\";\n\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n  mode = \"vertical\",\n  children,\n  ...restProps\n}: RadioGroupProps) => (\n  <div\n    vkuiClass={classNames(\"RadioGroup\", `RadioGroup--mode-${mode}`)}\n    {...restProps}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa;EAAA,qBACxBC,IADwB;EAAA,IACxBA,IADwB,0BACjB,UADiB;EAAA,IAExBC,QAFwB,QAExBA,QAFwB;EAAA,IAGrBC,SAHqB;EAAA,OAKxB;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,YAAX,6BAA6CH,IAA7C;EADb,GAEME,SAFN,GAIGD,QAJH,CALwB;AAAA,CAAnB"}

package/dist/cjs/components/RangeSlider/UniversalSlider.js

@@ -25,13 +25,15 @@ var _classNames = require("../../lib/classNames");
 
 var _math = require("../../helpers/math");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
-
 var _useExternRef = require("../../hooks/useExternRef");
 
-var _excluded = ["min", "max", "step", "value", "defaultValue", "onChange", "getRootRef", "sizeY", "disabled"];
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+
+var _excluded = ["min", "max", "step", "value", "defaultValue", "onChange", "getRootRef", "disabled"];
 
-var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
+var UniversalSlider = function UniversalSlider(_ref) {
   var _ref$min = _ref.min,
       min = _ref$min === void 0 ? 0 : _ref$min,
       _ref$max = _ref.max,
@@ -42,7 +44,6 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
       defaultValue = _ref.defaultValue,
       onChange = _ref.onChange,
       getRootRef = _ref.getRootRef,
-      sizeY = _ref.sizeY,
       disabled = _ref.disabled,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
@@ -60,6 +61,9 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
   var thumbStart = React.useRef(null);
   var thumbEnd = React.useRef(null);
 
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
+
   var offsetToValue = function offsetToValue(absolute) {
     return (0, _math.rescale)(absolute, [0, gesture.containerWidth], [min, max], {
       step: step
@@ -149,7 +153,7 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
     onMove: onMove,
     onEnd: onEnd
   }, {
-    vkuiClass: (0, _classNames.classNames)("Slider", "Slider--sizeY-".concat(sizeY), disabled && "Slider--disabled")
+    vkuiClass: (0, _classNames.classNames)("Slider", (0, _getSizeYClassName.getSizeYClassName)("Slider", sizeY), disabled && "Slider--disabled")
   }), (0, _jsxRuntime.createScopedElement)("div", {
     ref: container,
     vkuiClass: "Slider__in"
@@ -165,9 +169,5 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
   }))));
 };
 
-var UniversalSlider = (0, _withAdaptivity.withAdaptivity)(UniversalSliderDumb, {
-  sizeY: true
-});
 exports.UniversalSlider = UniversalSlider;
-UniversalSlider.displayName = "UniversalSlider";
 //# sourceMappingURL=UniversalSlider.js.map

package/dist/cjs/components/RangeSlider/UniversalSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"UniversalSlider.js","names":["UniversalSliderDumb","min","max","step","value","defaultValue","onChange","getRootRef","sizeY","disabled","restProps","start","end","isRange","gesture","React","useRef","dragging","startX","containerWidth","current","container","useExternRef","thumbStart","thumbEnd","offsetToValue","absolute","rescale","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","classNames","UniversalSlider","withAdaptivity","displayName"],"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"../Slider/Slider.css\";\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n  extends HasRootRef<HTMLDivElement>,\n    Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"value\" | \"defaultValue\" | \"onChange\"\n    >,\n    AdaptivityProps {\n  min?: number;\n  max?: number;\n  step?: number;\n  value?: Value;\n  defaultValue?: Value;\n  disabled?: boolean;\n  onChange?(value: Value, e: TouchEvent): void;\n}\n\nconst UniversalSliderDumb = ({\n  min = 0,\n  max = 100,\n  step,\n  value = [0, 0],\n  defaultValue,\n  onChange,\n  getRootRef,\n  sizeY,\n  disabled,\n  ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n  const [start, end] = value;\n  const isRange = start != null;\n  const gesture = React.useRef({\n    dragging: false as false | \"start\" | \"end\",\n    startX: 0,\n    containerWidth: 0,\n  }).current;\n  const container = useExternRef(getRootRef);\n  const thumbStart = React.useRef<HTMLDivElement>(null);\n  const thumbEnd = React.useRef<HTMLDivElement>(null);\n\n  const offsetToValue = (absolute: number) => {\n    return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n  };\n\n  const updateRange = (nextValue: number): UniversalValue => {\n    if (start == null) {\n      return [null, nextValue];\n    }\n\n    const { dragging } = gesture;\n    if (dragging === \"start\") {\n      if (nextValue > end) {\n        // \"перехватиться\", если перетянули за конец\n        gesture.dragging = \"end\";\n        return [end, nextValue];\n      }\n      return [nextValue, end];\n    }\n    if (dragging === \"end\") {\n      if (nextValue < start) {\n        // \"перехватиться\", если перетянули за начало\n        gesture.dragging = \"start\";\n        return [nextValue, start];\n      }\n      return [start, nextValue];\n    }\n\n    return value;\n  };\n\n  const snapDirection = (pos: number, target: EventTarget | null) => {\n    if (target === thumbStart.current) {\n      return \"start\";\n    }\n    if (target === thumbEnd.current) {\n      return \"end\";\n    }\n    return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n      ? \"start\"\n      : \"end\";\n  };\n\n  const onStart: TouchEventHandler = (e: TouchEvent) => {\n    const boundingRect = container.current?.getBoundingClientRect();\n    gesture.containerWidth = boundingRect?.width ?? 0;\n\n    const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n    const pos = offsetToValue(absolutePosition);\n    gesture.dragging = snapDirection(pos, e.originalEvent.target);\n    gesture.startX = absolutePosition;\n\n    onChange?.(updateRange(pos), e);\n    e.originalEvent.stopPropagation();\n  };\n\n  const onMove: TouchEventHandler = (e: TouchEvent) => {\n    onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n    e.originalEvent.stopPropagation();\n    e.originalEvent.preventDefault();\n  };\n\n  const onEnd: TouchEventHandler = (e) => {\n    gesture.dragging = false;\n    e.originalEvent.stopPropagation();\n  };\n\n  const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n  const draggerStyle = isRange\n    ? {\n        width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n        left: `${toPercent(start ?? 0)}%`,\n      }\n    : {\n        width: `${toPercent(end)}%`,\n      };\n\n  return (\n    <Touch\n      data-value={isRange ? value.join(\",\") : value}\n      {...restProps}\n      {...(disabled ? {} : { onStart, onMove, onEnd })}\n      vkuiClass={classNames(\n        \"Slider\",\n        `Slider--sizeY-${sizeY}`,\n        disabled && \"Slider--disabled\"\n      )}\n    >\n      <div ref={container} vkuiClass=\"Slider__in\">\n        <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n          {isRange && (\n            <span\n              vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--start\")}\n              ref={thumbStart}\n            />\n          )}\n          <span\n            vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--end\")}\n            ref={thumbEnd}\n          />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n\nexport const UniversalSlider = withAdaptivity(UniversalSliderDumb, {\n  sizeY: true,\n});\n\nUniversalSlider.displayName = \"UniversalSlider\";\n"],"mappings":"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"}
+{"version":3,"file":"UniversalSlider.js","names":["UniversalSlider","min","max","step","value","defaultValue","onChange","getRootRef","disabled","restProps","start","end","isRange","gesture","React","useRef","dragging","startX","containerWidth","current","container","useExternRef","thumbStart","thumbEnd","useAdaptivity","sizeY","offsetToValue","absolute","rescale","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","classNames","getSizeYClassName"],"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"../Slider/Slider.css\";\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n  extends HasRootRef<HTMLDivElement>,\n    Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"value\" | \"defaultValue\" | \"onChange\"\n    > {\n  min?: number;\n  max?: number;\n  step?: number;\n  value?: Value;\n  defaultValue?: Value;\n  disabled?: boolean;\n  onChange?(value: Value, e: TouchEvent): void;\n}\n\nexport const UniversalSlider = ({\n  min = 0,\n  max = 100,\n  step,\n  value = [0, 0],\n  defaultValue,\n  onChange,\n  getRootRef,\n  disabled,\n  ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n  const [start, end] = value;\n  const isRange = start != null;\n  const gesture = React.useRef({\n    dragging: false as false | \"start\" | \"end\",\n    startX: 0,\n    containerWidth: 0,\n  }).current;\n  const container = useExternRef(getRootRef);\n  const thumbStart = React.useRef<HTMLDivElement>(null);\n  const thumbEnd = React.useRef<HTMLDivElement>(null);\n  const { sizeY } = useAdaptivity();\n\n  const offsetToValue = (absolute: number) => {\n    return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n  };\n\n  const updateRange = (nextValue: number): UniversalValue => {\n    if (start == null) {\n      return [null, nextValue];\n    }\n\n    const { dragging } = gesture;\n    if (dragging === \"start\") {\n      if (nextValue > end) {\n        // \"перехватиться\", если перетянули за конец\n        gesture.dragging = \"end\";\n        return [end, nextValue];\n      }\n      return [nextValue, end];\n    }\n    if (dragging === \"end\") {\n      if (nextValue < start) {\n        // \"перехватиться\", если перетянули за начало\n        gesture.dragging = \"start\";\n        return [nextValue, start];\n      }\n      return [start, nextValue];\n    }\n\n    return value;\n  };\n\n  const snapDirection = (pos: number, target: EventTarget | null) => {\n    if (target === thumbStart.current) {\n      return \"start\";\n    }\n    if (target === thumbEnd.current) {\n      return \"end\";\n    }\n    return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n      ? \"start\"\n      : \"end\";\n  };\n\n  const onStart: TouchEventHandler = (e: TouchEvent) => {\n    const boundingRect = container.current?.getBoundingClientRect();\n    gesture.containerWidth = boundingRect?.width ?? 0;\n\n    const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n    const pos = offsetToValue(absolutePosition);\n    gesture.dragging = snapDirection(pos, e.originalEvent.target);\n    gesture.startX = absolutePosition;\n\n    onChange?.(updateRange(pos), e);\n    e.originalEvent.stopPropagation();\n  };\n\n  const onMove: TouchEventHandler = (e: TouchEvent) => {\n    onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n    e.originalEvent.stopPropagation();\n    e.originalEvent.preventDefault();\n  };\n\n  const onEnd: TouchEventHandler = (e) => {\n    gesture.dragging = false;\n    e.originalEvent.stopPropagation();\n  };\n\n  const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n  const draggerStyle = isRange\n    ? {\n        width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n        left: `${toPercent(start ?? 0)}%`,\n      }\n    : {\n        width: `${toPercent(end)}%`,\n      };\n\n  return (\n    <Touch\n      data-value={isRange ? value.join(\",\") : value}\n      {...restProps}\n      {...(disabled ? {} : { onStart, onMove, onEnd })}\n      vkuiClass={classNames(\n        \"Slider\",\n        getSizeYClassName(\"Slider\", sizeY),\n        disabled && \"Slider--disabled\"\n      )}\n    >\n      <div ref={container} vkuiClass=\"Slider__in\">\n        <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n          {isRange && (\n            <span\n              vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--start\")}\n              ref={thumbStart}\n            />\n          )}\n          <span\n            vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--end\")}\n            ref={thumbEnd}\n          />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/Removable/Removable.js

@@ -41,6 +41,8 @@ var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
 
 var _Tappable = require("../Tappable/Tappable");
 
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+
 var _excluded = ["getRootRef", "children", "onRemove", "removePlaceholder", "align"];
 
 /**
@@ -153,8 +155,8 @@ var Removable = function Removable(_ref2) {
   var removePlaceholderString = (0, _utils.getTitleFromChildren)(removePlaceholder);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     ref: ref,
-    vkuiClass: (0, _classNames.classNames)("Removable", platform === _platform.IOS && "Removable--ios", "Removable--".concat(align), "Removable--sizeY-".concat(sizeY))
-  }), platform !== _platform.IOS && (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: (0, _classNames.classNames)("Removable", platform === _platform.Platform.IOS && "Removable--ios", "Removable--align-".concat(align), (0, _getSizeYClassName.getSizeYClassName)("Removable", sizeY))
+  }), platform !== _platform.Platform.IOS && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Removable__content"
   }, children, (0, _jsxRuntime.createScopedElement)(_IconButton.IconButton, {
     activeMode: "opacity",
@@ -167,7 +169,7 @@ var Removable = function Removable(_ref2) {
   })), (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "Removable__offset",
     "aria-hidden": true
-  })), platform === _platform.IOS && (0, _jsxRuntime.createScopedElement)(RemovableIos, {
+  })), platform === _platform.Platform.IOS && (0, _jsxRuntime.createScopedElement)(RemovableIos, {
     onRemove: onRemoveClick,
     removePlaceholder: removePlaceholder,
     removePlaceholderString: removePlaceholderString

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

@@ -1 +1 @@
-{"version":3,"file":"Removable.js","names":["RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","useDOM","window","removeButtonRef","React","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","useGlobalEventListener","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","transform","Removable","getRootRef","noop","align","restProps","platform","usePlatform","useAdaptivity","sizeY","ref","useExternRef","onRemoveClick","preventDefault","getTitleFromChildren","classNames","IOS"],"sources":["../../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren, noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { IOS } from \"../../lib/platform\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./Removable.css\";\n\nexport interface RemovableProps {\n  /**\n   * iOS only. Текст в выезжающей кнопке для удаления ячейки.\n   */\n  removePlaceholder?: React.ReactNode;\n  /**\n   * Коллбэк срабатывает при клике на контрол удаления.\n   */\n  onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps {\n  removePlaceholderString?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RemovableIos\n */\nconst RemovableIos = ({\n  onRemove,\n  removePlaceholder,\n  removePlaceholderString,\n  children,\n}: RemovableIosOwnProps) => {\n  const { window } = useDOM();\n\n  const removeButtonRef = React.useRef<HTMLElement>(null);\n  const disabledRef = React.useRef(true);\n  const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n  useGlobalEventListener(\n    window,\n    \"click\",\n    () => {\n      if (removeOffset > 0) {\n        updateRemoveOffset(0);\n      }\n    },\n    { capture: true }\n  );\n\n  const onRemoveTransitionEnd = () => {\n    if (removeOffset > 0) {\n      removeButtonRef?.current?.focus();\n    } else {\n      disabledRef.current = true;\n    }\n  };\n\n  const onRemoveActivateClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!removeButtonRef.current) {\n      return;\n    }\n    const { offsetWidth } = removeButtonRef.current;\n    disabledRef.current = false;\n    updateRemoveOffset(offsetWidth);\n  };\n\n  return (\n    <div\n      vkuiClass=\"Removable__content\"\n      style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n      onTransitionEnd={onRemoveTransitionEnd}\n    >\n      <IconButton\n        hasActive={false}\n        hasHover={false}\n        aria-label={removePlaceholderString}\n        vkuiClass=\"Removable__action Removable__toggle\"\n        onClick={onRemoveActivateClick}\n        disabled={removeOffset > 0}\n      >\n        <i vkuiClass=\"Removable__toggle-in\" role=\"presentation\" />\n      </IconButton>\n      {children}\n\n      <span vkuiClass=\"Removable__offset\" aria-hidden />\n\n      <Tappable\n        Component=\"button\"\n        hasActive={false}\n        hasHover={false}\n        disabled={disabledRef.current}\n        getRootRef={removeButtonRef}\n        vkuiClass=\"Removable__remove\"\n        onClick={onRemove}\n      >\n        <span vkuiClass=\"Removable__remove-in\">{removePlaceholder}</span>\n      </Tappable>\n    </div>\n  );\n};\n\ninterface RemovableOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Расположение кнопки удаления.\n   */\n  align?: \"start\" | \"center\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n  getRootRef,\n  children,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  align = \"center\",\n  ...restProps\n}: RemovableOwnProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  const ref = useExternRef(getRootRef);\n\n  const onRemoveClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    onRemove(e);\n  };\n\n  const removePlaceholderString: string =\n    getTitleFromChildren(removePlaceholder);\n\n  return (\n    <div\n      {...restProps}\n      ref={ref}\n      vkuiClass={classNames(\n        \"Removable\",\n        platform === IOS && \"Removable--ios\",\n        `Removable--${align}`,\n        `Removable--sizeY-${sizeY}`\n      )}\n    >\n      {platform !== IOS && (\n        <div vkuiClass=\"Removable__content\">\n          {children}\n\n          <IconButton\n            activeMode=\"opacity\"\n            hoverMode=\"opacity\"\n            vkuiClass=\"Removable__action\"\n            onClick={onRemoveClick}\n            aria-label={removePlaceholderString}\n          >\n            <Icon24Cancel role=\"presentation\" />\n          </IconButton>\n\n          <span vkuiClass=\"Removable__offset\" aria-hidden />\n        </div>\n      )}\n\n      {platform === IOS && (\n        <RemovableIos\n          onRemove={onRemoveClick}\n          removePlaceholder={removePlaceholder}\n          removePlaceholderString={removePlaceholderString}\n        >\n          {children}\n        </RemovableIos>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Removable.js","names":["RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","useDOM","window","removeButtonRef","React","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","useGlobalEventListener","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","transform","Removable","getRootRef","noop","align","restProps","platform","usePlatform","useAdaptivity","sizeY","ref","useExternRef","onRemoveClick","preventDefault","getTitleFromChildren","classNames","Platform","IOS","getSizeYClassName"],"sources":["../../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren, noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { Platform } from \"../../lib/platform\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./Removable.css\";\n\nexport interface RemovableProps {\n  /**\n   * iOS only. Текст в выезжающей кнопке для удаления ячейки.\n   */\n  removePlaceholder?: React.ReactNode;\n  /**\n   * Коллбэк срабатывает при клике на контрол удаления.\n   */\n  onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps {\n  removePlaceholderString?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RemovableIos\n */\nconst RemovableIos = ({\n  onRemove,\n  removePlaceholder,\n  removePlaceholderString,\n  children,\n}: RemovableIosOwnProps) => {\n  const { window } = useDOM();\n\n  const removeButtonRef = React.useRef<HTMLElement>(null);\n  const disabledRef = React.useRef(true);\n  const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n  useGlobalEventListener(\n    window,\n    \"click\",\n    () => {\n      if (removeOffset > 0) {\n        updateRemoveOffset(0);\n      }\n    },\n    { capture: true }\n  );\n\n  const onRemoveTransitionEnd = () => {\n    if (removeOffset > 0) {\n      removeButtonRef?.current?.focus();\n    } else {\n      disabledRef.current = true;\n    }\n  };\n\n  const onRemoveActivateClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!removeButtonRef.current) {\n      return;\n    }\n    const { offsetWidth } = removeButtonRef.current;\n    disabledRef.current = false;\n    updateRemoveOffset(offsetWidth);\n  };\n\n  return (\n    <div\n      vkuiClass=\"Removable__content\"\n      style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n      onTransitionEnd={onRemoveTransitionEnd}\n    >\n      <IconButton\n        hasActive={false}\n        hasHover={false}\n        aria-label={removePlaceholderString}\n        vkuiClass=\"Removable__action Removable__toggle\"\n        onClick={onRemoveActivateClick}\n        disabled={removeOffset > 0}\n      >\n        <i vkuiClass=\"Removable__toggle-in\" role=\"presentation\" />\n      </IconButton>\n      {children}\n\n      <span vkuiClass=\"Removable__offset\" aria-hidden />\n\n      <Tappable\n        Component=\"button\"\n        hasActive={false}\n        hasHover={false}\n        disabled={disabledRef.current}\n        getRootRef={removeButtonRef}\n        vkuiClass=\"Removable__remove\"\n        onClick={onRemove}\n      >\n        <span vkuiClass=\"Removable__remove-in\">{removePlaceholder}</span>\n      </Tappable>\n    </div>\n  );\n};\n\ninterface RemovableOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Расположение кнопки удаления.\n   */\n  align?: \"start\" | \"center\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n  getRootRef,\n  children,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  align = \"center\",\n  ...restProps\n}: RemovableOwnProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  const ref = useExternRef(getRootRef);\n\n  const onRemoveClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    onRemove(e);\n  };\n\n  const removePlaceholderString: string =\n    getTitleFromChildren(removePlaceholder);\n\n  return (\n    <div\n      {...restProps}\n      ref={ref}\n      vkuiClass={classNames(\n        \"Removable\",\n        platform === Platform.IOS && \"Removable--ios\",\n        `Removable--align-${align}`,\n        getSizeYClassName(\"Removable\", sizeY)\n      )}\n    >\n      {platform !== Platform.IOS && (\n        <div vkuiClass=\"Removable__content\">\n          {children}\n\n          <IconButton\n            activeMode=\"opacity\"\n            hoverMode=\"opacity\"\n            vkuiClass=\"Removable__action\"\n            onClick={onRemoveClick}\n            aria-label={removePlaceholderString}\n          >\n            <Icon24Cancel role=\"presentation\" />\n          </IconButton>\n\n          <span vkuiClass=\"Removable__offset\" aria-hidden />\n        </div>\n      )}\n\n      {platform === Platform.IOS && (\n        <RemovableIos\n          onRemove={onRemoveClick}\n          removePlaceholder={removePlaceholder}\n          removePlaceholderString={removePlaceholderString}\n        >\n          {children}\n        </RemovableIos>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/RichCell/RichCell.js

@@ -19,11 +19,16 @@ var _Tappable = require("../Tappable/Tappable");
 
 var _Subhead = require("../Typography/Subhead/Subhead");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
 
-var _excluded = ["subhead", "children", "text", "caption", "before", "after", "afterCaption", "bottom", "actions", "multiline", "sizeY"];
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
-var RichCellComponent = function RichCellComponent(_ref) {
+var _excluded = ["subhead", "children", "text", "caption", "before", "after", "afterCaption", "bottom", "actions", "multiline"];
+
+/**
+ * @see https://vkcom.github.io/VKUI/#/RichCell
+ */
+var RichCell = function RichCell(_ref) {
   var subhead = _ref.subhead,
       children = _ref.children,
       text = _ref.text,
@@ -34,10 +39,13 @@ var RichCellComponent = function RichCellComponent(_ref) {
       bottom = _ref.bottom,
       actions = _ref.actions,
       multiline = _ref.multiline,
-      sizeY = _ref.sizeY,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
+
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("RichCell", !multiline && "RichCell--text-ellipsis", "RichCell--sizeY-".concat(sizeY))
+    vkuiClass: (0, _classNames.classNames)("RichCell", !multiline && "RichCell--text-ellipsis", (0, _getSizeYClassName.getSizeYClassName)("RichCell", sizeY))
   }), before && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "RichCell__before"
   }, before), (0, _jsxRuntime.createScopedElement)("div", {
@@ -68,14 +76,6 @@ var RichCellComponent = function RichCellComponent(_ref) {
     vkuiClass: "RichCell__actions"
   }, actions)));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/RichCell
- */
 
-
-var RichCell = (0, _withAdaptivity.withAdaptivity)(RichCellComponent, {
-  sizeY: true
-});
 exports.RichCell = RichCell;
-RichCell.displayName = "RichCell";
 //# sourceMappingURL=RichCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RichCell.js","names":["RichCellComponent","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","sizeY","restProps","classNames","RichCell","withAdaptivity","displayName"],"sources":["../../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n  /**\n   * Контейнер для текста над `children`.\n   */\n  subhead?: React.ReactNode;\n  /**\n   * Контейнер для текста под `children`.\n   */\n  text?: React.ReactNode;\n  /**\n   * Контейнер для текста под `text`.\n   */\n  caption?: React.ReactNode;\n  /**\n   * Контейнер для контента под `caption`. Например `<UsersStack size=\"s\" />`.\n   */\n  bottom?: React.ReactNode;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `mode=\"primary\" size=\"s\"`\n   * - `mode=\"secondary\" size=\"s\"`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `mode=\"horizontal\" gap=\"s\" stretched`\n   */\n  actions?: React.ReactNode;\n  /**\n   * `<Avatar size={40|48|72} />`.\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка 24 или текст.\n   */\n  after?: React.ReactNode;\n  /**\n   * Текст под `after`.\n   */\n  afterCaption?: React.ReactNode;\n  /**\n   * Убирает анимацию нажатия.\n   */\n  disabled?: boolean;\n  /**\n   * Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n   */\n  multiline?: boolean;\n}\n\nconst RichCellComponent = ({\n  subhead,\n  children,\n  text,\n  caption,\n  before,\n  after,\n  afterCaption,\n  bottom,\n  actions,\n  multiline,\n  sizeY,\n  ...restProps\n}: RichCellProps) => {\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(\n        \"RichCell\",\n        !multiline && \"RichCell--text-ellipsis\",\n        `RichCell--sizeY-${sizeY}`\n      )}\n    >\n      {before && <div vkuiClass=\"RichCell__before\">{before}</div>}\n      <div vkuiClass=\"RichCell__in\">\n        <div vkuiClass=\"RichCell__content\">\n          <div vkuiClass=\"RichCell__content-before\">\n            {subhead && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__subhead\">\n                {subhead}\n              </Subhead>\n            )}\n            <div vkuiClass=\"RichCell__children\">{children}</div>\n            {text && <div vkuiClass=\"RichCell__text\">{text}</div>}\n            {caption && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__caption\">\n                {caption}\n              </Subhead>\n            )}\n          </div>\n          {(after || afterCaption) && (\n            <div vkuiClass=\"RichCell__content-after\">\n              {after && <div vkuiClass=\"RichCell__after-children\">{after}</div>}\n              {afterCaption && (\n                <div vkuiClass=\"RichCell__after-caption\">{afterCaption}</div>\n              )}\n            </div>\n          )}\n        </div>\n        {bottom && <div vkuiClass=\"RichCell__bottom\">{bottom}</div>}\n        {actions && <div vkuiClass=\"RichCell__actions\">{actions}</div>}\n      </div>\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = withAdaptivity(RichCellComponent, { sizeY: true });\n\nRichCell.displayName = \"RichCell\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAqDA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAaL;EAAA,IAZnBC,OAYmB,QAZnBA,OAYmB;EAAA,IAXnBC,QAWmB,QAXnBA,QAWmB;EAAA,IAVnBC,IAUmB,QAVnBA,IAUmB;EAAA,IATnBC,OASmB,QATnBA,OASmB;EAAA,IARnBC,MAQmB,QARnBA,MAQmB;EAAA,IAPnBC,KAOmB,QAPnBA,KAOmB;EAAA,IANnBC,YAMmB,QANnBA,YAMmB;EAAA,IALnBC,MAKmB,QALnBA,MAKmB;EAAA,IAJnBC,OAImB,QAJnBA,OAImB;EAAA,IAHnBC,SAGmB,QAHnBA,SAGmB;EAAA,IAFnBC,KAEmB,QAFnBA,KAEmB;EAAA,IADhBC,SACgB;EACnB,OACE,qCAAC,kBAAD,6BACMA,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EACT,UADS,EAET,CAACH,SAAD,IAAc,yBAFL,4BAGUC,KAHV;EAFb,IAQGN,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CARb,EASE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGJ,OAAO,IACN,qCAAC,gBAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CAFJ,EAME;IAAK,SAAS,EAAC;EAAf,GAAqCC,QAArC,CANF,EAOGC,IAAI,IAAI;IAAK,SAAS,EAAC;EAAf,GAAiCA,IAAjC,CAPX,EAQGC,OAAO,IACN,qCAAC,gBAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CATJ,CADF,EAeG,CAACE,KAAK,IAAIC,YAAV,KACC;IAAK,SAAS,EAAC;EAAf,GACGD,KAAK,IAAI;IAAK,SAAS,EAAC;EAAf,GAA2CA,KAA3C,CADZ,EAEGC,YAAY,IACX;IAAK,SAAS,EAAC;EAAf,GAA0CA,YAA1C,CAHJ,CAhBJ,CADF,EAyBGC,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CAzBb,EA0BGC,OAAO,IAAI;IAAK,SAAS,EAAC;EAAf,GAAoCA,OAApC,CA1Bd,CATF,CADF;AAwCD,CAtDD;AAwDA;AACA;AACA;;;AACO,IAAMK,QAAQ,GAAG,IAAAC,8BAAA,EAAef,iBAAf,EAAkC;EAAEW,KAAK,EAAE;AAAT,CAAlC,CAAjB;;AAEPG,QAAQ,CAACE,WAAT,GAAuB,UAAvB"}
+{"version":3,"file":"RichCell.js","names":["RichCell","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","restProps","useAdaptivity","sizeY","classNames","getSizeYClassName"],"sources":["../../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n  /**\n   * Контейнер для текста над `children`.\n   */\n  subhead?: React.ReactNode;\n  /**\n   * Контейнер для текста под `children`.\n   */\n  text?: React.ReactNode;\n  /**\n   * Контейнер для текста под `text`.\n   */\n  caption?: React.ReactNode;\n  /**\n   * Контейнер для контента под `caption`. Например `<UsersStack size=\"m\" />`.\n   */\n  bottom?: React.ReactNode;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `mode=\"primary\" size=\"s\"`\n   * - `mode=\"secondary\" size=\"s\"`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `mode=\"horizontal\" gap=\"s\" stretched`\n   */\n  actions?: React.ReactNode;\n  /**\n   * `<Avatar size={40|48|72} />`.\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка 24 или текст.\n   */\n  after?: React.ReactNode;\n  /**\n   * Текст под `after`.\n   */\n  afterCaption?: React.ReactNode;\n  /**\n   * Убирает анимацию нажатия.\n   */\n  disabled?: boolean;\n  /**\n   * Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n   */\n  multiline?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = ({\n  subhead,\n  children,\n  text,\n  caption,\n  before,\n  after,\n  afterCaption,\n  bottom,\n  actions,\n  multiline,\n  ...restProps\n}: RichCellProps) => {\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(\n        \"RichCell\",\n        !multiline && \"RichCell--text-ellipsis\",\n        getSizeYClassName(\"RichCell\", sizeY)\n      )}\n    >\n      {before && <div vkuiClass=\"RichCell__before\">{before}</div>}\n      <div vkuiClass=\"RichCell__in\">\n        <div vkuiClass=\"RichCell__content\">\n          <div vkuiClass=\"RichCell__content-before\">\n            {subhead && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__subhead\">\n                {subhead}\n              </Subhead>\n            )}\n            <div vkuiClass=\"RichCell__children\">{children}</div>\n            {text && <div vkuiClass=\"RichCell__text\">{text}</div>}\n            {caption && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__caption\">\n                {caption}\n              </Subhead>\n            )}\n          </div>\n          {(after || afterCaption) && (\n            <div vkuiClass=\"RichCell__content-after\">\n              {after && <div vkuiClass=\"RichCell__after-children\">{after}</div>}\n              {afterCaption && (\n                <div vkuiClass=\"RichCell__after-caption\">{afterCaption}</div>\n              )}\n            </div>\n          )}\n        </div>\n        {bottom && <div vkuiClass=\"RichCell__bottom\">{bottom}</div>}\n        {actions && <div vkuiClass=\"RichCell__actions\">{actions}</div>}\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAqDA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAYH;EAAA,IAXnBC,OAWmB,QAXnBA,OAWmB;EAAA,IAVnBC,QAUmB,QAVnBA,QAUmB;EAAA,IATnBC,IASmB,QATnBA,IASmB;EAAA,IARnBC,OAQmB,QARnBA,OAQmB;EAAA,IAPnBC,MAOmB,QAPnBA,MAOmB;EAAA,IANnBC,KAMmB,QANnBA,KAMmB;EAAA,IALnBC,YAKmB,QALnBA,YAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,OAGmB,QAHnBA,OAGmB;EAAA,IAFnBC,SAEmB,QAFnBA,SAEmB;EAAA,IADhBC,SACgB;;EACnB,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,kBAAD,6BACMF,SADN;IAEE,SAAS,EAAE,IAAAG,sBAAA,EACT,UADS,EAET,CAACJ,SAAD,IAAc,yBAFL,EAGT,IAAAK,oCAAA,EAAkB,UAAlB,EAA8BF,KAA9B,CAHS;EAFb,IAQGR,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CARb,EASE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGJ,OAAO,IACN,qCAAC,gBAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CAFJ,EAME;IAAK,SAAS,EAAC;EAAf,GAAqCC,QAArC,CANF,EAOGC,IAAI,IAAI;IAAK,SAAS,EAAC;EAAf,GAAiCA,IAAjC,CAPX,EAQGC,OAAO,IACN,qCAAC,gBAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CATJ,CADF,EAeG,CAACE,KAAK,IAAIC,YAAV,KACC;IAAK,SAAS,EAAC;EAAf,GACGD,KAAK,IAAI;IAAK,SAAS,EAAC;EAAf,GAA2CA,KAA3C,CADZ,EAEGC,YAAY,IACX;IAAK,SAAS,EAAC;EAAf,GAA0CA,YAA1C,CAHJ,CAhBJ,CADF,EAyBGC,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CAzBb,EA0BGC,OAAO,IAAI;IAAK,SAAS,EAAC;EAAf,GAAoCA,OAApC,CA1Bd,CATF,CADF;AAwCD,CAvDM"}