@vkontakte/vkui 4.31.0 → 4.32.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProvider.tsx"],"names":["warn","useSchemeDetector","node","_scheme","inherit","getScheme","React","useCallback","canUseDOM","undefined","getAttribute","useState","resolvedScheme","setScheme","useEffect","noop","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","deriveAppearance","scheme","Scheme","SPACE_GRAY","VKCOM_DARK","ConfigProvider","children","webviewType","WebviewType","VKAPPS","isWebView","vkBridge","transitionMotionEnabled","platform","hasNewTokens","appearance","locale","normalizedScheme","document","target","body","process","env","NODE_ENV","hasAttribute","setAttribute","removeAttribute","realScheme","derivedAppearance","VKUITokensClassName","classList","add","remove","configContext"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAIA;;AACA;;AAeA,IAAMA,IAAI,GAAG,wBAAS,gBAAT,CAAb;;AAEA,SAASC,iBAAT,CACEC,IADF,EAEEC,OAFF,EAGE;AACA,MAAMC,OAAO,GAAGD,OAAO,KAAK,SAA5B;AACA,MAAME,SAAS,GAAGC,KAAK,CAACC,WAAN,CAAkB,YAAM;AACxC,QAAI,CAACH,OAAD,IAAY,CAACI,cAAb,IAA0B,CAACN,IAA/B,EAAqC;AACnC,aAAOO,SAAP;AACD;;AACD,WAAOP,IAAI,CAACQ,YAAL,CAAkB,QAAlB,CAAP;AACD,GALiB,EAKf,CAACN,OAAD,EAAUF,IAAV,CALe,CAAlB;;AAMA,wBAAoCI,KAAK,CAACK,QAAN,CAAeN,SAAS,EAAxB,CAApC;AAAA;AAAA,MAAOO,cAAP;AAAA,MAAuBC,SAAvB;;AAEAP,EAAAA,KAAK,CAACQ,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACV,OAAD,IAAY,CAACF,IAAjB,EAAuB;AACrB,aAAOa,WAAP;AACD;;AACDF,IAAAA,SAAS,CAACR,SAAS,EAAV,CAAT;AACA,QAAMW,QAAQ,GAAG,IAAIC,gBAAJ,CAAqB;AAAA,aAAMJ,SAAS,CAACR,SAAS,EAAV,CAAf;AAAA,KAArB,CAAjB;AACAW,IAAAA,QAAQ,CAACE,OAAT,CAAiBhB,IAAjB,EAAuB;AAAEiB,MAAAA,UAAU,EAAE,IAAd;AAAoBC,MAAAA,eAAe,EAAE,CAAC,QAAD;AAArC,KAAvB;AACA,WAAO;AAAA,aAAMJ,QAAQ,CAACK,UAAT,EAAN;AAAA,KAAP;AACD,GARD,EAQG,CAAChB,SAAD,EAAYD,OAAZ,EAAqBF,IAArB,CARH;AAUA,SAAOC,OAAO,KAAK,SAAZ,GAAwBS,cAAxB,GAAyCT,OAAhD;AACD;;AAED,IAAMmB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD;AAAA,SACvBA,MAAM,KAAKC,gBAAOC,UAAlB,IAAgCF,MAAM,KAAKC,gBAAOE,UAAlD,GACI,MADJ,GAEI,OAHmB;AAAA,CAAzB;;AAKA,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAUhD;AAAA,MATJC,QASI,QATJA,QASI;AAAA,8BARJC,WAQI;AAAA,MARJA,WAQI,iCARUC,mCAAYC,MAQtB;AAAA,4BAPJC,SAOI;AAAA,MAPJA,SAOI,+BAPQC,kBAASD,SAAT,EAOR;AAAA,mCANJE,uBAMI;AAAA,MANJA,uBAMI,sCANsB,IAMtB;AAAA,2BALJC,QAKI;AAAA,MALJA,QAKI,8BALO,yBAKP;AAAA,+BAJJC,YAII;AAAA,MAJJA,YAII,kCAJW,KAIX;AAAA,MAHJC,UAGI,QAHJA,UAGI;AAAA,MAFJd,MAEI,QAFJA,MAEI;AAAA,yBADJe,MACI;AAAA,MADJA,MACI,4BADK,IACL;AACJ,MAAMC,gBAAgB,GAAG,8BAAgB;AACvChB,IAAAA,MAAM,EAANA,MADuC;AAEvCY,IAAAA,QAAQ,EAARA,QAFuC;AAGvCE,IAAAA,UAAU,EAAVA;AAHuC,GAAhB,CAAzB;;AAKA,gBAAqB,kBAArB;AAAA,MAAQG,QAAR,WAAQA,QAAR;;AACA,MAAMC,MAAM,GAAGD,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAEE,IAAzB;AAEA,4DAA0B,YAAM;AAC9B,QAAIH,gBAAgB,KAAK,SAAzB,EAAoC;AAClC,aAAOxB,WAAP;AACD;;AACD,QACE4B,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACAJ,MADA,aACAA,MADA,eACAA,MAAM,CAAEK,YAAR,CAAqB,QAArB,CAFF,EAGE;AACA9C,MAAAA,IAAI,CACF,wFADE,CAAJ;AAGD;;AACDyC,IAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEM,YAAR,CAAqB,QAArB,EAA+BR,gBAA/B;AACA,WAAO;AAAA,aAAME,MAAN,aAAMA,MAAN,uBAAMA,MAAM,CAAEO,eAAR,CAAwB,QAAxB,CAAN;AAAA,KAAP;AACD,GAdD,EAcG,CAACT,gBAAD,CAdH;AAgBA,MAAMU,UAAU,GAAGhD,iBAAiB,CAACwC,MAAD,EAASF,gBAAT,CAApC;AACA,MAAMW,iBAAiB,GAAG5B,gBAAgB,CAAC2B,UAAD,CAA1C;AAEA,4DAA0B,YAAM;AAC9B,QAAME,mBAAmB,GAAG,qDAC1BhB,QAD0B,EAE1Be,iBAF0B,CAA5B;AAKAT,IAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEW,SAAR,CAAkBC,GAAlB,CAAsBF,mBAAtB;AAEA,WAAO,YAAM;AACXV,MAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEW,SAAR,CAAkBE,MAAlB,CAAyBH,mBAAzB;AACD,KAFD;AAGD,GAXD,EAWG,CAAChB,QAAD,EAAWe,iBAAX,CAXH;AAaA,MAAMK,aAAa,GAAG,kCAAc;AAClC1B,IAAAA,WAAW,EAAXA,WADkC;AAElCG,IAAAA,SAAS,EAATA,SAFkC;AAGlCE,IAAAA,uBAAuB,EAAvBA,uBAHkC;AAIlCE,IAAAA,YAAY,EAAZA,YAJkC;AAKlCD,IAAAA,QAAQ,EAARA,QALkC;AAMlCZ,IAAAA,MAAM,EAANA,MANkC;AAOlCc,IAAAA,UAAU,EAAEA,UAAU,IAAIa;AAPQ,GAAd,CAAtB;AAUA,SACE,qCAAC,4CAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAEK;AAAvC,KACE,qCAAC,4CAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAEjB;AAAvC,KACE,qCAAC,sCAAD;AAAoB,IAAA,UAAU,EAAEiB,aAAa,CAAClB;AAA9C,KACGT,QADH,CADF,CADF,CADF;AASD,CAtED,C,CAwEA;;;eACeD,c","sourcesContent":["import * as React from \"react\";\nimport vkBridge, { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { canUseDOM, useDOM } from \"../../lib/dom\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  WebviewType,\n} from \"./ConfigProviderContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  normalizeScheme,\n  AppearanceScheme,\n  Scheme,\n} from \"../../helpers/scheme\";\nimport {\n  AppearanceProvider,\n  generateVKUITokensClassName,\n} from \"../AppearanceProvider/AppearanceProvider\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { platform as resolvePlatform } from \"../../lib/platform\";\n\nexport interface ConfigProviderProps\n  extends Partial<ConfigProviderContextInterface> {\n  /**\n   * @deprecated будет удалено в 5.0.0, устанавливать тему следует через appearance\n   * Цветовая схема приложения\n   */\n  scheme?: AppearanceScheme;\n  /**\n    Локаль ([список](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry))\n   */\n  locale?: string;\n}\n\nconst warn = warnOnce(\"ConfigProvider\");\n\nfunction useSchemeDetector(\n  node: HTMLElement | undefined | null,\n  _scheme: Scheme | \"inherit\"\n) {\n  const inherit = _scheme === \"inherit\";\n  const getScheme = React.useCallback(() => {\n    if (!inherit || !canUseDOM || !node) {\n      return undefined;\n    }\n    return node.getAttribute(\"scheme\") as Scheme;\n  }, [inherit, node]);\n  const [resolvedScheme, setScheme] = React.useState(getScheme());\n\n  React.useEffect(() => {\n    if (!inherit || !node) {\n      return noop;\n    }\n    setScheme(getScheme());\n    const observer = new MutationObserver(() => setScheme(getScheme()));\n    observer.observe(node, { attributes: true, attributeFilter: [\"scheme\"] });\n    return () => observer.disconnect();\n  }, [getScheme, inherit, node]);\n\n  return _scheme === \"inherit\" ? resolvedScheme : _scheme;\n}\n\nconst deriveAppearance = (scheme: Scheme | undefined): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK\n    ? \"dark\"\n    : \"light\";\n\nconst ConfigProvider: React.FC<ConfigProviderProps> = ({\n  children,\n  webviewType = WebviewType.VKAPPS,\n  isWebView = vkBridge.isWebView(),\n  transitionMotionEnabled = true,\n  platform = resolvePlatform(),\n  hasNewTokens = false,\n  appearance,\n  scheme,\n  locale = \"ru\",\n}) => {\n  const normalizedScheme = normalizeScheme({\n    scheme,\n    platform,\n    appearance,\n  });\n  const { document } = useDOM();\n  const target = document?.body;\n\n  useIsomorphicLayoutEffect(() => {\n    if (normalizedScheme === \"inherit\") {\n      return noop;\n    }\n    if (\n      process.env.NODE_ENV === \"development\" &&\n      target?.hasAttribute(\"scheme\")\n    ) {\n      warn(\n        '<body scheme> был установлен перед монтированием VKUI - вы не забыли scheme=\"inherit\"?'\n      );\n    }\n    target?.setAttribute(\"scheme\", normalizedScheme);\n    return () => target?.removeAttribute(\"scheme\");\n  }, [normalizedScheme]);\n\n  const realScheme = useSchemeDetector(target, normalizedScheme);\n  const derivedAppearance = deriveAppearance(realScheme);\n\n  useIsomorphicLayoutEffect(() => {\n    const VKUITokensClassName = generateVKUITokensClassName(\n      platform,\n      derivedAppearance\n    );\n\n    target?.classList.add(VKUITokensClassName);\n\n    return () => {\n      target?.classList.remove(VKUITokensClassName);\n    };\n  }, [platform, derivedAppearance]);\n\n  const configContext = useObjectMemo({\n    webviewType,\n    isWebView,\n    transitionMotionEnabled,\n    hasNewTokens,\n    platform,\n    scheme,\n    appearance: appearance || derivedAppearance,\n  });\n\n  return (\n    <ConfigProviderContext.Provider value={configContext}>\n      <LocaleProviderContext.Provider value={locale}>\n        <AppearanceProvider appearance={configContext.appearance}>\n          {children}\n        </AppearanceProvider>\n      </LocaleProviderContext.Provider>\n    </ConfigProviderContext.Provider>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ConfigProvider;\n"],"file":"ConfigProvider.js"}
+{"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProvider.tsx"],"names":["warn","useSchemeDetector","node","_scheme","inherit","getScheme","React","useCallback","canUseDOM","undefined","getAttribute","useState","resolvedScheme","setScheme","useEffect","noop","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","deriveAppearance","scheme","Scheme","SPACE_GRAY","VKCOM_DARK","ConfigProvider","children","webviewType","WebviewType","VKAPPS","isWebView","vkBridge","transitionMotionEnabled","platform","hasNewTokens","appearance","locale","normalizedScheme","document","target","body","process","env","NODE_ENV","hasAttribute","setAttribute","removeAttribute","realScheme","derivedAppearance","VKUITokensClassName","classList","add","remove","configContext"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport vkBridge, { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { canUseDOM, useDOM } from \"../../lib/dom\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  WebviewType,\n} from \"./ConfigProviderContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  normalizeScheme,\n  AppearanceScheme,\n  Scheme,\n} from \"../../helpers/scheme\";\nimport {\n  AppearanceProvider,\n  generateVKUITokensClassName,\n} from \"../AppearanceProvider/AppearanceProvider\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { platform as resolvePlatform } from \"../../lib/platform\";\n\nexport interface ConfigProviderProps\n  extends Partial<ConfigProviderContextInterface> {\n  /**\n   * @deprecated будет удалено в 5.0.0, устанавливать тему следует через appearance\n   * Цветовая схема приложения\n   */\n  scheme?: AppearanceScheme;\n  /**\n    Локаль ([список](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry))\n   */\n  locale?: string;\n}\n\nconst warn = warnOnce(\"ConfigProvider\");\n\nfunction useSchemeDetector(\n  node: HTMLElement | undefined | null,\n  _scheme: Scheme | \"inherit\"\n) {\n  const inherit = _scheme === \"inherit\";\n  const getScheme = React.useCallback(() => {\n    if (!inherit || !canUseDOM || !node) {\n      return undefined;\n    }\n    return node.getAttribute(\"scheme\") as Scheme;\n  }, [inherit, node]);\n  const [resolvedScheme, setScheme] = React.useState(getScheme());\n\n  React.useEffect(() => {\n    if (!inherit || !node) {\n      return noop;\n    }\n    setScheme(getScheme());\n    const observer = new MutationObserver(() => setScheme(getScheme()));\n    observer.observe(node, { attributes: true, attributeFilter: [\"scheme\"] });\n    return () => observer.disconnect();\n  }, [getScheme, inherit, node]);\n\n  return _scheme === \"inherit\" ? resolvedScheme : _scheme;\n}\n\nconst deriveAppearance = (scheme: Scheme | undefined): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK\n    ? \"dark\"\n    : \"light\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ConfigProvider\n */\nconst ConfigProvider: React.FC<ConfigProviderProps> = ({\n  children,\n  webviewType = WebviewType.VKAPPS,\n  isWebView = vkBridge.isWebView(),\n  transitionMotionEnabled = true,\n  platform = resolvePlatform(),\n  hasNewTokens = false,\n  appearance,\n  scheme,\n  locale = \"ru\",\n}) => {\n  const normalizedScheme = normalizeScheme({\n    scheme,\n    platform,\n    appearance,\n  });\n  const { document } = useDOM();\n  const target = document?.body;\n\n  useIsomorphicLayoutEffect(() => {\n    if (normalizedScheme === \"inherit\") {\n      return noop;\n    }\n    if (\n      process.env.NODE_ENV === \"development\" &&\n      target?.hasAttribute(\"scheme\")\n    ) {\n      warn(\n        '<body scheme> был установлен перед монтированием VKUI - вы не забыли scheme=\"inherit\"?'\n      );\n    }\n    target?.setAttribute(\"scheme\", normalizedScheme);\n    return () => target?.removeAttribute(\"scheme\");\n  }, [normalizedScheme]);\n\n  const realScheme = useSchemeDetector(target, normalizedScheme);\n  const derivedAppearance = deriveAppearance(realScheme);\n\n  useIsomorphicLayoutEffect(() => {\n    const VKUITokensClassName = generateVKUITokensClassName(\n      platform,\n      derivedAppearance\n    );\n\n    target?.classList.add(VKUITokensClassName);\n\n    return () => {\n      target?.classList.remove(VKUITokensClassName);\n    };\n  }, [platform, derivedAppearance]);\n\n  const configContext = useObjectMemo({\n    webviewType,\n    isWebView,\n    transitionMotionEnabled,\n    hasNewTokens,\n    platform,\n    scheme,\n    appearance: appearance || derivedAppearance,\n  });\n\n  return (\n    <ConfigProviderContext.Provider value={configContext}>\n      <LocaleProviderContext.Provider value={locale}>\n        <AppearanceProvider appearance={configContext.appearance}>\n          {children}\n        </AppearanceProvider>\n      </LocaleProviderContext.Provider>\n    </ConfigProviderContext.Provider>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ConfigProvider;\n"],"file":"ConfigProvider.js"}

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

