@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigProvider.js","names":["React","canUseDOM","useDOM","ConfigProviderContext","useIsomorphicLayoutEffect","useObjectMemo","noop","warnOnce","normalizeScheme","Scheme","AppearanceProvider","generateVKUITokensClassName","LocaleProviderContext","warn","useSchemeDetector","node","_scheme","inherit","getScheme","useCallback","undefined","getAttribute","useState","resolvedScheme","setScheme","useEffect","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","ConfigProvider","props","parentLocale","useContext","parentConfig","children","webviewType","isWebView","transitionMotionEnabled","platform","hasNewTokens","appearance","locale","normalizedScheme","document","target","body","process","env","NODE_ENV","hasAttribute","setAttribute","removeAttribute","realScheme","derivedAppearance","VKUITokensClassName","classList","add","remove","configContext"],"sources":["../../../src/components/ConfigProvider/ConfigProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { canUseDOM, useDOM } from \"../../lib/dom\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\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\";\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  children?: React.ReactNode;\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 */\nexport const ConfigProvider = (props: ConfigProviderProps) => {\n  const parentLocale = React.useContext(LocaleProviderContext);\n  const parentConfig = React.useContext(ConfigProviderContext);\n\n  const {\n    children,\n    webviewType = parentConfig.webviewType,\n    isWebView = parentConfig.isWebView,\n    transitionMotionEnabled = parentConfig.transitionMotionEnabled,\n    platform = parentConfig.platform,\n    hasNewTokens = parentConfig.hasNewTokens,\n    appearance = parentConfig.appearance,\n    scheme,\n    locale = parentLocale ?? \"ru\",\n  } = props;\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      parentConfig.appearance === undefined // appearance не была вычислена в родительском конфиге, @deprecated будет удалено в 5.0.0\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    // eslint-disable-next-line no-restricted-properties\n    target?.classList.add(VKUITokensClassName);\n\n    return () => {\n      // eslint-disable-next-line no-restricted-properties\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"],"mappings":"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"}
+{"version":3,"file":"ConfigProvider.js","names":["React","ConfigProviderContext","useObjectMemo","AppearanceProvider","generateVKUITokensClassName","LocaleProviderContext","useAutoDetectAppearance","noop","useIsomorphicLayoutEffect","useDOM","ConfigProvider","props","parentLocale","useContext","parentConfig","children","webviewType","isWebView","transitionMotionEnabled","platform","hasNewTokens","appearance","appearanceProp","locale","onDetectAppearanceByBridge","document","VKUITokensClassName","body","classList","add","remove","configContext"],"sources":["../../../src/components/ConfigProvider/ConfigProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n} from \"./ConfigProviderContext\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport {\n  AppearanceProvider,\n  generateVKUITokensClassName,\n} from \"../AppearanceProvider/AppearanceProvider\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { useAutoDetectAppearance } from \"../../hooks/useAutoDetectAppearance\";\nimport { noop } from \"../../lib/utils\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useDOM } from \"../../lib/dom\";\n\nexport interface ConfigProviderProps\n  extends Partial<ConfigProviderContextInterface> {\n  /**\n    Локаль ([список](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry))\n   */\n  locale?: string;\n  onDetectAppearanceByBridge?: () => void;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ConfigProvider\n */\nexport const ConfigProvider = (props: ConfigProviderProps) => {\n  const parentLocale = React.useContext(LocaleProviderContext);\n  const parentConfig = React.useContext(ConfigProviderContext);\n\n  const {\n    children,\n    webviewType = parentConfig.webviewType,\n    isWebView = parentConfig.isWebView,\n    transitionMotionEnabled = parentConfig.transitionMotionEnabled,\n    platform = parentConfig.platform,\n    hasNewTokens = parentConfig.hasNewTokens,\n    appearance: appearanceProp = parentConfig.appearance,\n    locale = parentLocale ?? \"ru\",\n    onDetectAppearanceByBridge = noop,\n  } = props;\n\n  const appearance = useAutoDetectAppearance(\n    appearanceProp,\n    onDetectAppearanceByBridge\n  );\n\n  const { document } = useDOM();\n\n  useIsomorphicLayoutEffect(() => {\n    const VKUITokensClassName = generateVKUITokensClassName(\n      platform,\n      appearance\n    );\n\n    // eslint-disable-next-line no-restricted-properties\n    document!.body.classList.add(VKUITokensClassName);\n\n    return () => {\n      // eslint-disable-next-line no-restricted-properties\n      document!.body.classList.remove(VKUITokensClassName);\n    };\n  }, [platform, appearance]);\n\n  const configContext = useObjectMemo({\n    webviewType,\n    isWebView,\n    transitionMotionEnabled,\n    hasNewTokens,\n    platform,\n    appearance,\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"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,qBADF;AAIA,SAASC,aAAT;AACA,SACEC,kBADF,EAEEC,2BAFF;AAIA,SAASC,qBAAT;AACA,SAASC,uBAAT;AACA,SAASC,IAAT;AACA,SAASC,yBAAT;AACA,SAASC,MAAT;;AAYA;AACA;AACA;AACA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAgC;EAC5D,IAAMC,YAAY,GAAGZ,KAAK,CAACa,UAAN,CAAiBR,qBAAjB,CAArB;EACA,IAAMS,YAAY,GAAGd,KAAK,CAACa,UAAN,CAAiBZ,qBAAjB,CAArB;EAEA,IACEc,QADF,GAUIJ,KAVJ,CACEI,QADF;EAAA,yBAUIJ,KAVJ,CAEEK,WAFF;EAAA,IAEEA,WAFF,mCAEgBF,YAAY,CAACE,WAF7B;EAAA,uBAUIL,KAVJ,CAGEM,SAHF;EAAA,IAGEA,SAHF,iCAGcH,YAAY,CAACG,SAH3B;EAAA,4BAUIN,KAVJ,CAIEO,uBAJF;EAAA,IAIEA,uBAJF,sCAI4BJ,YAAY,CAACI,uBAJzC;EAAA,sBAUIP,KAVJ,CAKEQ,QALF;EAAA,IAKEA,QALF,gCAKaL,YAAY,CAACK,QAL1B;EAAA,0BAUIR,KAVJ,CAMES,YANF;EAAA,IAMEA,YANF,oCAMiBN,YAAY,CAACM,YAN9B;EAAA,wBAUIT,KAVJ,CAOEU,UAPF;EAAA,IAOcC,cAPd,kCAO+BR,YAAY,CAACO,UAP5C;EAAA,oBAUIV,KAVJ,CAQEY,MARF;EAAA,IAQEA,MARF,8BAQWX,YARX,aAQWA,YARX,cAQWA,YARX,GAQ2B,IAR3B;EAAA,4BAUID,KAVJ,CASEa,0BATF;EAAA,IASEA,0BATF,sCAS+BjB,IAT/B;EAYA,IAAMc,UAAU,GAAGf,uBAAuB,CACxCgB,cADwC,EAExCE,0BAFwC,CAA1C;;EAKA,cAAqBf,MAAM,EAA3B;EAAA,IAAQgB,QAAR,WAAQA,QAAR;;EAEAjB,yBAAyB,CAAC,YAAM;IAC9B,IAAMkB,mBAAmB,GAAGtB,2BAA2B,CACrDe,QADqD,EAErDE,UAFqD,CAAvD,CAD8B,CAM9B;;IACAI,QAAQ,CAAEE,IAAV,CAAeC,SAAf,CAAyBC,GAAzB,CAA6BH,mBAA7B;IAEA,OAAO,YAAM;MACX;MACAD,QAAQ,CAAEE,IAAV,CAAeC,SAAf,CAAyBE,MAAzB,CAAgCJ,mBAAhC;IACD,CAHD;EAID,CAbwB,EAatB,CAACP,QAAD,EAAWE,UAAX,CAbsB,CAAzB;EAeA,IAAMU,aAAa,GAAG7B,aAAa,CAAC;IAClCc,WAAW,EAAXA,WADkC;IAElCC,SAAS,EAATA,SAFkC;IAGlCC,uBAAuB,EAAvBA,uBAHkC;IAIlCE,YAAY,EAAZA,YAJkC;IAKlCD,QAAQ,EAARA,QALkC;IAMlCE,UAAU,EAAVA;EANkC,CAAD,CAAnC;EASA,OACE,oBAAC,qBAAD,CAAuB,QAAvB;IAAgC,KAAK,EAAEU;EAAvC,GACE,oBAAC,qBAAD,CAAuB,QAAvB;IAAgC,KAAK,EAAER;EAAvC,GACE,oBAAC,kBAAD;IAAoB,UAAU,EAAEQ,aAAa,CAACV;EAA9C,GACGN,QADH,CADF,CADF,CADF;AASD,CAxDM"}

package/dist/components/ConfigProvider/ConfigProviderContext.d.ts

@@ -22,7 +22,7 @@ export interface ConfigProviderContextInterface {
     /**
      * Тип цветовой схемы – `light` или `dark`
      */
-    appearance?: AppearanceType;
+    appearance: AppearanceType;
     /**
      * Включена ли анимация переходов между экранами в `Root` и `View`
      */

package/dist/components/ConfigProvider/ConfigProviderContext.js

@@ -1,6 +1,7 @@
 import * as React from "react";
 import vkBridge from "@vkontakte/vk-bridge";
 import { platform } from "../../lib/platform";
+import { Appearance } from "../../helpers/appearance";
 export var WebviewType;
 
 (function (WebviewType) {
@@ -13,9 +14,8 @@ export var ConfigProviderContext = /*#__PURE__*/React.createContext({
   isWebView: vkBridge.isWebView(),
   transitionMotionEnabled: true,
   platform: platform(),
-  hasNewTokens: false // appearance is auto-detected by default
-  // appearance: Appearance.LIGHT,
-
+  hasNewTokens: false,
+  appearance: Appearance.LIGHT
 });
 export var useConfigProvider = function useConfigProvider() {
   return React.useContext(ConfigProviderContext);

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigProviderContext.js","names":["React","vkBridge","platform","WebviewType","ConfigProviderContext","createContext","webviewType","VKAPPS","isWebView","transitionMotionEnabled","hasNewTokens","useConfigProvider","useContext"],"sources":["../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge, { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { PlatformType, platform } from \"../../lib/platform\";\n\nexport enum WebviewType {\n  VKAPPS = \"vkapps\",\n  INTERNAL = \"internal\",\n}\n\nexport interface ConfigProviderContextInterface {\n  /**\n   * Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере\n   */\n  isWebView: boolean;\n  /**\n   * Тип вебвью.<br>\n   * В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)\n   */\n  webviewType: WebviewType.INTERNAL | WebviewType.VKAPPS;\n  /**\n   * Тип приложения\n   */\n  app?: string;\n  /**\n   * Тип цветовой схемы – `light` или `dark`\n   */\n  appearance?: AppearanceType;\n  /**\n   * Включена ли анимация переходов между экранами в `Root` и `View`\n   */\n  transitionMotionEnabled: boolean;\n  /**\n   * Платформа\n   */\n  platform: PlatformType;\n  hasNewTokens: boolean;\n}\n\nexport const ConfigProviderContext =\n  React.createContext<ConfigProviderContextInterface>({\n    webviewType: WebviewType.VKAPPS,\n    isWebView: vkBridge.isWebView(),\n    transitionMotionEnabled: true,\n    platform: platform(),\n    hasNewTokens: false,\n    // appearance is auto-detected by default\n    // appearance: Appearance.LIGHT,\n  });\n\nexport const useConfigProvider = () => React.useContext(ConfigProviderContext);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAyC,sBAAzC;AACA,SAAuBC,QAAvB;AAEA,WAAYC,WAAZ;;WAAYA,W;EAAAA,W;EAAAA,W;GAAAA,W,KAAAA,W;;AAkCZ,OAAO,IAAMC,qBAAqB,gBAChCJ,KAAK,CAACK,aAAN,CAAoD;EAClDC,WAAW,EAAEH,WAAW,CAACI,MADyB;EAElDC,SAAS,EAAEP,QAAQ,CAACO,SAAT,EAFuC;EAGlDC,uBAAuB,EAAE,IAHyB;EAIlDP,QAAQ,EAAEA,QAAQ,EAJgC;EAKlDQ,YAAY,EAAE,KALoC,CAMlD;EACA;;AAPkD,CAApD,CADK;AAWP,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;EAAA,OAAMX,KAAK,CAACY,UAAN,CAAiBR,qBAAjB,CAAN;AAAA,CAA1B"}
+{"version":3,"file":"ConfigProviderContext.js","names":["React","vkBridge","platform","Appearance","WebviewType","ConfigProviderContext","createContext","webviewType","VKAPPS","isWebView","transitionMotionEnabled","hasNewTokens","appearance","LIGHT","useConfigProvider","useContext"],"sources":["../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge, { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { PlatformType, platform } from \"../../lib/platform\";\nimport { Appearance } from \"../../helpers/appearance\";\n\nexport enum WebviewType {\n  VKAPPS = \"vkapps\",\n  INTERNAL = \"internal\",\n}\n\nexport interface ConfigProviderContextInterface {\n  /**\n   * Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере\n   */\n  isWebView: boolean;\n  /**\n   * Тип вебвью.<br>\n   * В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)\n   */\n  webviewType: WebviewType.INTERNAL | WebviewType.VKAPPS;\n  /**\n   * Тип приложения\n   */\n  app?: string;\n  /**\n   * Тип цветовой схемы – `light` или `dark`\n   */\n  appearance: AppearanceType;\n  /**\n   * Включена ли анимация переходов между экранами в `Root` и `View`\n   */\n  transitionMotionEnabled: boolean;\n  /**\n   * Платформа\n   */\n  platform: PlatformType;\n  hasNewTokens: boolean;\n}\n\nexport const ConfigProviderContext =\n  React.createContext<ConfigProviderContextInterface>({\n    webviewType: WebviewType.VKAPPS,\n    isWebView: vkBridge.isWebView(),\n    transitionMotionEnabled: true,\n    platform: platform(),\n    hasNewTokens: false,\n    appearance: Appearance.LIGHT,\n  });\n\nexport const useConfigProvider = () => React.useContext(ConfigProviderContext);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAyC,sBAAzC;AACA,SAAuBC,QAAvB;AACA,SAASC,UAAT;AAEA,WAAYC,WAAZ;;WAAYA,W;EAAAA,W;EAAAA,W;GAAAA,W,KAAAA,W;;AAkCZ,OAAO,IAAMC,qBAAqB,gBAChCL,KAAK,CAACM,aAAN,CAAoD;EAClDC,WAAW,EAAEH,WAAW,CAACI,MADyB;EAElDC,SAAS,EAAER,QAAQ,CAACQ,SAAT,EAFuC;EAGlDC,uBAAuB,EAAE,IAHyB;EAIlDR,QAAQ,EAAEA,QAAQ,EAJgC;EAKlDS,YAAY,EAAE,KALoC;EAMlDC,UAAU,EAAET,UAAU,CAACU;AAN2B,CAApD,CADK;AAUP,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;EAAA,OAAMd,KAAK,CAACe,UAAN,CAAiBV,qBAAjB,CAAN;AAAA,CAA1B"}

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

@@ -20,10 +20,6 @@ export interface ContentCardProps extends HasRootRef<HTMLDivElement>, Omit<Tappa
      Нижний текст
      */
     caption?: React.ReactNode;
-    /**
-      @deprecated будет удалено в 5.0.0. Используйте src
-     */
-    image?: string;
     /**
       Максимальная высота изображения
      */
@@ -33,4 +29,4 @@ export interface ContentCardProps extends HasRootRef<HTMLDivElement>, Omit<Tappa
 /**
  * @see https://vkcom.github.io/VKUI/#/ContentCard
  */
-export declare const ContentCard: ({ subtitle, header, text, caption, className, mode, style, getRootRef, getRef, maxHeight, image, src, srcSet, alt, width, height, crossOrigin, decoding, loading, referrerPolicy, sizes, useMap, ...restProps }: ContentCardProps) => JSX.Element;
+export declare const ContentCard: ({ subtitle, header, text, caption, className, mode, style, getRootRef, getRef, maxHeight, src, srcSet, alt, width, height, crossOrigin, decoding, loading, referrerPolicy, sizes, useMap, ...restProps }: ContentCardProps) => JSX.Element;

package/dist/components/ContentCard/ContentCard.js

@@ -1,20 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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 _excluded = ["subtitle", "header", "text", "caption", "className", "mode", "style", "getRootRef", "getRef", "maxHeight", "src", "srcSet", "alt", "width", "height", "crossOrigin", "decoding", "loading", "referrerPolicy", "sizes", "useMap"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { Card } from "../Card/Card";
 import { Caption } from "../Typography/Caption/Caption";
+import { Footnote } from "../Typography/Footnote/Footnote";
 import { Headline } from "../Typography/Headline/Headline";
 import { Text } from "../Typography/Text/Text";
 import { Tappable } from "../Tappable/Tappable";
 import { hasReactNode } from "../../lib/utils";
-import { warnOnce } from "../../lib/warnOnce";
 import { classNames } from "../../lib/classNames";
-var warn = warnOnce("ContentCard");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/ContentCard
  */
-
 export var ContentCard = function ContentCard(_ref) {
   var subtitle = _ref.subtitle,
       header = _ref.header,
@@ -27,7 +26,6 @@ export var ContentCard = function ContentCard(_ref) {
       getRootRef = _ref.getRootRef,
       getRef = _ref.getRef,
       maxHeight = _ref.maxHeight,
-      image = _ref.image,
       src = _ref.src,
       srcSet = _ref.srcSet,
       alt = _ref.alt,
@@ -41,12 +39,6 @@ export var ContentCard = function ContentCard(_ref) {
       useMap = _ref.useMap,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var source = image || src;
-
-  if (image && process.env.NODE_ENV === "development") {
-    warn("Свойство image устарело и будет удалено в 5.0.0. Используйте src");
-  }
-
   return createScopedElement(Card, {
     mode: mode,
     getRootRef: getRootRef,
@@ -58,10 +50,10 @@ export var ContentCard = function ContentCard(_ref) {
     hasHover: false,
     hasActive: false,
     vkuiClass: "ContentCard__tappable"
-  }), (source || srcSet) && createScopedElement("img", {
+  }), (src || srcSet) && createScopedElement("img", {
     ref: getRef,
     vkuiClass: "ContentCard__img",
-    src: source,
+    src: src,
     srcSet: srcSet,
     alt: alt,
     crossOrigin: crossOrigin,
@@ -88,7 +80,7 @@ export var ContentCard = function ContentCard(_ref) {
     level: "1"
   }, header), hasReactNode(text) && createScopedElement(Text, {
     vkuiClass: "ContentCard__text"
-  }, text), hasReactNode(caption) && createScopedElement(Caption, {
+  }, text), hasReactNode(caption) && createScopedElement(Footnote, {
     vkuiClass: "ContentCard__text ContentCard__caption"
   }, caption))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ContentCard.js","names":["Card","Caption","Headline","Text","Tappable","hasReactNode","warnOnce","classNames","warn","ContentCard","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","image","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","restProps","source","process","env","NODE_ENV","disabled","onClick","href"],"sources":["../../../src/components/ContentCard/ContentCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Card, CardProps } from \"../Card/Card\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\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 */\nexport const ContentCard = ({\n  subtitle,\n  header,\n  text,\n  caption,\n  // card props\n  className,\n  mode = \"shadow\",\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}: ContentCardProps) => {\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      vkuiClass={classNames(\n        \"ContentCard\",\n        restProps.disabled && \"ContentCard--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\n              vkuiClass=\"ContentCard__text ContentCard__subtitle\"\n              weight=\"1\"\n              level=\"3\"\n              caps\n            >\n              {subtitle}\n            </Caption>\n          )}\n          {hasReactNode(header) && (\n            <Headline vkuiClass=\"ContentCard__text\" weight=\"2\" level=\"1\">\n              {header}\n            </Headline>\n          )}\n          {hasReactNode(text) && (\n            <Text vkuiClass=\"ContentCard__text\">{text}</Text>\n          )}\n          {hasReactNode(caption) && (\n            <Caption vkuiClass=\"ContentCard__text ContentCard__caption\">\n              {caption}\n            </Caption>\n          )}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,IAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,IAAT;AACA,SAAwBC,QAAxB;AACA,SAASC,YAAT;AACA,SAASC,QAAT;AAEA,SAASC,UAAT;AAsCA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,aAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,WAAW,GAAG,SAAdA,WAAc,OA0BH;EAAA,IAzBtBC,QAyBsB,QAzBtBA,QAyBsB;EAAA,IAxBtBC,MAwBsB,QAxBtBA,MAwBsB;EAAA,IAvBtBC,IAuBsB,QAvBtBA,IAuBsB;EAAA,IAtBtBC,OAsBsB,QAtBtBA,OAsBsB;EAAA,IApBtBC,SAoBsB,QApBtBA,SAoBsB;EAAA,qBAnBtBC,IAmBsB;EAAA,IAnBtBA,IAmBsB,0BAnBf,QAmBe;EAAA,IAlBtBC,KAkBsB,QAlBtBA,KAkBsB;EAAA,IAjBtBC,UAiBsB,QAjBtBA,UAiBsB;EAAA,IAftBC,MAesB,QAftBA,MAesB;EAAA,IAdtBC,SAcsB,QAdtBA,SAcsB;EAAA,IAbtBC,KAasB,QAbtBA,KAasB;EAAA,IAZtBC,GAYsB,QAZtBA,GAYsB;EAAA,IAXtBC,MAWsB,QAXtBA,MAWsB;EAAA,IAVtBC,GAUsB,QAVtBA,GAUsB;EAAA,IATtBC,KASsB,QATtBA,KASsB;EAAA,IARtBC,MAQsB,QARtBA,MAQsB;EAAA,IAPtBC,WAOsB,QAPtBA,WAOsB;EAAA,IANtBC,QAMsB,QANtBA,QAMsB;EAAA,IALtBC,OAKsB,QALtBA,OAKsB;EAAA,IAJtBC,cAIsB,QAJtBA,cAIsB;EAAA,IAHtBC,KAGsB,QAHtBA,KAGsB;EAAA,IAFtBC,MAEsB,QAFtBA,MAEsB;EAAA,IADnBC,SACmB;;EACtB,IAAMC,MAAM,GAAGb,KAAK,IAAIC,GAAxB;;EAEA,IAAID,KAAK,IAAIc,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAtC,EAAqD;IACnD5B,IAAI,CAAC,kEAAD,CAAJ;EACD;;EAED,OACE,oBAAC,IAAD;IACE,IAAI,EAAEO,IADR;IAEE,UAAU,EAAEE,UAFd;IAGE,SAAS,EAAEV,UAAU,CACnB,aADmB,EAEnByB,SAAS,CAACK,QAAV,IAAsB,uBAFH,CAHvB;IAOE,KAAK,EAAErB,KAPT;IAQE,SAAS,EAAEF;EARb,GAUE,oBAAC,QAAD,eACMkB,SADN;IAEE,QAAQ,EAAEA,SAAS,CAACK,QAAV,IAAuB,CAACL,SAAS,CAACM,OAAX,IAAsB,CAACN,SAAS,CAACO,IAFpE;IAGE,QAAQ,EAAE,KAHZ;IAIE,SAAS,EAAE,KAJb;IAKE,SAAS,EAAC;EALZ,IAOG,CAACN,MAAM,IAAIX,MAAX,KACC;IACE,GAAG,EAAEJ,MADP;IAEE,SAAS,EAAC,kBAFZ;IAGE,GAAG,EAAEe,MAHP;IAIE,MAAM,EAAEX,MAJV;IAKE,GAAG,EAAEC,GALP;IAME,WAAW,EAAEG,WANf;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEC,OARX;IASE,cAAc,EAAEC,cATlB;IAUE,KAAK,EAAEC,KAVT;IAWE,MAAM,EAAEC,MAXV;IAYE,MAAM,EAAEN,MAZV;IAaE,KAAK,EAAE;MAAEN,SAAS,EAATA;IAAF,CAbT;IAcE,KAAK,EAAC;EAdR,EARJ,EAyBE;IAAK,SAAS,EAAC;EAAf,GACGd,YAAY,CAACK,QAAD,CAAZ,IACC,oBAAC,OAAD;IACE,SAAS,EAAC,yCADZ;IAEE,MAAM,EAAC,GAFT;IAGE,KAAK,EAAC,GAHR;IAIE,IAAI;EAJN,GAMGA,QANH,CAFJ,EAWGL,YAAY,CAACM,MAAD,CAAZ,IACC,oBAAC,QAAD;IAAU,SAAS,EAAC,mBAApB;IAAwC,MAAM,EAAC,GAA/C;IAAmD,KAAK,EAAC;EAAzD,GACGA,MADH,CAZJ,EAgBGN,YAAY,CAACO,IAAD,CAAZ,IACC,oBAAC,IAAD;IAAM,SAAS,EAAC;EAAhB,GAAqCA,IAArC,CAjBJ,EAmBGP,YAAY,CAACQ,OAAD,CAAZ,IACC,oBAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,GACGA,OADH,CApBJ,CAzBF,CAVF,CADF;AAgED,CAjGM"}
+{"version":3,"file":"ContentCard.js","names":["Card","Caption","Footnote","Headline","Text","Tappable","hasReactNode","classNames","ContentCard","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","restProps","disabled","onClick","href"],"sources":["../../../src/components/ContentCard/ContentCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Card, CardProps } from \"../Card/Card\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\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    Максимальная высота изображения\n   */\n  maxHeight?: number;\n  mode?: CardProps[\"mode\"];\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ContentCard\n */\nexport const ContentCard = ({\n  subtitle,\n  header,\n  text,\n  caption,\n  // card props\n  className,\n  mode = \"shadow\",\n  style,\n  getRootRef,\n  // img props\n  getRef,\n  maxHeight,\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}: ContentCardProps) => {\n  return (\n    <Card\n      mode={mode}\n      getRootRef={getRootRef}\n      vkuiClass={classNames(\n        \"ContentCard\",\n        restProps.disabled && \"ContentCard--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        {(src || srcSet) && (\n          <img\n            ref={getRef}\n            vkuiClass=\"ContentCard__img\"\n            src={src}\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\n              vkuiClass=\"ContentCard__text ContentCard__subtitle\"\n              weight=\"1\"\n              level=\"3\"\n              caps\n            >\n              {subtitle}\n            </Caption>\n          )}\n          {hasReactNode(header) && (\n            <Headline vkuiClass=\"ContentCard__text\" weight=\"2\" level=\"1\">\n              {header}\n            </Headline>\n          )}\n          {hasReactNode(text) && (\n            <Text vkuiClass=\"ContentCard__text\">{text}</Text>\n          )}\n          {hasReactNode(caption) && (\n            <Footnote vkuiClass=\"ContentCard__text ContentCard__caption\">\n              {caption}\n            </Footnote>\n          )}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n"],"mappings":"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"}

package/dist/components/Counter/Counter.js

@@ -25,7 +25,7 @@ export var Counter = function Counter(_ref) {
 
   var CounterTypography = size === "s" ? Caption : Headline;
   return createScopedElement("span", _extends({}, restProps, {
-    vkuiClass: classNames("Counter", "Counter--".concat(mode), "Counter--s-".concat(size))
+    vkuiClass: classNames("Counter", "Counter--mode-".concat(mode), "Counter--size-".concat(size))
   }), hasReactNode(children) && createScopedElement(CounterTypography, {
     Component: "span",
     vkuiClass: "Counter__in",

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

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","names":["React","classNames","Caption","Headline","hasReactNode","Counter","mode","size","children","restProps","Children","count","CounterTypography"],"sources":["../../../src/components/Counter/Counter.tsx"],"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"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;;AAWA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAKH;EAAA,qBAJlBC,IAIkB;EAAA,IAJlBA,IAIkB,0BAJX,WAIW;EAAA,qBAHlBC,IAGkB;EAAA,IAHlBA,IAGkB,0BAHX,GAGW;EAAA,IAFlBC,QAEkB,QAFlBA,QAEkB;EAAA,IADfC,SACe;;EAClB,IAAIT,KAAK,CAACU,QAAN,CAAeC,KAAf,CAAqBH,QAArB,MAAmC,CAAvC,EAA0C;IACxC,OAAO,IAAP;EACD;;EAED,IAAMI,iBAAiB,GAAGL,IAAI,KAAK,GAAT,GAAeL,OAAf,GAAyBC,QAAnD;EAEA,OACE,yCACMM,SADN;IAEE,SAAS,EAAER,UAAU,CACnB,SADmB,qBAEPK,IAFO,wBAGLC,IAHK;EAFvB,IAQGH,YAAY,CAACI,QAAD,CAAZ,IACC,oBAAC,iBAAD;IAAmB,SAAS,EAAC,MAA7B;IAAoC,SAAS,EAAC,aAA9C;IAA4D,KAAK,EAAC;EAAlE,GACGA,QADH,CATJ,CADF;AAgBD,CA5BM"}
+{"version":3,"file":"Counter.js","names":["React","classNames","Caption","Headline","hasReactNode","Counter","mode","size","children","restProps","Children","count","CounterTypography"],"sources":["../../../src/components/Counter/Counter.tsx"],"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-${mode}`,\n        `Counter--size-${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"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;;AAWA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAKH;EAAA,qBAJlBC,IAIkB;EAAA,IAJlBA,IAIkB,0BAJX,WAIW;EAAA,qBAHlBC,IAGkB;EAAA,IAHlBA,IAGkB,0BAHX,GAGW;EAAA,IAFlBC,QAEkB,QAFlBA,QAEkB;EAAA,IADfC,SACe;;EAClB,IAAIT,KAAK,CAACU,QAAN,CAAeC,KAAf,CAAqBH,QAArB,MAAmC,CAAvC,EAA0C;IACxC,OAAO,IAAP;EACD;;EAED,IAAMI,iBAAiB,GAAGL,IAAI,KAAK,GAAT,GAAeL,OAAf,GAAyBC,QAAnD;EAEA,OACE,yCACMM,SADN;IAEE,SAAS,EAAER,UAAU,CACnB,SADmB,0BAEFK,IAFE,2BAGFC,IAHE;EAFvB,IAQGH,YAAY,CAACI,QAAD,CAAZ,IACC,oBAAC,iBAAD;IAAmB,SAAS,EAAC,MAA7B;IAAoC,SAAS,EAAC,aAA9C;IAA4D,KAAK,EAAC;EAAlE,GACGA,QADH,CATJ,CADF;AAgBD,CA5BM"}

package/dist/components/CustomSelect/CustomSelect.d.ts

@@ -13,7 +13,7 @@ export interface CustomSelectOptionInterface {
     disabled?: boolean;
     [index: string]: any;
 }
-export interface CustomSelectProps extends NativeSelectProps, HasPlatform, FormFieldProps, TrackerOptionsProps {
+export interface SelectProps extends NativeSelectProps, HasPlatform, FormFieldProps, TrackerOptionsProps {
     /**
      * Если `true`, то при клике на селект в нём появится текстовое поле для поиска по `options`. По умолчанию поиск
      * производится по `option.label`.
@@ -53,10 +53,10 @@ export interface CustomSelectProps extends NativeSelectProps, HasPlatform, FormF
     dropdownOffsetDistance?: number;
     fixDropdownWidth?: boolean;
     forceDropdownPortal?: boolean;
-    selectType?: keyof typeof SelectType;
+    selectType?: SelectType;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/CustomSelect
  */
-export declare const CustomSelect: React.FC<Pick<CustomSelectProps, "platform" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "size" | "icon" | "after" | "multiple" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "role" | "tabIndex" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "status" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "autoComplete" | "align" | "getRootRef" | "getRef" | "onOpen" | "onClose" | "before" | "options" | "popupDirection" | "multiline" | "onInputChange" | "selectType" | "searchable" | "emptyText" | "filterFn" | "renderOption" | "renderDropdown" | "fetching" | "dropdownOffsetDistance" | "fixDropdownWidth" | "forceDropdownPortal" | "autoHideScrollbar" | "autoHideScrollbarDelay"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare function CustomSelect(props: SelectProps): JSX.Element;
 export {};

package/dist/components/CustomSelect/CustomSelect.js

@@ -3,21 +3,19 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/typeof";
 var _excluded = ["option"],
-    _excluded2 = ["before", "name", "className", "getRef", "getRootRef", "popupDirection", "sizeY", "platform", "style", "onChange", "children", "onInputChange", "renderDropdown", "onOpen", "onClose", "fetching", "forceDropdownPortal", "selectType", "autoHideScrollbar", "autoHideScrollbarDelay", "searchable", "renderOption", "options", "emptyText", "filterFn", "icon", "dropdownOffsetDistance", "fixDropdownWidth"];
+    _excluded2 = ["before", "name", "className", "getRef", "getRootRef", "popupDirection", "platform", "style", "onChange", "children", "onInputChange", "renderDropdown", "onOpen", "onClose", "fetching", "forceDropdownPortal", "selectType", "autoHideScrollbar", "autoHideScrollbarDelay", "searchable", "renderOption", "options", "emptyText", "filterFn", "icon", "dropdownOffsetDistance", "fixDropdownWidth"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { SelectMimicry } from "../SelectMimicry/SelectMimicry";
 import { debounce, multiRef, getTitleFromChildren } from "../../lib/utils";
 import { classNames } from "../../lib/classNames";
-import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { CustomSelectOption } from "../CustomSelectOption/CustomSelectOption";
 import { Input } from "../Input/Input";
 import { DropdownIcon } from "../DropdownIcon/DropdownIcon";
-import { Caption } from "../Typography/Caption/Caption";
+import { Footnote } from "../Typography/Footnote/Footnote";
 import { warnOnce } from "../../lib/warnOnce";
 import { defaultFilterFn, getFormFieldModeFromSelectType } from "../../lib/select";
 import { CustomSelectDropdown } from "../CustomSelectDropdown/CustomSelectDropdown";
-import { SelectType } from "../Select/Select";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 
 var findIndexAfter = function findIndexAfter() {
@@ -92,7 +90,10 @@ var filter = function filter(options, inputValue, filterFn) {
 
 var defaultOptions = [];
 
-function CustomSelectComponent(props) {
+/**
+ * @see https://vkcom.github.io/VKUI/#/CustomSelect
+ */
+export function CustomSelect(props) {
   var _props$value, _props$value2;
 
   var _React$useState = React.useState(false),
@@ -106,7 +107,6 @@ function CustomSelectComponent(props) {
       getRef = props.getRef,
       getRootRef = props.getRootRef,
       popupDirection = props.popupDirection,
-      sizeY = props.sizeY,
       platform = props.platform,
       style = props.style,
       onChange = props.onChange,
@@ -118,7 +118,7 @@ function CustomSelectComponent(props) {
       fetching = props.fetching,
       forceDropdownPortal = props.forceDropdownPortal,
       _props$selectType = props.selectType,
-      selectType = _props$selectType === void 0 ? SelectType.default : _props$selectType,
+      selectType = _props$selectType === void 0 ? "default" : _props$selectType,
       autoHideScrollbar = props.autoHideScrollbar,
       autoHideScrollbarDelay = props.autoHideScrollbarDelay,
       _props$searchable = props.searchable,
@@ -275,6 +275,15 @@ function CustomSelectComponent(props) {
   var areOptionsShown = React.useCallback(function () {
     return scrollBoxRef.current !== null;
   }, []);
+  var setScrollBoxRef = React.useCallback(function (ref) {
+    scrollBoxRef.current = ref;
+
+    if (ref && selectedOptionIndex !== undefined && isValidIndex(selectedOptionIndex)) {
+      {
+        scrollToElement(selectedOptionIndex, true);
+      }
+    }
+  }, [isValidIndex, scrollToElement, selectedOptionIndex]);
   var onKeyboardInput = React.useCallback(function (key) {
     var fullInput = keyboardInput + key;
     var optionIndex = options.findIndex(function (option) {
@@ -310,11 +319,6 @@ function CustomSelectComponent(props) {
       onOpen();
     }
   }, [onOpen, selectedOptionIndex]);
-  React.useEffect(function () {
-    if (opened && selectedOptionIndex !== undefined && isValidIndex(selectedOptionIndex)) {
-      scrollToElement(selectedOptionIndex, true);
-    }
-  }, [isValidIndex, opened, scrollToElement, selectedOptionIndex]);
   var onBlur = React.useCallback(function () {
     var _selectElRef$current2;
 
@@ -510,7 +514,7 @@ function CustomSelectComponent(props) {
     }));
   }, [focusedOptionIndex, handleOptionClick, handleOptionHover, renderOptionProp, selectedOptionIndex]);
   var resolvedContent = React.useMemo(function () {
-    var defaultDropdownContent = (options === null || options === void 0 ? void 0 : options.length) > 0 ? options.map(renderOption) : createScopedElement(Caption, {
+    var defaultDropdownContent = (options === null || options === void 0 ? void 0 : options.length) > 0 ? options.map(renderOption) : createScopedElement(Footnote, {
       vkuiClass: "CustomSelect__empty"
     }, emptyText);
 
@@ -571,7 +575,7 @@ function CustomSelectComponent(props) {
   })), opened && createScopedElement(CustomSelectDropdown, {
     targetRef: containerRef,
     placement: popupDirection,
-    scrollBoxRef: scrollBoxRef,
+    scrollBoxRef: setScrollBoxRef,
     onPlacementChange: setPopperPlacement,
     onMouseLeave: resetFocusedOption,
     fetching: fetching,
@@ -583,12 +587,4 @@ function CustomSelectComponent(props) {
     observableRefs: scrollBoxRef
   }, resolvedContent));
 }
-/**
- * @see https://vkcom.github.io/VKUI/#/CustomSelect
- */
-
-
-export var CustomSelect = withAdaptivity(CustomSelectComponent, {
-  sizeY: true
-});
 //# sourceMappingURL=CustomSelect.js.map