@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/components/Checkbox/Checkbox.js

@@ -1,18 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "style", "getRootRef", "getRef", "description", "indeterminate", "defaultIndeterminate", "sizeY", "onChange"];
+var _excluded = ["children", "className", "style", "getRootRef", "getRef", "description", "indeterminate", "defaultIndeterminate", "onChange"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { ACTIVE_EFFECT_DELAY, Tappable } from "../Tappable/Tappable";
 import { classNames } from "../../lib/classNames";
-import { IOS, VKCOM } from "../../lib/platform";
-import { Icon20CheckBoxOn, Icon20CheckBoxOff, Icon24CheckBoxOn, Icon24CheckBoxOff, Icon20CheckBoxIndetermanate } from "@vkontakte/icons";
+import { Platform } from "../../lib/platform";
+import { Icon20CheckBoxOn, Icon24CheckBoxOn, Icon20CheckBoxOff, Icon24CheckBoxOff, Icon20CheckBoxIndetermanate } from "@vkontakte/icons";
 import { usePlatform } from "../../hooks/usePlatform";
-import { withAdaptivity, SizeType } from "../../hoc/withAdaptivity";
-import { Text } from "../Typography/Text/Text";
 import { hasReactNode } from "../../lib/utils";
-import { Caption } from "../Typography/Caption/Caption";
+import { Footnote } from "../Typography/Footnote/Footnote";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { useExternRef } from "../../hooks/useExternRef";
+import { SizeYConditionalRender } from "../SizeYConditionalRender/SizeYConditionalRender";
 import { VisuallyHiddenInput } from "../VisuallyHiddenInput/VisuallyHiddenInput";
 import { warnOnce } from "../../lib/warnOnce";
 var warn = warnOnce("Checkbox");
@@ -29,12 +30,15 @@ export var Checkbox = function Checkbox(_ref) {
       description = _ref.description,
       indeterminate = _ref.indeterminate,
       defaultIndeterminate = _ref.defaultIndeterminate,
-      sizeY = _ref.sizeY,
       onChange = _ref.onChange,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var inputRef = useExternRef(getRef);
   var platform = usePlatform();
+
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
+
   React.useEffect(function () {
     var indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;
 
@@ -70,11 +74,11 @@ export var Checkbox = function Checkbox(_ref) {
 
   return createScopedElement(Tappable, {
     Component: "label",
-    vkuiClass: classNames("Checkbox", "Checkbox--sizeY-".concat(sizeY), !(hasReactNode(children) || hasReactNode(description)) && "Checkbox--simple"),
+    vkuiClass: classNames("Checkbox", platform === Platform.VKCOM && "Checkbox--vkcom", getSizeYClassName("Checkbox", sizeY), !(hasReactNode(children) || hasReactNode(description)) && "Checkbox--simple"),
     className: className,
     style: style,
     disabled: restProps.disabled,
-    activeEffectDelay: platform === IOS ? 100 : ACTIVE_EFFECT_DELAY,
+    activeEffectDelay: platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY,
     getRootRef: getRootRef
   }, createScopedElement(VisuallyHiddenInput, _extends({}, restProps, {
     onChange: handleChange,
@@ -83,33 +87,51 @@ export var Checkbox = function Checkbox(_ref) {
     getRef: inputRef
   })), createScopedElement("div", {
     vkuiClass: "Checkbox__icon Checkbox__icon--on"
-  }, sizeY === SizeType.COMPACT || platform === VKCOM ? createScopedElement(Icon20CheckBoxOn, {
-    "aria-hidden": true
-  }) : createScopedElement(Icon24CheckBoxOn, {
+  }, platform === Platform.VKCOM ? createScopedElement(Icon20CheckBoxOn, {
     "aria-hidden": true
+  }) : createScopedElement(SizeYConditionalRender, {
+    compact: createScopedElement(Icon20CheckBoxOn, {
+      "aria-hidden": true
+    }),
+    regular: createScopedElement(Icon24CheckBoxOn, {
+      "aria-hidden": true
+    })
   })), createScopedElement("div", {
     vkuiClass: "Checkbox__icon Checkbox__icon--off"
-  }, sizeY === SizeType.COMPACT || platform === VKCOM ? createScopedElement(Icon20CheckBoxOff, {
-    "aria-hidden": true
-  }) : createScopedElement(Icon24CheckBoxOff, {
+  }, platform === Platform.VKCOM ? createScopedElement(Icon20CheckBoxOff, {
     "aria-hidden": true
+  }) : createScopedElement(SizeYConditionalRender, {
+    compact: createScopedElement(Icon20CheckBoxOff, {
+      "aria-hidden": true
+    }),
+    regular: createScopedElement(Icon24CheckBoxOff, {
+      "aria-hidden": true
+    })
   })), createScopedElement("div", {
     vkuiClass: "Checkbox__icon Checkbox__icon--indeterminate"
-  }, createScopedElement(Icon20CheckBoxIndetermanate, {
+  }, platform === Platform.VKCOM ? createScopedElement(Icon20CheckBoxIndetermanate, {
     "aria-hidden": true,
-    width: sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24,
-    height: sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24
-  })), createScopedElement(Text, {
-    vkuiClass: "Checkbox__content",
-    Component: "div"
+    width: 20,
+    height: 20
+  }) : createScopedElement(SizeYConditionalRender, {
+    compact: createScopedElement(Icon20CheckBoxIndetermanate, {
+      "aria-hidden": true,
+      width: 20,
+      height: 20
+    }),
+    regular: createScopedElement(Icon20CheckBoxIndetermanate, {
+      "aria-hidden": true,
+      width: 24,
+      height: 24
+    })
+  })), createScopedElement("div", {
+    vkuiClass: "Checkbox__content"
   }, createScopedElement("div", {
     vkuiClass: "Checkbox__children"
-  }, children), hasReactNode(description) && createScopedElement(Caption, {
+  }, children), hasReactNode(description) && createScopedElement(Footnote, {
     vkuiClass: "Checkbox__description"
   }, description)));
 }; // eslint-disable-next-line import/no-default-export
 
-export default withAdaptivity(Checkbox, {
-  sizeY: true
-});
+export default Checkbox;
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","ACTIVE_EFFECT_DELAY","Tappable","classNames","IOS","VKCOM","Icon20CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOn","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","usePlatform","withAdaptivity","SizeType","Text","hasReactNode","Caption","useExternRef","VisuallyHiddenInput","warnOnce","warn","Checkbox","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","sizeY","onChange","restProps","inputRef","platform","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","disabled","COMPACT"],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\n\nimport {\n  Icon20CheckBoxOn,\n  Icon20CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckBoxOff,\n  Icon20CheckBoxIndetermanate,\n} from \"@vkontakte/icons\";\n\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Checkbox.css\";\n\nexport interface CheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement>,\n    AdaptivityProps {\n  description?: React.ReactNode;\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n}\n\nconst warn = warnOnce(\"Checkbox\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = ({\n  children,\n  className,\n  style,\n  getRootRef,\n  getRef,\n  description,\n  indeterminate,\n  defaultIndeterminate,\n  sizeY,\n  onChange,\n  ...restProps\n}: CheckboxProps) => {\n  const inputRef = useExternRef(getRef);\n  const platform = usePlatform();\n\n  React.useEffect(() => {\n    const indeterminateValue =\n      indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(indeterminateValue);\n    }\n  }, [defaultIndeterminate, indeterminate, inputRef]);\n\n  const handleChange: CheckboxProps[\"onChange\"] = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (\n        defaultIndeterminate !== undefined &&\n        indeterminate === undefined &&\n        restProps.checked === undefined &&\n        inputRef.current\n      ) {\n        inputRef.current.indeterminate = false;\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]\n  );\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn(\n        \"defaultIndeterminate и defaultChecked не могут быть true одновременно\",\n        \"error\"\n      );\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn(\"indeterminate и checked не могут быть true одновременно\", \"error\");\n    }\n\n    if (restProps.defaultChecked && restProps.checked) {\n      warn(\"defaultChecked и checked не могут быть true одновременно\", \"error\");\n    }\n  }\n\n  return (\n    <Tappable\n      Component=\"label\"\n      vkuiClass={classNames(\n        \"Checkbox\",\n        `Checkbox--sizeY-${sizeY}`,\n        !(hasReactNode(children) || hasReactNode(description)) &&\n          `Checkbox--simple`\n      )}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        onChange={handleChange}\n        type=\"checkbox\"\n        vkuiClass=\"Checkbox__input\"\n        getRef={inputRef}\n      />\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--on\">\n        {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n          <Icon20CheckBoxOn aria-hidden />\n        ) : (\n          <Icon24CheckBoxOn aria-hidden />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--off\">\n        {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n          <Icon20CheckBoxOff aria-hidden />\n        ) : (\n          <Icon24CheckBoxOff aria-hidden />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--indeterminate\">\n        <Icon20CheckBoxIndetermanate\n          aria-hidden\n          width={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n          height={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n        />\n      </div>\n      <Text vkuiClass=\"Checkbox__content\" Component=\"div\">\n        <div vkuiClass=\"Checkbox__children\">{children}</div>\n        {hasReactNode(description) && (\n          <Caption vkuiClass=\"Checkbox__description\">{description}</Caption>\n        )}\n      </Text>\n    </Tappable>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Checkbox, {\n  sizeY: true,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["React","ACTIVE_EFFECT_DELAY","Tappable","classNames","Platform","Icon20CheckBoxOn","Icon24CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","usePlatform","hasReactNode","Footnote","getSizeYClassName","useAdaptivity","useExternRef","SizeYConditionalRender","VisuallyHiddenInput","warnOnce","warn","Checkbox","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","onChange","restProps","inputRef","platform","sizeY","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","VKCOM","disabled","IOS"],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport {\n  Icon20CheckBoxOn,\n  Icon24CheckBoxOn,\n  Icon20CheckBoxOff,\n  Icon24CheckBoxOff,\n  Icon20CheckBoxIndetermanate,\n} from \"@vkontakte/icons\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { SizeYConditionalRender } from \"../SizeYConditionalRender/SizeYConditionalRender\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Checkbox.css\";\n\nexport interface CheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement> {\n  description?: React.ReactNode;\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n}\n\nconst warn = warnOnce(\"Checkbox\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = ({\n  children,\n  className,\n  style,\n  getRootRef,\n  getRef,\n  description,\n  indeterminate,\n  defaultIndeterminate,\n  onChange,\n  ...restProps\n}: CheckboxProps) => {\n  const inputRef = useExternRef(getRef);\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  React.useEffect(() => {\n    const indeterminateValue =\n      indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(indeterminateValue);\n    }\n  }, [defaultIndeterminate, indeterminate, inputRef]);\n\n  const handleChange: CheckboxProps[\"onChange\"] = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (\n        defaultIndeterminate !== undefined &&\n        indeterminate === undefined &&\n        restProps.checked === undefined &&\n        inputRef.current\n      ) {\n        inputRef.current.indeterminate = false;\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]\n  );\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn(\n        \"defaultIndeterminate и defaultChecked не могут быть true одновременно\",\n        \"error\"\n      );\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn(\"indeterminate и checked не могут быть true одновременно\", \"error\");\n    }\n\n    if (restProps.defaultChecked && restProps.checked) {\n      warn(\"defaultChecked и checked не могут быть true одновременно\", \"error\");\n    }\n  }\n\n  return (\n    <Tappable\n      Component=\"label\"\n      vkuiClass={classNames(\n        \"Checkbox\",\n        platform === Platform.VKCOM && \"Checkbox--vkcom\",\n        getSizeYClassName(\"Checkbox\", sizeY),\n        !(hasReactNode(children) || hasReactNode(description)) &&\n          \"Checkbox--simple\"\n      )}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        onChange={handleChange}\n        type=\"checkbox\"\n        vkuiClass=\"Checkbox__input\"\n        getRef={inputRef}\n      />\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--on\">\n        {platform === Platform.VKCOM ? (\n          <Icon20CheckBoxOn aria-hidden />\n        ) : (\n          <SizeYConditionalRender\n            compact={<Icon20CheckBoxOn aria-hidden />}\n            regular={<Icon24CheckBoxOn aria-hidden />}\n          />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--off\">\n        {platform === Platform.VKCOM ? (\n          <Icon20CheckBoxOff aria-hidden />\n        ) : (\n          <SizeYConditionalRender\n            compact={<Icon20CheckBoxOff aria-hidden />}\n            regular={<Icon24CheckBoxOff aria-hidden />}\n          />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--indeterminate\">\n        {platform === Platform.VKCOM ? (\n          <Icon20CheckBoxIndetermanate aria-hidden width={20} height={20} />\n        ) : (\n          <SizeYConditionalRender\n            compact={\n              <Icon20CheckBoxIndetermanate aria-hidden width={20} height={20} />\n            }\n            regular={\n              <Icon20CheckBoxIndetermanate aria-hidden width={24} height={24} />\n            }\n          />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__content\">\n        <div vkuiClass=\"Checkbox__children\">{children}</div>\n        {hasReactNode(description) && (\n          <Footnote vkuiClass=\"Checkbox__description\">{description}</Footnote>\n        )}\n      </div>\n    </Tappable>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Checkbox;\n"],"mappings":"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"}

package/dist/components/Chip/Chip.js

@@ -6,9 +6,10 @@ import * as React from "react";
 import { Icon16Cancel } from "@vkontakte/icons";
 import { getTitleFromChildren, hasReactNode, noop } from "../../lib/utils";
 import { classNames } from "../../lib/classNames";
-import { Caption } from "../Typography/Caption/Caption";
+import { Footnote } from "../Typography/Footnote/Footnote";
 import { Tappable } from "../Tappable/Tappable";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 
 /**
  * @see https://vkcom.github.io/VKUI/#/Chip
@@ -37,8 +38,7 @@ export var Chip = function Chip(_ref) {
   }, [onRemove, value]);
   var title = getTitleFromChildren(children);
   return createScopedElement("div", _extends({
-    vkuiClass: classNames("Chip", removable && "Chip--removable", "Chip--sizeY-".concat(sizeY) // TODO: v5 новая адаптивность
-    ),
+    vkuiClass: classNames("Chip", getSizeYClassName("Chip", sizeY), removable && "Chip--removable"),
     role: "option",
     "aria-label": title
   }, restProps), createScopedElement("div", {
@@ -46,7 +46,7 @@ export var Chip = function Chip(_ref) {
     role: "presentation"
   }, hasReactNode(before) && createScopedElement("div", {
     vkuiClass: "Chip__before"
-  }, before), createScopedElement(Caption, {
+  }, before), createScopedElement(Footnote, {
     vkuiClass: "Chip__content",
     title: title,
     "aria-hidden": "true"

package/dist/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":["React","Icon16Cancel","getTitleFromChildren","hasReactNode","noop","classNames","Caption","Tappable","useAdaptivity","Chip","value","option","removable","onRemove","removeAriaLabel","before","after","children","restProps","sizeY","onRemoveWrapper","useCallback","event","title"],"sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon16Cancel } from \"@vkontakte/icons\";\nimport { getTitleFromChildren, hasReactNode, noop } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Chip.css\";\n\nexport type ChipValue = string | number;\n\nexport interface ChipOption {\n  value?: ChipValue;\n  label?: string;\n  [otherProp: string]: any;\n}\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: ChipValue;\n  option?: ChipOption;\n  onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n  removable?: boolean;\n  removeAriaLabel?: string;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n}\n\nexport interface RenderChip<T> extends ChipProps {\n  label: string;\n  option: T;\n  disabled: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Chip\n */\nexport const Chip = ({\n  value = \"\",\n  option,\n  removable = true,\n  onRemove = noop,\n  removeAriaLabel = \"Удалить\",\n  before = null,\n  after,\n  children,\n  ...restProps\n}: ChipProps) => {\n  const { sizeY } = useAdaptivity();\n  const onRemoveWrapper = React.useCallback(\n    (event: React.MouseEvent) => {\n      onRemove(event, value);\n    },\n    [onRemove, value]\n  );\n  const title = getTitleFromChildren(children);\n\n  return (\n    <div\n      vkuiClass={classNames(\n        \"Chip\",\n        removable && \"Chip--removable\",\n        `Chip--sizeY-${sizeY}` // TODO: v5 новая адаптивность\n      )}\n      role=\"option\"\n      aria-label={title}\n      {...restProps}\n    >\n      <div vkuiClass=\"Chip__in\" role=\"presentation\">\n        {hasReactNode(before) && <div vkuiClass=\"Chip__before\">{before}</div>}\n        <Caption vkuiClass=\"Chip__content\" title={title} aria-hidden=\"true\">\n          {children}\n        </Caption>\n        {hasReactNode(after) && <div vkuiClass=\"Chip__after\">{after}</div>}\n\n        {removable && (\n          <Tappable\n            Component=\"button\"\n            vkuiClass=\"Chip__remove\"\n            onClick={onRemoveWrapper}\n            hasHover={false}\n            hasActive={false}\n            aria-label={`${removeAriaLabel} ${title}`}\n          >\n            <Icon16Cancel aria-hidden={true} />\n          </Tappable>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,oBAAT,EAA+BC,YAA/B,EAA6CC,IAA7C;AACA,SAASC,UAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,aAAT;;AA2BA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAUH;EAAA,sBATfC,KASe;EAAA,IATfA,KASe,2BATP,EASO;EAAA,IARfC,MAQe,QARfA,MAQe;EAAA,0BAPfC,SAOe;EAAA,IAPfA,SAOe,+BAPH,IAOG;EAAA,yBANfC,QAMe;EAAA,IANfA,QAMe,8BANJT,IAMI;EAAA,gCALfU,eAKe;EAAA,IALfA,eAKe,qCALG,SAKH;EAAA,uBAJfC,MAIe;EAAA,IAJfA,MAIe,4BAJN,IAIM;EAAA,IAHfC,KAGe,QAHfA,KAGe;EAAA,IAFfC,QAEe,QAFfA,QAEe;EAAA,IADZC,SACY;;EACf,qBAAkBV,aAAa,EAA/B;EAAA,IAAQW,KAAR,kBAAQA,KAAR;;EACA,IAAMC,eAAe,GAAGpB,KAAK,CAACqB,WAAN,CACtB,UAACC,KAAD,EAA6B;IAC3BT,QAAQ,CAACS,KAAD,EAAQZ,KAAR,CAAR;EACD,CAHqB,EAItB,CAACG,QAAD,EAAWH,KAAX,CAJsB,CAAxB;EAMA,IAAMa,KAAK,GAAGrB,oBAAoB,CAACe,QAAD,CAAlC;EAEA,OACE;IACE,SAAS,EAAEZ,UAAU,CACnB,MADmB,EAEnBO,SAAS,IAAI,iBAFM,wBAGJO,KAHI,EAGI;IAHJ,CADvB;IAME,IAAI,EAAC,QANP;IAOE,cAAYI;EAPd,GAQML,SARN,GAUE;IAAK,SAAS,EAAC,UAAf;IAA0B,IAAI,EAAC;EAA/B,GACGf,YAAY,CAACY,MAAD,CAAZ,IAAwB;IAAK,SAAS,EAAC;EAAf,GAA+BA,MAA/B,CAD3B,EAEE,oBAAC,OAAD;IAAS,SAAS,EAAC,eAAnB;IAAmC,KAAK,EAAEQ,KAA1C;IAAiD,eAAY;EAA7D,GACGN,QADH,CAFF,EAKGd,YAAY,CAACa,KAAD,CAAZ,IAAuB;IAAK,SAAS,EAAC;EAAf,GAA8BA,KAA9B,CAL1B,EAOGJ,SAAS,IACR,oBAAC,QAAD;IACE,SAAS,EAAC,QADZ;IAEE,SAAS,EAAC,cAFZ;IAGE,OAAO,EAAEQ,eAHX;IAIE,QAAQ,EAAE,KAJZ;IAKE,SAAS,EAAE,KALb;IAME,wBAAeN,eAAf,cAAkCS,KAAlC;EANF,GAQE,oBAAC,YAAD;IAAc,eAAa;EAA3B,EARF,CARJ,CAVF,CADF;AAiCD,CArDM"}
+{"version":3,"file":"Chip.js","names":["React","Icon16Cancel","getTitleFromChildren","hasReactNode","noop","classNames","Footnote","Tappable","useAdaptivity","getSizeYClassName","Chip","value","option","removable","onRemove","removeAriaLabel","before","after","children","restProps","sizeY","onRemoveWrapper","useCallback","event","title"],"sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon16Cancel } from \"@vkontakte/icons\";\nimport { getTitleFromChildren, hasReactNode, noop } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./Chip.css\";\n\nexport type ChipValue = string | number;\n\nexport interface ChipOption {\n  value?: ChipValue;\n  label?: string;\n  [otherProp: string]: any;\n}\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: ChipValue;\n  option?: ChipOption;\n  onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n  removable?: boolean;\n  removeAriaLabel?: string;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n}\n\nexport interface RenderChip<T> extends ChipProps {\n  label: string;\n  option: T;\n  disabled: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Chip\n */\nexport const Chip = ({\n  value = \"\",\n  option,\n  removable = true,\n  onRemove = noop,\n  removeAriaLabel = \"Удалить\",\n  before = null,\n  after,\n  children,\n  ...restProps\n}: ChipProps) => {\n  const { sizeY } = useAdaptivity();\n  const onRemoveWrapper = React.useCallback(\n    (event: React.MouseEvent) => {\n      onRemove(event, value);\n    },\n    [onRemove, value]\n  );\n  const title = getTitleFromChildren(children);\n\n  return (\n    <div\n      vkuiClass={classNames(\n        \"Chip\",\n        getSizeYClassName(\"Chip\", sizeY),\n        removable && \"Chip--removable\"\n      )}\n      role=\"option\"\n      aria-label={title}\n      {...restProps}\n    >\n      <div vkuiClass=\"Chip__in\" role=\"presentation\">\n        {hasReactNode(before) && <div vkuiClass=\"Chip__before\">{before}</div>}\n        <Footnote vkuiClass=\"Chip__content\" title={title} aria-hidden=\"true\">\n          {children}\n        </Footnote>\n        {hasReactNode(after) && <div vkuiClass=\"Chip__after\">{after}</div>}\n\n        {removable && (\n          <Tappable\n            Component=\"button\"\n            vkuiClass=\"Chip__remove\"\n            onClick={onRemoveWrapper}\n            hasHover={false}\n            hasActive={false}\n            aria-label={`${removeAriaLabel} ${title}`}\n          >\n            <Icon16Cancel aria-hidden={true} />\n          </Tappable>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,oBAAT,EAA+BC,YAA/B,EAA6CC,IAA7C;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AACA,SAASC,iBAAT;;AA2BA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAUH;EAAA,sBATfC,KASe;EAAA,IATfA,KASe,2BATP,EASO;EAAA,IARfC,MAQe,QARfA,MAQe;EAAA,0BAPfC,SAOe;EAAA,IAPfA,SAOe,+BAPH,IAOG;EAAA,yBANfC,QAMe;EAAA,IANfA,QAMe,8BANJV,IAMI;EAAA,gCALfW,eAKe;EAAA,IALfA,eAKe,qCALG,SAKH;EAAA,uBAJfC,MAIe;EAAA,IAJfA,MAIe,4BAJN,IAIM;EAAA,IAHfC,KAGe,QAHfA,KAGe;EAAA,IAFfC,QAEe,QAFfA,QAEe;EAAA,IADZC,SACY;;EACf,qBAAkBX,aAAa,EAA/B;EAAA,IAAQY,KAAR,kBAAQA,KAAR;;EACA,IAAMC,eAAe,GAAGrB,KAAK,CAACsB,WAAN,CACtB,UAACC,KAAD,EAA6B;IAC3BT,QAAQ,CAACS,KAAD,EAAQZ,KAAR,CAAR;EACD,CAHqB,EAItB,CAACG,QAAD,EAAWH,KAAX,CAJsB,CAAxB;EAMA,IAAMa,KAAK,GAAGtB,oBAAoB,CAACgB,QAAD,CAAlC;EAEA,OACE;IACE,SAAS,EAAEb,UAAU,CACnB,MADmB,EAEnBI,iBAAiB,CAAC,MAAD,EAASW,KAAT,CAFE,EAGnBP,SAAS,IAAI,iBAHM,CADvB;IAME,IAAI,EAAC,QANP;IAOE,cAAYW;EAPd,GAQML,SARN,GAUE;IAAK,SAAS,EAAC,UAAf;IAA0B,IAAI,EAAC;EAA/B,GACGhB,YAAY,CAACa,MAAD,CAAZ,IAAwB;IAAK,SAAS,EAAC;EAAf,GAA+BA,MAA/B,CAD3B,EAEE,oBAAC,QAAD;IAAU,SAAS,EAAC,eAApB;IAAoC,KAAK,EAAEQ,KAA3C;IAAkD,eAAY;EAA9D,GACGN,QADH,CAFF,EAKGf,YAAY,CAACc,KAAD,CAAZ,IAAuB;IAAK,SAAS,EAAC;EAAf,GAA8BA,KAA9B,CAL1B,EAOGJ,SAAS,IACR,oBAAC,QAAD;IACE,SAAS,EAAC,QADZ;IAEE,SAAS,EAAC,cAFZ;IAGE,OAAO,EAAEQ,eAHX;IAIE,QAAQ,EAAE,KAJZ;IAKE,SAAS,EAAE,KALb;IAME,wBAAeN,eAAf,cAAkCS,KAAlC;EANF,GAQE,oBAAC,YAAD;IAAc,eAAa;EAA3B,EARF,CARJ,CAVF,CADF;AAiCD,CArDM"}

package/dist/components/ChipsSelect/ChipsSelect.js

@@ -3,8 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-var _excluded = ["option"],
-    _excluded2 = ["style", "onFocus", "onKeyDown", "className", "fetching", "renderOption", "emptyText", "getRef", "getRootRef", "disabled", "placeholder", "tabIndex", "getOptionValue", "getOptionLabel", "showSelected", "getNewOptionData", "renderChip", "popupDirection", "creatable", "filterFn", "inputValue", "creatableText", "closeAfterSelect", "onChangeStart", "before", "options", "fixDropdownWidth", "forceDropdownPortal"];
+var _excluded = ["style", "onFocus", "onKeyDown", "className", "fetching", "renderOption", "emptyText", "getRef", "getRootRef", "disabled", "placeholder", "tabIndex", "getOptionValue", "getOptionLabel", "showSelected", "getNewOptionData", "renderChip", "popupDirection", "creatable", "filterFn", "inputValue", "creatableText", "closeAfterSelect", "onChangeStart", "before", "options", "fixDropdownWidth", "forceDropdownPortal"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { DropdownIcon } from "../DropdownIcon/DropdownIcon";
@@ -14,7 +13,7 @@ import { CustomSelectOption } from "../CustomSelectOption/CustomSelectOption";
 import { useChipsSelect } from "../../hooks/useChipsSelect";
 import { noop } from "../../lib/utils";
 import { useDOM } from "../../lib/dom";
-import { Caption } from "../Typography/Caption/Caption";
+import { Footnote } from "../Typography/Footnote/Footnote";
 import { prefixClass } from "../../lib/prefixClass";
 import { useExternRef } from "../../hooks/useExternRef";
 import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
@@ -35,11 +34,8 @@ var chipsSelectDefaultProps = _objectSpread(_objectSpread({}, chipsInputDefaultP
   closeAfterSelect: true,
   options: [],
   filterFn: defaultFilterFn,
-  renderOption: function renderOption(_ref) {
-    var option = _ref.option,
-        restProps = _objectWithoutProperties(_ref, _excluded);
-
-    return createScopedElement(CustomSelectOption, restProps);
+  renderOption: function renderOption(props) {
+    return createScopedElement(CustomSelectOption, props);
   }
 });
 /**
@@ -78,7 +74,7 @@ export var ChipsSelect = function ChipsSelect(props) {
       options = propsWithDefault.options,
       fixDropdownWidth = propsWithDefault.fixDropdownWidth,
       forceDropdownPortal = propsWithDefault.forceDropdownPortal,
-      restProps = _objectWithoutProperties(propsWithDefault, _excluded2);
+      restProps = _objectWithoutProperties(propsWithDefault, _excluded);
 
   var _useDOM = useDOM(),
       document = _useDOM.document;
@@ -235,8 +231,8 @@ export var ChipsSelect = function ChipsSelect(props) {
     }
   }, [focusedOptionIndex, filteredOptions, setFocusedOption]);
   React.useEffect(function () {
-    var index = focusedOption ? filteredOptions.findIndex(function (_ref2) {
-      var value = _ref2.value;
+    var index = focusedOption ? filteredOptions.findIndex(function (_ref) {
+      var value = _ref.value;
       return value === focusedOption.value;
     }) : -1;
 
@@ -333,7 +329,7 @@ export var ChipsSelect = function ChipsSelect(props) {
     onMouseEnter: function onMouseEnter() {
       return setFocusedOptionIndex(0);
     }
-  }, creatableText), !(filteredOptions !== null && filteredOptions !== void 0 && filteredOptions.length) && !showCreatable && emptyText ? createScopedElement(Caption, {
+  }, creatableText), !(filteredOptions !== null && filteredOptions !== void 0 && filteredOptions.length) && !showCreatable && emptyText ? createScopedElement(Footnote, {
     vkuiClass: "ChipsSelect__empty"
   }, emptyText) : filteredOptions.map(function (option, index) {
     var label = getOptionLabel(option);

package/dist/components/ChipsSelect/ChipsSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipsSelect.js","names":["React","DropdownIcon","classNames","ChipsInputBase","chipsInputDefaultProps","CustomSelectOption","useChipsSelect","noop","useDOM","Caption","prefixClass","useExternRef","useGlobalEventListener","defaultFilterFn","CustomSelectDropdown","FormField","IconButton","FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","chipsSelectDefaultProps","emptyText","creatableText","onChangeStart","creatable","fetching","showSelected","closeAfterSelect","options","filterFn","renderOption","option","restProps","ChipsSelect","props","propsWithDefault","style","onFocus","onKeyDown","className","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","getNewOptionData","renderChip","popupDirection","inputValue","before","fixDropdownWidth","forceDropdownPortal","document","useState","undefined","popperPlacement","setPopperPlacement","scrollBoxRef","useRef","rootRef","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","filteredOptions","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleClickOutside","target","current","contains","chipsSelectOptions","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","handleKeyDown","key","defaultPrevented","preventDefault","includes","useEffect","findIndex","value","renderChipWrapper","renderChipProps","onRemoveWrapper","stopPropagation","onRemove","isPopperDirectionTop","onPlacementChange","useCallback","placement","onDropdownMouseLeave","observableRefs","useMemo","toggleOpened","prevOpened","readOnly","map","label","hovered","selected","find","selectedOption","children","onMouseDown","onMouseEnter"],"sources":["../../../src/components/ChipsSelect/ChipsSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ChipOption, ChipValue, RenderChip } from \"../Chip/Chip\";\nimport { ChipsInputProps } from \"../ChipsInput/ChipsInput\";\nimport {\n  ChipsInputBase,\n  chipsInputDefaultProps,\n} from \"../ChipsInputBase/ChipsInputBase\";\nimport {\n  CustomSelectOption,\n  CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { useChipsSelect } from \"../../hooks/useChipsSelect\";\nimport { noop } from \"../../lib/utils\";\nimport { useDOM } from \"../../lib/dom\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { defaultFilterFn } from \"../../lib/select\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport { FormField } from \"../FormField/FormField\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport \"./ChipsSelect.css\";\n\nexport interface ChipsSelectProps<Option extends ChipOption>\n  extends Omit<ChipsInputProps<Option>, \"after\"> {\n  popupDirection?: \"top\" | \"bottom\";\n  options?: Option[];\n  filterFn?:\n    | false\n    | ((\n        value?: string,\n        option?: Option,\n        getOptionLabel?: Pick<\n          ChipsInputProps<Option>,\n          \"getOptionLabel\"\n        >[\"getOptionLabel\"]\n      ) => boolean);\n  /**\n   * Возможность создавать чипы которых нет в списке (по enter или с помощью пункта в меню, см creatableText)\n   */\n  creatable?: boolean;\n  /**\n   * Отрисовка лоадера вместо списка опций в выпадающем списке\n   */\n  fetching?: boolean;\n  renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n  /**\n   * Показывать или скрывать уже выбранные опции\n   */\n  showSelected?: boolean;\n  /**\n   * Текст для пункта создающего чипы при клике, так же отвечает за то будет ли показан этот пункт (показывается после того как в списке не отсанется опций)\n   */\n  creatableText?: string;\n  /**\n   * Текст который показывается если список опций пуст\n   */\n  emptyText?: string;\n  /**\n   * Событие срабатывающее перед onChange\n   */\n  onChangeStart?: (\n    e: React.MouseEvent | React.KeyboardEvent,\n    option: Option\n  ) => void;\n  /**\n   * Закрытие выпадающего списка после выбора элемента\n   */\n  closeAfterSelect?: boolean;\n  fixDropdownWidth?: boolean;\n  forceDropdownPortal?: boolean;\n}\n\ntype FocusActionType = \"next\" | \"prev\";\n\nconst FOCUS_ACTION_NEXT: FocusActionType = \"next\";\nconst FOCUS_ACTION_PREV: FocusActionType = \"prev\";\n\nconst chipsSelectDefaultProps: ChipsSelectProps<any> = {\n  ...chipsInputDefaultProps,\n  emptyText: \"Ничего не найдено\",\n  creatableText: \"Создать значение\",\n  onChangeStart: noop,\n  creatable: false,\n  fetching: false,\n  showSelected: true,\n  closeAfterSelect: true,\n  options: [],\n  filterFn: defaultFilterFn,\n  renderOption({ option, ...restProps }) {\n    return <CustomSelectOption {...restProps} />;\n  },\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsSelect\n */\nexport const ChipsSelect = <Option extends ChipOption>(\n  props: ChipsSelectProps<Option>\n) => {\n  const propsWithDefault = { ...chipsSelectDefaultProps, ...props };\n  const {\n    style,\n    onFocus,\n    onKeyDown,\n    className,\n    fetching,\n    renderOption,\n    emptyText,\n    getRef,\n    getRootRef,\n    disabled,\n    placeholder,\n    tabIndex,\n    getOptionValue,\n    getOptionLabel,\n    showSelected,\n    getNewOptionData,\n    renderChip,\n    popupDirection,\n    creatable,\n    filterFn,\n    inputValue,\n    creatableText,\n    closeAfterSelect,\n    onChangeStart,\n    before,\n    options,\n    fixDropdownWidth,\n    forceDropdownPortal,\n    ...restProps\n  } = propsWithDefault;\n\n  const { document } = useDOM();\n\n  const [popperPlacement, setPopperPlacement] = React.useState<\n    Placement | undefined\n  >(undefined);\n\n  const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n  const rootRef = useExternRef(getRef);\n  const {\n    fieldValue,\n    selectedOptions = [],\n    opened,\n    setOpened,\n    addOptionFromInput,\n    filteredOptions,\n    addOption,\n    handleInputChange,\n    clearInput,\n    focusedOption,\n    setFocusedOption,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n  } = useChipsSelect(propsWithDefault);\n\n  const showCreatable = Boolean(\n    creatable && creatableText && !filteredOptions.length && fieldValue\n  );\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setOpened(true);\n    setFocusedOptionIndex(0);\n    onFocus!(e);\n  };\n\n  const handleClickOutside = (e: MouseEvent) => {\n    if (\n      e.target !== rootRef.current &&\n      !rootRef.current?.contains(e.target as Node)\n    ) {\n      setOpened(false);\n    }\n  };\n\n  const chipsSelectOptions = React.useRef<HTMLElement[]>([]).current;\n\n  const scrollToElement = (index: number, center = false) => {\n    const dropdown = scrollBoxRef.current;\n    const item = chipsSelectOptions[index];\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 focusOptionByIndex = (index: number, oldIndex: number) => {\n    const { length } = filteredOptions;\n\n    if (index < 0) {\n      index = length - 1;\n    } else if (index >= length) {\n      index = 0;\n    }\n\n    if (index === oldIndex) {\n      return;\n    }\n\n    scrollToElement(index);\n    setFocusedOptionIndex(index);\n  };\n\n  const focusOption = (nextIndex: number | null, type: FocusActionType) => {\n    let index = typeof nextIndex !== \"number\" ? -1 : nextIndex;\n\n    if (type === FOCUS_ACTION_NEXT) {\n      index = index + 1;\n    } else if (type === FOCUS_ACTION_PREV) {\n      index = index - 1;\n    }\n\n    if (focusedOptionIndex != null) {\n      focusOptionByIndex(index, focusedOptionIndex);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown!(e);\n\n    if (e.key === \"ArrowUp\" && !e.defaultPrevented) {\n      e.preventDefault();\n\n      if (!opened) {\n        setOpened(true);\n        setFocusedOptionIndex(0);\n      } else {\n        focusOption(focusedOptionIndex, FOCUS_ACTION_PREV);\n      }\n    }\n\n    if (e.key === \"ArrowDown\" && !e.defaultPrevented) {\n      e.preventDefault();\n\n      if (!opened) {\n        setOpened(true);\n        setFocusedOptionIndex(0);\n      } else {\n        focusOption(focusedOptionIndex, FOCUS_ACTION_NEXT);\n      }\n    }\n\n    if (\n      e.key === \"Enter\" &&\n      !e.defaultPrevented &&\n      opened &&\n      focusedOptionIndex != null\n    ) {\n      const option = filteredOptions[focusedOptionIndex];\n\n      if (option) {\n        onChangeStart!(e, option);\n\n        if (!e.defaultPrevented) {\n          addOption(option);\n          setFocusedOptionIndex(null);\n          clearInput();\n          closeAfterSelect && setOpened(false);\n          e.preventDefault();\n        }\n      } else if (!creatable) {\n        e.preventDefault();\n      }\n    }\n\n    if ([\"Escape\", \"Tab\"].includes(e.key) && !e.defaultPrevented && opened) {\n      setOpened(false);\n    }\n  };\n\n  React.useEffect(() => {\n    if (focusedOptionIndex != null && filteredOptions[focusedOptionIndex]) {\n      setFocusedOption(filteredOptions[focusedOptionIndex]);\n    } else if (focusedOptionIndex === null || focusedOptionIndex === 0) {\n      setFocusedOption(null);\n    }\n  }, [focusedOptionIndex, filteredOptions, setFocusedOption]);\n\n  React.useEffect(() => {\n    const index = focusedOption\n      ? filteredOptions.findIndex(({ value }) => value === focusedOption.value)\n      : -1;\n\n    if (\n      index === -1 &&\n      !!filteredOptions.length &&\n      !showCreatable &&\n      closeAfterSelect\n    ) {\n      setFocusedOption(filteredOptions[0]);\n    }\n  }, [\n    filteredOptions,\n    focusedOption,\n    showCreatable,\n    closeAfterSelect,\n    setFocusedOption,\n  ]);\n\n  useGlobalEventListener(document, \"click\", handleClickOutside);\n\n  const renderChipWrapper = (\n    renderChipProps: RenderChip<Option> | undefined\n  ) => {\n    if (renderChipProps === undefined) {\n      return null;\n    }\n    const onRemoveWrapper = (\n      e: React.MouseEvent | undefined,\n      value: ChipValue | undefined\n    ) => {\n      e?.preventDefault();\n      e?.stopPropagation();\n\n      renderChipProps.onRemove?.(e, value);\n    };\n\n    return renderChip!({\n      ...renderChipProps,\n      onRemove: onRemoveWrapper,\n    });\n  };\n\n  const isPopperDirectionTop = popperPlacement?.includes(\"top\");\n\n  const onPlacementChange = React.useCallback(\n    (placement?: Placement) => {\n      setPopperPlacement(placement);\n    },\n    [setPopperPlacement]\n  );\n\n  const onDropdownMouseLeave = React.useCallback(() => {\n    setFocusedOptionIndex(null);\n  }, [setFocusedOptionIndex]);\n\n  const observableRefs = React.useMemo(\n    () => [scrollBoxRef, rootRef],\n    [rootRef, scrollBoxRef]\n  );\n\n  const toggleOpened = () => {\n    setOpened((prevOpened) => !prevOpened);\n  };\n\n  return (\n    <FormField\n      vkuiClass={classNames(\n        \"ChipsSelect\",\n        opened && \"Select--open\",\n        opened && (isPopperDirectionTop ? \"Select--pop-up\" : \"Select--pop-down\")\n      )}\n      getRootRef={rootRef}\n      style={style}\n      className={className}\n      disabled={disabled}\n      role=\"application\"\n      aria-disabled={disabled}\n      aria-readonly={restProps.readOnly}\n      after={\n        <IconButton\n          vkuiClass=\"ChipsSelect__dropdown\"\n          activeMode=\"\"\n          hoverMode=\"\"\n          // TODO: add label customization\n          aria-label={opened ? \"Скрыть\" : \"Развернуть\"}\n          onClick={toggleOpened}\n        >\n          <DropdownIcon vkuiClass=\"ChipsSelect__icon\" opened={opened} />\n        </IconButton>\n      }\n      before={before}\n    >\n      <ChipsInputBase\n        {...restProps}\n        tabIndex={tabIndex}\n        value={selectedOptions}\n        inputValue={fieldValue}\n        getNewOptionData={getNewOptionData}\n        getOptionLabel={getOptionLabel}\n        getOptionValue={getOptionValue}\n        renderChip={renderChipWrapper}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        getRef={getRef}\n        disabled={disabled}\n        onInputChange={handleInputChange}\n      />\n      {opened && (\n        <CustomSelectDropdown\n          targetRef={rootRef}\n          placement={popupDirection}\n          scrollBoxRef={scrollBoxRef}\n          observableRefs={observableRefs}\n          onPlacementChange={onPlacementChange}\n          onMouseLeave={onDropdownMouseLeave}\n          fetching={fetching}\n          vkuiClass=\"ChipsSelect__options\"\n          sameWidth={fixDropdownWidth}\n          forcePortal={forceDropdownPortal}\n        >\n          {showCreatable && (\n            <CustomSelectOption\n              hovered={focusedOptionIndex === 0}\n              onMouseDown={addOptionFromInput}\n              onMouseEnter={() => setFocusedOptionIndex(0)}\n            >\n              {creatableText}\n            </CustomSelectOption>\n          )}\n          {!filteredOptions?.length && !showCreatable && emptyText ? (\n            <Caption vkuiClass=\"ChipsSelect__empty\">{emptyText}</Caption>\n          ) : (\n            filteredOptions.map((option: Option, index: number) => {\n              const label = getOptionLabel!(option);\n              const hovered =\n                focusedOption &&\n                getOptionValue!(option) === getOptionValue!(focusedOption);\n              const selected = selectedOptions.find(\n                (selectedOption: Option) => {\n                  return (\n                    getOptionValue!(selectedOption) === getOptionValue!(option)\n                  );\n                }\n              );\n              const value = getOptionValue!(option);\n\n              return (\n                <React.Fragment key={`${typeof value}-${value}`}>\n                  {renderOption!({\n                    className: prefixClass(\"ChipsSelect__option\"),\n                    option,\n                    hovered: Boolean(hovered),\n                    children: label,\n                    selected: !!selected,\n                    getRootRef: (e) => {\n                      if (e) {\n                        return (chipsSelectOptions[index] = e);\n                      }\n                      return undefined;\n                    },\n                    onMouseDown: (e: React.MouseEvent<HTMLDivElement>) => {\n                      onChangeStart?.(e, option);\n\n                      if (!e.defaultPrevented) {\n                        closeAfterSelect && setOpened(false);\n                        addOption(option);\n                        clearInput();\n                      }\n                    },\n                    onMouseEnter: () => setFocusedOptionIndex(index),\n                  })}\n                </React.Fragment>\n              );\n            })\n          )}\n        </CustomSelectDropdown>\n      )}\n    </FormField>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAGA,SACEC,cADF,EAEEC,sBAFF;AAIA,SACEC,kBADF;AAIA,SAASC,cAAT;AACA,SAASC,IAAT;AACA,SAASC,MAAT;AACA,SAASC,OAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,sBAAT;AACA,SAASC,eAAT;AAEA,SAASC,oBAAT;AACA,SAASC,SAAT;AACA,SAASC,UAAT;AAuDA,IAAMC,iBAAkC,GAAG,MAA3C;AACA,IAAMC,iBAAkC,GAAG,MAA3C;;AAEA,IAAMC,uBAA8C,mCAC/Cf,sBAD+C;EAElDgB,SAAS,EAAE,mBAFuC;EAGlDC,aAAa,EAAE,kBAHmC;EAIlDC,aAAa,EAAEf,IAJmC;EAKlDgB,SAAS,EAAE,KALuC;EAMlDC,QAAQ,EAAE,KANwC;EAOlDC,YAAY,EAAE,IAPoC;EAQlDC,gBAAgB,EAAE,IARgC;EASlDC,OAAO,EAAE,EATyC;EAUlDC,QAAQ,EAAEf,eAVwC;EAWlDgB,YAXkD,8BAWX;IAAA,IAAxBC,MAAwB,QAAxBA,MAAwB;IAAA,IAAbC,SAAa;;IACrC,OAAO,oBAAC,kBAAD,EAAwBA,SAAxB,CAAP;EACD;AAbiD,EAApD;AAgBA;AACA;AACA;;;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CACzBC,KADyB,EAEtB;EACH,IAAMC,gBAAgB,mCAAQf,uBAAR,GAAoCc,KAApC,CAAtB;;EACA,IACEE,KADF,GA8BID,gBA9BJ,CACEC,KADF;EAAA,IAEEC,OAFF,GA8BIF,gBA9BJ,CAEEE,OAFF;EAAA,IAGEC,SAHF,GA8BIH,gBA9BJ,CAGEG,SAHF;EAAA,IAIEC,SAJF,GA8BIJ,gBA9BJ,CAIEI,SAJF;EAAA,IAKEd,QALF,GA8BIU,gBA9BJ,CAKEV,QALF;EAAA,IAMEK,YANF,GA8BIK,gBA9BJ,CAMEL,YANF;EAAA,IAOET,SAPF,GA8BIc,gBA9BJ,CAOEd,SAPF;EAAA,IAQEmB,MARF,GA8BIL,gBA9BJ,CAQEK,MARF;EAAA,IASEC,UATF,GA8BIN,gBA9BJ,CASEM,UATF;EAAA,IAUEC,QAVF,GA8BIP,gBA9BJ,CAUEO,QAVF;EAAA,IAWEC,WAXF,GA8BIR,gBA9BJ,CAWEQ,WAXF;EAAA,IAYEC,QAZF,GA8BIT,gBA9BJ,CAYES,QAZF;EAAA,IAaEC,cAbF,GA8BIV,gBA9BJ,CAaEU,cAbF;EAAA,IAcEC,cAdF,GA8BIX,gBA9BJ,CAcEW,cAdF;EAAA,IAeEpB,YAfF,GA8BIS,gBA9BJ,CAeET,YAfF;EAAA,IAgBEqB,gBAhBF,GA8BIZ,gBA9BJ,CAgBEY,gBAhBF;EAAA,IAiBEC,UAjBF,GA8BIb,gBA9BJ,CAiBEa,UAjBF;EAAA,IAkBEC,cAlBF,GA8BId,gBA9BJ,CAkBEc,cAlBF;EAAA,IAmBEzB,SAnBF,GA8BIW,gBA9BJ,CAmBEX,SAnBF;EAAA,IAoBEK,QApBF,GA8BIM,gBA9BJ,CAoBEN,QApBF;EAAA,IAqBEqB,UArBF,GA8BIf,gBA9BJ,CAqBEe,UArBF;EAAA,IAsBE5B,aAtBF,GA8BIa,gBA9BJ,CAsBEb,aAtBF;EAAA,IAuBEK,gBAvBF,GA8BIQ,gBA9BJ,CAuBER,gBAvBF;EAAA,IAwBEJ,aAxBF,GA8BIY,gBA9BJ,CAwBEZ,aAxBF;EAAA,IAyBE4B,MAzBF,GA8BIhB,gBA9BJ,CAyBEgB,MAzBF;EAAA,IA0BEvB,OA1BF,GA8BIO,gBA9BJ,CA0BEP,OA1BF;EAAA,IA2BEwB,gBA3BF,GA8BIjB,gBA9BJ,CA2BEiB,gBA3BF;EAAA,IA4BEC,mBA5BF,GA8BIlB,gBA9BJ,CA4BEkB,mBA5BF;EAAA,IA6BKrB,SA7BL,4BA8BIG,gBA9BJ;;EAgCA,cAAqB1B,MAAM,EAA3B;EAAA,IAAQ6C,QAAR,WAAQA,QAAR;;EAEA,sBAA8CrD,KAAK,CAACsD,QAAN,CAE5CC,SAF4C,CAA9C;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,kBAAxB;;EAIA,IAAMC,YAAY,GAAG1D,KAAK,CAAC2D,MAAN,CAA6B,IAA7B,CAArB;EACA,IAAMC,OAAO,GAAGjD,YAAY,CAAC4B,MAAD,CAA5B;;EACA,sBAcIjC,cAAc,CAAC4B,gBAAD,CAdlB;EAAA,IACE2B,UADF,mBACEA,UADF;EAAA,4CAEEC,eAFF;EAAA,IAEEA,eAFF,sCAEoB,EAFpB;EAAA,IAGEC,MAHF,mBAGEA,MAHF;EAAA,IAIEC,SAJF,mBAIEA,SAJF;EAAA,IAKEC,kBALF,mBAKEA,kBALF;EAAA,IAMEC,eANF,mBAMEA,eANF;EAAA,IAOEC,SAPF,mBAOEA,SAPF;EAAA,IAQEC,iBARF,mBAQEA,iBARF;EAAA,IASEC,UATF,mBASEA,UATF;EAAA,IAUEC,aAVF,mBAUEA,aAVF;EAAA,IAWEC,gBAXF,mBAWEA,gBAXF;EAAA,IAYEC,kBAZF,mBAYEA,kBAZF;EAAA,IAaEC,qBAbF,mBAaEA,qBAbF;;EAgBA,IAAMC,aAAa,GAAGC,OAAO,CAC3BpD,SAAS,IAAIF,aAAb,IAA8B,CAAC6C,eAAe,CAACU,MAA/C,IAAyDf,UAD9B,CAA7B;;EAIA,IAAMgB,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAA2C;IAC7Dd,SAAS,CAAC,IAAD,CAAT;IACAS,qBAAqB,CAAC,CAAD,CAArB;IACArC,OAAO,CAAE0C,CAAF,CAAP;EACD,CAJD;;EAMA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACD,CAAD,EAAmB;IAAA;;IAC5C,IACEA,CAAC,CAACE,MAAF,KAAapB,OAAO,CAACqB,OAArB,IACA,sBAACrB,OAAO,CAACqB,OAAT,6CAAC,iBAAiBC,QAAjB,CAA0BJ,CAAC,CAACE,MAA5B,CAAD,CAFF,EAGE;MACAhB,SAAS,CAAC,KAAD,CAAT;IACD;EACF,CAPD;;EASA,IAAMmB,kBAAkB,GAAGnF,KAAK,CAAC2D,MAAN,CAA4B,EAA5B,EAAgCsB,OAA3D;;EAEA,IAAMG,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAmC;IAAA,IAAnBC,MAAmB,uEAAV,KAAU;IACzD,IAAMC,QAAQ,GAAG7B,YAAY,CAACuB,OAA9B;IACA,IAAMO,IAAI,GAAGL,kBAAkB,CAACE,KAAD,CAA/B;;IAEA,IAAI,CAACG,IAAD,IAAS,CAACD,QAAd,EAAwB;MACtB;IACD;;IAED,IAAME,cAAc,GAAGF,QAAQ,CAACG,YAAhC;IACA,IAAMC,SAAS,GAAGJ,QAAQ,CAACI,SAA3B;IACA,IAAMC,OAAO,GAAGJ,IAAI,CAACK,SAArB;IACA,IAAMC,UAAU,GAAGN,IAAI,CAACE,YAAxB;;IAEA,IAAIJ,MAAJ,EAAY;MACVC,QAAQ,CAACI,SAAT,GAAqBC,OAAO,GAAGH,cAAc,GAAG,CAA3B,GAA+BK,UAAU,GAAG,CAAjE;IACD,CAFD,MAEO,IAAIF,OAAO,GAAGE,UAAV,GAAuBL,cAAc,GAAGE,SAA5C,EAAuD;MAC5DJ,QAAQ,CAACI,SAAT,GAAqBC,OAAO,GAAGH,cAAV,GAA2BK,UAAhD;IACD,CAFM,MAEA,IAAIF,OAAO,GAAGD,SAAd,EAAyB;MAC9BJ,QAAQ,CAACI,SAAT,GAAqBC,OAArB;IACD;EACF,CApBD;;EAsBA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,CAACV,KAAD,EAAgBW,QAAhB,EAAqC;IAC9D,IAAQpB,MAAR,GAAmBV,eAAnB,CAAQU,MAAR;;IAEA,IAAIS,KAAK,GAAG,CAAZ,EAAe;MACbA,KAAK,GAAGT,MAAM,GAAG,CAAjB;IACD,CAFD,MAEO,IAAIS,KAAK,IAAIT,MAAb,EAAqB;MAC1BS,KAAK,GAAG,CAAR;IACD;;IAED,IAAIA,KAAK,KAAKW,QAAd,EAAwB;MACtB;IACD;;IAEDZ,eAAe,CAACC,KAAD,CAAf;IACAZ,qBAAqB,CAACY,KAAD,CAArB;EACD,CAfD;;EAiBA,IAAMY,WAAW,GAAG,SAAdA,WAAc,CAACC,SAAD,EAA2BC,IAA3B,EAAqD;IACvE,IAAId,KAAK,GAAG,OAAOa,SAAP,KAAqB,QAArB,GAAgC,CAAC,CAAjC,GAAqCA,SAAjD;;IAEA,IAAIC,IAAI,KAAKlF,iBAAb,EAAgC;MAC9BoE,KAAK,GAAGA,KAAK,GAAG,CAAhB;IACD,CAFD,MAEO,IAAIc,IAAI,KAAKjF,iBAAb,EAAgC;MACrCmE,KAAK,GAAGA,KAAK,GAAG,CAAhB;IACD;;IAED,IAAIb,kBAAkB,IAAI,IAA1B,EAAgC;MAC9BuB,kBAAkB,CAACV,KAAD,EAAQb,kBAAR,CAAlB;IACD;EACF,CAZD;;EAcA,IAAM4B,aAAa,GAAG,SAAhBA,aAAgB,CAACtB,CAAD,EAA8C;IAClEzC,SAAS,CAAEyC,CAAF,CAAT;;IAEA,IAAIA,CAAC,CAACuB,GAAF,KAAU,SAAV,IAAuB,CAACvB,CAAC,CAACwB,gBAA9B,EAAgD;MAC9CxB,CAAC,CAACyB,cAAF;;MAEA,IAAI,CAACxC,MAAL,EAAa;QACXC,SAAS,CAAC,IAAD,CAAT;QACAS,qBAAqB,CAAC,CAAD,CAArB;MACD,CAHD,MAGO;QACLwB,WAAW,CAACzB,kBAAD,EAAqBtD,iBAArB,CAAX;MACD;IACF;;IAED,IAAI4D,CAAC,CAACuB,GAAF,KAAU,WAAV,IAAyB,CAACvB,CAAC,CAACwB,gBAAhC,EAAkD;MAChDxB,CAAC,CAACyB,cAAF;;MAEA,IAAI,CAACxC,MAAL,EAAa;QACXC,SAAS,CAAC,IAAD,CAAT;QACAS,qBAAqB,CAAC,CAAD,CAArB;MACD,CAHD,MAGO;QACLwB,WAAW,CAACzB,kBAAD,EAAqBvD,iBAArB,CAAX;MACD;IACF;;IAED,IACE6D,CAAC,CAACuB,GAAF,KAAU,OAAV,IACA,CAACvB,CAAC,CAACwB,gBADH,IAEAvC,MAFA,IAGAS,kBAAkB,IAAI,IAJxB,EAKE;MACA,IAAM1C,OAAM,GAAGoC,eAAe,CAACM,kBAAD,CAA9B;;MAEA,IAAI1C,OAAJ,EAAY;QACVR,aAAa,CAAEwD,CAAF,EAAKhD,OAAL,CAAb;;QAEA,IAAI,CAACgD,CAAC,CAACwB,gBAAP,EAAyB;UACvBnC,SAAS,CAACrC,OAAD,CAAT;UACA2C,qBAAqB,CAAC,IAAD,CAArB;UACAJ,UAAU;UACV3C,gBAAgB,IAAIsC,SAAS,CAAC,KAAD,CAA7B;UACAc,CAAC,CAACyB,cAAF;QACD;MACF,CAVD,MAUO,IAAI,CAAChF,SAAL,EAAgB;QACrBuD,CAAC,CAACyB,cAAF;MACD;IACF;;IAED,IAAI,CAAC,QAAD,EAAW,KAAX,EAAkBC,QAAlB,CAA2B1B,CAAC,CAACuB,GAA7B,KAAqC,CAACvB,CAAC,CAACwB,gBAAxC,IAA4DvC,MAAhE,EAAwE;MACtEC,SAAS,CAAC,KAAD,CAAT;IACD;EACF,CAnDD;;EAqDAhE,KAAK,CAACyG,SAAN,CAAgB,YAAM;IACpB,IAAIjC,kBAAkB,IAAI,IAAtB,IAA8BN,eAAe,CAACM,kBAAD,CAAjD,EAAuE;MACrED,gBAAgB,CAACL,eAAe,CAACM,kBAAD,CAAhB,CAAhB;IACD,CAFD,MAEO,IAAIA,kBAAkB,KAAK,IAAvB,IAA+BA,kBAAkB,KAAK,CAA1D,EAA6D;MAClED,gBAAgB,CAAC,IAAD,CAAhB;IACD;EACF,CAND,EAMG,CAACC,kBAAD,EAAqBN,eAArB,EAAsCK,gBAAtC,CANH;EAQAvE,KAAK,CAACyG,SAAN,CAAgB,YAAM;IACpB,IAAMpB,KAAK,GAAGf,aAAa,GACvBJ,eAAe,CAACwC,SAAhB,CAA0B;MAAA,IAAGC,KAAH,SAAGA,KAAH;MAAA,OAAeA,KAAK,KAAKrC,aAAa,CAACqC,KAAvC;IAAA,CAA1B,CADuB,GAEvB,CAAC,CAFL;;IAIA,IACEtB,KAAK,KAAK,CAAC,CAAX,IACA,CAAC,CAACnB,eAAe,CAACU,MADlB,IAEA,CAACF,aAFD,IAGAhD,gBAJF,EAKE;MACA6C,gBAAgB,CAACL,eAAe,CAAC,CAAD,CAAhB,CAAhB;IACD;EACF,CAbD,EAaG,CACDA,eADC,EAEDI,aAFC,EAGDI,aAHC,EAIDhD,gBAJC,EAKD6C,gBALC,CAbH;EAqBA3D,sBAAsB,CAACyC,QAAD,EAAW,OAAX,EAAoB0B,kBAApB,CAAtB;;EAEA,IAAM6B,iBAAiB,GAAG,SAApBA,iBAAoB,CACxBC,eADwB,EAErB;IACH,IAAIA,eAAe,KAAKtD,SAAxB,EAAmC;MACjC,OAAO,IAAP;IACD;;IACD,IAAMuD,eAAe,GAAG,SAAlBA,eAAkB,CACtBhC,CADsB,EAEtB6B,KAFsB,EAGnB;MAAA;;MACH7B,CAAC,SAAD,IAAAA,CAAC,WAAD,YAAAA,CAAC,CAAEyB,cAAH;MACAzB,CAAC,SAAD,IAAAA,CAAC,WAAD,YAAAA,CAAC,CAAEiC,eAAH;MAEA,yBAAAF,eAAe,CAACG,QAAhB,qFAAAH,eAAe,EAAY/B,CAAZ,EAAe6B,KAAf,CAAf;IACD,CARD;;IAUA,OAAO5D,UAAU,iCACZ8D,eADY;MAEfG,QAAQ,EAAEF;IAFK,GAAjB;EAID,CApBD;;EAsBA,IAAMG,oBAAoB,GAAGzD,eAAH,aAAGA,eAAH,uBAAGA,eAAe,CAAEgD,QAAjB,CAA0B,KAA1B,CAA7B;EAEA,IAAMU,iBAAiB,GAAGlH,KAAK,CAACmH,WAAN,CACxB,UAACC,SAAD,EAA2B;IACzB3D,kBAAkB,CAAC2D,SAAD,CAAlB;EACD,CAHuB,EAIxB,CAAC3D,kBAAD,CAJwB,CAA1B;EAOA,IAAM4D,oBAAoB,GAAGrH,KAAK,CAACmH,WAAN,CAAkB,YAAM;IACnD1C,qBAAqB,CAAC,IAAD,CAArB;EACD,CAF4B,EAE1B,CAACA,qBAAD,CAF0B,CAA7B;EAIA,IAAM6C,cAAc,GAAGtH,KAAK,CAACuH,OAAN,CACrB;IAAA,OAAM,CAAC7D,YAAD,EAAeE,OAAf,CAAN;EAAA,CADqB,EAErB,CAACA,OAAD,EAAUF,YAAV,CAFqB,CAAvB;;EAKA,IAAM8D,YAAY,GAAG,SAAfA,YAAe,GAAM;IACzBxD,SAAS,CAAC,UAACyD,UAAD;MAAA,OAAgB,CAACA,UAAjB;IAAA,CAAD,CAAT;EACD,CAFD;;EAIA,OACE,oBAAC,SAAD;IACE,SAAS,EAAEvH,UAAU,CACnB,aADmB,EAEnB6D,MAAM,IAAI,cAFS,EAGnBA,MAAM,KAAKkD,oBAAoB,GAAG,gBAAH,GAAsB,kBAA/C,CAHa,CADvB;IAME,UAAU,EAAErD,OANd;IAOE,KAAK,EAAEzB,KAPT;IAQE,SAAS,EAAEG,SARb;IASE,QAAQ,EAAEG,QATZ;IAUE,IAAI,EAAC,aAVP;IAWE,iBAAeA,QAXjB;IAYE,iBAAeV,SAAS,CAAC2F,QAZ3B;IAaE,KAAK,EACH,oBAAC,UAAD;MACE,SAAS,EAAC,uBADZ;MAEE,UAAU,EAAC,EAFb;MAGE,SAAS,EAAC,EAHZ,CAIE;MAJF;MAKE,cAAY3D,MAAM,GAAG,QAAH,GAAc,YALlC;MAME,OAAO,EAAEyD;IANX,GAQE,oBAAC,YAAD;MAAc,SAAS,EAAC,mBAAxB;MAA4C,MAAM,EAAEzD;IAApD,EARF,CAdJ;IAyBE,MAAM,EAAEb;EAzBV,GA2BE,oBAAC,cAAD,eACMnB,SADN;IAEE,QAAQ,EAAEY,QAFZ;IAGE,KAAK,EAAEmB,eAHT;IAIE,UAAU,EAAED,UAJd;IAKE,gBAAgB,EAAEf,gBALpB;IAME,cAAc,EAAED,cANlB;IAOE,cAAc,EAAED,cAPlB;IAQE,UAAU,EAAEgE,iBARd;IASE,OAAO,EAAE/B,WATX;IAUE,SAAS,EAAEuB,aAVb;IAWE,WAAW,EAAE1D,WAXf;IAYE,MAAM,EAAEH,MAZV;IAaE,QAAQ,EAAEE,QAbZ;IAcE,aAAa,EAAE2B;EAdjB,GA3BF,EA2CGL,MAAM,IACL,oBAAC,oBAAD;IACE,SAAS,EAAEH,OADb;IAEE,SAAS,EAAEZ,cAFb;IAGE,YAAY,EAAEU,YAHhB;IAIE,cAAc,EAAE4D,cAJlB;IAKE,iBAAiB,EAAEJ,iBALrB;IAME,YAAY,EAAEG,oBANhB;IAOE,QAAQ,EAAE7F,QAPZ;IAQE,SAAS,EAAC,sBARZ;IASE,SAAS,EAAE2B,gBATb;IAUE,WAAW,EAAEC;EAVf,GAYGsB,aAAa,IACZ,oBAAC,kBAAD;IACE,OAAO,EAAEF,kBAAkB,KAAK,CADlC;IAEE,WAAW,EAAEP,kBAFf;IAGE,YAAY,EAAE;MAAA,OAAMQ,qBAAqB,CAAC,CAAD,CAA3B;IAAA;EAHhB,GAKGpD,aALH,CAbJ,EAqBG,EAAC6C,eAAD,aAACA,eAAD,eAACA,eAAe,CAAEU,MAAlB,KAA4B,CAACF,aAA7B,IAA8CtD,SAA9C,GACC,oBAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,GAAyCA,SAAzC,CADD,GAGC8C,eAAe,CAACyD,GAAhB,CAAoB,UAAC7F,MAAD,EAAiBuD,KAAjB,EAAmC;IACrD,IAAMuC,KAAK,GAAG/E,cAAc,CAAEf,MAAF,CAA5B;IACA,IAAM+F,OAAO,GACXvD,aAAa,IACb1B,cAAc,CAAEd,MAAF,CAAd,KAA4Bc,cAAc,CAAE0B,aAAF,CAF5C;IAGA,IAAMwD,QAAQ,GAAGhE,eAAe,CAACiE,IAAhB,CACf,UAACC,cAAD,EAA4B;MAC1B,OACEpF,cAAc,CAAEoF,cAAF,CAAd,KAAoCpF,cAAc,CAAEd,MAAF,CADpD;IAGD,CALc,CAAjB;IAOA,IAAM6E,KAAK,GAAG/D,cAAc,CAAEd,MAAF,CAA5B;IAEA,OACE,oBAAC,KAAD,CAAO,QAAP;MAAgB,GAAG,oBAAY6E,KAAZ,eAAqBA,KAArB;IAAnB,GACG9E,YAAY,CAAE;MACbS,SAAS,EAAE5B,WAAW,CAAC,qBAAD,CADT;MAEboB,MAAM,EAANA,MAFa;MAGb+F,OAAO,EAAElD,OAAO,CAACkD,OAAD,CAHH;MAIbI,QAAQ,EAAEL,KAJG;MAKbE,QAAQ,EAAE,CAAC,CAACA,QALC;MAMbtF,UAAU,EAAE,oBAACsC,CAAD,EAAO;QACjB,IAAIA,CAAJ,EAAO;UACL,OAAQK,kBAAkB,CAACE,KAAD,CAAlB,GAA4BP,CAApC;QACD;;QACD,OAAOvB,SAAP;MACD,CAXY;MAYb2E,WAAW,EAAE,qBAACpD,CAAD,EAAyC;QACpDxD,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGwD,CAAH,EAAMhD,MAAN,CAAb;;QAEA,IAAI,CAACgD,CAAC,CAACwB,gBAAP,EAAyB;UACvB5E,gBAAgB,IAAIsC,SAAS,CAAC,KAAD,CAA7B;UACAG,SAAS,CAACrC,MAAD,CAAT;UACAuC,UAAU;QACX;MACF,CApBY;MAqBb8D,YAAY,EAAE;QAAA,OAAM1D,qBAAqB,CAACY,KAAD,CAA3B;MAAA;IArBD,CAAF,CADf,CADF;EA2BD,CAzCD,CAxBJ,CA5CJ,CADF;AAoHD,CA1XM"}
+{"version":3,"file":"ChipsSelect.js","names":["React","DropdownIcon","classNames","ChipsInputBase","chipsInputDefaultProps","CustomSelectOption","useChipsSelect","noop","useDOM","Footnote","prefixClass","useExternRef","useGlobalEventListener","defaultFilterFn","CustomSelectDropdown","FormField","IconButton","FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","chipsSelectDefaultProps","emptyText","creatableText","onChangeStart","creatable","fetching","showSelected","closeAfterSelect","options","filterFn","renderOption","props","ChipsSelect","propsWithDefault","style","onFocus","onKeyDown","className","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","getNewOptionData","renderChip","popupDirection","inputValue","before","fixDropdownWidth","forceDropdownPortal","restProps","document","useState","undefined","popperPlacement","setPopperPlacement","scrollBoxRef","useRef","rootRef","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","filteredOptions","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleClickOutside","target","current","contains","chipsSelectOptions","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","handleKeyDown","key","defaultPrevented","preventDefault","option","includes","useEffect","findIndex","value","renderChipWrapper","renderChipProps","onRemoveWrapper","stopPropagation","onRemove","isPopperDirectionTop","onPlacementChange","useCallback","placement","onDropdownMouseLeave","observableRefs","useMemo","toggleOpened","prevOpened","readOnly","map","label","hovered","selected","find","selectedOption","children","onMouseDown","onMouseEnter"],"sources":["../../../src/components/ChipsSelect/ChipsSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ChipOption, ChipValue, RenderChip } from \"../Chip/Chip\";\nimport { ChipsInputProps } from \"../ChipsInput/ChipsInput\";\nimport {\n  ChipsInputBase,\n  chipsInputDefaultProps,\n} from \"../ChipsInputBase/ChipsInputBase\";\nimport {\n  CustomSelectOption,\n  CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { useChipsSelect } from \"../../hooks/useChipsSelect\";\nimport { noop } from \"../../lib/utils\";\nimport { useDOM } from \"../../lib/dom\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { defaultFilterFn } from \"../../lib/select\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport { FormField } from \"../FormField/FormField\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport \"./ChipsSelect.css\";\n\nexport interface ChipsSelectProps<Option extends ChipOption>\n  extends Omit<ChipsInputProps<Option>, \"after\"> {\n  popupDirection?: \"top\" | \"bottom\";\n  options?: Option[];\n  filterFn?:\n    | false\n    | ((\n        value?: string,\n        option?: Option,\n        getOptionLabel?: Pick<\n          ChipsInputProps<Option>,\n          \"getOptionLabel\"\n        >[\"getOptionLabel\"]\n      ) => boolean);\n  /**\n   * Возможность создавать чипы которых нет в списке (по enter или с помощью пункта в меню, см creatableText)\n   */\n  creatable?: boolean;\n  /**\n   * Отрисовка лоадера вместо списка опций в выпадающем списке\n   */\n  fetching?: boolean;\n  renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n  /**\n   * Показывать или скрывать уже выбранные опции\n   */\n  showSelected?: boolean;\n  /**\n   * Текст для пункта создающего чипы при клике, так же отвечает за то будет ли показан этот пункт (показывается после того как в списке не отсанется опций)\n   */\n  creatableText?: string;\n  /**\n   * Текст который показывается если список опций пуст\n   */\n  emptyText?: string;\n  /**\n   * Событие срабатывающее перед onChange\n   */\n  onChangeStart?: (\n    e: React.MouseEvent | React.KeyboardEvent,\n    option: Option\n  ) => void;\n  /**\n   * Закрытие выпадающего списка после выбора элемента\n   */\n  closeAfterSelect?: boolean;\n  fixDropdownWidth?: boolean;\n  forceDropdownPortal?: boolean;\n}\n\ntype FocusActionType = \"next\" | \"prev\";\n\nconst FOCUS_ACTION_NEXT: FocusActionType = \"next\";\nconst FOCUS_ACTION_PREV: FocusActionType = \"prev\";\n\nconst chipsSelectDefaultProps: ChipsSelectProps<any> = {\n  ...chipsInputDefaultProps,\n  emptyText: \"Ничего не найдено\",\n  creatableText: \"Создать значение\",\n  onChangeStart: noop,\n  creatable: false,\n  fetching: false,\n  showSelected: true,\n  closeAfterSelect: true,\n  options: [],\n  filterFn: defaultFilterFn,\n  renderOption(props) {\n    return <CustomSelectOption {...props} />;\n  },\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsSelect\n */\nexport const ChipsSelect = <Option extends ChipOption>(\n  props: ChipsSelectProps<Option>\n) => {\n  const propsWithDefault = { ...chipsSelectDefaultProps, ...props };\n  const {\n    style,\n    onFocus,\n    onKeyDown,\n    className,\n    fetching,\n    renderOption,\n    emptyText,\n    getRef,\n    getRootRef,\n    disabled,\n    placeholder,\n    tabIndex,\n    getOptionValue,\n    getOptionLabel,\n    showSelected,\n    getNewOptionData,\n    renderChip,\n    popupDirection,\n    creatable,\n    filterFn,\n    inputValue,\n    creatableText,\n    closeAfterSelect,\n    onChangeStart,\n    before,\n    options,\n    fixDropdownWidth,\n    forceDropdownPortal,\n    ...restProps\n  } = propsWithDefault;\n\n  const { document } = useDOM();\n\n  const [popperPlacement, setPopperPlacement] = React.useState<\n    Placement | undefined\n  >(undefined);\n\n  const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n  const rootRef = useExternRef(getRef);\n  const {\n    fieldValue,\n    selectedOptions = [],\n    opened,\n    setOpened,\n    addOptionFromInput,\n    filteredOptions,\n    addOption,\n    handleInputChange,\n    clearInput,\n    focusedOption,\n    setFocusedOption,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n  } = useChipsSelect(propsWithDefault);\n\n  const showCreatable = Boolean(\n    creatable && creatableText && !filteredOptions.length && fieldValue\n  );\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setOpened(true);\n    setFocusedOptionIndex(0);\n    onFocus!(e);\n  };\n\n  const handleClickOutside = (e: MouseEvent) => {\n    if (\n      e.target !== rootRef.current &&\n      !rootRef.current?.contains(e.target as Node)\n    ) {\n      setOpened(false);\n    }\n  };\n\n  const chipsSelectOptions = React.useRef<HTMLElement[]>([]).current;\n\n  const scrollToElement = (index: number, center = false) => {\n    const dropdown = scrollBoxRef.current;\n    const item = chipsSelectOptions[index];\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 focusOptionByIndex = (index: number, oldIndex: number) => {\n    const { length } = filteredOptions;\n\n    if (index < 0) {\n      index = length - 1;\n    } else if (index >= length) {\n      index = 0;\n    }\n\n    if (index === oldIndex) {\n      return;\n    }\n\n    scrollToElement(index);\n    setFocusedOptionIndex(index);\n  };\n\n  const focusOption = (nextIndex: number | null, type: FocusActionType) => {\n    let index = typeof nextIndex !== \"number\" ? -1 : nextIndex;\n\n    if (type === FOCUS_ACTION_NEXT) {\n      index = index + 1;\n    } else if (type === FOCUS_ACTION_PREV) {\n      index = index - 1;\n    }\n\n    if (focusedOptionIndex != null) {\n      focusOptionByIndex(index, focusedOptionIndex);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown!(e);\n\n    if (e.key === \"ArrowUp\" && !e.defaultPrevented) {\n      e.preventDefault();\n\n      if (!opened) {\n        setOpened(true);\n        setFocusedOptionIndex(0);\n      } else {\n        focusOption(focusedOptionIndex, FOCUS_ACTION_PREV);\n      }\n    }\n\n    if (e.key === \"ArrowDown\" && !e.defaultPrevented) {\n      e.preventDefault();\n\n      if (!opened) {\n        setOpened(true);\n        setFocusedOptionIndex(0);\n      } else {\n        focusOption(focusedOptionIndex, FOCUS_ACTION_NEXT);\n      }\n    }\n\n    if (\n      e.key === \"Enter\" &&\n      !e.defaultPrevented &&\n      opened &&\n      focusedOptionIndex != null\n    ) {\n      const option = filteredOptions[focusedOptionIndex];\n\n      if (option) {\n        onChangeStart!(e, option);\n\n        if (!e.defaultPrevented) {\n          addOption(option);\n          setFocusedOptionIndex(null);\n          clearInput();\n          closeAfterSelect && setOpened(false);\n          e.preventDefault();\n        }\n      } else if (!creatable) {\n        e.preventDefault();\n      }\n    }\n\n    if ([\"Escape\", \"Tab\"].includes(e.key) && !e.defaultPrevented && opened) {\n      setOpened(false);\n    }\n  };\n\n  React.useEffect(() => {\n    if (focusedOptionIndex != null && filteredOptions[focusedOptionIndex]) {\n      setFocusedOption(filteredOptions[focusedOptionIndex]);\n    } else if (focusedOptionIndex === null || focusedOptionIndex === 0) {\n      setFocusedOption(null);\n    }\n  }, [focusedOptionIndex, filteredOptions, setFocusedOption]);\n\n  React.useEffect(() => {\n    const index = focusedOption\n      ? filteredOptions.findIndex(({ value }) => value === focusedOption.value)\n      : -1;\n\n    if (\n      index === -1 &&\n      !!filteredOptions.length &&\n      !showCreatable &&\n      closeAfterSelect\n    ) {\n      setFocusedOption(filteredOptions[0]);\n    }\n  }, [\n    filteredOptions,\n    focusedOption,\n    showCreatable,\n    closeAfterSelect,\n    setFocusedOption,\n  ]);\n\n  useGlobalEventListener(document, \"click\", handleClickOutside);\n\n  const renderChipWrapper = (\n    renderChipProps: RenderChip<Option> | undefined\n  ) => {\n    if (renderChipProps === undefined) {\n      return null;\n    }\n    const onRemoveWrapper = (\n      e: React.MouseEvent | undefined,\n      value: ChipValue | undefined\n    ) => {\n      e?.preventDefault();\n      e?.stopPropagation();\n\n      renderChipProps.onRemove?.(e, value);\n    };\n\n    return renderChip!({\n      ...renderChipProps,\n      onRemove: onRemoveWrapper,\n    });\n  };\n\n  const isPopperDirectionTop = popperPlacement?.includes(\"top\");\n\n  const onPlacementChange = React.useCallback(\n    (placement?: Placement) => {\n      setPopperPlacement(placement);\n    },\n    [setPopperPlacement]\n  );\n\n  const onDropdownMouseLeave = React.useCallback(() => {\n    setFocusedOptionIndex(null);\n  }, [setFocusedOptionIndex]);\n\n  const observableRefs = React.useMemo(\n    () => [scrollBoxRef, rootRef],\n    [rootRef, scrollBoxRef]\n  );\n\n  const toggleOpened = () => {\n    setOpened((prevOpened) => !prevOpened);\n  };\n\n  return (\n    <FormField\n      vkuiClass={classNames(\n        \"ChipsSelect\",\n        opened && \"Select--open\",\n        opened && (isPopperDirectionTop ? \"Select--pop-up\" : \"Select--pop-down\")\n      )}\n      getRootRef={rootRef}\n      style={style}\n      className={className}\n      disabled={disabled}\n      role=\"application\"\n      aria-disabled={disabled}\n      aria-readonly={restProps.readOnly}\n      after={\n        <IconButton\n          vkuiClass=\"ChipsSelect__dropdown\"\n          activeMode=\"\"\n          hoverMode=\"\"\n          // TODO: add label customization\n          aria-label={opened ? \"Скрыть\" : \"Развернуть\"}\n          onClick={toggleOpened}\n        >\n          <DropdownIcon vkuiClass=\"ChipsSelect__icon\" opened={opened} />\n        </IconButton>\n      }\n      before={before}\n    >\n      <ChipsInputBase\n        {...restProps}\n        tabIndex={tabIndex}\n        value={selectedOptions}\n        inputValue={fieldValue}\n        getNewOptionData={getNewOptionData}\n        getOptionLabel={getOptionLabel}\n        getOptionValue={getOptionValue}\n        renderChip={renderChipWrapper}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        getRef={getRef}\n        disabled={disabled}\n        onInputChange={handleInputChange}\n      />\n      {opened && (\n        <CustomSelectDropdown\n          targetRef={rootRef}\n          placement={popupDirection}\n          scrollBoxRef={scrollBoxRef}\n          observableRefs={observableRefs}\n          onPlacementChange={onPlacementChange}\n          onMouseLeave={onDropdownMouseLeave}\n          fetching={fetching}\n          vkuiClass=\"ChipsSelect__options\"\n          sameWidth={fixDropdownWidth}\n          forcePortal={forceDropdownPortal}\n        >\n          {showCreatable && (\n            <CustomSelectOption\n              hovered={focusedOptionIndex === 0}\n              onMouseDown={addOptionFromInput}\n              onMouseEnter={() => setFocusedOptionIndex(0)}\n            >\n              {creatableText}\n            </CustomSelectOption>\n          )}\n          {!filteredOptions?.length && !showCreatable && emptyText ? (\n            <Footnote vkuiClass=\"ChipsSelect__empty\">{emptyText}</Footnote>\n          ) : (\n            filteredOptions.map((option: Option, index: number) => {\n              const label = getOptionLabel!(option);\n              const hovered =\n                focusedOption &&\n                getOptionValue!(option) === getOptionValue!(focusedOption);\n              const selected = selectedOptions.find(\n                (selectedOption: Option) => {\n                  return (\n                    getOptionValue!(selectedOption) === getOptionValue!(option)\n                  );\n                }\n              );\n              const value = getOptionValue!(option);\n\n              return (\n                <React.Fragment key={`${typeof value}-${value}`}>\n                  {renderOption!({\n                    className: prefixClass(\"ChipsSelect__option\"),\n                    option,\n                    hovered: Boolean(hovered),\n                    children: label,\n                    selected: !!selected,\n                    getRootRef: (e) => {\n                      if (e) {\n                        return (chipsSelectOptions[index] = e);\n                      }\n                      return undefined;\n                    },\n                    onMouseDown: (e: React.MouseEvent<HTMLDivElement>) => {\n                      onChangeStart?.(e, option);\n\n                      if (!e.defaultPrevented) {\n                        closeAfterSelect && setOpened(false);\n                        addOption(option);\n                        clearInput();\n                      }\n                    },\n                    onMouseEnter: () => setFocusedOptionIndex(index),\n                  })}\n                </React.Fragment>\n              );\n            })\n          )}\n        </CustomSelectDropdown>\n      )}\n    </FormField>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,16 +1,11 @@
 import * as React from "react";
 import { ConfigProviderContextInterface } from "./ConfigProviderContext";
-import { AppearanceScheme } from "../../helpers/scheme";
 export interface ConfigProviderProps extends Partial<ConfigProviderContextInterface> {
-    /**
-     * @deprecated будет удалено в 5.0.0, устанавливать тему следует через appearance
-     * Цветовая схема приложения
-     */
-    scheme?: AppearanceScheme;
     /**
       Локаль ([список](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry))
      */
     locale?: string;
+    onDetectAppearanceByBridge?: () => void;
     children?: React.ReactNode;
 }
 /**

package/dist/components/ConfigProvider/ConfigProvider.js

@@ -1,60 +1,17 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
-import { canUseDOM, useDOM } from "../../lib/dom";
 import { ConfigProviderContext } from "./ConfigProviderContext";
-import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { useObjectMemo } from "../../hooks/useObjectMemo";
-import { noop } from "../../lib/utils";
-import { warnOnce } from "../../lib/warnOnce";
-import { normalizeScheme, Scheme } from "../../helpers/scheme";
 import { AppearanceProvider, generateVKUITokensClassName } from "../AppearanceProvider/AppearanceProvider";
 import { LocaleProviderContext } from "../LocaleProviderContext/LocaleProviderContext";
-var warn = warnOnce("ConfigProvider");
-
-function useSchemeDetector(node, _scheme) {
-  var inherit = _scheme === "inherit";
-  var getScheme = React.useCallback(function () {
-    if (!inherit || !canUseDOM || !node) {
-      return undefined;
-    }
-
-    return node.getAttribute("scheme");
-  }, [inherit, node]);
-
-  var _React$useState = React.useState(getScheme()),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      resolvedScheme = _React$useState2[0],
-      setScheme = _React$useState2[1];
-
-  React.useEffect(function () {
-    if (!inherit || !node) {
-      return noop;
-    }
-
-    setScheme(getScheme());
-    var observer = new MutationObserver(function () {
-      return setScheme(getScheme());
-    });
-    observer.observe(node, {
-      attributes: true,
-      attributeFilter: ["scheme"]
-    });
-    return function () {
-      return observer.disconnect();
-    };
-  }, [getScheme, inherit, node]);
-  return _scheme === "inherit" ? resolvedScheme : _scheme;
-}
+import { useAutoDetectAppearance } from "../../hooks/useAutoDetectAppearance";
+import { noop } from "../../lib/utils";
+import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
+import { useDOM } from "../../lib/dom";
 
-var deriveAppearance = function deriveAppearance(scheme) {
-  return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? "dark" : "light";
-};
 /**
  * @see https://vkcom.github.io/VKUI/#/ConfigProvider
  */
-
-
 export var ConfigProvider = function ConfigProvider(props) {
   var parentLocale = React.useContext(LocaleProviderContext);
   var parentConfig = React.useContext(ConfigProviderContext);
@@ -70,54 +27,32 @@ export var ConfigProvider = function ConfigProvider(props) {
       _props$hasNewTokens = props.hasNewTokens,
       hasNewTokens = _props$hasNewTokens === void 0 ? parentConfig.hasNewTokens : _props$hasNewTokens,
       _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? parentConfig.appearance : _props$appearance,
-      scheme = props.scheme,
+      appearanceProp = _props$appearance === void 0 ? parentConfig.appearance : _props$appearance,
       _props$locale = props.locale,
-      locale = _props$locale === void 0 ? parentLocale !== null && parentLocale !== void 0 ? parentLocale : "ru" : _props$locale;
-  var normalizedScheme = normalizeScheme({
-    scheme: scheme,
-    platform: platform,
-    appearance: appearance
-  });
+      locale = _props$locale === void 0 ? parentLocale !== null && parentLocale !== void 0 ? parentLocale : "ru" : _props$locale,
+      _props$onDetectAppear = props.onDetectAppearanceByBridge,
+      onDetectAppearanceByBridge = _props$onDetectAppear === void 0 ? noop : _props$onDetectAppear;
+  var appearance = useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge);
 
   var _useDOM = useDOM(),
       document = _useDOM.document;
 
-  var target = document === null || document === void 0 ? void 0 : document.body;
   useIsomorphicLayoutEffect(function () {
-    if (normalizedScheme === "inherit") {
-      return noop;
-    }
-
-    if (process.env.NODE_ENV === "development" && target !== null && target !== void 0 && target.hasAttribute("scheme") && parentConfig.appearance === undefined // appearance не была вычислена в родительском конфиге, @deprecated будет удалено в 5.0.0
-    ) {
-      warn('<body scheme> был установлен перед монтированием VKUI - вы не забыли scheme="inherit"?');
-    }
+    var VKUITokensClassName = generateVKUITokensClassName(platform, appearance); // eslint-disable-next-line no-restricted-properties
 
-    target === null || target === void 0 ? void 0 : target.setAttribute("scheme", normalizedScheme);
-    return function () {
-      return target === null || target === void 0 ? void 0 : target.removeAttribute("scheme");
-    };
-  }, [normalizedScheme]);
-  var realScheme = useSchemeDetector(target, normalizedScheme);
-  var derivedAppearance = deriveAppearance(realScheme);
-  useIsomorphicLayoutEffect(function () {
-    var VKUITokensClassName = generateVKUITokensClassName(platform, derivedAppearance); // eslint-disable-next-line no-restricted-properties
-
-    target === null || target === void 0 ? void 0 : target.classList.add(VKUITokensClassName);
+    document.body.classList.add(VKUITokensClassName);
     return function () {
       // eslint-disable-next-line no-restricted-properties
-      target === null || target === void 0 ? void 0 : target.classList.remove(VKUITokensClassName);
+      document.body.classList.remove(VKUITokensClassName);
     };
-  }, [platform, derivedAppearance]);
+  }, [platform, appearance]);
   var configContext = useObjectMemo({
     webviewType: webviewType,
     isWebView: isWebView,
     transitionMotionEnabled: transitionMotionEnabled,
     hasNewTokens: hasNewTokens,
     platform: platform,
-    scheme: scheme,
-    appearance: appearance || derivedAppearance
+    appearance: appearance
   });
   return createScopedElement(ConfigProviderContext.Provider, {
     value: configContext