@@ -30,5 +30,8 @@ export interface ContentCardProps extends HasRootRef<HTMLDivElement>, Omit<Tappa
     maxHeight?: number;
     mode?: CardProps["mode"];
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/ContentCard
+ */
 declare const ContentCard: React.FC<ContentCardProps>;
 export default ContentCard;

package/dist/cjs/components/ContentCard/ContentCard.js

@@ -19,7 +19,7 @@ var _Caption = require("../Typography/Caption/Caption");
 
 var _Title = require("../Typography/Title/Title");
 
-var _Text = _interopRequireDefault(require("../Typography/Text/Text"));
+var _Text = require("../Typography/Text/Text");
 
 var _Tappable = _interopRequireDefault(require("../Tappable/Tappable"));
 
@@ -35,6 +35,9 @@ var _classNames = require("../../lib/classNames");
 
 var _excluded = ["subtitle", "header", "text", "caption", "className", "mode", "style", "getRootRef", "getRef", "maxHeight", "image", "src", "srcSet", "alt", "width", "height", "crossOrigin", "decoding", "loading", "referrerPolicy", "sizes", "useMap"];
 var warn = (0, _warnOnce.warnOnce)("ContentCard");
+/**
+ * @see https://vkcom.github.io/VKUI/#/ContentCard
+ */
 
 var ContentCard = function ContentCard(props) {
   var subtitle = props.subtitle,
@@ -109,9 +112,8 @@ var ContentCard = function ContentCard(props) {
     vkuiClass: "ContentCard__text",
     weight: "3",
     level: "1"
-  }, header), (0, _utils.hasReactNode)(text) && (0, _jsxRuntime.createScopedElement)(_Text.default, {
-    vkuiClass: "ContentCard__text",
-    weight: "regular"
+  }, header), (0, _utils.hasReactNode)(text) && (0, _jsxRuntime.createScopedElement)(_Text.Text, {
+    vkuiClass: "ContentCard__text"
   }, text), (0, _utils.hasReactNode)(caption) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
     vkuiClass: "ContentCard__text"
   }, caption))));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"names":["warn","ContentCard","props","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","image","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","restProps","platform","source","process","env","NODE_ENV","disabled","onClick","href","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Card, CardProps } from \"../Card/Card\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Title } from \"../Typography/Title/Title\";\nimport Text from \"../Typography/Text/Text\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ContentCard.css\";\n\nexport interface ContentCardProps\n  extends HasRootRef<HTMLDivElement>,\n    Omit<TappableProps, \"getRootRef\" | \"crossOrigin\">,\n    Omit<\n      React.ImgHTMLAttributes<HTMLImageElement>,\n      keyof React.HTMLAttributes<HTMLImageElement>\n    >,\n    HasRef<HTMLImageElement> {\n  /**\n   Текст над заголовком\n   */\n  subtitle?: React.ReactNode;\n  /**\n   Заголовок\n   */\n  header?: React.ReactNode;\n  /**\n   Текст\n   */\n  text?: React.ReactNode;\n  /**\n   Нижний текст\n   */\n  caption?: React.ReactNode;\n  /**\n    @deprecated будет удалено в 5.0.0. Используйте src\n   */\n  image?: string;\n  /**\n    Максимальная высота изображения\n   */\n  maxHeight?: number;\n  mode?: CardProps[\"mode\"];\n}\n\nconst warn = warnOnce(\"ContentCard\");\nconst ContentCard: React.FC<ContentCardProps> = (props: ContentCardProps) => {\n  const {\n    subtitle,\n    header,\n    text,\n    caption,\n    // card props\n    className,\n    mode,\n    style,\n    getRootRef,\n    // img props\n    getRef,\n    maxHeight,\n    image,\n    src,\n    srcSet,\n    alt,\n    width,\n    height,\n    crossOrigin,\n    decoding,\n    loading,\n    referrerPolicy,\n    sizes,\n    useMap,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n\n  const source = image || src;\n\n  if (image && process.env.NODE_ENV === \"development\") {\n    warn(\"Свойство image устарело и будет удалено в 5.0.0. Используйте src\");\n  }\n\n  return (\n    <Card\n      mode={mode}\n      getRootRef={getRootRef}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(getClassName(\"ContentCard\", platform), {\n        \"ContentCard--disabled\": restProps.disabled,\n      })}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        {...restProps}\n        disabled={restProps.disabled || (!restProps.onClick && !restProps.href)}\n        hasHover={false}\n        hasActive={false}\n        vkuiClass=\"ContentCard__tappable\"\n      >\n        {(source || srcSet) && (\n          <img\n            ref={getRef}\n            vkuiClass=\"ContentCard__img\"\n            src={source}\n            srcSet={srcSet}\n            alt={alt}\n            crossOrigin={crossOrigin}\n            decoding={decoding}\n            loading={loading}\n            referrerPolicy={referrerPolicy}\n            sizes={sizes}\n            useMap={useMap}\n            height={height}\n            style={{ maxHeight }}\n            width=\"100%\"\n          />\n        )}\n        <div vkuiClass=\"ContentCard__body\">\n          {hasReactNode(subtitle) && (\n            <Caption caps vkuiClass=\"ContentCard__text\" weight=\"1\" level=\"3\">\n              {subtitle}\n            </Caption>\n          )}\n          {hasReactNode(header) && (\n            <Title vkuiClass=\"ContentCard__text\" weight=\"3\" level=\"1\">\n              {header}\n            </Title>\n          )}\n          {hasReactNode(text) && (\n            <Text vkuiClass=\"ContentCard__text\" weight=\"regular\">\n              {text}\n            </Text>\n          )}\n          {hasReactNode(caption) && (\n            <Caption vkuiClass=\"ContentCard__text\">{caption}</Caption>\n          )}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n\nContentCard.defaultProps = {\n  mode: \"shadow\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ContentCard;\n"],"file":"ContentCard.js"}
