@vkontakte/vkui 4.35.1 → 4.35.4

package/dist/components/Banner/Banner.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size"],
-    _excluded2 = ["mode", "imageTheme", "size", "before", "asideMode", "header", "subheader", "text", "children", "background", "actions", "onDismiss", "dismissLabel"];
+var _excluded = ["mode", "imageTheme", "size", "before", "asideMode", "header", "subheader", "text", "children", "background", "actions", "onDismiss", "dismissLabel"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
@@ -16,62 +15,45 @@ import { Subhead } from "../Typography/Subhead/Subhead";
 import { Text } from "../Typography/Text/Text";
 import { Title } from "../Typography/Title/Title";
 
-var BannerHeader = function BannerHeader(_ref) {
-  var size = _ref.size,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  return size === "m" ? createScopedElement(Title, _extends({
-    level: "2",
-    weight: "2"
-  }, restProps)) : createScopedElement(Headline, _extends({
-    weight: "2"
-  }, restProps));
-};
 /**
  * @see https://vkcom.github.io/VKUI/#/Banner
  */
-
-
-export var Banner = function Banner(_ref2) {
-  var _ref2$mode = _ref2.mode,
-      mode = _ref2$mode === void 0 ? "tint" : _ref2$mode,
-      _ref2$imageTheme = _ref2.imageTheme,
-      imageTheme = _ref2$imageTheme === void 0 ? "dark" : _ref2$imageTheme,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? "s" : _ref2$size,
-      before = _ref2.before,
-      asideMode = _ref2.asideMode,
-      header = _ref2.header,
-      subheader = _ref2.subheader,
-      text = _ref2.text,
-      children = _ref2.children,
-      background = _ref2.background,
-      actions = _ref2.actions,
-      onDismiss = _ref2.onDismiss,
-      _ref2$dismissLabel = _ref2.dismissLabel,
-      dismissLabel = _ref2$dismissLabel === void 0 ? "Скрыть" : _ref2$dismissLabel,
-      restProps = _objectWithoutProperties(_ref2, _excluded2);
+export var Banner = function Banner(_ref) {
+  var _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? "tint" : _ref$mode,
+      _ref$imageTheme = _ref.imageTheme,
+      imageTheme = _ref$imageTheme === void 0 ? "dark" : _ref$imageTheme,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "s" : _ref$size,
+      before = _ref.before,
+      asideMode = _ref.asideMode,
+      header = _ref.header,
+      subheader = _ref.subheader,
+      text = _ref.text,
+      children = _ref.children,
+      background = _ref.background,
+      actions = _ref.actions,
+      onDismiss = _ref.onDismiss,
+      _ref$dismissLabel = _ref.dismissLabel,
+      dismissLabel = _ref$dismissLabel === void 0 ? "Скрыть" : _ref$dismissLabel,
+      restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
+  var HeaderTypography = size === "m" ? Title : Headline;
   var SubheaderTypography = size === "m" ? Text : Subhead;
-  return createScopedElement("section", _extends({}, restProps, {
-    vkuiClass: classNames("Banner", platform === IOS && "Banner--ios", "Banner--md-".concat(mode), "Banner--sz-".concat(size), mode === "image" && imageTheme === "dark" && "Banner--inverted")
-  }), createScopedElement(Tappable, {
-    vkuiClass: "Banner__in",
-    activeMode: platform === IOS ? "opacity" : "background",
-    disabled: asideMode !== "expand",
-    role: asideMode === "expand" ? "button" : undefined
-  }, mode === "image" && background && createScopedElement("div", {
+  var IconDismissIOS = mode === "image" ? Icon24DismissDark : Icon24DismissSubstract;
+  var content = createScopedElement(React.Fragment, null, mode === "image" && background && createScopedElement("div", {
     "aria-hidden": "true",
     vkuiClass: "Banner__bg"
   }, background), before && createScopedElement("div", {
     vkuiClass: "Banner__before"
   }, before), createScopedElement("div", {
     vkuiClass: "Banner__content"
-  }, hasReactNode(header) && createScopedElement(BannerHeader, {
-    size: size,
+  }, hasReactNode(header) && createScopedElement(HeaderTypography, {
     Component: "span",
-    vkuiClass: "Banner__header"
+    vkuiClass: "Banner__header",
+    weight: "2",
+    level: size === "m" ? "2" : "1"
   }, header), hasReactNode(subheader) && createScopedElement(SubheaderTypography, {
     Component: "span",
     vkuiClass: "Banner__subheader"
@@ -79,14 +61,25 @@ export var Banner = function Banner(_ref2) {
     vkuiClass: "Banner__text"
   }, text), hasReactNode(actions) && React.Children.count(actions) > 0 && createScopedElement("div", {
     vkuiClass: "Banner__actions"
-  }, actions)), !!asideMode && createScopedElement("div", {
+  }, actions)));
+  return createScopedElement("section", _extends({}, restProps, {
+    vkuiClass: classNames("Banner", platform === IOS && "Banner--ios", "Banner--md-".concat(mode), "Banner--sz-".concat(size), mode === "image" && imageTheme === "dark" && "Banner--inverted")
+  }), asideMode === "expand" ? createScopedElement(Tappable, {
+    vkuiClass: "Banner__in",
+    activeMode: platform === IOS ? "opacity" : "background",
+    role: "button"
+  }, content, createScopedElement("div", {
+    vkuiClass: "Banner__aside"
+  }, createScopedElement(Icon24Chevron, null))) : createScopedElement("div", {
+    vkuiClass: "Banner__in"
+  }, content, asideMode === "dismiss" && createScopedElement("div", {
     vkuiClass: "Banner__aside"
-  }, asideMode === "expand" && createScopedElement(Icon24Chevron, null), asideMode === "dismiss" && createScopedElement(IconButton, {
+  }, createScopedElement(IconButton, {
     "aria-label": dismissLabel,
     vkuiClass: "Banner__dismiss",
     onClick: onDismiss,
     hoverMode: "opacity",
     hasActive: false
-  }, platform === IOS ? mode === "image" ? createScopedElement(Icon24DismissDark, null) : createScopedElement(Icon24DismissSubstract, null) : createScopedElement(Icon24Cancel, null)))));
+  }, platform === IOS ? createScopedElement(IconDismissIOS, null) : createScopedElement(Icon24Cancel, null)))));
 };
 //# sourceMappingURL=Banner.js.map

package/dist/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Banner/Banner.tsx"],"names":["React","classNames","usePlatform","IOS","hasReactNode","Icon24Chevron","Icon24DismissSubstract","Icon24DismissDark","Icon24Cancel","Tappable","IconButton","Headline","Subhead","Text","Title","BannerHeader","size","restProps","Banner","mode","imageTheme","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","platform","SubheaderTypography","undefined","Children","count"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasChildren } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n  Icon24Chevron,\n  Icon24DismissSubstract,\n  Icon24DismissDark,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./Banner.css\";\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип баннера.\n   */\n  mode?: \"tint\" | \"image\";\n  size?: \"s\" | \"m\";\n  /**\n   * Тип действия в правой части баннера.\n   *\n   * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n   * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n   */\n  asideMode?: \"dismiss\" | \"expand\";\n  /**\n   * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n   */\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n  /**\n   * Содержимое, отображаемое в левой части баннера.\n   */\n  before?: React.ReactNode;\n  /**\n   * Заголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Подзаголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  subheader?: React.ReactNode;\n  /**\n   * Текст баннера. <br />\n   * Это свойство следует использовать без указания `header` и `subheader`.\n   */\n  text?: React.ReactNode;\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n   * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n   */\n  imageTheme?: \"light\" | \"dark\";\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n   */\n  background?: React.ReactNode;\n  /**\n   * Кнопки, отображаемые в баннере.\n   *\n   * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n   * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n   */\n  actions?: React.ReactNode;\n}\n\ntype BannerTypographyProps = Pick<BannerProps, \"size\"> &\n  HasComponent &\n  HasChildren;\n\nconst BannerHeader = ({ size, ...restProps }: BannerTypographyProps) => {\n  return size === \"m\" ? (\n    <Title level=\"2\" weight=\"2\" {...restProps} />\n  ) : (\n    <Headline weight=\"2\" {...restProps} />\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n  mode = \"tint\",\n  imageTheme = \"dark\",\n  size = \"s\",\n  before,\n  asideMode,\n  header,\n  subheader,\n  text,\n  children,\n  background,\n  actions,\n  onDismiss,\n  dismissLabel = \"Скрыть\",\n  ...restProps\n}: BannerProps) => {\n  const platform = usePlatform();\n\n  const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n  return (\n    <section\n      {...restProps}\n      vkuiClass={classNames(\n        \"Banner\",\n        platform === IOS && \"Banner--ios\",\n        `Banner--md-${mode}`,\n        `Banner--sz-${size}`,\n        mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n      )}\n    >\n      <Tappable\n        vkuiClass=\"Banner__in\"\n        activeMode={platform === IOS ? \"opacity\" : \"background\"}\n        disabled={asideMode !== \"expand\"}\n        role={asideMode === \"expand\" ? \"button\" : undefined}\n      >\n        {mode === \"image\" && background && (\n          <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n            {background}\n          </div>\n        )}\n\n        {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n        <div vkuiClass=\"Banner__content\">\n          {hasReactNode(header) && (\n            <BannerHeader\n              size={size}\n              Component=\"span\"\n              vkuiClass=\"Banner__header\"\n            >\n              {header}\n            </BannerHeader>\n          )}\n          {hasReactNode(subheader) && (\n            <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n              {subheader}\n            </SubheaderTypography>\n          )}\n          {hasReactNode(text) && <Text vkuiClass=\"Banner__text\">{text}</Text>}\n          {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n            <div vkuiClass=\"Banner__actions\">{actions}</div>\n          )}\n        </div>\n\n        {!!asideMode && (\n          <div vkuiClass=\"Banner__aside\">\n            {asideMode === \"expand\" && <Icon24Chevron />}\n\n            {asideMode === \"dismiss\" && (\n              <IconButton\n                aria-label={dismissLabel}\n                vkuiClass=\"Banner__dismiss\"\n                onClick={onDismiss}\n                hoverMode=\"opacity\"\n                hasActive={false}\n              >\n                {platform === IOS ? (\n                  mode === \"image\" ? (\n                    <Icon24DismissDark />\n                  ) : (\n                    <Icon24DismissSubstract />\n                  )\n                ) : (\n                  <Icon24Cancel />\n                )}\n              </IconButton>\n            )}\n          </div>\n        )}\n      </Tappable>\n    </section>\n  );\n};\n"],"file":"Banner.js"}
+{"version":3,"sources":["../../../src/components/Banner/Banner.tsx"],"names":["React","classNames","usePlatform","IOS","hasReactNode","Icon24Chevron","Icon24DismissSubstract","Icon24DismissDark","Icon24Cancel","Tappable","IconButton","Headline","Subhead","Text","Title","Banner","mode","imageTheme","size","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","restProps","platform","HeaderTypography","SubheaderTypography","IconDismissIOS","content","Children","count"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n  Icon24Chevron,\n  Icon24DismissSubstract,\n  Icon24DismissDark,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./Banner.css\";\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип баннера.\n   */\n  mode?: \"tint\" | \"image\";\n  size?: \"s\" | \"m\";\n  /**\n   * Тип действия в правой части баннера.\n   *\n   * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n   * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n   */\n  asideMode?: \"dismiss\" | \"expand\";\n  /**\n   * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n   */\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n  /**\n   * Содержимое, отображаемое в левой части баннера.\n   */\n  before?: React.ReactNode;\n  /**\n   * Заголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Подзаголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  subheader?: React.ReactNode;\n  /**\n   * Текст баннера. <br />\n   * Это свойство следует использовать без указания `header` и `subheader`.\n   */\n  text?: React.ReactNode;\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n   * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n   */\n  imageTheme?: \"light\" | \"dark\";\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n   */\n  background?: React.ReactNode;\n  /**\n   * Кнопки, отображаемые в баннере.\n   *\n   * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n   * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n   */\n  actions?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n  mode = \"tint\",\n  imageTheme = \"dark\",\n  size = \"s\",\n  before,\n  asideMode,\n  header,\n  subheader,\n  text,\n  children,\n  background,\n  actions,\n  onDismiss,\n  dismissLabel = \"Скрыть\",\n  ...restProps\n}: BannerProps) => {\n  const platform = usePlatform();\n\n  const HeaderTypography = size === \"m\" ? Title : Headline;\n  const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n  const IconDismissIOS =\n    mode === \"image\" ? Icon24DismissDark : Icon24DismissSubstract;\n\n  const content = (\n    <React.Fragment>\n      {mode === \"image\" && background && (\n        <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n          {background}\n        </div>\n      )}\n\n      {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n      <div vkuiClass=\"Banner__content\">\n        {hasReactNode(header) && (\n          <HeaderTypography\n            Component=\"span\"\n            vkuiClass=\"Banner__header\"\n            weight=\"2\"\n            level={size === \"m\" ? \"2\" : \"1\"}\n          >\n            {header}\n          </HeaderTypography>\n        )}\n        {hasReactNode(subheader) && (\n          <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n            {subheader}\n          </SubheaderTypography>\n        )}\n        {hasReactNode(text) && <Text vkuiClass=\"Banner__text\">{text}</Text>}\n        {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n          <div vkuiClass=\"Banner__actions\">{actions}</div>\n        )}\n      </div>\n    </React.Fragment>\n  );\n\n  return (\n    <section\n      {...restProps}\n      vkuiClass={classNames(\n        \"Banner\",\n        platform === IOS && \"Banner--ios\",\n        `Banner--md-${mode}`,\n        `Banner--sz-${size}`,\n        mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n      )}\n    >\n      {asideMode === \"expand\" ? (\n        <Tappable\n          vkuiClass=\"Banner__in\"\n          activeMode={platform === IOS ? \"opacity\" : \"background\"}\n          role=\"button\"\n        >\n          {content}\n\n          <div vkuiClass=\"Banner__aside\">\n            <Icon24Chevron />\n          </div>\n        </Tappable>\n      ) : (\n        <div vkuiClass=\"Banner__in\">\n          {content}\n\n          {asideMode === \"dismiss\" && (\n            <div vkuiClass=\"Banner__aside\">\n              <IconButton\n                aria-label={dismissLabel}\n                vkuiClass=\"Banner__dismiss\"\n                onClick={onDismiss}\n                hoverMode=\"opacity\"\n                hasActive={false}\n              >\n                {platform === IOS ? <IconDismissIOS /> : <Icon24Cancel />}\n              </IconButton>\n            </div>\n          )}\n        </div>\n      )}\n    </section>\n  );\n};\n"],"file":"Banner.js"}

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
-import type { HasRootRef, HasAlign } from "../../types";
+import type { HasRootRef, AlignType } from "../../types";
 import "./ButtonGroup.css";
-export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, HasAlign {
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
     /**
      * Задает расположение элементов внутри группы, вертикальное или горизонтальное.
      */
@@ -16,6 +16,10 @@ export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>,
      * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.
      */
     stretched?: boolean;
+    /**
+     * Горизонтальное выравнивание элементов внутри группы. Работает только с mode="vertical".
+     */
+    align?: AlignType;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/ButtonGroup

package/dist/components/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":["classNames","ButtonGroup","mode","gap","stretched","align","getRootRef","children","restProps"],"mappings":";;;;AACA,SAASA,UAAT;;AAwBA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAQH;AAAA,uBAPtBC,IAOsB;AAAA,MAPtBA,IAOsB,0BAPf,YAOe;AAAA,sBANtBC,GAMsB;AAAA,MANtBA,GAMsB,yBANhB,GAMgB;AAAA,4BALtBC,SAKsB;AAAA,MALtBA,SAKsB,+BALV,KAKU;AAAA,wBAJtBC,KAIsB;AAAA,MAJtBA,KAIsB,2BAJd,MAIc;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,QAEsB,QAFtBA,QAEsB;AAAA,MADnBC,SACmB;;AACtB,SACE;AACE,IAAA,SAAS,EAAER,UAAU,CACnB,aADmB,8BAEEE,IAFF,GAGnBC,GAAG,KAAK,MAAR,+BAAsCA,GAAtC,CAHmB,EAInBC,SAAS,IAAI,wBAJM,+BAKGC,KALH,EADvB;AAQE,IAAA,IAAI,EAAC,OARP;AASE,IAAA,GAAG,EAAEC;AATP,KAUME,SAVN,GAYGD,QAZH,CADF;AAgBD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport type { HasRootRef, HasAlign } from \"../../types\";\nimport \"./ButtonGroup.css\";\n\nexport interface ButtonGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign {\n  /**\n   * Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n   */\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n   */\n  gap?: \"none\" | \"space\" | \"s\" | \"m\";\n  /**\n   * Растягивает компонент на всю ширину контейнера.\n   *\n   * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n   */\n  stretched?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ButtonGroup\n */\nexport const ButtonGroup = ({\n  mode = \"horizontal\",\n  gap = \"m\",\n  stretched = false,\n  align = \"left\" /* NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n  getRootRef,\n  children,\n  ...restProps\n}: ButtonGroupProps) => {\n  return (\n    <div\n      vkuiClass={classNames(\n        \"ButtonGroup\",\n        `ButtonGroup--mode-${mode}`,\n        gap !== \"none\" && `ButtonGroup--gap-${gap}`,\n        stretched && \"ButtonGroup--stretched\",\n        `ButtonGroup--align-${align}`\n      )}\n      role=\"group\"\n      ref={getRootRef}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"file":"ButtonGroup.js"}
+{"version":3,"sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":["classNames","ButtonGroup","mode","gap","stretched","align","getRootRef","children","restProps"],"mappings":";;;;AACA,SAASA,UAAT;;AA2BA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAQH;AAAA,uBAPtBC,IAOsB;AAAA,MAPtBA,IAOsB,0BAPf,YAOe;AAAA,sBANtBC,GAMsB;AAAA,MANtBA,GAMsB,yBANhB,GAMgB;AAAA,4BALtBC,SAKsB;AAAA,MALtBA,SAKsB,+BALV,KAKU;AAAA,wBAJtBC,KAIsB;AAAA,MAJtBA,KAIsB,2BAJd,MAIc;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,QAEsB,QAFtBA,QAEsB;AAAA,MADnBC,SACmB;;AACtB,SACE;AACE,IAAA,SAAS,EAAER,UAAU,CACnB,aADmB,8BAEEE,IAFF,GAGnBC,GAAG,KAAK,MAAR,+BAAsCA,GAAtC,CAHmB,EAInBC,SAAS,IAAI,wBAJM,+BAKGC,KALH,EADvB;AAQE,IAAA,IAAI,EAAC,OARP;AASE,IAAA,GAAG,EAAEC;AATP,KAUME,SAVN,GAYGD,QAZH,CADF;AAgBD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport type { HasRootRef, AlignType } from \"../../types\";\nimport \"./ButtonGroup.css\";\n\nexport interface ButtonGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n   */\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n   */\n  gap?: \"none\" | \"space\" | \"s\" | \"m\";\n  /**\n   * Растягивает компонент на всю ширину контейнера.\n   *\n   * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n   */\n  stretched?: boolean;\n  /**\n   * Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n   */\n  align?: AlignType;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ButtonGroup\n */\nexport const ButtonGroup = ({\n  mode = \"horizontal\",\n  gap = \"m\",\n  stretched = false,\n  align = \"left\" /* NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n  getRootRef,\n  children,\n  ...restProps\n}: ButtonGroupProps) => {\n  return (\n    <div\n      vkuiClass={classNames(\n        \"ButtonGroup\",\n        `ButtonGroup--mode-${mode}`,\n        gap !== \"none\" && `ButtonGroup--gap-${gap}`,\n        stretched && \"ButtonGroup--stretched\",\n        `ButtonGroup--align-${align}`\n      )}\n      role=\"group\"\n      ref={getRootRef}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"file":"ButtonGroup.js"}

package/dist/components/CustomSelect/CustomSelect.js

@@ -197,7 +197,7 @@ function CustomSelectComponent(props) {
     });
   }, [props.value]);
   useIsomorphicLayoutEffect(function () {
-    if (nativeSelectValue) {
+    if (nativeSelectValue !== undefined) {
       var _selectElRef$current;
 
       var _event = new Event("change", {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CustomSelect/CustomSelect.tsx"],"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","defaultIcon","CustomSelectComponent","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","useState","focusedOptionIndex","setFocusedOptionIndex","undefined","isControlledOutside","setIsControlledOutside","setInputValue","defaultValue","nativeSelectValue","setNativeSelectValue","keyboardInput","setKeyboardInput","popperPlacement","setPopperPlacement","setOptions","selectedOptionIndex","setSelectedOptionIndex","opened","setOpened","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"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,oBAA7B;AACA,SAASC,UAAT;AAEA,SAASC,cAAT;AACA,SACEC,kBADF;AAMA,SAASC,KAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SACEC,eADF,EAEEC,8BAFF;AAKA,SAASC,oBAAT;AAEA,SAASC,UAAT;AACA,SAASC,yBAAT;;AAGA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAGlB;AAAA,MAFHC,OAEG,uEAFsC,EAEtC;AAAA,MADHC,UACG,uEADU,CAAC,CACX;;AACH,MAAIA,UAAU,IAAID,OAAO,CAACE,MAAR,GAAiB,CAAnC,EAAsC;AACpC,WAAO,CAAC,CAAR;AACD;;AACD,SAAOF,OAAO,CAACG,SAAR,CAAkB,UAACC,MAAD,EAASC,CAAT;AAAA,WAAeA,CAAC,GAAGJ,UAAJ,IAAkB,CAACG,MAAM,CAACE,QAAzC;AAAA,GAAlB,CAAP;AACD,CARD;;AAUA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAGnB;AAAA,MAFHP,OAEG,uEAFsC,EAEtC;AAAA,MADHQ,QACG,uEADgBR,OAAO,CAACE,MACxB;AACH,MAAIO,MAAM,GAAG,CAAC,CAAd;;AACA,MAAID,QAAQ,IAAI,CAAhB,EAAmB;AACjB,WAAOC,MAAP;AACD;;AACD,OAAK,IAAIJ,CAAC,GAAGG,QAAQ,GAAG,CAAxB,EAA2BH,CAAC,IAAI,CAAhC,EAAmCA,CAAC,EAApC,EAAwC;AACtC,QAAID,OAAM,GAAGJ,OAAO,CAACK,CAAD,CAApB;;AAEA,QAAI,CAACD,OAAM,CAACE,QAAZ,EAAsB;AACpBG,MAAAA,MAAM,GAAGJ,CAAT;AACA;AACD;AACF;;AACD,SAAOI,MAAP;AACD,CAjBD;;AAmBA,IAAMC,IAAI,GAAGjB,QAAQ,CAAC,cAAD,CAArB;;AAEA,IAAMkB,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACX,OAAD,EAA4C;AACxE,MAAI,IAAIY,GAAJ,CAAQZ,OAAO,CAACa,GAAR,CAAY,UAACC,IAAD;AAAA,mBAAiBA,IAAI,CAACC,KAAtB;AAAA,GAAZ,CAAR,EAAkDC,IAAlD,GAAyD,CAA7D,EAAgE;AAC9DN,IAAAA,IAAI,CACF,6FADE,EAEF,OAFE,CAAJ;AAID;AACF,CAPD;;AASA,SAASO,qBAAT,OAG6C;AAAA,MAF3Cb,MAE2C,QAF3CA,MAE2C;AAAA,MADxCc,KACwC;;AAC3C,SAAO,oBAAC,kBAAD,EAAwBA,KAAxB,CAAP;AACD;;AAED,IAAMC,gBAAmC,GAAG,SAAtCA,gBAAsC,CAC1CC,CAD0C,EAEvC;AACHA,EAAAA,CAAC,CAACC,cAAF;AACD,CAJD;;AAMA,SAASC,iBAAT,CACEtB,OADF,EAEEe,KAFF,EAGE;AAAA;;AACA,+BACEf,OAAO,CAACG,SAAR,CAAkB,UAACW,IAAD,EAAU;AAC1BC,IAAAA,KAAK,GAAG,OAAOD,IAAI,CAACC,KAAZ,KAAsB,QAAtB,GAAiCQ,MAAM,CAACR,KAAD,CAAvC,GAAiDA,KAAzD;AACA,WAAOD,IAAI,CAACC,KAAL,KAAeA,KAAtB;AACD,GAHD,CADF,mEAIQ,CAAC,CAJT;AAMD;;AAED,IAAMS,MAAM,GAAG,SAATA,MAAS,CACbxB,OADa,EAEbyB,UAFa,EAGbC,QAHa,EAIV;AACH,SAAO,OAAOA,QAAP,KAAoB,UAApB,GACH1B,OAAO,CAACwB,MAAR,CAAe,UAACpB,MAAD;AAAA,WAAYsB,QAAQ,CAACD,UAAD,EAAarB,MAAb,CAApB;AAAA,GAAf,CADG,GAEHJ,OAFJ;AAGD,CARD;;AAUA,IAAM2B,cAA6C,GAAG,EAAtD;AACA,IAAMC,WAAW,GAAG,oBAAC,YAAD,OAApB;;AAyEA,SAASC,qBAAT,CAA+BX,KAA/B,EAAyD;AAAA;;AACvD,MACEY,MADF,GA8BIZ,KA9BJ,CACEY,MADF;AAAA,MAEEC,IAFF,GA8BIb,KA9BJ,CAEEa,IAFF;AAAA,MAGEC,SAHF,GA8BId,KA9BJ,CAGEc,SAHF;AAAA,MAIEC,MAJF,GA8BIf,KA9BJ,CAIEe,MAJF;AAAA,MAKEC,UALF,GA8BIhB,KA9BJ,CAKEgB,UALF;AAAA,MAMEC,cANF,GA8BIjB,KA9BJ,CAMEiB,cANF;AAAA,MAOEC,KAPF,GA8BIlB,KA9BJ,CAOEkB,KAPF;AAAA,MAQEC,QARF,GA8BInB,KA9BJ,CAQEmB,QARF;AAAA,MASEC,KATF,GA8BIpB,KA9BJ,CASEoB,KATF;AAAA,MAUEC,QAVF,GA8BIrB,KA9BJ,CAUEqB,QAVF;AAAA,MAWEC,QAXF,GA8BItB,KA9BJ,CAWEsB,QAXF;AAAA,MAYiBC,iBAZjB,GA8BIvB,KA9BJ,CAYEwB,aAZF;AAAA,MAaEC,cAbF,GA8BIzB,KA9BJ,CAaEyB,cAbF;AAAA,MAcEC,MAdF,GA8BI1B,KA9BJ,CAcE0B,MAdF;AAAA,MAeEC,OAfF,GA8BI3B,KA9BJ,CAeE2B,OAfF;AAAA,MAgBEC,QAhBF,GA8BI5B,KA9BJ,CAgBE4B,QAhBF;AAAA,MAiBEC,mBAjBF,GA8BI7B,KA9BJ,CAiBE6B,mBAjBF;AAAA,0BA8BI7B,KA9BJ,CAkBE8B,UAlBF;AAAA,MAkBEA,UAlBF,kCAkBenD,UAAU,CAACoD,OAlB1B;AAAA,MAmBEC,iBAnBF,GA8BIhC,KA9BJ,CAmBEgC,iBAnBF;AAAA,MAoBEC,sBApBF,GA8BIjC,KA9BJ,CAoBEiC,sBApBF;AAAA,0BA8BIjC,KA9BJ,CAqBEkC,UArBF;AAAA,MAqBEA,UArBF,kCAqBe,KArBf;AAAA,4BA8BIlC,KA9BJ,CAsBEmC,YAtBF;AAAA,MAsBgBC,gBAtBhB,oCAsBmCrC,qBAtBnC;AAAA,uBA8BIC,KA9BJ,CAuBElB,OAvBF;AAAA,MAuBWuD,WAvBX,+BAuByB5B,cAvBzB;AAAA,yBA8BIT,KA9BJ,CAwBEsC,SAxBF;AAAA,MAwBEA,SAxBF,iCAwBc,mBAxBd;AAAA,wBA8BItC,KA9BJ,CAyBEQ,QAzBF;AAAA,MAyBEA,QAzBF,gCAyBahC,eAzBb;AAAA,oBA8BIwB,KA9BJ,CA0BEuC,IA1BF;AAAA,MA0BEA,IA1BF,4BA0BS7B,WA1BT;AAAA,8BA8BIV,KA9BJ,CA2BEwC,sBA3BF;AAAA,MA2BEA,sBA3BF,sCA2B2B,CA3B3B;AAAA,8BA8BIxC,KA9BJ,CA4BEyC,gBA5BF;AAAA,MA4BEA,gBA5BF,sCA4BqB,IA5BrB;AAAA,MA6BKC,SA7BL,4BA8BI1C,KA9BJ;;AAgCA,MAAI2C,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1CpD,IAAAA,qBAAqB,CAAC4C,WAAD,CAArB;AACD;;AAED,MAAMS,YAAY,GAAGlF,KAAK,CAACmF,MAAN,CAA+B,IAA/B,CAArB;AACA,MAAMC,YAAY,GAAGpF,KAAK,CAACmF,MAAN,CAA6B,IAA7B,CAArB;AACA,MAAME,WAAW,GAAGrF,KAAK,CAACmF,MAAN,CAAgC,IAAhC,CAApB;;AAEA,wBAAoDnF,KAAK,CAACsF,QAAN,CAElD,CAAC,CAFiD,CAApD;AAAA;AAAA,MAAOC,kBAAP;AAAA,MAA2BC,qBAA3B;;AAGA,yBAAsDxF,KAAK,CAACsF,QAAN,CACpDlD,KAAK,CAACH,KAAN,KAAgBwD,SADoC,CAAtD;AAAA;AAAA,MAAOC,mBAAP;AAAA,MAA4BC,sBAA5B;;AAGA,yBAAoC3F,KAAK,CAACsF,QAAN,CAAe,EAAf,CAApC;AAAA;AAAA,MAAO3C,UAAP;AAAA,MAAmBiD,aAAnB;;AACA,yBAAkD5F,KAAK,CAACsF,QAAN,iBAChDlD,KAAK,CAACH,KAD0C,uDACjCG,KAAK,CAACyD,YAD2B,CAAlD;AAAA;AAAA,MAAOC,iBAAP;AAAA,MAA0BC,oBAA1B;;AAGA,yBAA0C/F,KAAK,CAACsF,QAAN,CAAe,EAAf,CAA1C;AAAA;AAAA,MAAOU,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,0BAA8CjG,KAAK,CAACsF,QAAN,CAE5CG,SAF4C,CAA9C;AAAA;AAAA,MAAOS,eAAP;AAAA,MAAwBC,kBAAxB;;AAGA,0BAA8BnG,KAAK,CAACsF,QAAN,CAAeb,WAAf,CAA9B;AAAA;AAAA,MAAOvD,OAAP;AAAA,MAAgBkF,UAAhB;;AACA,0BAAsDpG,KAAK,CAACsF,QAAN,CAEpD9C,iBAAiB,CAACiC,WAAD,mBAAcrC,KAAK,CAACH,KAApB,yDAA6BG,KAAK,CAACyD,YAAnC,CAFmC,CAAtD;AAAA;AAAA,MAAOQ,mBAAP;AAAA,MAA4BC,sBAA5B;;AAGA,0BAA4BtG,KAAK,CAACsF,QAAN,CAAe,KAAf,CAA5B;AAAA;AAAA,MAAOiB,MAAP;AAAA,MAAeC,SAAf;;AAEAxG,EAAAA,KAAK,CAACyG,SAAN,CAAgB,YAAM;AACpBd,IAAAA,sBAAsB,CAACvD,KAAK,CAACH,KAAN,KAAgBwD,SAAjB,CAAtB;AACAM,IAAAA,oBAAoB,CAClB,UAACD,iBAAD;AAAA;;AAAA,8BAAuB1D,KAAK,CAACH,KAA7B,yDAAsC6D,iBAAtC;AAAA,KADkB,CAApB;AAGD,GALD,EAKG,CAAC1D,KAAK,CAACH,KAAP,CALH;AAOAjB,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAI8E,iBAAJ,EAAuB;AAAA;;AACrB,UAAMY,MAAK,GAAG,IAAIC,KAAJ,CAAU,QAAV,EAAoB;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAApB,CAAd;;AAEA,8BAAAvB,WAAW,CAACwB,OAAZ,8EAAqBC,aAArB,CAAmCJ,MAAnC;AACD;AACF,GANwB,EAMtB,CAACZ,iBAAD,CANsB,CAAzB;AAQA,MAAMiB,QAAQ,GAAG/G,KAAK,CAACgH,OAAN,CAAc,YAAM;AACnC,QAAI,CAAC9F,OAAO,CAACE,MAAb,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,WAAOiF,mBAAmB,KAAKZ,SAAxB,GACHvE,OAAO,CAACmF,mBAAD,CADJ,GAEHZ,SAFJ;AAGD,GARgB,EAQd,CAACvE,OAAD,EAAUmF,mBAAV,CARc,CAAjB;AAUA,MAAMY,gBAAgB,GAAGjH,KAAK,CAACgH,OAAN,CACvB;AAAA,WACE3G,UAAU,CACRkG,MAAM,IAAI,cADF,EAERA,MAAM,IACJ3B,sBAAsB,KAAK,CAD7B,KAEGsB,eAAe,SAAf,IAAAA,eAAe,WAAf,IAAAA,eAAe,CAAEgB,QAAjB,CAA0B,KAA1B,IACG,gBADH,GAEG,kBAJN,CAFQ,CADZ;AAAA,GADuB,EAUvB,CAACtC,sBAAD,EAAyB2B,MAAzB,EAAiCL,eAAjC,CAVuB,CAAzB;AAaA,MAAMiB,kBAAkB,GAAGnH,KAAK,CAACoH,WAAN,CAAkB,YAAM;AACjDnB,IAAAA,gBAAgB,CAAC,EAAD,CAAhB;AACD,GAF0B,EAExB,EAFwB,CAA3B;AAIA,MAAMoB,eAAe,GAAGrH,KAAK,CAACoH,WAAN,CAAkB,UAACE,KAAD,EAAmC;AAAA,QAAnBC,MAAmB,uEAAV,KAAU;AAC3E,QAAMC,QAAQ,GAAGpC,YAAY,CAACyB,OAA9B;AACA,QAAM7E,IAAI,GAAGwF,QAAQ,GAAIA,QAAQ,CAAC9D,QAAT,CAAkB4D,KAAlB,CAAJ,GAA+C,IAApE;;AAEA,QAAI,CAACtF,IAAD,IAAS,CAACwF,QAAd,EAAwB;AACtB;AACD;;AAED,QAAMC,cAAc,GAAGD,QAAQ,CAACE,YAAhC;AACA,QAAMC,SAAS,GAAGH,QAAQ,CAACG,SAA3B;AACA,QAAMC,OAAO,GAAG5F,IAAI,CAAC6F,SAArB;AACA,QAAMC,UAAU,GAAG9F,IAAI,CAAC0F,YAAxB;;AAEA,QAAIH,MAAJ,EAAY;AACVC,MAAAA,QAAQ,CAACG,SAAT,GAAqBC,OAAO,GAAGH,cAAc,GAAG,CAA3B,GAA+BK,UAAU,GAAG,CAAjE;AACD,KAFD,MAEO,IAAIF,OAAO,GAAGE,UAAV,GAAuBL,cAAc,GAAGE,SAA5C,EAAuD;AAC5DH,MAAAA,QAAQ,CAACG,SAAT,GAAqBC,OAAO,GAAGH,cAAV,GAA2BK,UAAhD;AACD,KAFM,MAEA,IAAIF,OAAO,GAAGD,SAAd,EAAyB;AAC9BH,MAAAA,QAAQ,CAACG,SAAT,GAAqBC,OAArB;AACD;AACF,GApBuB,EAoBrB,EApBqB,CAAxB;AAsBA,MAAMG,YAAY,GAAG/H,KAAK,CAACoH,WAAN,CACnB,UAACE,KAAD,EAAmB;AAAA;;AACjB,WAAOA,KAAK,IAAI,CAAT,IAAcA,KAAK,uBAAIpG,OAAO,CAACE,MAAZ,6DAAsB,CAAtB,CAA1B;AACD,GAHkB,EAInB,CAACF,OAAO,CAACE,MAAT,CAJmB,CAArB;AAOA,MAAM4G,kBAAkB,GAAGhI,KAAK,CAACoH,WAAN,CACzB,UAACE,KAAD,EAAgD;AAAA;;AAAA,QAApBW,QAAoB,uEAAT,IAAS;;AAC9C,QACEX,KAAK,KAAK7B,SAAV,IACA6B,KAAK,GAAG,CADR,IAEAA,KAAK,GAAG,qBAACpG,OAAO,CAACE,MAAT,+DAAmB,CAAnB,IAAwB,CAHlC,EAIE;AACA;AACD;;AAED,QAAME,MAAM,GAAGJ,OAAO,CAACoG,KAAD,CAAtB;;AAEA,QAAIhG,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,QAAZ,EAAsB;AACpB;AACD;;AAED,QAAIyG,QAAJ,EAAc;AACZZ,MAAAA,eAAe,CAACC,KAAD,CAAf;AACD,KAjB6C,CAmB9C;;;AACA9B,IAAAA,qBAAqB,CAAC,UAACD,kBAAD;AAAA,aACpBA,kBAAkB,KAAK+B,KAAvB,GAA+BA,KAA/B,GAAuC/B,kBADnB;AAAA,KAAD,CAArB;AAGD,GAxBwB,EAyBzB,CAACrE,OAAD,EAAUmG,eAAV,CAzByB,CAA3B;AA4BA,MAAMa,eAAe,GAAGlI,KAAK,CAACoH,WAAN,CAAkB,YAAM;AAC9C,WAAOhC,YAAY,CAACyB,OAAb,KAAyB,IAAhC;AACD,GAFuB,EAErB,EAFqB,CAAxB;AAIA,MAAMsB,eAAe,GAAGnI,KAAK,CAACoH,WAAN,CACtB,UAACgB,GAAD,EAAiB;AACf,QAAMC,SAAS,GAAGrC,aAAa,GAAGoC,GAAlC;AAEA,QAAME,WAAW,GAAGpH,OAAO,CAACG,SAAR,CAAkB,UAACC,MAAD,EAAY;AAChD,aAAOlB,oBAAoB,CAACkB,MAAM,CAACiH,KAAR,CAApB,CACJC,WADI,GAEJtB,QAFI,CAEKmB,SAFL,CAAP;AAGD,KAJmB,CAApB;;AAMA,QAAIC,WAAW,KAAK7C,SAAhB,IAA6B6C,WAAW,GAAG,CAAC,CAAhD,EAAmD;AACjDN,MAAAA,kBAAkB,CAACM,WAAD,CAAlB;AACD;;AAEDrC,IAAAA,gBAAgB,CAACoC,SAAD,CAAhB;AACD,GAfqB,EAgBtB,CAACL,kBAAD,EAAqBhC,aAArB,EAAoC9E,OAApC,CAhBsB,CAAxB;AAmBA,MAAMuH,KAAK,GAAGzI,KAAK,CAACoH,WAAN,CAAkB,YAAM;AACpCD,IAAAA,kBAAkB;AAElBvB,IAAAA,aAAa,CAAC,EAAD,CAAb;AACAY,IAAAA,SAAS,CAAC,KAAD,CAAT;AACAhB,IAAAA,qBAAqB,CAAC,CAAC,CAAF,CAArB;AACAY,IAAAA,UAAU,CAAC3B,WAAD,CAAV;AACAV,IAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;AACR,GARa,EAQX,CAACA,OAAD,EAAUU,WAAV,EAAuB0C,kBAAvB,CARW,CAAd;AAUA,MAAMuB,aAAa,GAAG1I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AAC5C,QAAI7B,kBAAkB,KAAKE,SAAvB,IAAoCsC,YAAY,CAACxC,kBAAD,CAApD,EAA0E;AACxE,UAAMvD,IAAI,GAAGd,OAAO,CAACqE,kBAAD,CAApB;AAEAQ,MAAAA,oBAAoB,CAAC/D,IAAD,aAACA,IAAD,uBAACA,IAAI,CAAEC,KAAP,CAApB;AACAwG,MAAAA,KAAK;AACN;AACF,GAPqB,EAOnB,CAACA,KAAD,EAAQlD,kBAAR,EAA4BwC,YAA5B,EAA0C7G,OAA1C,CAPmB,CAAtB;AASA,MAAMyH,IAAI,GAAG3I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AACnCZ,IAAAA,SAAS,CAAC,IAAD,CAAT;AACAhB,IAAAA,qBAAqB,CAACa,mBAAD,CAArB;;AAEA,QAAI,OAAOvC,MAAP,KAAkB,UAAtB,EAAkC;AAChCA,MAAAA,MAAM;AACP;AACF,GAPY,EAOV,CAACA,MAAD,EAASuC,mBAAT,CAPU,CAAb;AASArG,EAAAA,KAAK,CAACyG,SAAN,CAAgB,YAAM;AACpB,QACEF,MAAM,IACNF,mBAAmB,KAAKZ,SADxB,IAEAsC,YAAY,CAAC1B,mBAAD,CAHd,EAIE;AACAgB,MAAAA,eAAe,CAAChB,mBAAD,EAAsB,IAAtB,CAAf;AACD;AACF,GARD,EAQG,CAAC0B,YAAD,EAAexB,MAAf,EAAuBc,eAAvB,EAAwChB,mBAAxC,CARH;AAUA,MAAMuC,MAAM,GAAG5I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AAAA;;AACrCqB,IAAAA,KAAK;AACL,QAAM/B,KAAK,GAAG,IAAIC,KAAJ,CAAU,MAAV,CAAd;AACA,6BAAAtB,WAAW,CAACwB,OAAZ,gFAAqBC,aAArB,CAAmCJ,KAAnC;AACD,GAJc,EAIZ,CAAC+B,KAAD,CAJY,CAAf;AAMA,MAAMI,kBAAkB,GAAG7I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AACjD5B,IAAAA,qBAAqB,CAAC,CAAC,CAAF,CAArB;AACD,GAF0B,EAExB,EAFwB,CAA3B;AAIA,MAAMsD,OAAO,GAAG9I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AAAA;;AACtC,QAAMV,KAAK,GAAG,IAAIC,KAAJ,CAAU,OAAV,CAAd;AACA,6BAAAtB,WAAW,CAACwB,OAAZ,gFAAqBC,aAArB,CAAmCJ,KAAnC;AACD,GAHe,EAGb,EAHa,CAAhB;AAKA,MAAMqC,OAAO,GAAG/I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AACtC,QAAIb,MAAJ,EAAY;AACVkC,MAAAA,KAAK;AACN,KAFD,MAEO;AACLE,MAAAA,IAAI;AACL;AACF,GANe,EAMb,CAACF,KAAD,EAAQE,IAAR,EAAcpC,MAAd,CANa,CAAhB;AAQA,MAAMyC,WAAW,GAAGhJ,KAAK,CAACgH,OAAN,CAClB;AAAA,WAAM9G,QAAQ,CAACiH,kBAAD,EAAqB,IAArB,CAAd;AAAA,GADkB,EAElB,CAACA,kBAAD,CAFkB,CAApB;AAKA,MAAM8B,WAAW,GAAGjJ,KAAK,CAACoH,WAAN,CAClB,UAAC8B,IAAD,EAA2B;AACzB,QAAI5B,KAAK,GAAG/B,kBAAZ;;AAEA,QAAI2D,IAAI,KAAK,MAAb,EAAqB;AACnB,UAAMC,SAAS,GAAGlI,cAAc,CAACC,OAAD,EAAUoG,KAAV,CAAhC;AACAA,MAAAA,KAAK,GAAG6B,SAAS,KAAK,CAAC,CAAf,GAAmBlI,cAAc,CAACC,OAAD,CAAjC,GAA6CiI,SAArD,CAFmB,CAE6C;AACjE,KAHD,MAGO,IAAID,IAAI,KAAK,MAAb,EAAqB;AAC1B,UAAME,WAAW,GAAG3H,eAAe,CAACP,OAAD,EAAUoG,KAAV,CAAnC;AACAA,MAAAA,KAAK,GAAG8B,WAAW,KAAK,CAAC,CAAjB,GAAqB3H,eAAe,CAACP,OAAD,CAApC,GAAgDkI,WAAxD,CAF0B,CAE2C;AACtE;;AAEDpB,IAAAA,kBAAkB,CAACV,KAAD,CAAlB;AACD,GAbiB,EAclB,CAACU,kBAAD,EAAqBzC,kBAArB,EAAyCrE,OAAzC,CAdkB,CAApB;AAiBAlB,EAAAA,KAAK,CAACyG,SAAN,CAAgB,YAAM;AAAA;;AACpB,QAAMxE,KAAK,6BAAGG,KAAK,CAACH,KAAT,yDAAkB6D,iBAAlB,yCAAuC1D,KAAK,CAACyD,YAAxD;AAEA,QAAM3E,OAAO,GACXoD,UAAU,IAAI3B,UAAU,KAAK8C,SAA7B,GACI/C,MAAM,CAAC+B,WAAD,EAAc9B,UAAd,EAA0BC,QAA1B,CADV,GAEI6B,WAHN;AAKA2B,IAAAA,UAAU,CAAClF,OAAD,CAAV;AACAoF,IAAAA,sBAAsB,CAAC9D,iBAAiB,CAACtB,OAAD,EAAUe,KAAV,CAAlB,CAAtB;AACD,GAVD,EAUG,CACDW,QADC,EAEDD,UAFC,EAGDmD,iBAHC,EAIDrB,WAJC,EAKDrC,KAAK,CAACyD,YALL,EAMDzD,KAAK,CAACH,KANL,EAODqC,UAPC,CAVH;AAoBA;AACF;AACA;AACA;;AACE,MAAM+E,YAAY,GAAGrJ,KAAK,CAACoH,WAAN,CACnB,UAAC9E,CAAD,EAA2C;AAAA;;AACzC,iCAAI8C,YAAY,CAACyB,OAAjB,kDAAI,sBAAsByC,QAAtB,CAA+BhH,CAAC,CAACiH,MAAjC,CAAJ,EAAsD;AACpDjH,MAAAA,CAAC,CAACC,cAAF;AACD;AACF,GALkB,EAMnB,EANmB,CAArB;AASA,MAAMiH,oBAAiE,GACrExJ,KAAK,CAACoH,WAAN,CACE,UAAC9E,CAAD,EAAO;AACL,QAAMmH,sBAAsB,GAAGjH,iBAAiB,CAC9CtB,OAD8C,EAE9CoB,CAAC,CAACoH,aAAF,CAAgBzH,KAF8B,CAAhD;;AAKA,QAAIoE,mBAAmB,KAAKoD,sBAA5B,EAAoD;AAClD,UAAI,CAAC/D,mBAAL,EAA0B;AACxBY,QAAAA,sBAAsB,CAACmD,sBAAD,CAAtB;AACD;;AACDhG,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGnB,CAAH,CAAR;AACD;AACF,GAbH,EAcE,CAACoD,mBAAD,EAAsBjC,QAAtB,EAAgCvC,OAAhC,EAAyCmF,mBAAzC,CAdF,CADF;AAkBA,MAAMsD,cAA4D,GAChE3J,KAAK,CAACoH,WAAN,CACE,UAACV,KAAD,EAAW;AACT,KAAC,SAAD,EAAY,WAAZ,EAAyB,QAAzB,EAAmC,OAAnC,EAA4CQ,QAA5C,CAAqDR,KAAK,CAAC0B,GAA3D,KACEF,eAAe,EADjB,IAEExB,KAAK,CAACnE,cAAN,EAFF;;AAIA,YAAQmE,KAAK,CAAC0B,GAAd;AACE,WAAK,SAAL;AACEF,QAAAA,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;AACA;;AACF,WAAK,WAAL;AACEf,QAAAA,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;AACA;;AACF,WAAK,QAAL;AACER,QAAAA,KAAK;AACL;;AACF,WAAK,OAAL;AACEP,QAAAA,eAAe,MAAMQ,aAAa,EAAlC;AACA;AAZJ;AAcD,GApBH,EAqBE,CAACR,eAAD,EAAkBO,KAAlB,EAAyBQ,WAAzB,EAAsCP,aAAtC,CArBF,CADF;AAyBA,MAAM9E,aAAyD,GAC7D5D,KAAK,CAACoH,WAAN,CACE,UAAC9E,CAAD,EAAO;AACL,QAAIqB,iBAAJ,EAAuB;AACrB,UAAMzC,QAAO,GAAGyC,iBAAiB,CAACrB,CAAD,EAAImC,WAAJ,CAAjC;;AACA,UAAIvD,QAAJ,EAAa;AACX,YAAI6D,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1CrD,UAAAA,IAAI,CACF,8EACE,qHAFA,CAAJ;AAID;;AACDwE,QAAAA,UAAU,CAAClF,QAAD,CAAV;AACAoF,QAAAA,sBAAsB,CACpB9D,iBAAiB,CAACtB,QAAD,EAAU4E,iBAAV,CADG,CAAtB;AAGD;AACF,KAdD,MAcO;AACL,UAAM5E,SAAO,GAAGwB,MAAM,CAAC+B,WAAD,EAAcnC,CAAC,CAACiH,MAAF,CAAStH,KAAvB,EAA8BW,QAA9B,CAAtB;;AACAwD,MAAAA,UAAU,CAAClF,SAAD,CAAV;AACAoF,MAAAA,sBAAsB,CAAC9D,iBAAiB,CAACtB,SAAD,EAAU4E,iBAAV,CAAlB,CAAtB;AACD;;AACDF,IAAAA,aAAa,CAACtD,CAAC,CAACiH,MAAF,CAAStH,KAAV,CAAb;AACD,GAtBH,EAuBE,CAACW,QAAD,EAAWkD,iBAAX,EAA8BnC,iBAA9B,EAAiDc,WAAjD,CAvBF,CADF;AA2BA,MAAMmF,mBAAmB,GAAG5J,KAAK,CAACoH,WAAN,CAC1B,UAACV,KAAD,EAAgC;AAC9B,QAAIA,KAAK,CAAC0B,GAAN,CAAUhH,MAAV,KAAqB,CAArB,IAA0BsF,KAAK,CAAC0B,GAAN,KAAc,GAA5C,EAAiD;AAC/CD,MAAAA,eAAe,CAACzB,KAAK,CAAC0B,GAAP,CAAf;AACA;AACD;;AAED,KAAC,SAAD,EAAY,WAAZ,EAAyB,QAAzB,EAAmC,OAAnC,EAA4ClB,QAA5C,CAAqDR,KAAK,CAAC0B,GAA3D,KACEF,eAAe,EADjB,IAEExB,KAAK,CAACnE,cAAN,EAFF;;AAIA,YAAQmE,KAAK,CAAC0B,GAAd;AACE,WAAK,SAAL;AACE,YAAI7B,MAAJ,EAAY;AACV2B,UAAAA,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;AACD,SAFD,MAEO;AACLN,UAAAA,IAAI;AACL;;AACD;;AACF,WAAK,WAAL;AACE,YAAIpC,MAAJ,EAAY;AACV2B,UAAAA,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;AACD,SAFD,MAEO;AACLN,UAAAA,IAAI;AACL;;AACD;;AACF,WAAK,QAAL;AACEF,QAAAA,KAAK;AACL;;AACF,WAAK,OAAL;AACA,WAAK,UAAL;AACA,WAAK,GAAL;AACE,YAAIlC,MAAJ,EAAY;AACV2B,UAAAA,eAAe,MAAMQ,aAAa,EAAlC;AACD,SAFD,MAEO;AACLC,UAAAA,IAAI;AACL;;AACD;AA1BJ;AA4BD,GAvCyB,EAwC1B,CACET,eADF,EAEEO,KAFF,EAGEQ,WAHF,EAIEd,eAJF,EAKEQ,IALF,EAMEpC,MANF,EAOEmC,aAPF,CAxC0B,CAA5B;AAmDA,MAAMmB,iBAAiB,GAAG7J,KAAK,CAACoH,WAAN,CACxB,UAAC9E,CAAD,EAAsC;AAAA;;AACpC,QAAMgF,KAAK,GAAGwC,KAAK,CAACC,SAAN,CAAgBC,OAAhB,CAAwBC,IAAxB,0BACZ3H,CAAC,CAACoH,aAAF,CAAgBQ,UADJ,0DACZ,sBAA4BxG,QADhB,EAEZpB,CAAC,CAACoH,aAFU,CAAd;AAIA,QAAMpI,MAAM,GAAGJ,OAAO,CAACoG,KAAD,CAAtB;;AAEA,QAAIhG,MAAM,IAAI,CAACA,MAAM,CAACE,QAAtB,EAAgC;AAC9BkH,MAAAA,aAAa;AACd;AACF,GAXuB,EAYxB,CAACxH,OAAD,EAAUwH,aAAV,CAZwB,CAA1B;AAeA,MAAMyB,iBAAiB,GAAGnK,KAAK,CAACoH,WAAN,CACxB,UAAC9E,CAAD,EAAsC;AAAA;;AACpC0F,IAAAA,kBAAkB,CAChB8B,KAAK,CAACC,SAAN,CAAgBC,OAAhB,CAAwBC,IAAxB,2BACE3H,CAAC,CAACoH,aAAF,CAAgBQ,UADlB,2DACE,uBAA4BxG,QAD9B,EAEEpB,CAAC,CAACoH,aAFJ,CADgB,EAKhB,KALgB,CAAlB;AAOD,GATuB,EAUxB,CAAC1B,kBAAD,CAVwB,CAA1B;AAaA,MAAMzD,YAAY,GAAGvE,KAAK,CAACoH,WAAN,CACnB,UAAC9F,MAAD,EAAsCgG,KAAtC,EAAwD;AACtD,QAAM8C,OAAO,GAAG9C,KAAK,KAAK/B,kBAA1B;AACA,QAAMwB,QAAQ,GAAGO,KAAK,KAAKjB,mBAA3B;AAEA,WACE,oBAAC,KAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,YAAK/E,MAAM,CAACW,KAAZ;AAAnB,OACGuC,gBAAgB,CAAC;AAChBlD,MAAAA,MAAM,EAANA,MADgB;AAEhB8I,MAAAA,OAAO,EAAPA,OAFgB;AAGhB1G,MAAAA,QAAQ,EAAEpC,MAAM,CAACiH,KAHD;AAIhBxB,MAAAA,QAAQ,EAARA,QAJgB;AAKhBvF,MAAAA,QAAQ,EAAEF,MAAM,CAACE,QALD;AAMhBuH,MAAAA,OAAO,EAAEc,iBANO;AAOhBQ,MAAAA,WAAW,EAAEhI,gBAPG;AAQhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAiI,MAAAA,WAAW,EAAEH;AAhBG,KAAD,CADnB,CADF;AAsBD,GA3BkB,EA4BnB,CACE5E,kBADF,EAEEsE,iBAFF,EAGEM,iBAHF,EAIE3F,gBAJF,EAKE6B,mBALF,CA5BmB,CAArB;AAqCA,MAAMkE,eAAe,GAAGvK,KAAK,CAACgH,OAAN,CAAc,YAAM;AAC1C,QAAMwD,sBAAsB,GAC1B,CAAAtJ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEE,MAAT,IAAkB,CAAlB,GACEF,OAAO,CAACa,GAAR,CAAYwC,YAAZ,CADF,GAGE,oBAAC,OAAD;AAAS,MAAA,SAAS,EAAC;AAAnB,OAA0CG,SAA1C,CAJJ;;AAOA,QAAI,OAAOb,cAAP,KAA0B,UAA9B,EAA0C;AACxC,aAAOA,cAAc,CAAC;AAAE2G,QAAAA,sBAAsB,EAAtBA;AAAF,OAAD,CAArB;AACD,KAFD,MAEO;AACL,aAAOA,sBAAP;AACD;AACF,GAbuB,EAarB,CAAC9F,SAAD,EAAYxD,OAAZ,EAAqB2C,cAArB,EAAqCU,YAArC,CAbqB,CAAxB;AAeA,SACE;AACE,IAAA,SAAS,EAAC,cADZ;AAEE,IAAA,SAAS,EAAErB,SAFb;AAGE,IAAA,KAAK,EAAEM,KAHT;AAIE,IAAA,GAAG,EAAErD,QAAQ,CAAC+E,YAAD,EAAe9B,UAAf,CAJf;AAKE,IAAA,OAAO,EAAEiG;AALX,KAOG9C,MAAM,IAAIjC,UAAV,GACC,oBAAC,KAAD,eACMQ,SADN;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,MAAM,EAAE8D,MAHV;AAIE,IAAA,SAAS,EAAE3B,gBAJb;AAKE,IAAA,KAAK,EAAEtE,UALT;AAME,IAAA,SAAS,EAAEgH,cANb;AAOE,IAAA,QAAQ,EAAE/F,aAPZ,CAQE;AACA;AACA;AAVF;AAWE,IAAA,OAAO,EAAExB,KAAK,CAAC2G,OAXjB;AAYE,IAAA,MAAM,EAAE/F,MAZV;AAaE,IAAA,KAAK,EAAE2B,IAbT;AAcE,IAAA,WAAW,EAAEG,SAAS,CAAC2F,WAdzB;AAeE,IAAA,IAAI,EAAE5J,8BAA8B,CAACqD,UAAD;AAftC,KADD,GAmBC,oBAAC,aAAD,eACMY,SADN;AAEE,mBAAa,IAFf;AAGE,IAAA,OAAO,EAAEiE,OAHX;AAIE,IAAA,SAAS,EAAEa,mBAJb;AAKE,IAAA,OAAO,EAAEZ,WALX;AAME,IAAA,OAAO,EAAEF,OANX;AAOE,IAAA,MAAM,EAAEF,MAPV;AAQE,IAAA,SAAS,EAAE3B,gBARb;AASE,IAAA,KAAK,EAAEtC,IATT;AAUE,IAAA,UAAU,EAAET;AAVd,MAYG6C,QAZH,aAYGA,QAZH,uBAYGA,QAAQ,CAAEwB,KAZb,CA1BJ,EAyCE;AACE,IAAA,GAAG,EAAElD,WADP;AAEE,IAAA,IAAI,EAAEpC,IAFR;AAGE,IAAA,QAAQ,EAAEuG,oBAHZ;AAIE,IAAA,MAAM,EAAEpH,KAAK,CAACwG,MAJhB;AAKE,IAAA,OAAO,EAAExG,KAAK,CAAC0G,OALjB;AAME,IAAA,OAAO,EAAE1G,KAAK,CAAC2G,OANjB;AAOE,IAAA,KAAK,EAAEjD,iBAPT;AAQE,mBAAa,IARf;AASE,IAAA,SAAS,EAAC;AATZ,KAWGrB,WAAW,CAAC1C,GAAZ,CAAgB,UAACC,IAAD;AAAA,WACf;AAAQ,MAAA,GAAG,YAAKA,IAAI,CAACC,KAAV,CAAX;AAA8B,MAAA,KAAK,EAAED,IAAI,CAACC;AAA1C,MADe;AAAA,GAAhB,CAXH,CAzCF,EAwDGsE,MAAM,IACL,oBAAC,oBAAD;AACE,IAAA,SAAS,EAAErB,YADb;AAEE,IAAA,SAAS,EAAE7B,cAFb;AAGE,IAAA,YAAY,EAAE+B,YAHhB;AAIE,IAAA,iBAAiB,EAAEe,kBAJrB;AAKE,IAAA,YAAY,EAAE0C,kBALhB;AAME,IAAA,QAAQ,EAAE7E,QANZ;AAOE,IAAA,cAAc,EAAEY,sBAPlB;AAQE,IAAA,SAAS,EAAEC,gBARb;AASE,IAAA,WAAW,EAAEZ,mBATf;AAUE,IAAA,iBAAiB,EAAEG,iBAVrB;AAWE,IAAA,sBAAsB,EAAEC,sBAX1B;AAYE,IAAA,cAAc,EAAEe;AAZlB,KAcGmF,eAdH,CAzDJ,CADF;AA6ED;AAED;AACA;AACA;;;AACA,OAAO,IAAMG,YAAY,GAAGpK,cAAc,CAACyC,qBAAD,EAAwB;AAChEO,EAAAA,KAAK,EAAE;AADyD,CAAxB,CAAnC","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[] = [];\nconst defaultIcon = <DropdownIcon />;\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 {\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 = defaultIcon,\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  const [opened, setOpened] = React.useState(false);\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) {\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"],"file":"CustomSelect.js"}
+{"version":3,"sources":["../../../src/components/CustomSelect/CustomSelect.tsx"],"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","defaultIcon","CustomSelectComponent","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","useState","focusedOptionIndex","setFocusedOptionIndex","undefined","isControlledOutside","setIsControlledOutside","setInputValue","defaultValue","nativeSelectValue","setNativeSelectValue","keyboardInput","setKeyboardInput","popperPlacement","setPopperPlacement","setOptions","selectedOptionIndex","setSelectedOptionIndex","opened","setOpened","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"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,oBAA7B;AACA,SAASC,UAAT;AAEA,SAASC,cAAT;AACA,SACEC,kBADF;AAMA,SAASC,KAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SACEC,eADF,EAEEC,8BAFF;AAKA,SAASC,oBAAT;AAEA,SAASC,UAAT;AACA,SAASC,yBAAT;;AAGA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAGlB;AAAA,MAFHC,OAEG,uEAFsC,EAEtC;AAAA,MADHC,UACG,uEADU,CAAC,CACX;;AACH,MAAIA,UAAU,IAAID,OAAO,CAACE,MAAR,GAAiB,CAAnC,EAAsC;AACpC,WAAO,CAAC,CAAR;AACD;;AACD,SAAOF,OAAO,CAACG,SAAR,CAAkB,UAACC,MAAD,EAASC,CAAT;AAAA,WAAeA,CAAC,GAAGJ,UAAJ,IAAkB,CAACG,MAAM,CAACE,QAAzC;AAAA,GAAlB,CAAP;AACD,CARD;;AAUA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAGnB;AAAA,MAFHP,OAEG,uEAFsC,EAEtC;AAAA,MADHQ,QACG,uEADgBR,OAAO,CAACE,MACxB;AACH,MAAIO,MAAM,GAAG,CAAC,CAAd;;AACA,MAAID,QAAQ,IAAI,CAAhB,EAAmB;AACjB,WAAOC,MAAP;AACD;;AACD,OAAK,IAAIJ,CAAC,GAAGG,QAAQ,GAAG,CAAxB,EAA2BH,CAAC,IAAI,CAAhC,EAAmCA,CAAC,EAApC,EAAwC;AACtC,QAAID,OAAM,GAAGJ,OAAO,CAACK,CAAD,CAApB;;AAEA,QAAI,CAACD,OAAM,CAACE,QAAZ,EAAsB;AACpBG,MAAAA,MAAM,GAAGJ,CAAT;AACA;AACD;AACF;;AACD,SAAOI,MAAP;AACD,CAjBD;;AAmBA,IAAMC,IAAI,GAAGjB,QAAQ,CAAC,cAAD,CAArB;;AAEA,IAAMkB,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACX,OAAD,EAA4C;AACxE,MAAI,IAAIY,GAAJ,CAAQZ,OAAO,CAACa,GAAR,CAAY,UAACC,IAAD;AAAA,mBAAiBA,IAAI,CAACC,KAAtB;AAAA,GAAZ,CAAR,EAAkDC,IAAlD,GAAyD,CAA7D,EAAgE;AAC9DN,IAAAA,IAAI,CACF,6FADE,EAEF,OAFE,CAAJ;AAID;AACF,CAPD;;AASA,SAASO,qBAAT,OAG6C;AAAA,MAF3Cb,MAE2C,QAF3CA,MAE2C;AAAA,MADxCc,KACwC;;AAC3C,SAAO,oBAAC,kBAAD,EAAwBA,KAAxB,CAAP;AACD;;AAED,IAAMC,gBAAmC,GAAG,SAAtCA,gBAAsC,CAC1CC,CAD0C,EAEvC;AACHA,EAAAA,CAAC,CAACC,cAAF;AACD,CAJD;;AAMA,SAASC,iBAAT,CACEtB,OADF,EAEEe,KAFF,EAGE;AAAA;;AACA,+BACEf,OAAO,CAACG,SAAR,CAAkB,UAACW,IAAD,EAAU;AAC1BC,IAAAA,KAAK,GAAG,OAAOD,IAAI,CAACC,KAAZ,KAAsB,QAAtB,GAAiCQ,MAAM,CAACR,KAAD,CAAvC,GAAiDA,KAAzD;AACA,WAAOD,IAAI,CAACC,KAAL,KAAeA,KAAtB;AACD,GAHD,CADF,mEAIQ,CAAC,CAJT;AAMD;;AAED,IAAMS,MAAM,GAAG,SAATA,MAAS,CACbxB,OADa,EAEbyB,UAFa,EAGbC,QAHa,EAIV;AACH,SAAO,OAAOA,QAAP,KAAoB,UAApB,GACH1B,OAAO,CAACwB,MAAR,CAAe,UAACpB,MAAD;AAAA,WAAYsB,QAAQ,CAACD,UAAD,EAAarB,MAAb,CAApB;AAAA,GAAf,CADG,GAEHJ,OAFJ;AAGD,CARD;;AAUA,IAAM2B,cAA6C,GAAG,EAAtD;AACA,IAAMC,WAAW,GAAG,oBAAC,YAAD,OAApB;;AAyEA,SAASC,qBAAT,CAA+BX,KAA/B,EAAyD;AAAA;;AACvD,MACEY,MADF,GA8BIZ,KA9BJ,CACEY,MADF;AAAA,MAEEC,IAFF,GA8BIb,KA9BJ,CAEEa,IAFF;AAAA,MAGEC,SAHF,GA8BId,KA9BJ,CAGEc,SAHF;AAAA,MAIEC,MAJF,GA8BIf,KA9BJ,CAIEe,MAJF;AAAA,MAKEC,UALF,GA8BIhB,KA9BJ,CAKEgB,UALF;AAAA,MAMEC,cANF,GA8BIjB,KA9BJ,CAMEiB,cANF;AAAA,MAOEC,KAPF,GA8BIlB,KA9BJ,CAOEkB,KAPF;AAAA,MAQEC,QARF,GA8BInB,KA9BJ,CAQEmB,QARF;AAAA,MASEC,KATF,GA8BIpB,KA9BJ,CASEoB,KATF;AAAA,MAUEC,QAVF,GA8BIrB,KA9BJ,CAUEqB,QAVF;AAAA,MAWEC,QAXF,GA8BItB,KA9BJ,CAWEsB,QAXF;AAAA,MAYiBC,iBAZjB,GA8BIvB,KA9BJ,CAYEwB,aAZF;AAAA,MAaEC,cAbF,GA8BIzB,KA9BJ,CAaEyB,cAbF;AAAA,MAcEC,MAdF,GA8BI1B,KA9BJ,CAcE0B,MAdF;AAAA,MAeEC,OAfF,GA8BI3B,KA9BJ,CAeE2B,OAfF;AAAA,MAgBEC,QAhBF,GA8BI5B,KA9BJ,CAgBE4B,QAhBF;AAAA,MAiBEC,mBAjBF,GA8BI7B,KA9BJ,CAiBE6B,mBAjBF;AAAA,0BA8BI7B,KA9BJ,CAkBE8B,UAlBF;AAAA,MAkBEA,UAlBF,kCAkBenD,UAAU,CAACoD,OAlB1B;AAAA,MAmBEC,iBAnBF,GA8BIhC,KA9BJ,CAmBEgC,iBAnBF;AAAA,MAoBEC,sBApBF,GA8BIjC,KA9BJ,CAoBEiC,sBApBF;AAAA,0BA8BIjC,KA9BJ,CAqBEkC,UArBF;AAAA,MAqBEA,UArBF,kCAqBe,KArBf;AAAA,4BA8BIlC,KA9BJ,CAsBEmC,YAtBF;AAAA,MAsBgBC,gBAtBhB,oCAsBmCrC,qBAtBnC;AAAA,uBA8BIC,KA9BJ,CAuBElB,OAvBF;AAAA,MAuBWuD,WAvBX,+BAuByB5B,cAvBzB;AAAA,yBA8BIT,KA9BJ,CAwBEsC,SAxBF;AAAA,MAwBEA,SAxBF,iCAwBc,mBAxBd;AAAA,wBA8BItC,KA9BJ,CAyBEQ,QAzBF;AAAA,MAyBEA,QAzBF,gCAyBahC,eAzBb;AAAA,oBA8BIwB,KA9BJ,CA0BEuC,IA1BF;AAAA,MA0BEA,IA1BF,4BA0BS7B,WA1BT;AAAA,8BA8BIV,KA9BJ,CA2BEwC,sBA3BF;AAAA,MA2BEA,sBA3BF,sCA2B2B,CA3B3B;AAAA,8BA8BIxC,KA9BJ,CA4BEyC,gBA5BF;AAAA,MA4BEA,gBA5BF,sCA4BqB,IA5BrB;AAAA,MA6BKC,SA7BL,4BA8BI1C,KA9BJ;;AAgCA,MAAI2C,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1CpD,IAAAA,qBAAqB,CAAC4C,WAAD,CAArB;AACD;;AAED,MAAMS,YAAY,GAAGlF,KAAK,CAACmF,MAAN,CAA+B,IAA/B,CAArB;AACA,MAAMC,YAAY,GAAGpF,KAAK,CAACmF,MAAN,CAA6B,IAA7B,CAArB;AACA,MAAME,WAAW,GAAGrF,KAAK,CAACmF,MAAN,CAAgC,IAAhC,CAApB;;AAEA,wBAAoDnF,KAAK,CAACsF,QAAN,CAElD,CAAC,CAFiD,CAApD;AAAA;AAAA,MAAOC,kBAAP;AAAA,MAA2BC,qBAA3B;;AAGA,yBAAsDxF,KAAK,CAACsF,QAAN,CACpDlD,KAAK,CAACH,KAAN,KAAgBwD,SADoC,CAAtD;AAAA;AAAA,MAAOC,mBAAP;AAAA,MAA4BC,sBAA5B;;AAGA,yBAAoC3F,KAAK,CAACsF,QAAN,CAAe,EAAf,CAApC;AAAA;AAAA,MAAO3C,UAAP;AAAA,MAAmBiD,aAAnB;;AACA,yBAAkD5F,KAAK,CAACsF,QAAN,iBAChDlD,KAAK,CAACH,KAD0C,uDACjCG,KAAK,CAACyD,YAD2B,CAAlD;AAAA;AAAA,MAAOC,iBAAP;AAAA,MAA0BC,oBAA1B;;AAGA,yBAA0C/F,KAAK,CAACsF,QAAN,CAAe,EAAf,CAA1C;AAAA;AAAA,MAAOU,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,0BAA8CjG,KAAK,CAACsF,QAAN,CAE5CG,SAF4C,CAA9C;AAAA;AAAA,MAAOS,eAAP;AAAA,MAAwBC,kBAAxB;;AAGA,0BAA8BnG,KAAK,CAACsF,QAAN,CAAeb,WAAf,CAA9B;AAAA;AAAA,MAAOvD,OAAP;AAAA,MAAgBkF,UAAhB;;AACA,0BAAsDpG,KAAK,CAACsF,QAAN,CAEpD9C,iBAAiB,CAACiC,WAAD,mBAAcrC,KAAK,CAACH,KAApB,yDAA6BG,KAAK,CAACyD,YAAnC,CAFmC,CAAtD;AAAA;AAAA,MAAOQ,mBAAP;AAAA,MAA4BC,sBAA5B;;AAGA,0BAA4BtG,KAAK,CAACsF,QAAN,CAAe,KAAf,CAA5B;AAAA;AAAA,MAAOiB,MAAP;AAAA,MAAeC,SAAf;;AAEAxG,EAAAA,KAAK,CAACyG,SAAN,CAAgB,YAAM;AACpBd,IAAAA,sBAAsB,CAACvD,KAAK,CAACH,KAAN,KAAgBwD,SAAjB,CAAtB;AACAM,IAAAA,oBAAoB,CAClB,UAACD,iBAAD;AAAA;;AAAA,8BAAuB1D,KAAK,CAACH,KAA7B,yDAAsC6D,iBAAtC;AAAA,KADkB,CAApB;AAGD,GALD,EAKG,CAAC1D,KAAK,CAACH,KAAP,CALH;AAOAjB,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAI8E,iBAAiB,KAAKL,SAA1B,EAAqC;AAAA;;AACnC,UAAMiB,MAAK,GAAG,IAAIC,KAAJ,CAAU,QAAV,EAAoB;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAApB,CAAd;;AAEA,8BAAAvB,WAAW,CAACwB,OAAZ,8EAAqBC,aAArB,CAAmCJ,MAAnC;AACD;AACF,GANwB,EAMtB,CAACZ,iBAAD,CANsB,CAAzB;AAQA,MAAMiB,QAAQ,GAAG/G,KAAK,CAACgH,OAAN,CAAc,YAAM;AACnC,QAAI,CAAC9F,OAAO,CAACE,MAAb,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,WAAOiF,mBAAmB,KAAKZ,SAAxB,GACHvE,OAAO,CAACmF,mBAAD,CADJ,GAEHZ,SAFJ;AAGD,GARgB,EAQd,CAACvE,OAAD,EAAUmF,mBAAV,CARc,CAAjB;AAUA,MAAMY,gBAAgB,GAAGjH,KAAK,CAACgH,OAAN,CACvB;AAAA,WACE3G,UAAU,CACRkG,MAAM,IAAI,cADF,EAERA,MAAM,IACJ3B,sBAAsB,KAAK,CAD7B,KAEGsB,eAAe,SAAf,IAAAA,eAAe,WAAf,IAAAA,eAAe,CAAEgB,QAAjB,CAA0B,KAA1B,IACG,gBADH,GAEG,kBAJN,CAFQ,CADZ;AAAA,GADuB,EAUvB,CAACtC,sBAAD,EAAyB2B,MAAzB,EAAiCL,eAAjC,CAVuB,CAAzB;AAaA,MAAMiB,kBAAkB,GAAGnH,KAAK,CAACoH,WAAN,CAAkB,YAAM;AACjDnB,IAAAA,gBAAgB,CAAC,EAAD,CAAhB;AACD,GAF0B,EAExB,EAFwB,CAA3B;AAIA,MAAMoB,eAAe,GAAGrH,KAAK,CAACoH,WAAN,CAAkB,UAACE,KAAD,EAAmC;AAAA,QAAnBC,MAAmB,uEAAV,KAAU;AAC3E,QAAMC,QAAQ,GAAGpC,YAAY,CAACyB,OAA9B;AACA,QAAM7E,IAAI,GAAGwF,QAAQ,GAAIA,QAAQ,CAAC9D,QAAT,CAAkB4D,KAAlB,CAAJ,GAA+C,IAApE;;AAEA,QAAI,CAACtF,IAAD,IAAS,CAACwF,QAAd,EAAwB;AACtB;AACD;;AAED,QAAMC,cAAc,GAAGD,QAAQ,CAACE,YAAhC;AACA,QAAMC,SAAS,GAAGH,QAAQ,CAACG,SAA3B;AACA,QAAMC,OAAO,GAAG5F,IAAI,CAAC6F,SAArB;AACA,QAAMC,UAAU,GAAG9F,IAAI,CAAC0F,YAAxB;;AAEA,QAAIH,MAAJ,EAAY;AACVC,MAAAA,QAAQ,CAACG,SAAT,GAAqBC,OAAO,GAAGH,cAAc,GAAG,CAA3B,GAA+BK,UAAU,GAAG,CAAjE;AACD,KAFD,MAEO,IAAIF,OAAO,GAAGE,UAAV,GAAuBL,cAAc,GAAGE,SAA5C,EAAuD;AAC5DH,MAAAA,QAAQ,CAACG,SAAT,GAAqBC,OAAO,GAAGH,cAAV,GAA2BK,UAAhD;AACD,KAFM,MAEA,IAAIF,OAAO,GAAGD,SAAd,EAAyB;AAC9BH,MAAAA,QAAQ,CAACG,SAAT,GAAqBC,OAArB;AACD;AACF,GApBuB,EAoBrB,EApBqB,CAAxB;AAsBA,MAAMG,YAAY,GAAG/H,KAAK,CAACoH,WAAN,CACnB,UAACE,KAAD,EAAmB;AAAA;;AACjB,WAAOA,KAAK,IAAI,CAAT,IAAcA,KAAK,uBAAIpG,OAAO,CAACE,MAAZ,6DAAsB,CAAtB,CAA1B;AACD,GAHkB,EAInB,CAACF,OAAO,CAACE,MAAT,CAJmB,CAArB;AAOA,MAAM4G,kBAAkB,GAAGhI,KAAK,CAACoH,WAAN,CACzB,UAACE,KAAD,EAAgD;AAAA;;AAAA,QAApBW,QAAoB,uEAAT,IAAS;;AAC9C,QACEX,KAAK,KAAK7B,SAAV,IACA6B,KAAK,GAAG,CADR,IAEAA,KAAK,GAAG,qBAACpG,OAAO,CAACE,MAAT,+DAAmB,CAAnB,IAAwB,CAHlC,EAIE;AACA;AACD;;AAED,QAAME,MAAM,GAAGJ,OAAO,CAACoG,KAAD,CAAtB;;AAEA,QAAIhG,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,QAAZ,EAAsB;AACpB;AACD;;AAED,QAAIyG,QAAJ,EAAc;AACZZ,MAAAA,eAAe,CAACC,KAAD,CAAf;AACD,KAjB6C,CAmB9C;;;AACA9B,IAAAA,qBAAqB,CAAC,UAACD,kBAAD;AAAA,aACpBA,kBAAkB,KAAK+B,KAAvB,GAA+BA,KAA/B,GAAuC/B,kBADnB;AAAA,KAAD,CAArB;AAGD,GAxBwB,EAyBzB,CAACrE,OAAD,EAAUmG,eAAV,CAzByB,CAA3B;AA4BA,MAAMa,eAAe,GAAGlI,KAAK,CAACoH,WAAN,CAAkB,YAAM;AAC9C,WAAOhC,YAAY,CAACyB,OAAb,KAAyB,IAAhC;AACD,GAFuB,EAErB,EAFqB,CAAxB;AAIA,MAAMsB,eAAe,GAAGnI,KAAK,CAACoH,WAAN,CACtB,UAACgB,GAAD,EAAiB;AACf,QAAMC,SAAS,GAAGrC,aAAa,GAAGoC,GAAlC;AAEA,QAAME,WAAW,GAAGpH,OAAO,CAACG,SAAR,CAAkB,UAACC,MAAD,EAAY;AAChD,aAAOlB,oBAAoB,CAACkB,MAAM,CAACiH,KAAR,CAApB,CACJC,WADI,GAEJtB,QAFI,CAEKmB,SAFL,CAAP;AAGD,KAJmB,CAApB;;AAMA,QAAIC,WAAW,KAAK7C,SAAhB,IAA6B6C,WAAW,GAAG,CAAC,CAAhD,EAAmD;AACjDN,MAAAA,kBAAkB,CAACM,WAAD,CAAlB;AACD;;AAEDrC,IAAAA,gBAAgB,CAACoC,SAAD,CAAhB;AACD,GAfqB,EAgBtB,CAACL,kBAAD,EAAqBhC,aAArB,EAAoC9E,OAApC,CAhBsB,CAAxB;AAmBA,MAAMuH,KAAK,GAAGzI,KAAK,CAACoH,WAAN,CAAkB,YAAM;AACpCD,IAAAA,kBAAkB;AAElBvB,IAAAA,aAAa,CAAC,EAAD,CAAb;AACAY,IAAAA,SAAS,CAAC,KAAD,CAAT;AACAhB,IAAAA,qBAAqB,CAAC,CAAC,CAAF,CAArB;AACAY,IAAAA,UAAU,CAAC3B,WAAD,CAAV;AACAV,IAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;AACR,GARa,EAQX,CAACA,OAAD,EAAUU,WAAV,EAAuB0C,kBAAvB,CARW,CAAd;AAUA,MAAMuB,aAAa,GAAG1I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AAC5C,QAAI7B,kBAAkB,KAAKE,SAAvB,IAAoCsC,YAAY,CAACxC,kBAAD,CAApD,EAA0E;AACxE,UAAMvD,IAAI,GAAGd,OAAO,CAACqE,kBAAD,CAApB;AAEAQ,MAAAA,oBAAoB,CAAC/D,IAAD,aAACA,IAAD,uBAACA,IAAI,CAAEC,KAAP,CAApB;AACAwG,MAAAA,KAAK;AACN;AACF,GAPqB,EAOnB,CAACA,KAAD,EAAQlD,kBAAR,EAA4BwC,YAA5B,EAA0C7G,OAA1C,CAPmB,CAAtB;AASA,MAAMyH,IAAI,GAAG3I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AACnCZ,IAAAA,SAAS,CAAC,IAAD,CAAT;AACAhB,IAAAA,qBAAqB,CAACa,mBAAD,CAArB;;AAEA,QAAI,OAAOvC,MAAP,KAAkB,UAAtB,EAAkC;AAChCA,MAAAA,MAAM;AACP;AACF,GAPY,EAOV,CAACA,MAAD,EAASuC,mBAAT,CAPU,CAAb;AASArG,EAAAA,KAAK,CAACyG,SAAN,CAAgB,YAAM;AACpB,QACEF,MAAM,IACNF,mBAAmB,KAAKZ,SADxB,IAEAsC,YAAY,CAAC1B,mBAAD,CAHd,EAIE;AACAgB,MAAAA,eAAe,CAAChB,mBAAD,EAAsB,IAAtB,CAAf;AACD;AACF,GARD,EAQG,CAAC0B,YAAD,EAAexB,MAAf,EAAuBc,eAAvB,EAAwChB,mBAAxC,CARH;AAUA,MAAMuC,MAAM,GAAG5I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AAAA;;AACrCqB,IAAAA,KAAK;AACL,QAAM/B,KAAK,GAAG,IAAIC,KAAJ,CAAU,MAAV,CAAd;AACA,6BAAAtB,WAAW,CAACwB,OAAZ,gFAAqBC,aAArB,CAAmCJ,KAAnC;AACD,GAJc,EAIZ,CAAC+B,KAAD,CAJY,CAAf;AAMA,MAAMI,kBAAkB,GAAG7I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AACjD5B,IAAAA,qBAAqB,CAAC,CAAC,CAAF,CAArB;AACD,GAF0B,EAExB,EAFwB,CAA3B;AAIA,MAAMsD,OAAO,GAAG9I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AAAA;;AACtC,QAAMV,KAAK,GAAG,IAAIC,KAAJ,CAAU,OAAV,CAAd;AACA,6BAAAtB,WAAW,CAACwB,OAAZ,gFAAqBC,aAArB,CAAmCJ,KAAnC;AACD,GAHe,EAGb,EAHa,CAAhB;AAKA,MAAMqC,OAAO,GAAG/I,KAAK,CAACoH,WAAN,CAAkB,YAAM;AACtC,QAAIb,MAAJ,EAAY;AACVkC,MAAAA,KAAK;AACN,KAFD,MAEO;AACLE,MAAAA,IAAI;AACL;AACF,GANe,EAMb,CAACF,KAAD,EAAQE,IAAR,EAAcpC,MAAd,CANa,CAAhB;AAQA,MAAMyC,WAAW,GAAGhJ,KAAK,CAACgH,OAAN,CAClB;AAAA,WAAM9G,QAAQ,CAACiH,kBAAD,EAAqB,IAArB,CAAd;AAAA,GADkB,EAElB,CAACA,kBAAD,CAFkB,CAApB;AAKA,MAAM8B,WAAW,GAAGjJ,KAAK,CAACoH,WAAN,CAClB,UAAC8B,IAAD,EAA2B;AACzB,QAAI5B,KAAK,GAAG/B,kBAAZ;;AAEA,QAAI2D,IAAI,KAAK,MAAb,EAAqB;AACnB,UAAMC,SAAS,GAAGlI,cAAc,CAACC,OAAD,EAAUoG,KAAV,CAAhC;AACAA,MAAAA,KAAK,GAAG6B,SAAS,KAAK,CAAC,CAAf,GAAmBlI,cAAc,CAACC,OAAD,CAAjC,GAA6CiI,SAArD,CAFmB,CAE6C;AACjE,KAHD,MAGO,IAAID,IAAI,KAAK,MAAb,EAAqB;AAC1B,UAAME,WAAW,GAAG3H,eAAe,CAACP,OAAD,EAAUoG,KAAV,CAAnC;AACAA,MAAAA,KAAK,GAAG8B,WAAW,KAAK,CAAC,CAAjB,GAAqB3H,eAAe,CAACP,OAAD,CAApC,GAAgDkI,WAAxD,CAF0B,CAE2C;AACtE;;AAEDpB,IAAAA,kBAAkB,CAACV,KAAD,CAAlB;AACD,GAbiB,EAclB,CAACU,kBAAD,EAAqBzC,kBAArB,EAAyCrE,OAAzC,CAdkB,CAApB;AAiBAlB,EAAAA,KAAK,CAACyG,SAAN,CAAgB,YAAM;AAAA;;AACpB,QAAMxE,KAAK,6BAAGG,KAAK,CAACH,KAAT,yDAAkB6D,iBAAlB,yCAAuC1D,KAAK,CAACyD,YAAxD;AAEA,QAAM3E,OAAO,GACXoD,UAAU,IAAI3B,UAAU,KAAK8C,SAA7B,GACI/C,MAAM,CAAC+B,WAAD,EAAc9B,UAAd,EAA0BC,QAA1B,CADV,GAEI6B,WAHN;AAKA2B,IAAAA,UAAU,CAAClF,OAAD,CAAV;AACAoF,IAAAA,sBAAsB,CAAC9D,iBAAiB,CAACtB,OAAD,EAAUe,KAAV,CAAlB,CAAtB;AACD,GAVD,EAUG,CACDW,QADC,EAEDD,UAFC,EAGDmD,iBAHC,EAIDrB,WAJC,EAKDrC,KAAK,CAACyD,YALL,EAMDzD,KAAK,CAACH,KANL,EAODqC,UAPC,CAVH;AAoBA;AACF;AACA;AACA;;AACE,MAAM+E,YAAY,GAAGrJ,KAAK,CAACoH,WAAN,CACnB,UAAC9E,CAAD,EAA2C;AAAA;;AACzC,iCAAI8C,YAAY,CAACyB,OAAjB,kDAAI,sBAAsByC,QAAtB,CAA+BhH,CAAC,CAACiH,MAAjC,CAAJ,EAAsD;AACpDjH,MAAAA,CAAC,CAACC,cAAF;AACD;AACF,GALkB,EAMnB,EANmB,CAArB;AASA,MAAMiH,oBAAiE,GACrExJ,KAAK,CAACoH,WAAN,CACE,UAAC9E,CAAD,EAAO;AACL,QAAMmH,sBAAsB,GAAGjH,iBAAiB,CAC9CtB,OAD8C,EAE9CoB,CAAC,CAACoH,aAAF,CAAgBzH,KAF8B,CAAhD;;AAKA,QAAIoE,mBAAmB,KAAKoD,sBAA5B,EAAoD;AAClD,UAAI,CAAC/D,mBAAL,EAA0B;AACxBY,QAAAA,sBAAsB,CAACmD,sBAAD,CAAtB;AACD;;AACDhG,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGnB,CAAH,CAAR;AACD;AACF,GAbH,EAcE,CAACoD,mBAAD,EAAsBjC,QAAtB,EAAgCvC,OAAhC,EAAyCmF,mBAAzC,CAdF,CADF;AAkBA,MAAMsD,cAA4D,GAChE3J,KAAK,CAACoH,WAAN,CACE,UAACV,KAAD,EAAW;AACT,KAAC,SAAD,EAAY,WAAZ,EAAyB,QAAzB,EAAmC,OAAnC,EAA4CQ,QAA5C,CAAqDR,KAAK,CAAC0B,GAA3D,KACEF,eAAe,EADjB,IAEExB,KAAK,CAACnE,cAAN,EAFF;;AAIA,YAAQmE,KAAK,CAAC0B,GAAd;AACE,WAAK,SAAL;AACEF,QAAAA,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;AACA;;AACF,WAAK,WAAL;AACEf,QAAAA,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;AACA;;AACF,WAAK,QAAL;AACER,QAAAA,KAAK;AACL;;AACF,WAAK,OAAL;AACEP,QAAAA,eAAe,MAAMQ,aAAa,EAAlC;AACA;AAZJ;AAcD,GApBH,EAqBE,CAACR,eAAD,EAAkBO,KAAlB,EAAyBQ,WAAzB,EAAsCP,aAAtC,CArBF,CADF;AAyBA,MAAM9E,aAAyD,GAC7D5D,KAAK,CAACoH,WAAN,CACE,UAAC9E,CAAD,EAAO;AACL,QAAIqB,iBAAJ,EAAuB;AACrB,UAAMzC,QAAO,GAAGyC,iBAAiB,CAACrB,CAAD,EAAImC,WAAJ,CAAjC;;AACA,UAAIvD,QAAJ,EAAa;AACX,YAAI6D,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1CrD,UAAAA,IAAI,CACF,8EACE,qHAFA,CAAJ;AAID;;AACDwE,QAAAA,UAAU,CAAClF,QAAD,CAAV;AACAoF,QAAAA,sBAAsB,CACpB9D,iBAAiB,CAACtB,QAAD,EAAU4E,iBAAV,CADG,CAAtB;AAGD;AACF,KAdD,MAcO;AACL,UAAM5E,SAAO,GAAGwB,MAAM,CAAC+B,WAAD,EAAcnC,CAAC,CAACiH,MAAF,CAAStH,KAAvB,EAA8BW,QAA9B,CAAtB;;AACAwD,MAAAA,UAAU,CAAClF,SAAD,CAAV;AACAoF,MAAAA,sBAAsB,CAAC9D,iBAAiB,CAACtB,SAAD,EAAU4E,iBAAV,CAAlB,CAAtB;AACD;;AACDF,IAAAA,aAAa,CAACtD,CAAC,CAACiH,MAAF,CAAStH,KAAV,CAAb;AACD,GAtBH,EAuBE,CAACW,QAAD,EAAWkD,iBAAX,EAA8BnC,iBAA9B,EAAiDc,WAAjD,CAvBF,CADF;AA2BA,MAAMmF,mBAAmB,GAAG5J,KAAK,CAACoH,WAAN,CAC1B,UAACV,KAAD,EAAgC;AAC9B,QAAIA,KAAK,CAAC0B,GAAN,CAAUhH,MAAV,KAAqB,CAArB,IAA0BsF,KAAK,CAAC0B,GAAN,KAAc,GAA5C,EAAiD;AAC/CD,MAAAA,eAAe,CAACzB,KAAK,CAAC0B,GAAP,CAAf;AACA;AACD;;AAED,KAAC,SAAD,EAAY,WAAZ,EAAyB,QAAzB,EAAmC,OAAnC,EAA4ClB,QAA5C,CAAqDR,KAAK,CAAC0B,GAA3D,KACEF,eAAe,EADjB,IAEExB,KAAK,CAACnE,cAAN,EAFF;;AAIA,YAAQmE,KAAK,CAAC0B,GAAd;AACE,WAAK,SAAL;AACE,YAAI7B,MAAJ,EAAY;AACV2B,UAAAA,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;AACD,SAFD,MAEO;AACLN,UAAAA,IAAI;AACL;;AACD;;AACF,WAAK,WAAL;AACE,YAAIpC,MAAJ,EAAY;AACV2B,UAAAA,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;AACD,SAFD,MAEO;AACLN,UAAAA,IAAI;AACL;;AACD;;AACF,WAAK,QAAL;AACEF,QAAAA,KAAK;AACL;;AACF,WAAK,OAAL;AACA,WAAK,UAAL;AACA,WAAK,GAAL;AACE,YAAIlC,MAAJ,EAAY;AACV2B,UAAAA,eAAe,MAAMQ,aAAa,EAAlC;AACD,SAFD,MAEO;AACLC,UAAAA,IAAI;AACL;;AACD;AA1BJ;AA4BD,GAvCyB,EAwC1B,CACET,eADF,EAEEO,KAFF,EAGEQ,WAHF,EAIEd,eAJF,EAKEQ,IALF,EAMEpC,MANF,EAOEmC,aAPF,CAxC0B,CAA5B;AAmDA,MAAMmB,iBAAiB,GAAG7J,KAAK,CAACoH,WAAN,CACxB,UAAC9E,CAAD,EAAsC;AAAA;;AACpC,QAAMgF,KAAK,GAAGwC,KAAK,CAACC,SAAN,CAAgBC,OAAhB,CAAwBC,IAAxB,0BACZ3H,CAAC,CAACoH,aAAF,CAAgBQ,UADJ,0DACZ,sBAA4BxG,QADhB,EAEZpB,CAAC,CAACoH,aAFU,CAAd;AAIA,QAAMpI,MAAM,GAAGJ,OAAO,CAACoG,KAAD,CAAtB;;AAEA,QAAIhG,MAAM,IAAI,CAACA,MAAM,CAACE,QAAtB,EAAgC;AAC9BkH,MAAAA,aAAa;AACd;AACF,GAXuB,EAYxB,CAACxH,OAAD,EAAUwH,aAAV,CAZwB,CAA1B;AAeA,MAAMyB,iBAAiB,GAAGnK,KAAK,CAACoH,WAAN,CACxB,UAAC9E,CAAD,EAAsC;AAAA;;AACpC0F,IAAAA,kBAAkB,CAChB8B,KAAK,CAACC,SAAN,CAAgBC,OAAhB,CAAwBC,IAAxB,2BACE3H,CAAC,CAACoH,aAAF,CAAgBQ,UADlB,2DACE,uBAA4BxG,QAD9B,EAEEpB,CAAC,CAACoH,aAFJ,CADgB,EAKhB,KALgB,CAAlB;AAOD,GATuB,EAUxB,CAAC1B,kBAAD,CAVwB,CAA1B;AAaA,MAAMzD,YAAY,GAAGvE,KAAK,CAACoH,WAAN,CACnB,UAAC9F,MAAD,EAAsCgG,KAAtC,EAAwD;AACtD,QAAM8C,OAAO,GAAG9C,KAAK,KAAK/B,kBAA1B;AACA,QAAMwB,QAAQ,GAAGO,KAAK,KAAKjB,mBAA3B;AAEA,WACE,oBAAC,KAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,YAAK/E,MAAM,CAACW,KAAZ;AAAnB,OACGuC,gBAAgB,CAAC;AAChBlD,MAAAA,MAAM,EAANA,MADgB;AAEhB8I,MAAAA,OAAO,EAAPA,OAFgB;AAGhB1G,MAAAA,QAAQ,EAAEpC,MAAM,CAACiH,KAHD;AAIhBxB,MAAAA,QAAQ,EAARA,QAJgB;AAKhBvF,MAAAA,QAAQ,EAAEF,MAAM,CAACE,QALD;AAMhBuH,MAAAA,OAAO,EAAEc,iBANO;AAOhBQ,MAAAA,WAAW,EAAEhI,gBAPG;AAQhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAiI,MAAAA,WAAW,EAAEH;AAhBG,KAAD,CADnB,CADF;AAsBD,GA3BkB,EA4BnB,CACE5E,kBADF,EAEEsE,iBAFF,EAGEM,iBAHF,EAIE3F,gBAJF,EAKE6B,mBALF,CA5BmB,CAArB;AAqCA,MAAMkE,eAAe,GAAGvK,KAAK,CAACgH,OAAN,CAAc,YAAM;AAC1C,QAAMwD,sBAAsB,GAC1B,CAAAtJ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEE,MAAT,IAAkB,CAAlB,GACEF,OAAO,CAACa,GAAR,CAAYwC,YAAZ,CADF,GAGE,oBAAC,OAAD;AAAS,MAAA,SAAS,EAAC;AAAnB,OAA0CG,SAA1C,CAJJ;;AAOA,QAAI,OAAOb,cAAP,KAA0B,UAA9B,EAA0C;AACxC,aAAOA,cAAc,CAAC;AAAE2G,QAAAA,sBAAsB,EAAtBA;AAAF,OAAD,CAArB;AACD,KAFD,MAEO;AACL,aAAOA,sBAAP;AACD;AACF,GAbuB,EAarB,CAAC9F,SAAD,EAAYxD,OAAZ,EAAqB2C,cAArB,EAAqCU,YAArC,CAbqB,CAAxB;AAeA,SACE;AACE,IAAA,SAAS,EAAC,cADZ;AAEE,IAAA,SAAS,EAAErB,SAFb;AAGE,IAAA,KAAK,EAAEM,KAHT;AAIE,IAAA,GAAG,EAAErD,QAAQ,CAAC+E,YAAD,EAAe9B,UAAf,CAJf;AAKE,IAAA,OAAO,EAAEiG;AALX,KAOG9C,MAAM,IAAIjC,UAAV,GACC,oBAAC,KAAD,eACMQ,SADN;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,MAAM,EAAE8D,MAHV;AAIE,IAAA,SAAS,EAAE3B,gBAJb;AAKE,IAAA,KAAK,EAAEtE,UALT;AAME,IAAA,SAAS,EAAEgH,cANb;AAOE,IAAA,QAAQ,EAAE/F,aAPZ,CAQE;AACA;AACA;AAVF;AAWE,IAAA,OAAO,EAAExB,KAAK,CAAC2G,OAXjB;AAYE,IAAA,MAAM,EAAE/F,MAZV;AAaE,IAAA,KAAK,EAAE2B,IAbT;AAcE,IAAA,WAAW,EAAEG,SAAS,CAAC2F,WAdzB;AAeE,IAAA,IAAI,EAAE5J,8BAA8B,CAACqD,UAAD;AAftC,KADD,GAmBC,oBAAC,aAAD,eACMY,SADN;AAEE,mBAAa,IAFf;AAGE,IAAA,OAAO,EAAEiE,OAHX;AAIE,IAAA,SAAS,EAAEa,mBAJb;AAKE,IAAA,OAAO,EAAEZ,WALX;AAME,IAAA,OAAO,EAAEF,OANX;AAOE,IAAA,MAAM,EAAEF,MAPV;AAQE,IAAA,SAAS,EAAE3B,gBARb;AASE,IAAA,KAAK,EAAEtC,IATT;AAUE,IAAA,UAAU,EAAET;AAVd,MAYG6C,QAZH,aAYGA,QAZH,uBAYGA,QAAQ,CAAEwB,KAZb,CA1BJ,EAyCE;AACE,IAAA,GAAG,EAAElD,WADP;AAEE,IAAA,IAAI,EAAEpC,IAFR;AAGE,IAAA,QAAQ,EAAEuG,oBAHZ;AAIE,IAAA,MAAM,EAAEpH,KAAK,CAACwG,MAJhB;AAKE,IAAA,OAAO,EAAExG,KAAK,CAAC0G,OALjB;AAME,IAAA,OAAO,EAAE1G,KAAK,CAAC2G,OANjB;AAOE,IAAA,KAAK,EAAEjD,iBAPT;AAQE,mBAAa,IARf;AASE,IAAA,SAAS,EAAC;AATZ,KAWGrB,WAAW,CAAC1C,GAAZ,CAAgB,UAACC,IAAD;AAAA,WACf;AAAQ,MAAA,GAAG,YAAKA,IAAI,CAACC,KAAV,CAAX;AAA8B,MAAA,KAAK,EAAED,IAAI,CAACC;AAA1C,MADe;AAAA,GAAhB,CAXH,CAzCF,EAwDGsE,MAAM,IACL,oBAAC,oBAAD;AACE,IAAA,SAAS,EAAErB,YADb;AAEE,IAAA,SAAS,EAAE7B,cAFb;AAGE,IAAA,YAAY,EAAE+B,YAHhB;AAIE,IAAA,iBAAiB,EAAEe,kBAJrB;AAKE,IAAA,YAAY,EAAE0C,kBALhB;AAME,IAAA,QAAQ,EAAE7E,QANZ;AAOE,IAAA,cAAc,EAAEY,sBAPlB;AAQE,IAAA,SAAS,EAAEC,gBARb;AASE,IAAA,WAAW,EAAEZ,mBATf;AAUE,IAAA,iBAAiB,EAAEG,iBAVrB;AAWE,IAAA,sBAAsB,EAAEC,sBAX1B;AAYE,IAAA,cAAc,EAAEe;AAZlB,KAcGmF,eAdH,CAzDJ,CADF;AA6ED;AAED;AACA;AACA;;;AACA,OAAO,IAAMG,YAAY,GAAGpK,cAAc,CAACyC,qBAAD,EAAwB;AAChEO,EAAAA,KAAK,EAAE;AADyD,CAAxB,CAAnC","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[] = [];\nconst defaultIcon = <DropdownIcon />;\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 {\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 = defaultIcon,\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  const [opened, setOpened] = React.useState(false);\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"],"file":"CustomSelect.js"}

package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js

@@ -10,6 +10,7 @@ import { classNames } from "../../lib/classNames";
 import { Popper } from "../Popper/Popper";
 import { Spinner } from "../Spinner/Spinner";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
+import { noop } from "../../lib/utils";
 
 var calcIsTop = function calcIsTop(placement) {
   return placement === null || placement === void 0 ? void 0 : placement.includes("top");
@@ -20,6 +21,7 @@ function getObserverModifier(element) {
     name: "customSelectChildrenChange",
     enabled: true,
     phase: "main",
+    fn: noop,
     effect: function effect(_ref) {
       var instance = _ref.instance;
       var observer = new MutationObserver(instance.forceUpdate);

package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"names":["React","CustomScrollView","classNames","Popper","Spinner","useIsomorphicLayoutEffect","calcIsTop","placement","includes","getObserverModifier","element","name","enabled","phase","effect","instance","observer","MutationObserver","forceUpdate","observe","childList","subtree","disconnect","CustomSelectDropdown","children","targetRef","scrollBoxRef","fetching","parentOnPlacementChange","onPlacementChange","offsetDistance","sameWidth","forcePortal","autoHideScrollbar","autoHideScrollbarDelay","observableRefs","restProps","useState","isTop","setIsTop","customModifiers","setCustomModifiers","Array","isArray","ref","current","push","useCallback"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Modifier } from \"react-popper\";\nimport { CustomScrollView } from \"../CustomScrollView/CustomScrollView\";\nimport { TrackerOptionsProps } from \"../CustomScrollView/useTrackerVisibility\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { HasRef } from \"../../types\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport \"./CustomSelectDropdown.css\";\n\nexport interface CustomSelectDropdownProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasRef<HTMLDivElement>,\n    TrackerOptionsProps {\n  targetRef: React.RefObject<HTMLElement>;\n  placement?: Placement;\n  scrollBoxRef?: React.RefObject<HTMLDivElement>;\n  observableRefs?:\n    | Array<React.RefObject<HTMLElement>>\n    | React.RefObject<HTMLElement>;\n  fetching?: boolean;\n  offsetDistance?: number;\n  sameWidth?: boolean;\n  forcePortal?: boolean;\n  onPlacementChange?: (placement?: Placement) => void;\n}\n\nconst calcIsTop = (placement?: Placement) => placement?.includes(\"top\");\n\nfunction getObserverModifier<T extends HTMLElement>(\n  element: T\n): Modifier<string> {\n  return {\n    name: \"customSelectChildrenChange\",\n    enabled: true,\n    phase: \"main\",\n    effect: ({ instance }) => {\n      const observer = new MutationObserver(instance.forceUpdate);\n\n      observer.observe(element, {\n        childList: true,\n        subtree: true,\n      });\n\n      return () => {\n        observer.disconnect();\n      };\n    },\n  };\n}\n\nexport const CustomSelectDropdown = ({\n  children,\n  targetRef,\n  scrollBoxRef,\n  placement,\n  fetching,\n  onPlacementChange: parentOnPlacementChange,\n  offsetDistance = 0,\n  sameWidth = true,\n  forcePortal = true,\n  autoHideScrollbar,\n  autoHideScrollbarDelay,\n  observableRefs,\n  ...restProps\n}: CustomSelectDropdownProps) => {\n  const [isTop, setIsTop] = React.useState(() => calcIsTop(placement));\n  const [customModifiers, setCustomModifiers] = React.useState<\n    Array<Modifier<string>>\n  >([]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!observableRefs) {\n      return;\n    }\n    const customModifiers: Array<Modifier<string>> = [];\n\n    if (Array.isArray(observableRefs)) {\n      for (const ref of observableRefs) {\n        if (ref?.current) {\n          customModifiers.push(getObserverModifier(ref.current));\n        }\n      }\n    } else if (observableRefs.current) {\n      customModifiers.push(getObserverModifier(observableRefs.current));\n    }\n\n    setCustomModifiers(customModifiers);\n  }, [observableRefs]);\n\n  const onPlacementChange = React.useCallback(\n    ({ placement }: { placement?: Placement }) => {\n      setIsTop(calcIsTop(placement));\n      parentOnPlacementChange?.(placement);\n    },\n    [parentOnPlacementChange, setIsTop]\n  );\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={offsetDistance}\n      sameWidth={sameWidth}\n      onPlacementChange={onPlacementChange}\n      placement={placement}\n      vkuiClass={classNames(\n        \"CustomSelectDropdown\",\n        offsetDistance === 0 &&\n          (isTop\n            ? \"CustomSelectDropdown--top\"\n            : \"CustomSelectDropdown--bottom\"),\n        sameWidth && \"CustomSelectDropdown--wide\"\n      )}\n      forcePortal={forcePortal}\n      customModifiers={customModifiers}\n      {...restProps}\n    >\n      <CustomScrollView\n        boxRef={scrollBoxRef}\n        vkuiClass=\"CustomSelectDropdown__in\"\n        autoHideScrollbar={autoHideScrollbar}\n        autoHideScrollbarDelay={autoHideScrollbarDelay}\n      >\n        {fetching ? (\n          <div vkuiClass=\"CustomSelectDropdown__fetching\">\n            <Spinner size=\"small\" />\n          </div>\n        ) : (\n          children\n        )}\n      </CustomScrollView>\n    </Popper>\n  );\n};\n"],"file":"CustomSelectDropdown.js"}
+{"version":3,"sources":["../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"names":["React","CustomScrollView","classNames","Popper","Spinner","useIsomorphicLayoutEffect","noop","calcIsTop","placement","includes","getObserverModifier","element","name","enabled","phase","fn","effect","instance","observer","MutationObserver","forceUpdate","observe","childList","subtree","disconnect","CustomSelectDropdown","children","targetRef","scrollBoxRef","fetching","parentOnPlacementChange","onPlacementChange","offsetDistance","sameWidth","forcePortal","autoHideScrollbar","autoHideScrollbarDelay","observableRefs","restProps","useState","isTop","setIsTop","customModifiers","setCustomModifiers","Array","isArray","ref","current","push","useCallback"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Modifier } from \"react-popper\";\nimport { CustomScrollView } from \"../CustomScrollView/CustomScrollView\";\nimport { TrackerOptionsProps } from \"../CustomScrollView/useTrackerVisibility\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { HasRef } from \"../../types\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport \"./CustomSelectDropdown.css\";\n\nexport interface CustomSelectDropdownProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasRef<HTMLDivElement>,\n    TrackerOptionsProps {\n  targetRef: React.RefObject<HTMLElement>;\n  placement?: Placement;\n  scrollBoxRef?: React.RefObject<HTMLDivElement>;\n  observableRefs?:\n    | Array<React.RefObject<HTMLElement>>\n    | React.RefObject<HTMLElement>;\n  fetching?: boolean;\n  offsetDistance?: number;\n  sameWidth?: boolean;\n  forcePortal?: boolean;\n  onPlacementChange?: (placement?: Placement) => void;\n}\n\nconst calcIsTop = (placement?: Placement) => placement?.includes(\"top\");\n\nfunction getObserverModifier<T extends HTMLElement>(\n  element: T\n): Modifier<string> {\n  return {\n    name: \"customSelectChildrenChange\",\n    enabled: true,\n    phase: \"main\",\n    fn: noop,\n    effect: ({ instance }) => {\n      const observer = new MutationObserver(instance.forceUpdate);\n\n      observer.observe(element, {\n        childList: true,\n        subtree: true,\n      });\n\n      return () => {\n        observer.disconnect();\n      };\n    },\n  };\n}\n\nexport const CustomSelectDropdown = ({\n  children,\n  targetRef,\n  scrollBoxRef,\n  placement,\n  fetching,\n  onPlacementChange: parentOnPlacementChange,\n  offsetDistance = 0,\n  sameWidth = true,\n  forcePortal = true,\n  autoHideScrollbar,\n  autoHideScrollbarDelay,\n  observableRefs,\n  ...restProps\n}: CustomSelectDropdownProps) => {\n  const [isTop, setIsTop] = React.useState(() => calcIsTop(placement));\n  const [customModifiers, setCustomModifiers] = React.useState<\n    Array<Modifier<string>>\n  >([]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!observableRefs) {\n      return;\n    }\n    const customModifiers: Array<Modifier<string>> = [];\n\n    if (Array.isArray(observableRefs)) {\n      for (const ref of observableRefs) {\n        if (ref?.current) {\n          customModifiers.push(getObserverModifier(ref.current));\n        }\n      }\n    } else if (observableRefs.current) {\n      customModifiers.push(getObserverModifier(observableRefs.current));\n    }\n\n    setCustomModifiers(customModifiers);\n  }, [observableRefs]);\n\n  const onPlacementChange = React.useCallback(\n    ({ placement }: { placement?: Placement }) => {\n      setIsTop(calcIsTop(placement));\n      parentOnPlacementChange?.(placement);\n    },\n    [parentOnPlacementChange, setIsTop]\n  );\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={offsetDistance}\n      sameWidth={sameWidth}\n      onPlacementChange={onPlacementChange}\n      placement={placement}\n      vkuiClass={classNames(\n        \"CustomSelectDropdown\",\n        offsetDistance === 0 &&\n          (isTop\n            ? \"CustomSelectDropdown--top\"\n            : \"CustomSelectDropdown--bottom\"),\n        sameWidth && \"CustomSelectDropdown--wide\"\n      )}\n      forcePortal={forcePortal}\n      customModifiers={customModifiers}\n      {...restProps}\n    >\n      <CustomScrollView\n        boxRef={scrollBoxRef}\n        vkuiClass=\"CustomSelectDropdown__in\"\n        autoHideScrollbar={autoHideScrollbar}\n        autoHideScrollbarDelay={autoHideScrollbarDelay}\n      >\n        {fetching ? (\n          <div vkuiClass=\"CustomSelectDropdown__fetching\">\n            <Spinner size=\"small\" />\n          </div>\n        ) : (\n          children\n        )}\n      </CustomScrollView>\n    </Popper>\n  );\n};\n"],"file":"CustomSelectDropdown.js"}

package/dist/components/PanelHeaderContent/PanelHeaderContent.js

@@ -56,9 +56,8 @@ export var PanelHeaderContent = function PanelHeaderContent(_ref2) {
     hasActive: platform === IOS,
     activeMode: "opacity"
   }) : {};
-  var baseClassNames = getClassName("PanelHeaderContent", platform);
   return createScopedElement("div", _extends({}, rootProps, {
-    vkuiClass: baseClassNames,
+    vkuiClass: getClassName("PanelHeaderContent", platform),
     style: style,
     className: className
   }), hasReactNode(before) && createScopedElement("div", {

package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":["getClassName","Tappable","usePlatform","hasReactNode","Caption","Headline","IOS","Platform","Text","PanelHeaderChildren","platform","hasStatus","hasBefore","children","VKCOM","PanelHeaderContent","className","style","aside","status","before","onClick","restProps","InComponent","rootProps","inProps","activeEffectDelay","hasActive","activeMode","baseClassNames"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,SAASC,QAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,GAAT,EAAcC,QAAd;AACA,SAASC,IAAT;;AAiBA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAKI;AAAA,MAJ9BC,QAI8B,QAJ9BA,QAI8B;AAAA,MAH9BC,SAG8B,QAH9BA,SAG8B;AAAA,MAF9BC,SAE8B,QAF9BA,SAE8B;AAAA,MAD9BC,QAC8B,QAD9BA,QAC8B;;AAC9B,MAAIH,QAAQ,KAAKH,QAAQ,CAACO,KAA1B,EAAiC;AAC/B,WACE,oBAAC,IAAD;AAAM,MAAA,SAAS,EAAC,KAAhB;AAAsB,MAAA,MAAM,EAAC;AAA7B,OACGD,QADH,CADF;AAKD;;AAED,SAAOF,SAAS,IAAIC,SAAb,GACL,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAC,KAApB;AAA0B,IAAA,MAAM,EAAC;AAAjC,KACGC,QADH,CADK,GAKL;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkDA,QAAlD,CALF;AAOD,CArBD;AAuBA;AACA;AACA;;;AACA,OAAO,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,QASH;AAAA,MAR7BC,SAQ6B,SAR7BA,SAQ6B;AAAA,MAP7BC,KAO6B,SAP7BA,KAO6B;AAAA,MAN7BC,KAM6B,SAN7BA,KAM6B;AAAA,MAL7BC,MAK6B,SAL7BA,MAK6B;AAAA,MAJ7BC,MAI6B,SAJ7BA,MAI6B;AAAA,MAH7BP,QAG6B,SAH7BA,QAG6B;AAAA,MAF7BQ,OAE6B,SAF7BA,OAE6B;AAAA,MAD1BC,SAC0B;;AAC7B,MAAMC,WAAW,GAAGF,OAAO,GAAGpB,QAAH,GAAc,KAAzC;AACA,MAAMuB,SAAS,GAAGH,OAAO,GAAG,EAAH,GAAQC,SAAjC;AACA,MAAMZ,QAAQ,GAAGR,WAAW,EAA5B;AACA,MAAMuB,OAAO,GAAGJ,OAAO,mCAEdC,SAFc;AAGjBD,IAAAA,OAAO,EAAPA,OAHiB;AAIjBK,IAAAA,iBAAiB,EAAE,GAJF;AAKjBC,IAAAA,SAAS,EAAEjB,QAAQ,KAAKJ,GALP;AAMjBsB,IAAAA,UAAU,EAAE;AANK,OAQnB,EARJ;AASA,MAAMC,cAAc,GAAG7B,YAAY,CAAC,oBAAD,EAAuBU,QAAvB,CAAnC;AAEA,SACE,wCACMc,SADN;AAEE,IAAA,SAAS,EAAEK,cAFb;AAGE,IAAA,KAAK,EAAEZ,KAHT;AAIE,IAAA,SAAS,EAAED;AAJb,MAMGb,YAAY,CAACiB,MAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAPJ,EASE,oBAAC,WAAD,eAAiBK,OAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,MACGtB,YAAY,CAACgB,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAiDA,MAAjD,CAFJ,EAIE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,mBAAD;AACE,IAAA,QAAQ,EAAET,QADZ;AAEE,IAAA,SAAS,EAAEP,YAAY,CAACgB,MAAD,CAFzB;AAGE,IAAA,SAAS,EAAEhB,YAAY,CAACiB,MAAD;AAHzB,KAKGP,QALH,CADF,EAQGV,YAAY,CAACe,KAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA4CA,KAA5C,CATJ,CAJF,EAgBGf,YAAY,CAACiB,MAAD,CAAZ,IAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,IAhB3B,CATF,CADF;AA8BD,CAtDM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { HasPlatform } from \"../../types\";\nimport \"./PanelHeaderContent.css\";\n\nexport interface PanelHeaderContentProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasPlatform {\n  hasStatus: boolean;\n  hasBefore: boolean;\n  children?: React.ReactNode;\n}\n\nconst PanelHeaderChildren = ({\n  platform,\n  hasStatus,\n  hasBefore,\n  children,\n}: PanelHeaderChildrenProps) => {\n  if (platform === Platform.VKCOM) {\n    return (\n      <Text Component=\"div\" weight=\"2\">\n        {children}\n      </Text>\n    );\n  }\n\n  return hasStatus || hasBefore ? (\n    <Headline Component=\"div\" weight=\"2\">\n      {children}\n    </Headline>\n  ) : (\n    <div vkuiClass=\"PanelHeaderContent__children-in\">{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n  className,\n  style,\n  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const InComponent = onClick ? Tappable : \"div\";\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === IOS,\n        activeMode: \"opacity\",\n      }\n    : {};\n  const baseClassNames = getClassName(\"PanelHeaderContent\", platform);\n\n  return (\n    <div\n      {...rootProps}\n      vkuiClass={baseClassNames}\n      style={style}\n      className={className}\n    >\n      {hasReactNode(before) && (\n        <div vkuiClass=\"PanelHeaderContent__before\">{before}</div>\n      )}\n      <InComponent {...inProps} vkuiClass=\"PanelHeaderContent__in\">\n        {hasReactNode(status) && (\n          <Caption vkuiClass=\"PanelHeaderContent__status\">{status}</Caption>\n        )}\n        <div vkuiClass=\"PanelHeaderContent__children\">\n          <PanelHeaderChildren\n            platform={platform}\n            hasStatus={hasReactNode(status)}\n            hasBefore={hasReactNode(before)}\n          >\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && (\n            <div vkuiClass=\"PanelHeaderContent__aside\">{aside}</div>\n          )}\n        </div>\n        {hasReactNode(before) && <div vkuiClass=\"PanelHeaderContent__width\" />}\n      </InComponent>\n    </div>\n  );\n};\n"],"file":"PanelHeaderContent.js"}
+{"version":3,"sources":["../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":["getClassName","Tappable","usePlatform","hasReactNode","Caption","Headline","IOS","Platform","Text","PanelHeaderChildren","platform","hasStatus","hasBefore","children","VKCOM","PanelHeaderContent","className","style","aside","status","before","onClick","restProps","InComponent","rootProps","inProps","activeEffectDelay","hasActive","activeMode"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,SAASC,QAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,GAAT,EAAcC,QAAd;AACA,SAASC,IAAT;;AAiBA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAKI;AAAA,MAJ9BC,QAI8B,QAJ9BA,QAI8B;AAAA,MAH9BC,SAG8B,QAH9BA,SAG8B;AAAA,MAF9BC,SAE8B,QAF9BA,SAE8B;AAAA,MAD9BC,QAC8B,QAD9BA,QAC8B;;AAC9B,MAAIH,QAAQ,KAAKH,QAAQ,CAACO,KAA1B,EAAiC;AAC/B,WACE,oBAAC,IAAD;AAAM,MAAA,SAAS,EAAC,KAAhB;AAAsB,MAAA,MAAM,EAAC;AAA7B,OACGD,QADH,CADF;AAKD;;AAED,SAAOF,SAAS,IAAIC,SAAb,GACL,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAC,KAApB;AAA0B,IAAA,MAAM,EAAC;AAAjC,KACGC,QADH,CADK,GAKL;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkDA,QAAlD,CALF;AAOD,CArBD;AAuBA;AACA;AACA;;;AACA,OAAO,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,QASH;AAAA,MAR7BC,SAQ6B,SAR7BA,SAQ6B;AAAA,MAP7BC,KAO6B,SAP7BA,KAO6B;AAAA,MAN7BC,KAM6B,SAN7BA,KAM6B;AAAA,MAL7BC,MAK6B,SAL7BA,MAK6B;AAAA,MAJ7BC,MAI6B,SAJ7BA,MAI6B;AAAA,MAH7BP,QAG6B,SAH7BA,QAG6B;AAAA,MAF7BQ,OAE6B,SAF7BA,OAE6B;AAAA,MAD1BC,SAC0B;;AAC7B,MAAMC,WAAW,GAAGF,OAAO,GAAGpB,QAAH,GAAc,KAAzC;AACA,MAAMuB,SAAS,GAAGH,OAAO,GAAG,EAAH,GAAQC,SAAjC;AACA,MAAMZ,QAAQ,GAAGR,WAAW,EAA5B;AACA,MAAMuB,OAAO,GAAGJ,OAAO,mCAEdC,SAFc;AAGjBD,IAAAA,OAAO,EAAPA,OAHiB;AAIjBK,IAAAA,iBAAiB,EAAE,GAJF;AAKjBC,IAAAA,SAAS,EAAEjB,QAAQ,KAAKJ,GALP;AAMjBsB,IAAAA,UAAU,EAAE;AANK,OAQnB,EARJ;AAUA,SACE,wCACMJ,SADN;AAEE,IAAA,SAAS,EAAExB,YAAY,CAAC,oBAAD,EAAuBU,QAAvB,CAFzB;AAGE,IAAA,KAAK,EAAEO,KAHT;AAIE,IAAA,SAAS,EAAED;AAJb,MAMGb,YAAY,CAACiB,MAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAPJ,EASE,oBAAC,WAAD,eAAiBK,OAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,MACGtB,YAAY,CAACgB,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAiDA,MAAjD,CAFJ,EAIE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,mBAAD;AACE,IAAA,QAAQ,EAAET,QADZ;AAEE,IAAA,SAAS,EAAEP,YAAY,CAACgB,MAAD,CAFzB;AAGE,IAAA,SAAS,EAAEhB,YAAY,CAACiB,MAAD;AAHzB,KAKGP,QALH,CADF,EAQGV,YAAY,CAACe,KAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA4CA,KAA5C,CATJ,CAJF,EAgBGf,YAAY,CAACiB,MAAD,CAAZ,IAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,IAhB3B,CATF,CADF;AA8BD,CArDM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { HasPlatform } from \"../../types\";\nimport \"./PanelHeaderContent.css\";\n\nexport interface PanelHeaderContentProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasPlatform {\n  hasStatus: boolean;\n  hasBefore: boolean;\n  children?: React.ReactNode;\n}\n\nconst PanelHeaderChildren = ({\n  platform,\n  hasStatus,\n  hasBefore,\n  children,\n}: PanelHeaderChildrenProps) => {\n  if (platform === Platform.VKCOM) {\n    return (\n      <Text Component=\"div\" weight=\"2\">\n        {children}\n      </Text>\n    );\n  }\n\n  return hasStatus || hasBefore ? (\n    <Headline Component=\"div\" weight=\"2\">\n      {children}\n    </Headline>\n  ) : (\n    <div vkuiClass=\"PanelHeaderContent__children-in\">{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n  className,\n  style,\n  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const InComponent = onClick ? Tappable : \"div\";\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === IOS,\n        activeMode: \"opacity\",\n      }\n    : {};\n\n  return (\n    <div\n      {...rootProps}\n      vkuiClass={getClassName(\"PanelHeaderContent\", platform)}\n      style={style}\n      className={className}\n    >\n      {hasReactNode(before) && (\n        <div vkuiClass=\"PanelHeaderContent__before\">{before}</div>\n      )}\n      <InComponent {...inProps} vkuiClass=\"PanelHeaderContent__in\">\n        {hasReactNode(status) && (\n          <Caption vkuiClass=\"PanelHeaderContent__status\">{status}</Caption>\n        )}\n        <div vkuiClass=\"PanelHeaderContent__children\">\n          <PanelHeaderChildren\n            platform={platform}\n            hasStatus={hasReactNode(status)}\n            hasBefore={hasReactNode(before)}\n          >\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && (\n            <div vkuiClass=\"PanelHeaderContent__aside\">{aside}</div>\n          )}\n        </div>\n        {hasReactNode(before) && <div vkuiClass=\"PanelHeaderContent__width\" />}\n      </InComponent>\n    </div>\n  );\n};\n"],"file":"PanelHeaderContent.js"}