@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/cssm/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/cssm/components/ContentCard/ContentCard.js

@@ -1,21 +1,20 @@
 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";
 import "./ContentCard.css";
-var warn = warnOnce("ContentCard");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/ContentCard
  */
-
 export var ContentCard = function ContentCard(_ref) {
   var subtitle = _ref.subtitle,
       header = _ref.header,
@@ -28,7 +27,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,
@@ -42,12 +40,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,
@@ -59,10 +51,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,
@@ -89,7 +81,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/cssm/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":"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"}
+{"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/cssm/components/Counter/Counter.css

@@ -1,33 +1 @@
-.vkuiCounter{align-items:center;display:flex;justify-content:center}.vkuiCounter__in{box-sizing:border-box;display:block;padding-left:5px;padding-right:5px;text-align:center;width:100%}.vkuiCounter--primary{background:#2688eb;background:var(
-    --counter_primary_background,var(--vkui--color_background_accent)
-  );color:#fff;color:var(--counter_primary_text,var(--vkui--color_text_contrast))}.vkuiCounter--secondary{background:#aeb7c2;background:var(
-    --counter_secondary_background,var(--vkui--color_icon_tertiary)
-  );color:#fff;color:var(--counter_secondary_text,var(--vkui--color_text_contrast))}.vkuiCounter--prominent{background:#ff3347;background:var(
-    --counter_prominent_background,var(--vkui--color_background_negative)
-  );color:#fff;color:var(--counter_prominent_text,var(--vkui--color_text_contrast))}.vkuiCounter--contrast{background:#fff;background:var(--vkui--color_background_contrast,#fff);color:#2688eb;color:var(--vkui--color_text_accent,#2688eb)}.vkuiCounter--s-m{border-radius:12px;height:24px;min-width:24px}.vkuiCounter--s-s{border-radius:9px;height:18px;min-width:18px}.vkuiButton--lvl-primary.vkuiButton--clr-accent .vkuiCounter,.vkuiButton--lvl-secondary.vkuiButton--clr-neutral .vkuiCounter,.vkuiButton--lvl-tertiary.vkuiButton--clr-neutral .vkuiCounter{background-color:#fff;background-color:var(
-    --button_primary_foreground,var(--vkui--color_background_contrast)
-  );color:#2d81e0;color:var(--button_primary_background,var(--vkui--color_text_contrast))}.vkuiButton--lvl-secondary.vkuiButton--clr-accent .vkuiCounter{background-color:#2688eb;background-color:var(
-    --button_secondary_foreground,var(--vkui--color_background_accent)
-  );color:#fff;color:var(--background_content,var(--vkui--color_text_contrast_themed))}.vkuiButton--lvl-tertiary.vkuiButton--clr-accent .vkuiCounter{background-color:#2d81e0;background-color:var(
-    --button_tertiary_foreground,var(--vkui--color_background_accent)
-  );color:#fff;color:var(--background_content,var(--vkui--color_text_contrast_themed))}.vkuiButton--lvl-outline.vkuiButton--clr-accent .vkuiCounter{background-color:#2688eb;background-color:var(
-    --button_outline_foreground,var(--vkui--color_background_accent)
-  );color:#fff;color:var(--background_content,var(--vkui--color_text_contrast_themed))}.vkuiButton--lvl-primary.vkuiButton--clr-positive .vkuiCounter{background-color:#fff;background-color:var(
-    --button_commerce_foreground,var(--vkui--color_background_contrast)
-  );color:#4bb34b;color:var(--button_commerce_background,var(--vkui--color_text_positive))}.vkuiButton--lvl-outline.vkuiButton--clr-positive .vkuiCounter,.vkuiButton--lvl-secondary.vkuiButton--clr-positive .vkuiCounter,.vkuiButton--lvl-tertiary.vkuiButton--clr-positive .vkuiCounter{background-color:#4bb34b;background-color:var(
-    --button_commerce_background,var(--vkui--color_background_positive)
-  );color:#fff;color:var(--button_commerce_foreground,var(--vkui--color_text_contrast))}.vkuiButton--lvl-primary.vkuiButton--clr-negative .vkuiCounter{background-color:#fff;background-color:var(--white,var(--vkui--color_background_contrast));color:#e64646;color:var(--destructive,var(--vkui--color_text_negative))}.vkuiButton--lvl-outline.vkuiButton--clr-negative .vkuiCounter,.vkuiButton--lvl-secondary.vkuiButton--clr-negative .vkuiCounter,.vkuiButton--lvl-tertiary.vkuiButton--clr-negative .vkuiCounter{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative));color:#fff;color:var(--white,var(--vkui--color_text_contrast))}.vkuiButton--lvl-primary.vkuiButton--clr-neutral .vkuiCounter{background-color:#fff;background-color:var(
-    --media_overlay_button_background,var(--vkui--color_background_contrast)
-  );color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiButton--lvl-primary.vkuiButton--clr-overlay .vkuiCounter{background-color:#2c2d2e;background-color:var(
-    --media_overlay_button_foreground,var(--vkui--color_icon_primary_invariably)
-  );color:#fff;color:var(
-    --media_overlay_button_background,var(--vkui--color_text_contrast)
-  )}.vkuiButton--lvl-outline.vkuiButton--clr-overlay .vkuiCounter,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay .vkuiCounter,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay .vkuiCounter{background-color:#fff;background-color:var(
-    --media_overlay_button_background,var(--vkui--color_background_contrast)
-  );color:#2c2d2e;color:var(
-    --media_overlay_button_foreground,var(--vkui--color_text_primary_invariably)
-  )}.vkuiWriteBarIcon .vkuiCounter{background:#4bb34b;background:var(
-    --button_commerce_background,var(--vkui--color_background_positive)
-  );color:#fff;color:var(--button_commerce_foreground,var(--vkui--color_text_contrast))}.vkuiTabsItem .vkuiCounter--secondary{background-color:#76787a;background-color:var(--panel_tab_inactive_text);color:#fff;color:var(--white)}.vkuiTabsItem--selected .vkuiCounter--secondary{background-color:#5d5f61;background-color:var(--panel_tab_active_text);color:#ebedf0;color:var(--panel_tab_active_background)}.vkuiTabsItem--ios.vkuiTabsItem--segmented .vkuiCounter--secondary{background-color:#99a2ad;background-color:var(--segmented_control_tint);color:#fff;color:var(--background_content)}.vkuiTabsItem--ios.vkuiTabsItem--segmented.vkuiTabsItem--selected .vkuiCounter--secondary{background-color:#fff;background-color:var(--background_content);color:#99a2ad;color:var(--segmented_control_tint)}.vkuiSubnavigationButton--selected:not(.vkuiSubnavigationButton--mode-tertiary) .vkuiCounter{background-color:#fff;background-color:var(
-    --button_primary_foreground,var(--vkui--color_background_contrast)
-  );color:#2d81e0;color:var(--button_primary_background,var(--vkui--color_text_accent))}
+.vkuiCounter{align-items:center;display:flex;justify-content:center}.vkuiCounter__in{box-sizing:border-box;display:block;padding-left:5px;padding-right:5px;text-align:center;width:100%}.vkuiCounter--mode-primary{background:var(--vkui--color_background_accent);color:var(--vkui--color_text_contrast)}.vkuiCounter--mode-secondary{background:var(--vkui--color_icon_tertiary);color:var(--vkui--color_text_contrast)}.vkuiCounter--mode-prominent{background:var(--vkui--color_background_negative);color:var(--vkui--color_text_contrast)}.vkuiCounter--mode-contrast{background:var(--vkui--color_background_contrast);color:var(--vkui--color_text_accent)}.vkuiCounter--size-m{border-radius:12px;height:24px;min-width:24px}.vkuiCounter--size-s{border-radius:9px;height:18px;min-width:18px}.vkuiButton--mode-primary.vkuiButton--appearance-accent .vkuiCounter{background-color:var(--vkui--color_background_content);color:var(--vkui--color_text_accent_themed)}.vkuiButton--mode-secondary.vkuiButton--appearance-neutral .vkuiCounter,.vkuiButton--mode-tertiary.vkuiButton--appearance-neutral .vkuiCounter{background-color:var(--vkui--color_background_contrast);color:var(--vkui--color_text_contrast)}.vkuiButton--mode-outline.vkuiButton--appearance-accent .vkuiCounter,.vkuiButton--mode-secondary.vkuiButton--appearance-accent .vkuiCounter,.vkuiButton--mode-tertiary.vkuiButton--appearance-accent .vkuiCounter{background-color:var(--vkui--color_background_accent_themed);color:var(--vkui--color_text_contrast_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-positive .vkuiCounter{background-color:var(--vkui--color_background_contrast);color:var(--vkui--color_text_positive)}.vkuiButton--mode-outline.vkuiButton--appearance-positive .vkuiCounter,.vkuiButton--mode-secondary.vkuiButton--appearance-positive .vkuiCounter,.vkuiButton--mode-tertiary.vkuiButton--appearance-positive .vkuiCounter{background-color:var(--vkui--color_background_positive);color:var(--vkui--color_text_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-negative .vkuiCounter{background-color:var(--vkui--color_background_contrast);color:var(--vkui--color_text_negative)}.vkuiButton--mode-outline.vkuiButton--appearance-negative .vkuiCounter,.vkuiButton--mode-secondary.vkuiButton--appearance-negative .vkuiCounter,.vkuiButton--mode-tertiary.vkuiButton--appearance-negative .vkuiCounter{background-color:var(--vkui--color_background_negative);color:var(--vkui--color_text_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral .vkuiCounter{background-color:var(--vkui--color_background_contrast);color:var(--vkui--color_text_primary)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay .vkuiCounter{background-color:var(--vkui--color_icon_primary_invariably);color:var(--vkui--color_text_contrast)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay .vkuiCounter,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay .vkuiCounter,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay .vkuiCounter{background-color:var(--vkui--color_background_contrast);color:var(--vkui--color_text_primary_invariably)}.vkuiWriteBarIcon .vkuiCounter{background:var(--vkui--color_background_positive);color:var(--vkui--color_text_contrast)}.vkuiSubnavigationButton--selected:not(.vkuiSubnavigationButton--mode-tertiary) .vkuiCounter{background-color:var(--vkui--color_background_contrast);color:var(--vkui--color_text_accent)}

package/dist/cssm/components/Counter/Counter.js

@@ -26,7 +26,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/cssm/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;AACA;;AAUA;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;AACA;;AAUA;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/cssm/components/CustomScrollView/CustomScrollView.css

@@ -1 +1 @@
-.vkuiCustomScrollView{height:100%;overflow:hidden;position:relative;width:100%}.vkuiCustomScrollView__box{height:100%;max-height:inherit;overflow-x:hidden;overflow-y:scroll;padding-right:100px;position:relative;scrollbar-width:none;width:100%;z-index:0}.vkuiCustomScrollView__box::-webkit-scrollbar{display:none}.vkuiCustomScrollView__barY:active+.vkuiCustomScrollView__box{pointer-events:none}.vkuiCustomScrollView__barY{height:100%;position:absolute;right:0;top:0;width:10px;z-index:1}.vkuiCustomScrollView__trackerY{box-sizing:border-box;left:0;padding:4px 4px 4px 0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:10px}.vkuiCustomScrollView__trackerY--hidden{opacity:0;transition:opacity .2s}.vkuiCustomScrollView__trackerY:before{background-color:#818c99;background-color:var(--icon_medium,var(--vkui--color_icon_medium));border-radius:12px;content:"";display:block;height:100%;opacity:.48;transition:opacity .2s,-webkit-transform .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s;width:100%}.vkuiCustomScrollView__trackerY:active:before,.vkuiCustomScrollView__trackerY:hover:before{opacity:.8;-webkit-transform:scaleX(1.3333);transform:scaleX(1.3333)}.vkuiCustomSelectDropdown .vkuiCustomScrollView__box{padding-right:8px}.vkuiCustomSelectDropdown--wide .vkuiCustomScrollView__box{padding-right:0}
+.vkuiCustomScrollView{height:100%;overflow:hidden;position:relative;width:100%}.vkuiCustomScrollView__box{height:100%;max-height:inherit;overflow-x:hidden;overflow-y:scroll;padding-right:100px;position:relative;scrollbar-width:none;width:100%;z-index:0}.vkuiCustomScrollView__box::-webkit-scrollbar{display:none}.vkuiCustomScrollView__barY:active+.vkuiCustomScrollView__box{pointer-events:none}.vkuiCustomScrollView__barY{height:100%;position:absolute;right:0;top:0;width:10px;z-index:1}.vkuiCustomScrollView__trackerY{box-sizing:border-box;left:0;padding:4px 4px 4px 0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:10px}.vkuiCustomScrollView__trackerY--hidden{opacity:0;transition:opacity .2s}.vkuiCustomScrollView__trackerY:before{background-color:var(--vkui--color_icon_medium);border-radius:12px;content:"";display:block;height:100%;opacity:.48;transition:transform .2s,opacity .2s;width:100%}.vkuiCustomScrollView__trackerY:active:before,.vkuiCustomScrollView__trackerY:hover:before{opacity:.8;transform:scaleX(1.3333)}.vkuiCustomSelectDropdown .vkuiCustomScrollView__box{padding-right:8px}.vkuiCustomSelectDropdown--wide .vkuiCustomScrollView__box{padding-right:0}

package/dist/cssm/components/CustomSelect/CustomSelect.css

@@ -1 +1 @@
-.vkuiCustomSelect{cursor:pointer;display:block;position:relative;width:100%}.vkuiCustomSelect__control{display:none}.vkuiCustomSelect__empty{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding:12px 0;text-align:center}.vkuiCustomSelect__fetching{align-items:center;display:flex;justify-content:center}
+.vkuiCustomSelect{cursor:pointer;display:block;position:relative;width:100%}.vkuiCustomSelect__control{display:none}.vkuiCustomSelect__empty{color:var(--vkui--color_text_secondary);padding:12px 0;text-align:center}.vkuiCustomSelect__fetching{align-items:center;display:flex;justify-content:center}

package/dist/cssm/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/cssm/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";
 import "./CustomSelect.css";
 
@@ -93,7 +91,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),
@@ -107,7 +108,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,
@@ -119,7 +119,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,
@@ -276,6 +276,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) {
@@ -311,11 +320,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;
 
@@ -511,7 +515,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);
 
@@ -572,7 +576,7 @@ function CustomSelectComponent(props) {
   })), opened && createScopedElement(CustomSelectDropdown, {
     targetRef: containerRef,
     placement: popupDirection,
-    scrollBoxRef: scrollBoxRef,
+    scrollBoxRef: setScrollBoxRef,
     onPlacementChange: setPopperPlacement,
     onMouseLeave: resetFocusedOption,
     fetching: fetching,
@@ -584,12 +588,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

package/dist/cssm/components/CustomSelect/CustomSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSelect.js","names":["React","SelectMimicry","debounce","multiRef","getTitleFromChildren","classNames","withAdaptivity","CustomSelectOption","Input","DropdownIcon","Caption","warnOnce","defaultFilterFn","getFormFieldModeFromSelectType","CustomSelectDropdown","SelectType","useIsomorphicLayoutEffect","findIndexAfter","options","startIndex","length","findIndex","option","i","disabled","findIndexBefore","endIndex","result","warn","checkOptionsValueType","Set","map","item","value","size","defaultRenderOptionFn","props","handleOptionDown","e","preventDefault","findSelectedIndex","Number","filter","inputValue","filterFn","defaultOptions","CustomSelectComponent","useState","opened","setOpened","before","name","className","getRef","getRootRef","popupDirection","sizeY","platform","style","onChange","children","onInputChangeProp","onInputChange","renderDropdown","onOpen","onClose","fetching","forceDropdownPortal","selectType","default","autoHideScrollbar","autoHideScrollbarDelay","searchable","renderOption","renderOptionProp","optionsProp","emptyText","icon","dropdownOffsetDistance","fixDropdownWidth","restProps","process","env","NODE_ENV","containerRef","useRef","scrollBoxRef","selectElRef","focusedOptionIndex","setFocusedOptionIndex","undefined","isControlledOutside","setIsControlledOutside","setInputValue","defaultValue","nativeSelectValue","setNativeSelectValue","keyboardInput","setKeyboardInput","popperPlacement","setPopperPlacement","setOptions","selectedOptionIndex","setSelectedOptionIndex","useEffect","event","Event","bubbles","current","dispatchEvent","selected","useMemo","openedClassNames","includes","resetKeyboardInput","useCallback","scrollToElement","index","center","dropdown","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","isValidIndex","focusOptionByIndex","scrollTo","areOptionsShown","onKeyboardInput","key","fullInput","optionIndex","label","toLowerCase","close","selectFocused","open","onBlur","resetFocusedOption","onFocus","onClick","handleKeyUp","focusOption","type","nextIndex","beforeIndex","onLabelClick","contains","target","onNativeSelectChange","newSelectedOptionIndex","currentTarget","onInputKeyDown","handleKeyDownSelect","handleOptionClick","Array","prototype","indexOf","call","parentNode","handleOptionHover","hovered","onMouseDown","onMouseOver","resolvedContent","defaultDropdownContent","placeholder","CustomSelect"],"sources":["../../../../src/components/CustomSelect/CustomSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { SelectMimicry } from \"../SelectMimicry/SelectMimicry\";\nimport { debounce, multiRef, getTitleFromChildren } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { NativeSelectProps } from \"../NativeSelect/NativeSelect\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {\n  CustomSelectOption,\n  CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { FormFieldProps } from \"../FormField/FormField\";\nimport { HasPlatform } from \"../../types\";\nimport { Input } from \"../Input/Input\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  defaultFilterFn,\n  getFormFieldModeFromSelectType,\n} from \"../../lib/select\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport { TrackerOptionsProps } from \"../CustomScrollView/useTrackerVisibility\";\nimport { SelectType } from \"../Select/Select\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport \"./CustomSelect.css\";\n\nconst findIndexAfter = (\n  options: CustomSelectOptionInterface[] = [],\n  startIndex = -1\n) => {\n  if (startIndex >= options.length - 1) {\n    return -1;\n  }\n  return options.findIndex((option, i) => i > startIndex && !option.disabled);\n};\n\nconst findIndexBefore = (\n  options: CustomSelectOptionInterface[] = [],\n  endIndex: number = options.length\n) => {\n  let result = -1;\n  if (endIndex <= 0) {\n    return result;\n  }\n  for (let i = endIndex - 1; i >= 0; i--) {\n    let option = options[i];\n\n    if (!option.disabled) {\n      result = i;\n      break;\n    }\n  }\n  return result;\n};\n\nconst warn = warnOnce(\"CustomSelect\");\n\nconst checkOptionsValueType = (options: CustomSelectOptionInterface[]) => {\n  if (new Set(options.map((item) => typeof item.value)).size > 1) {\n    warn(\n      \"Некоторые значения ваших опций имеют разные типы. onChange всегда возвращает строковый тип.\",\n      \"error\"\n    );\n  }\n};\n\nfunction defaultRenderOptionFn({\n  option,\n  ...props\n}: CustomSelectOptionProps): React.ReactNode {\n  return <CustomSelectOption {...props} />;\n}\n\nconst handleOptionDown: MouseEventHandler = (\n  e: React.MouseEvent<HTMLElement>\n) => {\n  e.preventDefault();\n};\n\nfunction findSelectedIndex(\n  options: CustomSelectOptionInterface[],\n  value: SelectValue\n) {\n  return (\n    options.findIndex((item) => {\n      value = typeof item.value === \"number\" ? Number(value) : value;\n      return item.value === value;\n    }) ?? -1\n  );\n}\n\nconst filter = (\n  options: CustomSelectProps[\"options\"],\n  inputValue: string,\n  filterFn: CustomSelectProps[\"filterFn\"]\n) => {\n  return typeof filterFn === \"function\"\n    ? options.filter((option) => filterFn(inputValue, option))\n    : options;\n};\n\nconst defaultOptions: CustomSelectOptionInterface[] = [];\n\ntype SelectValue = React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n\nexport interface CustomSelectOptionInterface {\n  value: SelectValue;\n  label: React.ReactElement | string;\n  disabled?: boolean;\n  [index: string]: any;\n}\n\nexport interface CustomSelectProps\n  extends NativeSelectProps,\n    HasPlatform,\n    FormFieldProps,\n    TrackerOptionsProps {\n  /**\n   * Если `true`, то при клике на селект в нём появится текстовое поле для поиска по `options`. По умолчанию поиск\n   * производится по `option.label`.\n   */\n  searchable?: boolean;\n  /**\n   * Текст, который будет отображен, если приходит пустой `options`.\n   */\n  emptyText?: string;\n  onInputChange?: (\n    e: React.ChangeEvent,\n    options: CustomSelectOptionInterface[]\n  ) => void | CustomSelectOptionInterface[];\n  options: CustomSelectOptionInterface[];\n  /**\n   * Функция для кастомной фильтрации. По умолчанию поиск производится по `option.label`.\n   */\n  filterFn?:\n    | false\n    | ((\n        value: string,\n        option: CustomSelectOptionInterface,\n        getOptionLabel?: (\n          option: Partial<CustomSelectOptionInterface>\n        ) => string\n      ) => boolean);\n  popupDirection?: \"top\" | \"bottom\";\n  /**\n   * Рендер-проп для кастомного рендера опции.\n   * В объекте аргумента приходят [свойства опции](https://vkcom.github.io/VKUI/#/CustomSelectOption?id=props)\n   */\n  renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n  /**\n   * Рендер-проп для кастомного рендера содержимого дропдауна.\n   * В `defaultDropdownContent` содержится список опций в виде скроллящегося блока.\n   */\n  renderDropdown?: ({\n    defaultDropdownContent,\n  }: {\n    defaultDropdownContent: React.ReactNode;\n  }) => React.ReactNode;\n  /**\n   * Если `true`, то в дропдауне вместо списка опций рисуется спиннер. При переданных `renderDropdown` и `fetching: true`\n   * \"победит\" `renderDropdown`.\n   */\n  fetching?: boolean;\n  onClose?: VoidFunction;\n  onOpen?: VoidFunction;\n  icon?: React.ReactNode;\n  dropdownOffsetDistance?: number;\n  fixDropdownWidth?: boolean;\n  forceDropdownPortal?: boolean;\n  selectType?: keyof typeof SelectType;\n}\n\ntype MouseEventHandler = (event: React.MouseEvent<HTMLElement>) => void;\n\nfunction CustomSelectComponent(props: CustomSelectProps) {\n  const [opened, setOpened] = React.useState(false);\n  const {\n    before,\n    name,\n    className,\n    getRef,\n    getRootRef,\n    popupDirection,\n    sizeY,\n    platform,\n    style,\n    onChange,\n    children,\n    onInputChange: onInputChangeProp,\n    renderDropdown,\n    onOpen,\n    onClose,\n    fetching,\n    forceDropdownPortal,\n    selectType = SelectType.default,\n    autoHideScrollbar,\n    autoHideScrollbarDelay,\n    searchable = false,\n    renderOption: renderOptionProp = defaultRenderOptionFn,\n    options: optionsProp = defaultOptions,\n    emptyText = \"Ничего не найдено\",\n    filterFn = defaultFilterFn,\n    icon = <DropdownIcon opened={opened} />,\n    dropdownOffsetDistance = 0,\n    fixDropdownWidth = true,\n    ...restProps\n  } = props;\n\n  if (process.env.NODE_ENV === \"development\") {\n    checkOptionsValueType(optionsProp);\n  }\n\n  const containerRef = React.useRef<HTMLLabelElement>(null);\n  const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n  const selectElRef = React.useRef<HTMLSelectElement>(null);\n\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n    number | undefined\n  >(-1);\n  const [isControlledOutside, setIsControlledOutside] = React.useState(\n    props.value !== undefined\n  );\n  const [inputValue, setInputValue] = React.useState(\"\");\n  const [nativeSelectValue, setNativeSelectValue] = React.useState(\n    props.value ?? props.defaultValue\n  );\n  const [keyboardInput, setKeyboardInput] = React.useState(\"\");\n  const [popperPlacement, setPopperPlacement] = React.useState<\n    Placement | undefined\n  >(undefined);\n  const [options, setOptions] = React.useState(optionsProp);\n  const [selectedOptionIndex, setSelectedOptionIndex] = React.useState<\n    number | undefined\n  >(findSelectedIndex(optionsProp, props.value ?? props.defaultValue));\n\n  React.useEffect(() => {\n    setIsControlledOutside(props.value !== undefined);\n    setNativeSelectValue(\n      (nativeSelectValue) => props.value ?? nativeSelectValue\n    );\n  }, [props.value]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (nativeSelectValue !== undefined) {\n      const event = new Event(\"change\", { bubbles: true });\n\n      selectElRef.current?.dispatchEvent(event);\n    }\n  }, [nativeSelectValue]);\n\n  const selected = React.useMemo(() => {\n    if (!options.length) {\n      return null;\n    }\n\n    return selectedOptionIndex !== undefined\n      ? options[selectedOptionIndex]\n      : undefined;\n  }, [options, selectedOptionIndex]);\n\n  const openedClassNames = React.useMemo(\n    () =>\n      classNames(\n        opened && \"Select--open\",\n        opened &&\n          dropdownOffsetDistance === 0 &&\n          (popperPlacement?.includes(\"top\")\n            ? \"Select--pop-up\"\n            : \"Select--pop-down\")\n      ),\n    [dropdownOffsetDistance, opened, popperPlacement]\n  );\n\n  const resetKeyboardInput = React.useCallback(() => {\n    setKeyboardInput(\"\");\n  }, []);\n\n  const scrollToElement = React.useCallback((index: number, center = false) => {\n    const dropdown = scrollBoxRef.current;\n    const item = dropdown ? (dropdown.children[index] as HTMLElement) : null;\n\n    if (!item || !dropdown) {\n      return;\n    }\n\n    const dropdownHeight = dropdown.offsetHeight;\n    const scrollTop = dropdown.scrollTop;\n    const itemTop = item.offsetTop;\n    const itemHeight = item.offsetHeight;\n\n    if (center) {\n      dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n    } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n      dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n    } else if (itemTop < scrollTop) {\n      dropdown.scrollTop = itemTop;\n    }\n  }, []);\n\n  const isValidIndex = React.useCallback(\n    (index: number) => {\n      return index >= 0 && index < (options.length ?? 0);\n    },\n    [options.length]\n  );\n\n  const focusOptionByIndex = React.useCallback(\n    (index: number | undefined, scrollTo = true) => {\n      if (\n        index === undefined ||\n        index < 0 ||\n        index > (options.length ?? 0) - 1\n      ) {\n        return;\n      }\n\n      const option = options[index];\n\n      if (option?.disabled) {\n        return;\n      }\n\n      if (scrollTo) {\n        scrollToElement(index);\n      }\n\n      // Это оптимизация, прежде всего, под `onMouseOver`\n      setFocusedOptionIndex((focusedOptionIndex) =>\n        focusedOptionIndex !== index ? index : focusedOptionIndex\n      );\n    },\n    [options, scrollToElement]\n  );\n\n  const areOptionsShown = React.useCallback(() => {\n    return scrollBoxRef.current !== null;\n  }, []);\n\n  const onKeyboardInput = React.useCallback(\n    (key: string) => {\n      const fullInput = keyboardInput + key;\n\n      const optionIndex = options.findIndex((option) => {\n        return getTitleFromChildren(option.label)\n          .toLowerCase()\n          .includes(fullInput);\n      });\n\n      if (optionIndex !== undefined && optionIndex > -1) {\n        focusOptionByIndex(optionIndex);\n      }\n\n      setKeyboardInput(fullInput);\n    },\n    [focusOptionByIndex, keyboardInput, options]\n  );\n\n  const close = React.useCallback(() => {\n    resetKeyboardInput();\n\n    setInputValue(\"\");\n    setOpened(false);\n    setFocusedOptionIndex(-1);\n    setOptions(optionsProp);\n    onClose?.();\n  }, [onClose, optionsProp, resetKeyboardInput]);\n\n  const selectFocused = React.useCallback(() => {\n    if (focusedOptionIndex !== undefined && isValidIndex(focusedOptionIndex)) {\n      const item = options[focusedOptionIndex];\n\n      setNativeSelectValue(item?.value);\n      close();\n    }\n  }, [close, focusedOptionIndex, isValidIndex, options]);\n\n  const open = React.useCallback(() => {\n    setOpened(true);\n    setFocusedOptionIndex(selectedOptionIndex);\n\n    if (typeof onOpen === \"function\") {\n      onOpen();\n    }\n  }, [onOpen, selectedOptionIndex]);\n\n  React.useEffect(() => {\n    if (\n      opened &&\n      selectedOptionIndex !== undefined &&\n      isValidIndex(selectedOptionIndex)\n    ) {\n      scrollToElement(selectedOptionIndex, true);\n    }\n  }, [isValidIndex, opened, scrollToElement, selectedOptionIndex]);\n\n  const onBlur = React.useCallback(() => {\n    close();\n    const event = new Event(\"blur\");\n    selectElRef.current?.dispatchEvent(event);\n  }, [close]);\n\n  const resetFocusedOption = React.useCallback(() => {\n    setFocusedOptionIndex(-1);\n  }, []);\n\n  const onFocus = React.useCallback(() => {\n    const event = new Event(\"focus\");\n    selectElRef.current?.dispatchEvent(event);\n  }, []);\n\n  const onClick = React.useCallback(() => {\n    if (opened) {\n      close();\n    } else {\n      open();\n    }\n  }, [close, open, opened]);\n\n  const handleKeyUp = React.useMemo(\n    () => debounce(resetKeyboardInput, 1000),\n    [resetKeyboardInput]\n  );\n\n  const focusOption = React.useCallback(\n    (type: \"next\" | \"prev\") => {\n      let index = focusedOptionIndex;\n\n      if (type === \"next\") {\n        const nextIndex = findIndexAfter(options, index);\n        index = nextIndex === -1 ? findIndexAfter(options) : nextIndex; // Следующий за index или первый валидный до index\n      } else if (type === \"prev\") {\n        const beforeIndex = findIndexBefore(options, index);\n        index = beforeIndex === -1 ? findIndexBefore(options) : beforeIndex; // Предшествующий index или последний валидный после index\n      }\n\n      focusOptionByIndex(index);\n    },\n    [focusOptionByIndex, focusedOptionIndex, options]\n  );\n\n  React.useEffect(() => {\n    const value = props.value ?? nativeSelectValue ?? props.defaultValue;\n\n    const options =\n      searchable && inputValue !== undefined\n        ? filter(optionsProp, inputValue, filterFn)\n        : optionsProp;\n\n    setOptions(options);\n    setSelectedOptionIndex(findSelectedIndex(options, value));\n  }, [\n    filterFn,\n    inputValue,\n    nativeSelectValue,\n    optionsProp,\n    props.defaultValue,\n    props.value,\n    searchable,\n  ]);\n\n  /**\n   * Нужен для правильного поведения обработчика onClick на select. Фильтрует клики, которые были сделаны по\n   * выпадающему списку.\n   */\n  const onLabelClick = React.useCallback(\n    (e: React.MouseEvent<HTMLLabelElement>) => {\n      if (scrollBoxRef.current?.contains(e.target as Node)) {\n        e.preventDefault();\n      }\n    },\n    []\n  );\n\n  const onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement> =\n    React.useCallback(\n      (e) => {\n        const newSelectedOptionIndex = findSelectedIndex(\n          options,\n          e.currentTarget.value\n        );\n\n        if (selectedOptionIndex !== newSelectedOptionIndex) {\n          if (!isControlledOutside) {\n            setSelectedOptionIndex(newSelectedOptionIndex);\n          }\n          onChange?.(e);\n        }\n      },\n      [isControlledOutside, onChange, options, selectedOptionIndex]\n    );\n\n  const onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> =\n    React.useCallback(\n      (event) => {\n        [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n          areOptionsShown() &&\n          event.preventDefault();\n\n        switch (event.key) {\n          case \"ArrowUp\":\n            areOptionsShown() && focusOption(\"prev\");\n            break;\n          case \"ArrowDown\":\n            areOptionsShown() && focusOption(\"next\");\n            break;\n          case \"Escape\":\n            close();\n            break;\n          case \"Enter\":\n            areOptionsShown() && selectFocused();\n            break;\n        }\n      },\n      [areOptionsShown, close, focusOption, selectFocused]\n    );\n\n  const onInputChange: React.ChangeEventHandler<HTMLInputElement> =\n    React.useCallback(\n      (e) => {\n        if (onInputChangeProp) {\n          const options = onInputChangeProp(e, optionsProp);\n          if (options) {\n            if (process.env.NODE_ENV === \"development\") {\n              warn(\n                \"Этот метод фильтрации устарел. Возвращаемое значение onInputChange будет \" +\n                  \"проигнорировано в v5.0.0. Для фильтрации обновляйте props.options самостоятельно или используйте свойство filterFn.\"\n              );\n            }\n            setOptions(options);\n            setSelectedOptionIndex(\n              findSelectedIndex(options, nativeSelectValue)\n            );\n          }\n        } else {\n          const options = filter(optionsProp, e.target.value, filterFn);\n          setOptions(options);\n          setSelectedOptionIndex(findSelectedIndex(options, nativeSelectValue));\n        }\n        setInputValue(e.target.value);\n      },\n      [filterFn, nativeSelectValue, onInputChangeProp, optionsProp]\n    );\n\n  const handleKeyDownSelect = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key.length === 1 && event.key !== \" \") {\n        onKeyboardInput(event.key);\n        return;\n      }\n\n      [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n        areOptionsShown() &&\n        event.preventDefault();\n\n      switch (event.key) {\n        case \"ArrowUp\":\n          if (opened) {\n            areOptionsShown() && focusOption(\"prev\");\n          } else {\n            open();\n          }\n          break;\n        case \"ArrowDown\":\n          if (opened) {\n            areOptionsShown() && focusOption(\"next\");\n          } else {\n            open();\n          }\n          break;\n        case \"Escape\":\n          close();\n          break;\n        case \"Enter\":\n        case \"Spacebar\":\n        case \" \":\n          if (opened) {\n            areOptionsShown() && selectFocused();\n          } else {\n            open();\n          }\n          break;\n      }\n    },\n    [\n      areOptionsShown,\n      close,\n      focusOption,\n      onKeyboardInput,\n      open,\n      opened,\n      selectFocused,\n    ]\n  );\n\n  const handleOptionClick = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      const index = Array.prototype.indexOf.call(\n        e.currentTarget.parentNode?.children,\n        e.currentTarget\n      );\n      const option = options[index];\n\n      if (option && !option.disabled) {\n        selectFocused();\n      }\n    },\n    [options, selectFocused]\n  );\n\n  const handleOptionHover = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      focusOptionByIndex(\n        Array.prototype.indexOf.call(\n          e.currentTarget.parentNode?.children,\n          e.currentTarget\n        ),\n        false\n      );\n    },\n    [focusOptionByIndex]\n  );\n\n  const renderOption = React.useCallback(\n    (option: CustomSelectOptionInterface, index: number) => {\n      const hovered = index === focusedOptionIndex;\n      const selected = index === selectedOptionIndex;\n\n      return (\n        <React.Fragment key={`${option.value}`}>\n          {renderOptionProp({\n            option,\n            hovered,\n            children: option.label,\n            selected,\n            disabled: option.disabled,\n            onClick: handleOptionClick,\n            onMouseDown: handleOptionDown,\n            // Используем `onMouseOver` вместо `onMouseEnter`.\n            // При параметре `searchable`, обновляется \"ребёнок\", из-за чего `onMouseEnter` не срабатывает в следующих кейсах:\n            //  1. До загрузки выпадающего списка, курсор мышки находится над произвольным элементом этого списка.\n            //     > Лечение: только увод курсора мыши и возвращении его обратно вызывает событие `onMouseEnter` на этот элемент.\n            //  2. Если это тач-устройство.\n            //     > Лечение: нужно нажать на какой-нибудь произвольный элемент списка, после чего `onMouseEnter` будет работать на соседние элементы,\n            //     но не на тот, на который нажали в первый раз.\n            // Более подробно по ссылке https://github.com/facebook/react/issues/13956#issuecomment-1082055744\n            onMouseOver: handleOptionHover,\n          })}\n        </React.Fragment>\n      );\n    },\n    [\n      focusedOptionIndex,\n      handleOptionClick,\n      handleOptionHover,\n      renderOptionProp,\n      selectedOptionIndex,\n    ]\n  );\n\n  const resolvedContent = React.useMemo(() => {\n    const defaultDropdownContent =\n      options?.length > 0 ? (\n        options.map(renderOption)\n      ) : (\n        <Caption vkuiClass=\"CustomSelect__empty\">{emptyText}</Caption>\n      );\n\n    if (typeof renderDropdown === \"function\") {\n      return renderDropdown({ defaultDropdownContent });\n    } else {\n      return defaultDropdownContent;\n    }\n  }, [emptyText, options, renderDropdown, renderOption]);\n\n  return (\n    <label\n      vkuiClass=\"CustomSelect\"\n      className={className}\n      style={style}\n      ref={multiRef(containerRef, getRootRef)}\n      onClick={onLabelClick}\n    >\n      {opened && searchable ? (\n        <Input\n          {...restProps}\n          autoFocus\n          onBlur={onBlur}\n          vkuiClass={openedClassNames}\n          value={inputValue}\n          onKeyDown={onInputKeyDown}\n          onChange={onInputChange}\n          // TODO Ожидается, что клик поймает нативный select, но его перехватывает Input. К сожалению, это приводит к конфликтам типизации.\n          // TODO Нужно перестать пытаться превратить CustomSelect в select. Тогда эта проблема уйдёт.\n          // @ts-ignore\n          onClick={props.onClick}\n          before={before}\n          after={icon}\n          placeholder={restProps.placeholder}\n          mode={getFormFieldModeFromSelectType(selectType)}\n        />\n      ) : (\n        <SelectMimicry\n          {...restProps}\n          aria-hidden={true}\n          onClick={onClick}\n          onKeyDown={handleKeyDownSelect}\n          onKeyUp={handleKeyUp}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          vkuiClass={openedClassNames}\n          after={icon}\n          selectType={selectType}\n        >\n          {selected?.label}\n        </SelectMimicry>\n      )}\n      <select\n        ref={selectElRef}\n        name={name}\n        onChange={onNativeSelectChange}\n        onBlur={props.onBlur}\n        onFocus={props.onFocus}\n        onClick={props.onClick}\n        value={nativeSelectValue}\n        aria-hidden={true}\n        vkuiClass=\"CustomSelect__control\"\n      >\n        {optionsProp.map((item) => (\n          <option key={`${item.value}`} value={item.value} />\n        ))}\n      </select>\n      {opened && (\n        <CustomSelectDropdown\n          targetRef={containerRef}\n          placement={popupDirection}\n          scrollBoxRef={scrollBoxRef}\n          onPlacementChange={setPopperPlacement}\n          onMouseLeave={resetFocusedOption}\n          fetching={fetching}\n          offsetDistance={dropdownOffsetDistance}\n          sameWidth={fixDropdownWidth}\n          forcePortal={forceDropdownPortal}\n          autoHideScrollbar={autoHideScrollbar}\n          autoHideScrollbarDelay={autoHideScrollbarDelay}\n          observableRefs={scrollBoxRef}\n        >\n          {resolvedContent}\n        </CustomSelectDropdown>\n      )}\n    </label>\n  );\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CustomSelect\n */\nexport const CustomSelect = withAdaptivity(CustomSelectComponent, {\n  sizeY: true,\n});\n"],"mappings":"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"}
+{"version":3,"file":"CustomSelect.js","names":["React","SelectMimicry","debounce","multiRef","getTitleFromChildren","classNames","CustomSelectOption","Input","DropdownIcon","Footnote","warnOnce","defaultFilterFn","getFormFieldModeFromSelectType","CustomSelectDropdown","useIsomorphicLayoutEffect","findIndexAfter","options","startIndex","length","findIndex","option","i","disabled","findIndexBefore","endIndex","result","warn","checkOptionsValueType","Set","map","item","value","size","defaultRenderOptionFn","props","handleOptionDown","e","preventDefault","findSelectedIndex","Number","filter","inputValue","filterFn","defaultOptions","CustomSelect","useState","opened","setOpened","before","name","className","getRef","getRootRef","popupDirection","platform","style","onChange","children","onInputChangeProp","onInputChange","renderDropdown","onOpen","onClose","fetching","forceDropdownPortal","selectType","autoHideScrollbar","autoHideScrollbarDelay","searchable","renderOption","renderOptionProp","optionsProp","emptyText","icon","dropdownOffsetDistance","fixDropdownWidth","restProps","process","env","NODE_ENV","containerRef","useRef","scrollBoxRef","selectElRef","focusedOptionIndex","setFocusedOptionIndex","undefined","isControlledOutside","setIsControlledOutside","setInputValue","defaultValue","nativeSelectValue","setNativeSelectValue","keyboardInput","setKeyboardInput","popperPlacement","setPopperPlacement","setOptions","selectedOptionIndex","setSelectedOptionIndex","useEffect","event","Event","bubbles","current","dispatchEvent","selected","useMemo","openedClassNames","includes","resetKeyboardInput","useCallback","scrollToElement","index","center","dropdown","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","isValidIndex","focusOptionByIndex","scrollTo","areOptionsShown","setScrollBoxRef","ref","onKeyboardInput","key","fullInput","optionIndex","label","toLowerCase","close","selectFocused","open","onBlur","resetFocusedOption","onFocus","onClick","handleKeyUp","focusOption","type","nextIndex","beforeIndex","onLabelClick","contains","target","onNativeSelectChange","newSelectedOptionIndex","currentTarget","onInputKeyDown","handleKeyDownSelect","handleOptionClick","Array","prototype","indexOf","call","parentNode","handleOptionHover","hovered","onMouseDown","onMouseOver","resolvedContent","defaultDropdownContent","placeholder"],"sources":["../../../../src/components/CustomSelect/CustomSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { SelectMimicry } from \"../SelectMimicry/SelectMimicry\";\nimport { debounce, multiRef, getTitleFromChildren } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { NativeSelectProps } from \"../NativeSelect/NativeSelect\";\nimport {\n  CustomSelectOption,\n  CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { FormFieldProps } from \"../FormField/FormField\";\nimport { HasPlatform } from \"../../types\";\nimport { Input } from \"../Input/Input\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  defaultFilterFn,\n  getFormFieldModeFromSelectType,\n} from \"../../lib/select\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport { TrackerOptionsProps } from \"../CustomScrollView/useTrackerVisibility\";\nimport { SelectType } from \"../Select/Select\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport \"./CustomSelect.css\";\n\nconst findIndexAfter = (\n  options: CustomSelectOptionInterface[] = [],\n  startIndex = -1\n) => {\n  if (startIndex >= options.length - 1) {\n    return -1;\n  }\n  return options.findIndex((option, i) => i > startIndex && !option.disabled);\n};\n\nconst findIndexBefore = (\n  options: CustomSelectOptionInterface[] = [],\n  endIndex: number = options.length\n) => {\n  let result = -1;\n  if (endIndex <= 0) {\n    return result;\n  }\n  for (let i = endIndex - 1; i >= 0; i--) {\n    let option = options[i];\n\n    if (!option.disabled) {\n      result = i;\n      break;\n    }\n  }\n  return result;\n};\n\nconst warn = warnOnce(\"CustomSelect\");\n\nconst checkOptionsValueType = (options: CustomSelectOptionInterface[]) => {\n  if (new Set(options.map((item) => typeof item.value)).size > 1) {\n    warn(\n      \"Некоторые значения ваших опций имеют разные типы. onChange всегда возвращает строковый тип.\",\n      \"error\"\n    );\n  }\n};\n\nfunction defaultRenderOptionFn({\n  option,\n  ...props\n}: CustomSelectOptionProps): React.ReactNode {\n  return <CustomSelectOption {...props} />;\n}\n\nconst handleOptionDown: MouseEventHandler = (\n  e: React.MouseEvent<HTMLElement>\n) => {\n  e.preventDefault();\n};\n\nfunction findSelectedIndex(\n  options: CustomSelectOptionInterface[],\n  value: SelectValue\n) {\n  return (\n    options.findIndex((item) => {\n      value = typeof item.value === \"number\" ? Number(value) : value;\n      return item.value === value;\n    }) ?? -1\n  );\n}\n\nconst filter = (\n  options: SelectProps[\"options\"],\n  inputValue: string,\n  filterFn: SelectProps[\"filterFn\"]\n) => {\n  return typeof filterFn === \"function\"\n    ? options.filter((option) => filterFn(inputValue, option))\n    : options;\n};\n\nconst defaultOptions: CustomSelectOptionInterface[] = [];\n\ntype SelectValue = React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n\nexport interface CustomSelectOptionInterface {\n  value: SelectValue;\n  label: React.ReactElement | string;\n  disabled?: boolean;\n  [index: string]: any;\n}\n\nexport interface SelectProps\n  extends NativeSelectProps,\n    HasPlatform,\n    FormFieldProps,\n    TrackerOptionsProps {\n  /**\n   * Если `true`, то при клике на селект в нём появится текстовое поле для поиска по `options`. По умолчанию поиск\n   * производится по `option.label`.\n   */\n  searchable?: boolean;\n  /**\n   * Текст, который будет отображен, если приходит пустой `options`.\n   */\n  emptyText?: string;\n  onInputChange?: (\n    e: React.ChangeEvent,\n    options: CustomSelectOptionInterface[]\n  ) => void | CustomSelectOptionInterface[];\n  options: CustomSelectOptionInterface[];\n  /**\n   * Функция для кастомной фильтрации. По умолчанию поиск производится по `option.label`.\n   */\n  filterFn?:\n    | false\n    | ((\n        value: string,\n        option: CustomSelectOptionInterface,\n        getOptionLabel?: (\n          option: Partial<CustomSelectOptionInterface>\n        ) => string\n      ) => boolean);\n  popupDirection?: \"top\" | \"bottom\";\n  /**\n   * Рендер-проп для кастомного рендера опции.\n   * В объекте аргумента приходят [свойства опции](https://vkcom.github.io/VKUI/#/CustomSelectOption?id=props)\n   */\n  renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n  /**\n   * Рендер-проп для кастомного рендера содержимого дропдауна.\n   * В `defaultDropdownContent` содержится список опций в виде скроллящегося блока.\n   */\n  renderDropdown?: ({\n    defaultDropdownContent,\n  }: {\n    defaultDropdownContent: React.ReactNode;\n  }) => React.ReactNode;\n  /**\n   * Если `true`, то в дропдауне вместо списка опций рисуется спиннер. При переданных `renderDropdown` и `fetching: true`\n   * \"победит\" `renderDropdown`.\n   */\n  fetching?: boolean;\n  onClose?: VoidFunction;\n  onOpen?: VoidFunction;\n  icon?: React.ReactNode;\n  dropdownOffsetDistance?: number;\n  fixDropdownWidth?: boolean;\n  forceDropdownPortal?: boolean;\n  selectType?: SelectType;\n}\n\ntype MouseEventHandler = (event: React.MouseEvent<HTMLElement>) => void;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CustomSelect\n */\nexport function CustomSelect(props: SelectProps) {\n  const [opened, setOpened] = React.useState(false);\n  const {\n    before,\n    name,\n    className,\n    getRef,\n    getRootRef,\n    popupDirection,\n    platform,\n    style,\n    onChange,\n    children,\n    onInputChange: onInputChangeProp,\n    renderDropdown,\n    onOpen,\n    onClose,\n    fetching,\n    forceDropdownPortal,\n    selectType = \"default\",\n    autoHideScrollbar,\n    autoHideScrollbarDelay,\n    searchable = false,\n    renderOption: renderOptionProp = defaultRenderOptionFn,\n    options: optionsProp = defaultOptions,\n    emptyText = \"Ничего не найдено\",\n    filterFn = defaultFilterFn,\n    icon = <DropdownIcon opened={opened} />,\n    dropdownOffsetDistance = 0,\n    fixDropdownWidth = true,\n    ...restProps\n  } = props;\n\n  if (process.env.NODE_ENV === \"development\") {\n    checkOptionsValueType(optionsProp);\n  }\n\n  const containerRef = React.useRef<HTMLLabelElement>(null);\n  const scrollBoxRef = React.useRef<HTMLDivElement | null>(null);\n  const selectElRef = React.useRef<HTMLSelectElement>(null);\n\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n    number | undefined\n  >(-1);\n  const [isControlledOutside, setIsControlledOutside] = React.useState(\n    props.value !== undefined\n  );\n  const [inputValue, setInputValue] = React.useState(\"\");\n  const [nativeSelectValue, setNativeSelectValue] = React.useState(\n    props.value ?? props.defaultValue\n  );\n  const [keyboardInput, setKeyboardInput] = React.useState(\"\");\n  const [popperPlacement, setPopperPlacement] = React.useState<\n    Placement | undefined\n  >(undefined);\n  const [options, setOptions] = React.useState(optionsProp);\n  const [selectedOptionIndex, setSelectedOptionIndex] = React.useState<\n    number | undefined\n  >(findSelectedIndex(optionsProp, props.value ?? props.defaultValue));\n\n  React.useEffect(() => {\n    setIsControlledOutside(props.value !== undefined);\n    setNativeSelectValue(\n      (nativeSelectValue) => props.value ?? nativeSelectValue\n    );\n  }, [props.value]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (nativeSelectValue !== undefined) {\n      const event = new Event(\"change\", { bubbles: true });\n\n      selectElRef.current?.dispatchEvent(event);\n    }\n  }, [nativeSelectValue]);\n\n  const selected = React.useMemo(() => {\n    if (!options.length) {\n      return null;\n    }\n\n    return selectedOptionIndex !== undefined\n      ? options[selectedOptionIndex]\n      : undefined;\n  }, [options, selectedOptionIndex]);\n\n  const openedClassNames = React.useMemo(\n    () =>\n      classNames(\n        opened && \"Select--open\",\n        opened &&\n          dropdownOffsetDistance === 0 &&\n          (popperPlacement?.includes(\"top\")\n            ? \"Select--pop-up\"\n            : \"Select--pop-down\")\n      ),\n    [dropdownOffsetDistance, opened, popperPlacement]\n  );\n\n  const resetKeyboardInput = React.useCallback(() => {\n    setKeyboardInput(\"\");\n  }, []);\n\n  const scrollToElement = React.useCallback((index: number, center = false) => {\n    const dropdown = scrollBoxRef.current;\n    const item = dropdown ? (dropdown.children[index] as HTMLElement) : null;\n\n    if (!item || !dropdown) {\n      return;\n    }\n\n    const dropdownHeight = dropdown.offsetHeight;\n    const scrollTop = dropdown.scrollTop;\n    const itemTop = item.offsetTop;\n    const itemHeight = item.offsetHeight;\n\n    if (center) {\n      dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n    } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n      dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n    } else if (itemTop < scrollTop) {\n      dropdown.scrollTop = itemTop;\n    }\n  }, []);\n\n  const isValidIndex = React.useCallback(\n    (index: number) => {\n      return index >= 0 && index < (options.length ?? 0);\n    },\n    [options.length]\n  );\n\n  const focusOptionByIndex = React.useCallback(\n    (index: number | undefined, scrollTo = true) => {\n      if (\n        index === undefined ||\n        index < 0 ||\n        index > (options.length ?? 0) - 1\n      ) {\n        return;\n      }\n\n      const option = options[index];\n\n      if (option?.disabled) {\n        return;\n      }\n\n      if (scrollTo) {\n        scrollToElement(index);\n      }\n\n      // Это оптимизация, прежде всего, под `onMouseOver`\n      setFocusedOptionIndex((focusedOptionIndex) =>\n        focusedOptionIndex !== index ? index : focusedOptionIndex\n      );\n    },\n    [options, scrollToElement]\n  );\n\n  const areOptionsShown = React.useCallback(() => {\n    return scrollBoxRef.current !== null;\n  }, []);\n\n  const setScrollBoxRef = React.useCallback(\n    (ref: HTMLDivElement | null) => {\n      scrollBoxRef.current = ref;\n\n      if (\n        ref &&\n        selectedOptionIndex !== undefined &&\n        isValidIndex(selectedOptionIndex)\n      ) {\n        {\n          scrollToElement(selectedOptionIndex, true);\n        }\n      }\n    },\n    [isValidIndex, scrollToElement, selectedOptionIndex]\n  );\n\n  const onKeyboardInput = React.useCallback(\n    (key: string) => {\n      const fullInput = keyboardInput + key;\n\n      const optionIndex = options.findIndex((option) => {\n        return getTitleFromChildren(option.label)\n          .toLowerCase()\n          .includes(fullInput);\n      });\n\n      if (optionIndex !== undefined && optionIndex > -1) {\n        focusOptionByIndex(optionIndex);\n      }\n\n      setKeyboardInput(fullInput);\n    },\n    [focusOptionByIndex, keyboardInput, options]\n  );\n\n  const close = React.useCallback(() => {\n    resetKeyboardInput();\n\n    setInputValue(\"\");\n    setOpened(false);\n    setFocusedOptionIndex(-1);\n    setOptions(optionsProp);\n    onClose?.();\n  }, [onClose, optionsProp, resetKeyboardInput]);\n\n  const selectFocused = React.useCallback(() => {\n    if (focusedOptionIndex !== undefined && isValidIndex(focusedOptionIndex)) {\n      const item = options[focusedOptionIndex];\n\n      setNativeSelectValue(item?.value);\n      close();\n    }\n  }, [close, focusedOptionIndex, isValidIndex, options]);\n\n  const open = React.useCallback(() => {\n    setOpened(true);\n    setFocusedOptionIndex(selectedOptionIndex);\n\n    if (typeof onOpen === \"function\") {\n      onOpen();\n    }\n  }, [onOpen, selectedOptionIndex]);\n\n  const onBlur = React.useCallback(() => {\n    close();\n    const event = new Event(\"blur\");\n    selectElRef.current?.dispatchEvent(event);\n  }, [close]);\n\n  const resetFocusedOption = React.useCallback(() => {\n    setFocusedOptionIndex(-1);\n  }, []);\n\n  const onFocus = React.useCallback(() => {\n    const event = new Event(\"focus\");\n    selectElRef.current?.dispatchEvent(event);\n  }, []);\n\n  const onClick = React.useCallback(() => {\n    if (opened) {\n      close();\n    } else {\n      open();\n    }\n  }, [close, open, opened]);\n\n  const handleKeyUp = React.useMemo(\n    () => debounce(resetKeyboardInput, 1000),\n    [resetKeyboardInput]\n  );\n\n  const focusOption = React.useCallback(\n    (type: \"next\" | \"prev\") => {\n      let index = focusedOptionIndex;\n\n      if (type === \"next\") {\n        const nextIndex = findIndexAfter(options, index);\n        index = nextIndex === -1 ? findIndexAfter(options) : nextIndex; // Следующий за index или первый валидный до index\n      } else if (type === \"prev\") {\n        const beforeIndex = findIndexBefore(options, index);\n        index = beforeIndex === -1 ? findIndexBefore(options) : beforeIndex; // Предшествующий index или последний валидный после index\n      }\n\n      focusOptionByIndex(index);\n    },\n    [focusOptionByIndex, focusedOptionIndex, options]\n  );\n\n  React.useEffect(() => {\n    const value = props.value ?? nativeSelectValue ?? props.defaultValue;\n\n    const options =\n      searchable && inputValue !== undefined\n        ? filter(optionsProp, inputValue, filterFn)\n        : optionsProp;\n\n    setOptions(options);\n    setSelectedOptionIndex(findSelectedIndex(options, value));\n  }, [\n    filterFn,\n    inputValue,\n    nativeSelectValue,\n    optionsProp,\n    props.defaultValue,\n    props.value,\n    searchable,\n  ]);\n\n  /**\n   * Нужен для правильного поведения обработчика onClick на select. Фильтрует клики, которые были сделаны по\n   * выпадающему списку.\n   */\n  const onLabelClick = React.useCallback(\n    (e: React.MouseEvent<HTMLLabelElement>) => {\n      if (scrollBoxRef.current?.contains(e.target as Node)) {\n        e.preventDefault();\n      }\n    },\n    []\n  );\n\n  const onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement> =\n    React.useCallback(\n      (e) => {\n        const newSelectedOptionIndex = findSelectedIndex(\n          options,\n          e.currentTarget.value\n        );\n\n        if (selectedOptionIndex !== newSelectedOptionIndex) {\n          if (!isControlledOutside) {\n            setSelectedOptionIndex(newSelectedOptionIndex);\n          }\n          onChange?.(e);\n        }\n      },\n      [isControlledOutside, onChange, options, selectedOptionIndex]\n    );\n\n  const onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> =\n    React.useCallback(\n      (event) => {\n        [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n          areOptionsShown() &&\n          event.preventDefault();\n\n        switch (event.key) {\n          case \"ArrowUp\":\n            areOptionsShown() && focusOption(\"prev\");\n            break;\n          case \"ArrowDown\":\n            areOptionsShown() && focusOption(\"next\");\n            break;\n          case \"Escape\":\n            close();\n            break;\n          case \"Enter\":\n            areOptionsShown() && selectFocused();\n            break;\n        }\n      },\n      [areOptionsShown, close, focusOption, selectFocused]\n    );\n\n  const onInputChange: React.ChangeEventHandler<HTMLInputElement> =\n    React.useCallback(\n      (e) => {\n        if (onInputChangeProp) {\n          const options = onInputChangeProp(e, optionsProp);\n          if (options) {\n            if (process.env.NODE_ENV === \"development\") {\n              warn(\n                \"Этот метод фильтрации устарел. Возвращаемое значение onInputChange будет \" +\n                  \"проигнорировано в v5.0.0. Для фильтрации обновляйте props.options самостоятельно или используйте свойство filterFn.\"\n              );\n            }\n            setOptions(options);\n            setSelectedOptionIndex(\n              findSelectedIndex(options, nativeSelectValue)\n            );\n          }\n        } else {\n          const options = filter(optionsProp, e.target.value, filterFn);\n          setOptions(options);\n          setSelectedOptionIndex(findSelectedIndex(options, nativeSelectValue));\n        }\n        setInputValue(e.target.value);\n      },\n      [filterFn, nativeSelectValue, onInputChangeProp, optionsProp]\n    );\n\n  const handleKeyDownSelect = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key.length === 1 && event.key !== \" \") {\n        onKeyboardInput(event.key);\n        return;\n      }\n\n      [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n        areOptionsShown() &&\n        event.preventDefault();\n\n      switch (event.key) {\n        case \"ArrowUp\":\n          if (opened) {\n            areOptionsShown() && focusOption(\"prev\");\n          } else {\n            open();\n          }\n          break;\n        case \"ArrowDown\":\n          if (opened) {\n            areOptionsShown() && focusOption(\"next\");\n          } else {\n            open();\n          }\n          break;\n        case \"Escape\":\n          close();\n          break;\n        case \"Enter\":\n        case \"Spacebar\":\n        case \" \":\n          if (opened) {\n            areOptionsShown() && selectFocused();\n          } else {\n            open();\n          }\n          break;\n      }\n    },\n    [\n      areOptionsShown,\n      close,\n      focusOption,\n      onKeyboardInput,\n      open,\n      opened,\n      selectFocused,\n    ]\n  );\n\n  const handleOptionClick = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      const index = Array.prototype.indexOf.call(\n        e.currentTarget.parentNode?.children,\n        e.currentTarget\n      );\n      const option = options[index];\n\n      if (option && !option.disabled) {\n        selectFocused();\n      }\n    },\n    [options, selectFocused]\n  );\n\n  const handleOptionHover = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      focusOptionByIndex(\n        Array.prototype.indexOf.call(\n          e.currentTarget.parentNode?.children,\n          e.currentTarget\n        ),\n        false\n      );\n    },\n    [focusOptionByIndex]\n  );\n\n  const renderOption = React.useCallback(\n    (option: CustomSelectOptionInterface, index: number) => {\n      const hovered = index === focusedOptionIndex;\n      const selected = index === selectedOptionIndex;\n\n      return (\n        <React.Fragment key={`${option.value}`}>\n          {renderOptionProp({\n            option,\n            hovered,\n            children: option.label,\n            selected,\n            disabled: option.disabled,\n            onClick: handleOptionClick,\n            onMouseDown: handleOptionDown,\n            // Используем `onMouseOver` вместо `onMouseEnter`.\n            // При параметре `searchable`, обновляется \"ребёнок\", из-за чего `onMouseEnter` не срабатывает в следующих кейсах:\n            //  1. До загрузки выпадающего списка, курсор мышки находится над произвольным элементом этого списка.\n            //     > Лечение: только увод курсора мыши и возвращении его обратно вызывает событие `onMouseEnter` на этот элемент.\n            //  2. Если это тач-устройство.\n            //     > Лечение: нужно нажать на какой-нибудь произвольный элемент списка, после чего `onMouseEnter` будет работать на соседние элементы,\n            //     но не на тот, на который нажали в первый раз.\n            // Более подробно по ссылке https://github.com/facebook/react/issues/13956#issuecomment-1082055744\n            onMouseOver: handleOptionHover,\n          })}\n        </React.Fragment>\n      );\n    },\n    [\n      focusedOptionIndex,\n      handleOptionClick,\n      handleOptionHover,\n      renderOptionProp,\n      selectedOptionIndex,\n    ]\n  );\n\n  const resolvedContent = React.useMemo(() => {\n    const defaultDropdownContent =\n      options?.length > 0 ? (\n        options.map(renderOption)\n      ) : (\n        <Footnote vkuiClass=\"CustomSelect__empty\">{emptyText}</Footnote>\n      );\n\n    if (typeof renderDropdown === \"function\") {\n      return renderDropdown({ defaultDropdownContent });\n    } else {\n      return defaultDropdownContent;\n    }\n  }, [emptyText, options, renderDropdown, renderOption]);\n\n  return (\n    <label\n      vkuiClass=\"CustomSelect\"\n      className={className}\n      style={style}\n      ref={multiRef(containerRef, getRootRef)}\n      onClick={onLabelClick}\n    >\n      {opened && searchable ? (\n        <Input\n          {...restProps}\n          autoFocus\n          onBlur={onBlur}\n          vkuiClass={openedClassNames}\n          value={inputValue}\n          onKeyDown={onInputKeyDown}\n          onChange={onInputChange}\n          // TODO Ожидается, что клик поймает нативный select, но его перехватывает Input. К сожалению, это приводит к конфликтам типизации.\n          // TODO Нужно перестать пытаться превратить CustomSelect в select. Тогда эта проблема уйдёт.\n          // @ts-ignore\n          onClick={props.onClick}\n          before={before}\n          after={icon}\n          placeholder={restProps.placeholder}\n          mode={getFormFieldModeFromSelectType(selectType)}\n        />\n      ) : (\n        <SelectMimicry\n          {...restProps}\n          aria-hidden={true}\n          onClick={onClick}\n          onKeyDown={handleKeyDownSelect}\n          onKeyUp={handleKeyUp}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          vkuiClass={openedClassNames}\n          after={icon}\n          selectType={selectType}\n        >\n          {selected?.label}\n        </SelectMimicry>\n      )}\n      <select\n        ref={selectElRef}\n        name={name}\n        onChange={onNativeSelectChange}\n        onBlur={props.onBlur}\n        onFocus={props.onFocus}\n        onClick={props.onClick}\n        value={nativeSelectValue}\n        aria-hidden={true}\n        vkuiClass=\"CustomSelect__control\"\n      >\n        {optionsProp.map((item) => (\n          <option key={`${item.value}`} value={item.value} />\n        ))}\n      </select>\n      {opened && (\n        <CustomSelectDropdown\n          targetRef={containerRef}\n          placement={popupDirection}\n          scrollBoxRef={setScrollBoxRef}\n          onPlacementChange={setPopperPlacement}\n          onMouseLeave={resetFocusedOption}\n          fetching={fetching}\n          offsetDistance={dropdownOffsetDistance}\n          sameWidth={fixDropdownWidth}\n          forcePortal={forceDropdownPortal}\n          autoHideScrollbar={autoHideScrollbar}\n          autoHideScrollbarDelay={autoHideScrollbarDelay}\n          observableRefs={scrollBoxRef}\n        >\n          {resolvedContent}\n        </CustomSelectDropdown>\n      )}\n    </label>\n  );\n}\n"],"mappings":"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"}

package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.css

@@ -1,3 +1 @@
-.vkuiCustomSelectDropdown{background-color:#fff;background-color:var(
-    --modal_card_background,var(--vkui--color_background_content)
-  );border:1px solid rgba(0,0,0,.12);border:var(--thin-border) solid var(--field_border,var(--vkui--color_separator_primary_alpha));border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1,0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06));box-sizing:border-box;overflow:hidden}.vkuiCustomSelectDropdown--wide{width:100%}.vkuiCustomSelectDropdown--bottom{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.vkuiCustomSelectDropdown--top{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:100%;box-shadow:0 0 2px rgba(0,0,0,.03),0 -2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1_invert_y,0 0 2px rgba(0,0,0,.03),0 -2px 2px rgba(0,0,0,.06))}.vkuiCustomSelectDropdown__fetching{padding:12px 0}.vkuiCustomSelectDropdown__in{max-height:160px}.vkuiCalendarHeader__pickers .vkuiCustomSelectDropdown__in{max-height:184px}
+.vkuiCustomSelectDropdown{background-color:var(--vkui--color_background_modal);border:var(--thin-border) solid var(--vkui--color_separator_primary_alpha);border-radius:8px;box-shadow:var(--vkui--elevation1);box-sizing:border-box;overflow:hidden}.vkuiCustomSelectDropdown--wide{width:100%}.vkuiCustomSelectDropdown--bottom{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.vkuiCustomSelectDropdown--top{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:100%;box-shadow:var(--vkui--elevation1_invert_y)}.vkuiCustomSelectDropdown__fetching{padding:12px 0}.vkuiCustomSelectDropdown__in{max-height:160px}.vkuiCalendarHeader__pickers .vkuiCustomSelectDropdown__in{max-height:184px}