+{"version":3,"sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"names":["warn","ContentCard","props","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","image","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","restProps","platform","source","process","env","NODE_ENV","disabled","onClick","href","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Card, CardProps } from \"../Card/Card\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ContentCard.css\";\n\nexport interface ContentCardProps\n  extends HasRootRef<HTMLDivElement>,\n    Omit<TappableProps, \"getRootRef\" | \"crossOrigin\">,\n    Omit<\n      React.ImgHTMLAttributes<HTMLImageElement>,\n      keyof React.HTMLAttributes<HTMLImageElement>\n    >,\n    HasRef<HTMLImageElement> {\n  /**\n   Текст над заголовком\n   */\n  subtitle?: React.ReactNode;\n  /**\n   Заголовок\n   */\n  header?: React.ReactNode;\n  /**\n   Текст\n   */\n  text?: React.ReactNode;\n  /**\n   Нижний текст\n   */\n  caption?: React.ReactNode;\n  /**\n    @deprecated будет удалено в 5.0.0. Используйте src\n   */\n  image?: string;\n  /**\n    Максимальная высота изображения\n   */\n  maxHeight?: number;\n  mode?: CardProps[\"mode\"];\n}\n\nconst warn = warnOnce(\"ContentCard\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ContentCard\n */\nconst ContentCard: React.FC<ContentCardProps> = (props: ContentCardProps) => {\n  const {\n    subtitle,\n    header,\n    text,\n    caption,\n    // card props\n    className,\n    mode,\n    style,\n    getRootRef,\n    // img props\n    getRef,\n    maxHeight,\n    image,\n    src,\n    srcSet,\n    alt,\n    width,\n    height,\n    crossOrigin,\n    decoding,\n    loading,\n    referrerPolicy,\n    sizes,\n    useMap,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n\n  const source = image || src;\n\n  if (image && process.env.NODE_ENV === \"development\") {\n    warn(\"Свойство image устарело и будет удалено в 5.0.0. Используйте src\");\n  }\n\n  return (\n    <Card\n      mode={mode}\n      getRootRef={getRootRef}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(getClassName(\"ContentCard\", platform), {\n        \"ContentCard--disabled\": restProps.disabled,\n      })}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        {...restProps}\n        disabled={restProps.disabled || (!restProps.onClick && !restProps.href)}\n        hasHover={false}\n        hasActive={false}\n        vkuiClass=\"ContentCard__tappable\"\n      >\n        {(source || srcSet) && (\n          <img\n            ref={getRef}\n            vkuiClass=\"ContentCard__img\"\n            src={source}\n            srcSet={srcSet}\n            alt={alt}\n            crossOrigin={crossOrigin}\n            decoding={decoding}\n            loading={loading}\n            referrerPolicy={referrerPolicy}\n            sizes={sizes}\n            useMap={useMap}\n            height={height}\n            style={{ maxHeight }}\n            width=\"100%\"\n          />\n        )}\n        <div vkuiClass=\"ContentCard__body\">\n          {hasReactNode(subtitle) && (\n            <Caption caps vkuiClass=\"ContentCard__text\" weight=\"1\" level=\"3\">\n              {subtitle}\n            </Caption>\n          )}\n          {hasReactNode(header) && (\n            <Title vkuiClass=\"ContentCard__text\" weight=\"3\" level=\"1\">\n              {header}\n            </Title>\n          )}\n          {hasReactNode(text) && (\n            <Text vkuiClass=\"ContentCard__text\">{text}</Text>\n          )}\n          {hasReactNode(caption) && (\n            <Caption vkuiClass=\"ContentCard__text\">{caption}</Caption>\n          )}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n\nContentCard.defaultProps = {\n  mode: \"shadow\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ContentCard;\n"],"file":"ContentCard.js"}

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

@@ -4,8 +4,10 @@ export interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {
     /**
      * Тип счетчика. При использовании компонента в качестве значения свойства `after` у `Button` эти значения игнорируются
      */
-    mode?: "secondary" | "primary" | "prominent";
+    mode?: "secondary" | "primary" | "prominent" | "contrast";
     size?: "s" | "m";
 }
-declare const _default: React.NamedExoticComponent<CounterProps>;
-export default _default;
+/**
+ * @see https://vkcom.github.io/VKUI/#/Counter
+ */
+export declare const Counter: ({ mode, size, children, ...restProps }: CounterProps) => JSX.Element | null;

package/dist/cjs/components/Counter/Counter.js

@@ -7,7 +7,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Counter = void 0;
 
 var _jsxRuntime = require("../../lib/jsxRuntime");
 
@@ -19,59 +19,38 @@ var React = _interopRequireWildcard(require("react"));
 
 var _classNames = require("../../lib/classNames");
 
-var _getClassName = require("../../helpers/getClassName");
-
-var _usePlatform = require("../../hooks/usePlatform");
-
 var _Caption = require("../Typography/Caption/Caption");
 
-var _Text = _interopRequireDefault(require("../Typography/Text/Text"));
-
-var _platform = require("../../lib/platform");
+var _Headline = require("../Typography/Headline/Headline");
 
 var _utils = require("../../lib/utils");
 
-var _excluded = ["size", "platform"],
-    _excluded2 = ["mode", "size", "children"];
-
-var CounterTypography = function CounterTypography(_ref) {
-  var size = _ref.size,
-      platform = _ref.platform,
+var _excluded = ["mode", "size", "children"];
+
+/**
+ * @see https://vkcom.github.io/VKUI/#/Counter
+ */
+var Counter = function Counter(_ref) {
+  var _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? "secondary" : _ref$mode,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "m" : _ref$size,
+      children = _ref.children,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return size === "s" ? (0, _jsxRuntime.createScopedElement)(_Caption.Caption, (0, _extends2.default)({
-    level: "2",
-    weight: platform === _platform.VKCOM ? "1" : undefined
-  }, restProps)) : (0, _jsxRuntime.createScopedElement)(_Text.default, (0, _extends2.default)({
-    weight: "medium"
-  }, restProps));
-};
-
-var Counter = function Counter(props) {
-  var mode = props.mode,
-      size = props.size,
-      children = props.children,
-      restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
-  var platform = (0, _usePlatform.usePlatform)();
 
   if (React.Children.count(children) === 0) {
     return null;
   }
 
+  var CounterTypography = size === "s" ? _Caption.Caption : _Headline.Headline;
   return (0, _jsxRuntime.createScopedElement)("span", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Counter", platform), "Counter--".concat(mode), "Counter--s-".concat(size))
+    vkuiClass: (0, _classNames.classNames)("Counter", "Counter--".concat(mode), "Counter--s-".concat(size))
   }), (0, _utils.hasReactNode)(children) && (0, _jsxRuntime.createScopedElement)(CounterTypography, {
-    platform: platform,
-    size: size,
-    vkuiClass: "Counter__in"
+    Component: "span",
+    vkuiClass: "Counter__in",
+    level: "2"
   }, children));
 };
 
-Counter.defaultProps = {
-  mode: "secondary",
-  size: "m"
-}; // eslint-disable-next-line import/no-default-export
-
-var _default = /*#__PURE__*/React.memo(Counter);
-
-exports.default = _default;
+exports.Counter = Counter;
 //# sourceMappingURL=Counter.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Counter/Counter.tsx"],"names":["CounterTypography","size","platform","restProps","VKCOM","undefined","Counter","props","mode","children","React","Children","count","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAgBA,IAAMA,iBAAmD,GAAG,SAAtDA,iBAAsD,OAItD;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,SACC;AACJ,SAAOF,IAAI,KAAK,GAAT,GACL,qCAAC,gBAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAEC,QAAQ,KAAKE,eAAb,GAAqB,GAArB,GAA2BC;AAFrC,KAGMF,SAHN,EADK,GAOL,qCAAC,aAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAA0BA,SAA1B,EAPF;AASD,CAdD;;AAgBA,IAAMG,OAA+B,GAAG,SAAlCA,OAAkC,CAACC,KAAD,EAAyB;AAC/D,MAAQC,IAAR,GAA+CD,KAA/C,CAAQC,IAAR;AAAA,MAAcP,IAAd,GAA+CM,KAA/C,CAAcN,IAAd;AAAA,MAAoBQ,QAApB,GAA+CF,KAA/C,CAAoBE,QAApB;AAAA,MAAiCN,SAAjC,0CAA+CI,KAA/C;AACA,MAAML,QAAQ,GAAG,+BAAjB;;AAEA,MAAIQ,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBH,QAArB,MAAmC,CAAvC,EAA0C;AACxC,WAAO,IAAP;AACD;;AAED,SACE,wEACMN,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,SAAb,EAAwBD,QAAxB,CADS,qBAEGM,IAFH,wBAGKP,IAHL;AAFb,MAQG,yBAAaQ,QAAb,KACC,qCAAC,iBAAD;AACE,IAAA,QAAQ,EAAEP,QADZ;AAEE,IAAA,IAAI,EAAED,IAFR;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGQ,QALH,CATJ,CADF;AAoBD,CA5BD;;AA8BAH,OAAO,CAACO,YAAR,GAAuB;AACrBL,EAAAA,IAAI,EAAE,WADe;AAErBP,EAAAA,IAAI,EAAE;AAFe,CAAvB,C,CAKA;;4BACeS,KAAK,CAACI,IAAN,CAAWR,OAAX,C","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport Text from \"../Typography/Text/Text\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { HasComponent, HasPlatform } from \"../../types\";\nimport \"./Counter.css\";\n\nexport interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Тип счетчика. При использовании компонента в качестве значения свойства `after` у `Button` эти значения игнорируются\n   */\n  mode?: \"secondary\" | \"primary\" | \"prominent\";\n  size?: \"s\" | \"m\";\n}\n\ntype CounterTypographyProps = Pick<CounterProps, \"size\"> &\n  HasPlatform &\n  HasComponent;\n\nconst CounterTypography: React.FC<CounterTypographyProps> = ({\n  size,\n  platform,\n  ...restProps\n}) => {\n  return size === \"s\" ? (\n    <Caption\n      level=\"2\"\n      weight={platform === VKCOM ? \"1\" : undefined}\n      {...restProps}\n    />\n  ) : (\n    <Text weight=\"medium\" {...restProps} />\n  );\n};\n\nconst Counter: React.FC<CounterProps> = (props: CounterProps) => {\n  const { mode, size, children, ...restProps } = props;\n  const platform = usePlatform();\n\n  if (React.Children.count(children) === 0) {\n    return null;\n  }\n\n  return (\n    <span\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Counter\", platform),\n        `Counter--${mode}`,\n        `Counter--s-${size}`\n      )}\n    >\n      {hasReactNode(children) && (\n        <CounterTypography\n          platform={platform}\n          size={size}\n          vkuiClass=\"Counter__in\"\n        >\n          {children}\n        </CounterTypography>\n      )}\n    </span>\n  );\n};\n\nCounter.defaultProps = {\n  mode: \"secondary\",\n  size: \"m\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(Counter);\n"],"file":"Counter.js"}
+{"version":3,"sources":["../../../../src/components/Counter/Counter.tsx"],"names":["Counter","mode","size","children","restProps","React","Children","count","CounterTypography","Caption","Headline"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAWA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAKH;AAAA,uBAJlBC,IAIkB;AAAA,MAJlBA,IAIkB,0BAJX,WAIW;AAAA,uBAHlBC,IAGkB;AAAA,MAHlBA,IAGkB,0BAHX,GAGW;AAAA,MAFlBC,QAEkB,QAFlBA,QAEkB;AAAA,MADfC,SACe;;AAClB,MAAIC,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBJ,QAArB,MAAmC,CAAvC,EAA0C;AACxC,WAAO,IAAP;AACD;;AAED,MAAMK,iBAAiB,GAAGN,IAAI,KAAK,GAAT,GAAeO,gBAAf,GAAyBC,kBAAnD;AAEA,SACE,wEACMN,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,SADS,qBAEGH,IAFH,wBAGKC,IAHL;AAFb,MAQG,yBAAaC,QAAb,KACC,qCAAC,iBAAD;AAAmB,IAAA,SAAS,EAAC,MAA7B;AAAoC,IAAA,SAAS,EAAC,aAA9C;AAA4D,IAAA,KAAK,EAAC;AAAlE,KACGA,QADH,CATJ,CADF;AAgBD,CA5BM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./Counter.css\";\n\nexport interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Тип счетчика. При использовании компонента в качестве значения свойства `after` у `Button` эти значения игнорируются\n   */\n  mode?: \"secondary\" | \"primary\" | \"prominent\" | \"contrast\";\n  size?: \"s\" | \"m\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Counter\n */\nexport const Counter = ({\n  mode = \"secondary\",\n  size = \"m\",\n  children,\n  ...restProps\n}: CounterProps) => {\n  if (React.Children.count(children) === 0) {\n    return null;\n  }\n\n  const CounterTypography = size === \"s\" ? Caption : Headline;\n\n  return (\n    <span\n      {...restProps}\n      vkuiClass={classNames(\n        \"Counter\",\n        `Counter--${mode}`,\n        `Counter--s-${size}`\n      )}\n    >\n      {hasReactNode(children) && (\n        <CounterTypography Component=\"span\" vkuiClass=\"Counter__in\" level=\"2\">\n          {children}\n        </CounterTypography>\n      )}\n    </span>\n  );\n};\n"],"file":"Counter.js"}

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

@@ -1,10 +1,10 @@
-import * as React from "react";
 import { DOMProps } from "../../lib/dom";
+import * as React from "react";
 import "./CustomScrollView.css";
-interface Props extends DOMProps {
+export interface CustomScrollViewProps extends DOMProps {
     windowResize?: boolean;
     boxRef?: React.Ref<HTMLDivElement>;
     className?: HTMLDivElement["className"];
+    children: React.ReactNode;
 }
-declare const _default: React.ComponentType<Props>;
-export default _default;
+export declare const CustomScrollView: ({ className, children, boxRef: externalBoxRef, windowResize, }: CustomScrollViewProps) => JSX.Element;

package/dist/cjs/components/CustomScrollView/CustomScrollView.js

@@ -2,208 +2,173 @@
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.CustomScrollView = void 0;
 
 var _jsxRuntime = require("../../lib/jsxRuntime");
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _dom = require("../../lib/dom");
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var React = _interopRequireWildcard(require("react"));
 
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _useExternRef = require("../../hooks/useExternRef");
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
 
-var React = _interopRequireWildcard(require("react"));
+var _useEventListener = require("../../hooks/useEventListener");
 
-var _dom = require("../../lib/dom");
+var CustomScrollView = function CustomScrollView(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      externalBoxRef = _ref.boxRef,
+      windowResize = _ref.windowResize;
 
-var _utils = require("../../lib/utils");
+  var _useDOM = (0, _dom.useDOM)(),
+      document = _useDOM.document,
+      window = _useDOM.window;
 
-var CustomScrollView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(CustomScrollView, _React$Component);
+  var ratio = React.useRef(NaN);
+  var lastTrackerTop = React.useRef(0);
+  var clientHeight = React.useRef(0);
+  var trackerHeight = React.useRef(0);
+  var scrollHeight = React.useRef(0);
+  var transformProp = React.useRef("");
+  var startY = React.useRef(0);
+  var trackerTop = React.useRef(0);
+  var boxRef = (0, _useExternRef.useExternRef)(externalBoxRef);
+  var barY = React.useRef(null);
+  var trackerY = React.useRef(null);
 
-  var _super = (0, _createSuper2.default)(CustomScrollView);
+  var setTrackerPosition = function setTrackerPosition(scrollTop) {
+    lastTrackerTop.current = scrollTop;
 
-  function CustomScrollView() {
-    var _this;
+    if (trackerY.current !== null) {
+      trackerY.current.style[transformProp.current] = "translate(0, ".concat(scrollTop, "px)");
+    }
+  };
 
-    (0, _classCallCheck2.default)(this, CustomScrollView);
+  var setTrackerPositionFromScroll = function setTrackerPositionFromScroll(scrollTop) {
+    var progress = scrollTop / (scrollHeight.current - clientHeight.current);
+    setTrackerPosition((clientHeight.current - trackerHeight.current) * progress);
+  };
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+  var resize = function resize() {
+    if (!boxRef.current || !barY.current || !trackerY.current) {
+      return;
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "ratio", NaN);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lastTrackerTop", 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clientHeight", 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "trackerHeight", 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scrollHeight", 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "transformProp", "");
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startY", 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "trackerTop", 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "box", (0, _utils.multiRef)(function (e) {
-      return (0, _utils.setRef)(e, _this.props.boxRef);
-    }));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "barY", /*#__PURE__*/React.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "trackerY", /*#__PURE__*/React.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "resize", function () {
-      if (!_this.box.current || !_this.barY.current || !_this.trackerY.current) {
-        return;
-      }
+    var localClientHeight = boxRef.current.clientHeight;
+    var localScrollHeight = boxRef.current.scrollHeight;
+    var localRatio = localClientHeight / localScrollHeight;
+    var localTrackerHeight = Math.max(localClientHeight * localRatio, 40);
+    ratio.current = localRatio;
+    clientHeight.current = localClientHeight;
+    scrollHeight.current = localScrollHeight;
+    trackerHeight.current = localTrackerHeight;
+
+    if (localRatio >= 1) {
+      barY.current.style.display = "none";
+    } else {
+      barY.current.style.display = "";
+      trackerY.current.style.height = "".concat(localTrackerHeight, "px");
+      setTrackerPositionFromScroll(boxRef.current.scrollTop);
+    }
+  };
 
-      var clientHeight = _this.box.current.clientHeight;
-      var scrollHeight = _this.box.current.scrollHeight;
-      var ratio = clientHeight / scrollHeight;
-      var trackerHeight = Math.max(clientHeight * ratio, 40);
-      _this.ratio = ratio;
-      _this.clientHeight = clientHeight;
-      _this.scrollHeight = scrollHeight;
-      _this.trackerHeight = trackerHeight;
-
-      if (ratio >= 1) {
-        _this.barY.current.style.display = "none";
-      } else {
-        _this.barY.current.style.display = "";
-        _this.trackerY.current.style.height = "".concat(trackerHeight, "px");
-
-        _this.setTrackerPositionFromScroll(_this.box.current.scrollTop);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scroll", function () {
-      if (_this.ratio >= 1 || !_this.box.current) {
-        return;
+  var resizeHandler = (0, _useEventListener.useEventListener)("resize", resize);
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
+    if (windowResize && window) {
+      resizeHandler.add(window);
+    }
+  }, [windowResize, window]);
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
+    var _trackerY$current;
+
+    var style = (_trackerY$current = trackerY.current) === null || _trackerY$current === void 0 ? void 0 : _trackerY$current.style;
+    var prop = "";
+
+    if (style !== undefined) {
+      if ("transform" in style) {
+        prop = "transform";
+      } else if ("webkitTransform" in style) {
+        prop = "webkitTransform";
       }
+    }
 
-      _this.setTrackerPositionFromScroll(_this.box.current.scrollTop);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDragStart", function (e) {
-      e.preventDefault();
-      _this.startY = e.clientY;
-      _this.trackerTop = _this.lastTrackerTop;
-
-      _this.props.document.addEventListener("mousemove", _this.onMove);
-
-      _this.props.document.addEventListener("mouseup", _this.onUp);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMove", function (e) {
-      e.preventDefault();
-      var diff = e.clientY - _this.startY;
-      var position = Math.min(Math.max(_this.trackerTop + diff, 0), _this.clientHeight - _this.trackerHeight);
-
-      _this.setScrollPositionFromTracker(position);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onUp", function (e) {
-      e.preventDefault();
-
-      _this.props.document.removeEventListener("mousemove", _this.onMove);
-
-      _this.props.document.removeEventListener("mouseup", _this.onUp);
-    });
-    return _this;
-  }
+    transformProp.current = prop;
+  }, []);
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(resize);
 
-  (0, _createClass2.default)(CustomScrollView, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.chooseTransformProp();
-      this.resize();
+  var setScrollPositionFromTracker = function setScrollPositionFromTracker(trackerTop) {
+    var progress = trackerTop / (clientHeight.current - trackerHeight.current);
 
-      if (this.props.windowResize) {
-        this.props.window.addEventListener("resize", this.resize);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.resize();
+    if (boxRef.current !== null) {
+      boxRef.current.scrollTop = (scrollHeight.current - clientHeight.current) * progress;
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.props.window.removeEventListener("resize", this.resize);
+  };
+
+  var onMove = function onMove(e) {
+    e.preventDefault();
+    var diff = e.clientY - startY.current;
+    var position = Math.min(Math.max(trackerTop.current + diff, 0), clientHeight.current - trackerHeight.current);
+    setScrollPositionFromTracker(position);
+  };
+
+  var onUp = function onUp(e) {
+    e.preventDefault();
+    unsubscribe();
+  };
+
+  var scroll = function scroll() {
+    if (ratio.current >= 1 || !boxRef.current) {
+      return;
     }
-  }, {
-    key: "chooseTransformProp",
-    value: function chooseTransformProp() {
-      var _this$trackerY$curren;
-
-      var style = (_this$trackerY$curren = this.trackerY.current) === null || _this$trackerY$curren === void 0 ? void 0 : _this$trackerY$curren.style;
-      var prop = "";
-
-      if (style !== undefined) {
-        if ("transform" in style) {
-          prop = "transform";
-        } else if ("webkitTransform" in style) {
-          prop = "webkitTransform";
-        }
-      }
 
-      this.transformProp = prop;
-    }
-  }, {
-    key: "setTrackerPosition",
-    value: function setTrackerPosition(scrollTop) {
-      this.lastTrackerTop = scrollTop;
+    setTrackerPositionFromScroll(boxRef.current.scrollTop);
+  };
 
-      if (this.trackerY.current !== null) {
-        this.trackerY.current.style[this.transformProp] = "translate(0, ".concat(scrollTop, "px)");
-      }
-    }
-  }, {
-    key: "setTrackerPositionFromScroll",
-    value: function setTrackerPositionFromScroll(scrollTop) {
-      var progress = scrollTop / (this.scrollHeight - this.clientHeight);
-      this.setTrackerPosition((this.clientHeight - this.trackerHeight) * progress);
-    }
-  }, {
-    key: "setScrollPositionFromTracker",
-    value: function setScrollPositionFromTracker(trackerTop) {
-      var progress = trackerTop / (this.clientHeight - this.trackerHeight);
+  var listeners = [(0, _useEventListener.useEventListener)("mousemove", onMove), (0, _useEventListener.useEventListener)("mouseup", onUp)];
 
-      if (this.box.current !== null) {
-        this.box.current.scrollTop = (this.scrollHeight - this.clientHeight) * progress;
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          className = _this$props.className;
-      return (0, _jsxRuntime.createScopedElement)("div", {
-        vkuiClass: "CustomScrollView",
-        className: className
-      }, (0, _jsxRuntime.createScopedElement)("div", {
-        vkuiClass: "CustomScrollView__barY",
-        ref: this.barY
-      }, (0, _jsxRuntime.createScopedElement)("div", {
-        vkuiClass: "CustomScrollView__trackerY",
-        ref: this.trackerY,
-        onMouseDown: this.onDragStart
-      })), (0, _jsxRuntime.createScopedElement)("div", {
-        vkuiClass: "CustomScrollView__box",
-        tabIndex: -1,
-        ref: this.box,
-        onScroll: this.scroll
-      }, children));
+  function subscribe(el) {
+    if (el) {
+      listeners.forEach(function (l) {
+        return l.add(el);
+      });
     }
-  }]);
-  return CustomScrollView;
-}(React.Component); // eslint-disable-next-line import/no-default-export
-
+  }
 
-var _default = (0, _dom.withDOM)(CustomScrollView);
+  function unsubscribe() {
+    listeners.forEach(function (l) {
+      return l.remove();
+    });
+  }
 
-exports.default = _default;
+  var onDragStart = function onDragStart(e) {
+    e.preventDefault();
+    startY.current = e.clientY;
+    trackerTop.current = lastTrackerTop.current;
+    subscribe(document);
+  };
+
+  return (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "CustomScrollView",
+    className: className
+  }, (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "CustomScrollView__barY",
+    ref: barY
+  }, (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "CustomScrollView__trackerY",
+    ref: trackerY,
+    onMouseDown: onDragStart
+  })), (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "CustomScrollView__box",
+    tabIndex: -1,
+    ref: boxRef,
+    onScroll: scroll
+  }, children));
+};
+
+exports.CustomScrollView = CustomScrollView;
 //# sourceMappingURL=CustomScrollView.js.map