@vkontakte/vkui 5.0.0 → 5.0.2

package/dist/components/ChipsSelect/ChipsSelect.js

@@ -4,17 +4,15 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 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";
-import { classNames } from "../../lib/classNames";
+import { classNamesString } from "../../lib/classNames";
 import { ChipsInputBase, chipsInputDefaultProps } from "../ChipsInputBase/ChipsInputBase";
 import { CustomSelectOption } from "../CustomSelectOption/CustomSelectOption";
 import { useChipsSelect } from "../../hooks/useChipsSelect";
 import { noop } from "../../lib/utils";
 import { useDOM } from "../../lib/dom";
 import { Footnote } from "../Typography/Footnote/Footnote";
-import { prefixClass } from "../../lib/prefixClass";
 import { useExternRef } from "../../hooks/useExternRef";
 import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
 import { defaultFilterFn } from "../../lib/select";
@@ -23,7 +21,6 @@ import { FormField } from "../FormField/FormField";
 import { IconButton } from "../IconButton/IconButton";
 var FOCUS_ACTION_NEXT = "next";
 var FOCUS_ACTION_PREV = "prev";
-
 var chipsSelectDefaultProps = _objectSpread(_objectSpread({}, chipsInputDefaultProps), {}, {
   emptyText: "Ничего не найдено",
   creatableText: "Создать значение",
@@ -35,106 +32,91 @@ var chipsSelectDefaultProps = _objectSpread(_objectSpread({}, chipsInputDefaultP
   options: [],
   filterFn: defaultFilterFn,
   renderOption: function renderOption(props) {
-    return createScopedElement(CustomSelectOption, props);
+    return /*#__PURE__*/React.createElement(CustomSelectOption, props);
   }
 });
+
 /**
  * @see https://vkcom.github.io/VKUI/#/ChipsSelect
  */
-
-
 export var ChipsSelect = function ChipsSelect(props) {
   var propsWithDefault = _objectSpread(_objectSpread({}, chipsSelectDefaultProps), props);
-
   var style = propsWithDefault.style,
-      onFocus = propsWithDefault.onFocus,
-      onKeyDown = propsWithDefault.onKeyDown,
-      className = propsWithDefault.className,
-      fetching = propsWithDefault.fetching,
-      renderOption = propsWithDefault.renderOption,
-      emptyText = propsWithDefault.emptyText,
-      getRef = propsWithDefault.getRef,
-      getRootRef = propsWithDefault.getRootRef,
-      disabled = propsWithDefault.disabled,
-      placeholder = propsWithDefault.placeholder,
-      tabIndex = propsWithDefault.tabIndex,
-      getOptionValue = propsWithDefault.getOptionValue,
-      getOptionLabel = propsWithDefault.getOptionLabel,
-      showSelected = propsWithDefault.showSelected,
-      getNewOptionData = propsWithDefault.getNewOptionData,
-      renderChip = propsWithDefault.renderChip,
-      popupDirection = propsWithDefault.popupDirection,
-      creatable = propsWithDefault.creatable,
-      filterFn = propsWithDefault.filterFn,
-      inputValue = propsWithDefault.inputValue,
-      creatableText = propsWithDefault.creatableText,
-      closeAfterSelect = propsWithDefault.closeAfterSelect,
-      onChangeStart = propsWithDefault.onChangeStart,
-      before = propsWithDefault.before,
-      options = propsWithDefault.options,
-      fixDropdownWidth = propsWithDefault.fixDropdownWidth,
-      forceDropdownPortal = propsWithDefault.forceDropdownPortal,
-      restProps = _objectWithoutProperties(propsWithDefault, _excluded);
-
+    onFocus = propsWithDefault.onFocus,
+    onKeyDown = propsWithDefault.onKeyDown,
+    className = propsWithDefault.className,
+    fetching = propsWithDefault.fetching,
+    renderOption = propsWithDefault.renderOption,
+    emptyText = propsWithDefault.emptyText,
+    getRef = propsWithDefault.getRef,
+    getRootRef = propsWithDefault.getRootRef,
+    disabled = propsWithDefault.disabled,
+    placeholder = propsWithDefault.placeholder,
+    tabIndex = propsWithDefault.tabIndex,
+    getOptionValue = propsWithDefault.getOptionValue,
+    getOptionLabel = propsWithDefault.getOptionLabel,
+    showSelected = propsWithDefault.showSelected,
+    getNewOptionData = propsWithDefault.getNewOptionData,
+    renderChip = propsWithDefault.renderChip,
+    popupDirection = propsWithDefault.popupDirection,
+    creatable = propsWithDefault.creatable,
+    filterFn = propsWithDefault.filterFn,
+    inputValue = propsWithDefault.inputValue,
+    creatableText = propsWithDefault.creatableText,
+    closeAfterSelect = propsWithDefault.closeAfterSelect,
+    onChangeStart = propsWithDefault.onChangeStart,
+    before = propsWithDefault.before,
+    options = propsWithDefault.options,
+    fixDropdownWidth = propsWithDefault.fixDropdownWidth,
+    forceDropdownPortal = propsWithDefault.forceDropdownPortal,
+    restProps = _objectWithoutProperties(propsWithDefault, _excluded);
   var _useDOM = useDOM(),
-      document = _useDOM.document;
-
+    document = _useDOM.document;
   var _React$useState = React.useState(undefined),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      popperPlacement = _React$useState2[0],
-      setPopperPlacement = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    popperPlacement = _React$useState2[0],
+    setPopperPlacement = _React$useState2[1];
   var scrollBoxRef = React.useRef(null);
   var rootRef = useExternRef(getRef);
-
   var _useChipsSelect = useChipsSelect(propsWithDefault),
-      fieldValue = _useChipsSelect.fieldValue,
-      _useChipsSelect$selec = _useChipsSelect.selectedOptions,
-      selectedOptions = _useChipsSelect$selec === void 0 ? [] : _useChipsSelect$selec,
-      opened = _useChipsSelect.opened,
-      setOpened = _useChipsSelect.setOpened,
-      addOptionFromInput = _useChipsSelect.addOptionFromInput,
-      filteredOptions = _useChipsSelect.filteredOptions,
-      addOption = _useChipsSelect.addOption,
-      handleInputChange = _useChipsSelect.handleInputChange,
-      clearInput = _useChipsSelect.clearInput,
-      focusedOption = _useChipsSelect.focusedOption,
-      setFocusedOption = _useChipsSelect.setFocusedOption,
-      focusedOptionIndex = _useChipsSelect.focusedOptionIndex,
-      setFocusedOptionIndex = _useChipsSelect.setFocusedOptionIndex;
-
+    fieldValue = _useChipsSelect.fieldValue,
+    _useChipsSelect$selec = _useChipsSelect.selectedOptions,
+    selectedOptions = _useChipsSelect$selec === void 0 ? [] : _useChipsSelect$selec,
+    opened = _useChipsSelect.opened,
+    setOpened = _useChipsSelect.setOpened,
+    addOptionFromInput = _useChipsSelect.addOptionFromInput,
+    filteredOptions = _useChipsSelect.filteredOptions,
+    addOption = _useChipsSelect.addOption,
+    handleInputChange = _useChipsSelect.handleInputChange,
+    clearInput = _useChipsSelect.clearInput,
+    focusedOption = _useChipsSelect.focusedOption,
+    setFocusedOption = _useChipsSelect.setFocusedOption,
+    focusedOptionIndex = _useChipsSelect.focusedOptionIndex,
+    setFocusedOptionIndex = _useChipsSelect.setFocusedOptionIndex;
   var showCreatable = Boolean(creatable && creatableText && !filteredOptions.length && fieldValue);
-
   var handleFocus = function handleFocus(e) {
     setOpened(true);
     setFocusedOptionIndex(0);
     onFocus(e);
   };
-
   var handleClickOutside = function handleClickOutside(e) {
     var _rootRef$current;
-
     if (e.target !== rootRef.current && !((_rootRef$current = rootRef.current) !== null && _rootRef$current !== void 0 && _rootRef$current.contains(e.target))) {
       setOpened(false);
     }
   };
-
   var chipsSelectOptions = React.useRef([]).current;
-
   var scrollToElement = function scrollToElement(index) {
     var center = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var dropdown = scrollBoxRef.current;
     var item = chipsSelectOptions[index];
-
     if (!item || !dropdown) {
       return;
     }
-
     var dropdownHeight = dropdown.offsetHeight;
     var scrollTop = dropdown.scrollTop;
     var itemTop = item.offsetTop;
     var itemHeight = item.offsetHeight;
-
     if (center) {
       dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;
     } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {
@@ -143,44 +125,34 @@ export var ChipsSelect = function ChipsSelect(props) {
       dropdown.scrollTop = itemTop;
     }
   };
-
   var focusOptionByIndex = function focusOptionByIndex(index, oldIndex) {
     var length = filteredOptions.length;
-
     if (index < 0) {
       index = length - 1;
     } else if (index >= length) {
       index = 0;
     }
-
     if (index === oldIndex) {
       return;
     }
-
     scrollToElement(index);
     setFocusedOptionIndex(index);
   };
-
   var focusOption = function focusOption(nextIndex, type) {
     var index = typeof nextIndex !== "number" ? -1 : nextIndex;
-
     if (type === FOCUS_ACTION_NEXT) {
       index = index + 1;
     } else if (type === FOCUS_ACTION_PREV) {
       index = index - 1;
     }
-
     if (focusedOptionIndex != null) {
       focusOptionByIndex(index, focusedOptionIndex);
     }
   };
-
   var handleKeyDown = function handleKeyDown(e) {
     onKeyDown(e);
-
     if (e.key === "ArrowUp" && !e.defaultPrevented) {
       e.preventDefault();
-
       if (!opened) {
         setOpened(true);
         setFocusedOptionIndex(0);
@@ -188,10 +160,8 @@ export var ChipsSelect = function ChipsSelect(props) {
         focusOption(focusedOptionIndex, FOCUS_ACTION_PREV);
       }
     }
-
     if (e.key === "ArrowDown" && !e.defaultPrevented) {
       e.preventDefault();
-
       if (!opened) {
         setOpened(true);
         setFocusedOptionIndex(0);
@@ -199,13 +169,10 @@ export var ChipsSelect = function ChipsSelect(props) {
         focusOption(focusedOptionIndex, FOCUS_ACTION_NEXT);
       }
     }
-
     if (e.key === "Enter" && !e.defaultPrevented && opened && focusedOptionIndex != null) {
       var _option = filteredOptions[focusedOptionIndex];
-
       if (_option) {
         onChangeStart(e, _option);
-
         if (!e.defaultPrevented) {
           addOption(_option);
           setFocusedOptionIndex(null);
@@ -217,12 +184,10 @@ export var ChipsSelect = function ChipsSelect(props) {
         e.preventDefault();
       }
     }
-
     if (["Escape", "Tab"].includes(e.key) && !e.defaultPrevented && opened) {
       setOpened(false);
     }
   };
-
   React.useEffect(function () {
     if (focusedOptionIndex != null && filteredOptions[focusedOptionIndex]) {
       setFocusedOption(filteredOptions[focusedOptionIndex]);
@@ -235,31 +200,25 @@ export var ChipsSelect = function ChipsSelect(props) {
       var value = _ref.value;
       return value === focusedOption.value;
     }) : -1;
-
     if (index === -1 && !!filteredOptions.length && !showCreatable && closeAfterSelect) {
       setFocusedOption(filteredOptions[0]);
     }
   }, [filteredOptions, focusedOption, showCreatable, closeAfterSelect, setFocusedOption]);
   useGlobalEventListener(document, "click", handleClickOutside);
-
   var renderChipWrapper = function renderChipWrapper(renderChipProps) {
     if (renderChipProps === undefined) {
       return null;
     }
-
     var onRemoveWrapper = function onRemoveWrapper(e, value) {
       var _renderChipProps$onRe;
-
       e === null || e === void 0 ? void 0 : e.preventDefault();
       e === null || e === void 0 ? void 0 : e.stopPropagation();
       (_renderChipProps$onRe = renderChipProps.onRemove) === null || _renderChipProps$onRe === void 0 ? void 0 : _renderChipProps$onRe.call(renderChipProps, e, value);
     };
-
     return renderChip(_objectSpread(_objectSpread({}, renderChipProps), {}, {
       onRemove: onRemoveWrapper
     }));
   };
-
   var isPopperDirectionTop = popperPlacement === null || popperPlacement === void 0 ? void 0 : popperPlacement.includes("top");
   var onPlacementChange = React.useCallback(function (placement) {
     setPopperPlacement(placement);
@@ -270,35 +229,33 @@ export var ChipsSelect = function ChipsSelect(props) {
   var observableRefs = React.useMemo(function () {
     return [scrollBoxRef, rootRef];
   }, [rootRef, scrollBoxRef]);
-
   var toggleOpened = function toggleOpened() {
     setOpened(function (prevOpened) {
       return !prevOpened;
     });
   };
-
-  return createScopedElement(FormField, {
-    vkuiClass: classNames("ChipsSelect", opened && "Select--open", opened && (isPopperDirectionTop ? "Select--pop-up" : "Select--pop-down")),
+  return /*#__PURE__*/React.createElement(FormField, {
     getRootRef: rootRef,
     style: style,
-    className: className,
+    className: classNamesString("vkuiChipsSelect", opened && (isPopperDirectionTop ? "vkuiChipsSelect--pop-up" : "vkuiChipsSelect--pop-down"), className),
     disabled: disabled,
     role: "application",
     "aria-disabled": disabled,
     "aria-readonly": restProps.readOnly,
-    after: createScopedElement(IconButton, {
-      vkuiClass: "ChipsSelect__dropdown",
+    after: /*#__PURE__*/React.createElement(IconButton, {
+      className: "vkuiChipsSelect__dropdown",
       activeMode: "",
-      hoverMode: "" // TODO: add label customization
+      hoverMode: ""
+      // TODO: add label customization
       ,
       "aria-label": opened ? "Скрыть" : "Развернуть",
       onClick: toggleOpened
-    }, createScopedElement(DropdownIcon, {
-      vkuiClass: "ChipsSelect__icon",
+    }, /*#__PURE__*/React.createElement(DropdownIcon, {
+      className: "vkuiChipsSelect__icon",
       opened: opened
     })),
     before: before
-  }, createScopedElement(ChipsInputBase, _extends({}, restProps, {
+  }, /*#__PURE__*/React.createElement(ChipsInputBase, _extends({}, restProps, {
     tabIndex: tabIndex,
     value: selectedOptions,
     inputValue: fieldValue,
@@ -312,7 +269,7 @@ export var ChipsSelect = function ChipsSelect(props) {
     getRef: getRef,
     disabled: disabled,
     onInputChange: handleInputChange
-  })), opened && createScopedElement(CustomSelectDropdown, {
+  })), opened && /*#__PURE__*/React.createElement(CustomSelectDropdown, {
     targetRef: rootRef,
     placement: popupDirection,
     scrollBoxRef: scrollBoxRef,
@@ -320,17 +277,17 @@ export var ChipsSelect = function ChipsSelect(props) {
     onPlacementChange: onPlacementChange,
     onMouseLeave: onDropdownMouseLeave,
     fetching: fetching,
-    vkuiClass: "ChipsSelect__options",
+    className: "vkuiChipsSelect__options",
     sameWidth: fixDropdownWidth,
     forcePortal: forceDropdownPortal
-  }, showCreatable && createScopedElement(CustomSelectOption, {
+  }, showCreatable && /*#__PURE__*/React.createElement(CustomSelectOption, {
     hovered: focusedOptionIndex === 0,
     onMouseDown: addOptionFromInput,
     onMouseEnter: function onMouseEnter() {
       return setFocusedOptionIndex(0);
     }
-  }, creatableText), !(filteredOptions !== null && filteredOptions !== void 0 && filteredOptions.length) && !showCreatable && emptyText ? createScopedElement(Footnote, {
-    vkuiClass: "ChipsSelect__empty"
+  }, creatableText), !(filteredOptions !== null && filteredOptions !== void 0 && filteredOptions.length) && !showCreatable && emptyText ? /*#__PURE__*/React.createElement(Footnote, {
+    className: "vkuiChipsSelect__empty"
   }, emptyText) : filteredOptions.map(function (option, index) {
     var label = getOptionLabel(option);
     var hovered = focusedOption && getOptionValue(option) === getOptionValue(focusedOption);
@@ -338,10 +295,10 @@ export var ChipsSelect = function ChipsSelect(props) {
       return getOptionValue(selectedOption) === getOptionValue(option);
     });
     var value = getOptionValue(option);
-    return createScopedElement(React.Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: "".concat(_typeof(value), "-").concat(value)
     }, renderOption({
-      className: prefixClass("ChipsSelect__option"),
+      className: "vkuiChipsSelect__option",
       option: option,
       hovered: Boolean(hovered),
       children: label,
@@ -350,12 +307,10 @@ export var ChipsSelect = function ChipsSelect(props) {
         if (e) {
           return chipsSelectOptions[index] = e;
         }
-
         return undefined;
       },
       onMouseDown: function onMouseDown(e) {
         onChangeStart === null || onChangeStart === void 0 ? void 0 : onChangeStart(e, option);
-
         if (!e.defaultPrevented) {
           closeAfterSelect && setOpened(false);
           addOption(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","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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"}
+{"version":3,"file":"ChipsSelect.js","names":["React","DropdownIcon","classNamesString","ChipsInputBase","chipsInputDefaultProps","CustomSelectOption","useChipsSelect","noop","useDOM","Footnote","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 { classNamesString } 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 { 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 styles from \"./ChipsSelect.module.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      getRootRef={rootRef}\n      style={style}\n      className={classNamesString(\n        styles[\"ChipsSelect\"],\n        opened &&\n          (isPopperDirectionTop\n            ? styles[\"ChipsSelect--pop-up\"]\n            : styles[\"ChipsSelect--pop-down\"]),\n        className\n      )}\n      disabled={disabled}\n      role=\"application\"\n      aria-disabled={disabled}\n      aria-readonly={restProps.readOnly}\n      after={\n        <IconButton\n          className={styles[\"ChipsSelect__dropdown\"]}\n          activeMode=\"\"\n          hoverMode=\"\"\n          // TODO: add label customization\n          aria-label={opened ? \"Скрыть\" : \"Развернуть\"}\n          onClick={toggleOpened}\n        >\n          <DropdownIcon\n            className={styles[\"ChipsSelect__icon\"]}\n            opened={opened}\n          />\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          className={styles[\"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 className={styles[\"ChipsSelect__empty\"]}>\n              {emptyText}\n            </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: styles[\"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,12 +1,8 @@
 import * as React from "react";
 import { ConfigProviderContextInterface } from "./ConfigProviderContext";
 export interface ConfigProviderProps extends Partial<ConfigProviderContextInterface> {
-    /**
-      Локаль ([список](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry))
-     */
-    locale?: string;
     onDetectAppearanceByBridge?: () => void;
-    children?: React.ReactNode;
+    children: React.ReactNode;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/ConfigProvider

package/dist/components/ConfigProvider/ConfigProvider.js

@@ -1,45 +1,34 @@
-import { createScopedElement } from "../../lib/jsxRuntime";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import * as React from "react";
-import { ConfigProviderContext } from "./ConfigProviderContext";
-import { useObjectMemo } from "../../hooks/useObjectMemo";
 import { AppearanceProvider, generateVKUITokensClassName } from "../AppearanceProvider/AppearanceProvider";
-import { LocaleProviderContext } from "../LocaleProviderContext/LocaleProviderContext";
+import { ConfigProviderContext, useConfigProvider } from "./ConfigProviderContext";
+import { useObjectMemo } from "../../hooks/useObjectMemo";
 import { useAutoDetectAppearance } from "../../hooks/useAutoDetectAppearance";
 import { noop } from "../../lib/utils";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { useDOM } from "../../lib/dom";
-
 /**
  * @see https://vkcom.github.io/VKUI/#/ConfigProvider
  */
 export var ConfigProvider = function ConfigProvider(props) {
-  var parentLocale = React.useContext(LocaleProviderContext);
-  var parentConfig = React.useContext(ConfigProviderContext);
-  var children = props.children,
-      _props$webviewType = props.webviewType,
-      webviewType = _props$webviewType === void 0 ? parentConfig.webviewType : _props$webviewType,
-      _props$isWebView = props.isWebView,
-      isWebView = _props$isWebView === void 0 ? parentConfig.isWebView : _props$isWebView,
-      _props$transitionMoti = props.transitionMotionEnabled,
-      transitionMotionEnabled = _props$transitionMoti === void 0 ? parentConfig.transitionMotionEnabled : _props$transitionMoti,
-      _props$platform = props.platform,
-      platform = _props$platform === void 0 ? parentConfig.platform : _props$platform,
-      _props$hasNewTokens = props.hasNewTokens,
-      hasNewTokens = _props$hasNewTokens === void 0 ? parentConfig.hasNewTokens : _props$hasNewTokens,
-      _props$appearance = props.appearance,
-      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,
-      _props$onDetectAppear = props.onDetectAppearanceByBridge,
-      onDetectAppearanceByBridge = _props$onDetectAppear === void 0 ? noop : _props$onDetectAppear;
+  var parentConfig = useConfigProvider();
+  var _parentConfig$props = _objectSpread(_objectSpread({}, parentConfig), props),
+    children = _parentConfig$props.children,
+    webviewType = _parentConfig$props.webviewType,
+    isWebView = _parentConfig$props.isWebView,
+    transitionMotionEnabled = _parentConfig$props.transitionMotionEnabled,
+    platform = _parentConfig$props.platform,
+    locale = _parentConfig$props.locale,
+    appearanceProp = _parentConfig$props.appearance,
+    _parentConfig$props$o = _parentConfig$props.onDetectAppearanceByBridge,
+    onDetectAppearanceByBridge = _parentConfig$props$o === void 0 ? noop : _parentConfig$props$o;
   var appearance = useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge);
-
   var _useDOM = useDOM(),
-      document = _useDOM.document;
-
+    document = _useDOM.document;
   useIsomorphicLayoutEffect(function () {
-    var VKUITokensClassName = generateVKUITokensClassName(platform, appearance); // eslint-disable-next-line no-restricted-properties
+    var VKUITokensClassName = generateVKUITokensClassName(platform, appearance);
 
+    // eslint-disable-next-line no-restricted-properties
     document.body.classList.add(VKUITokensClassName);
     return function () {
       // eslint-disable-next-line no-restricted-properties
@@ -50,16 +39,14 @@ export var ConfigProvider = function ConfigProvider(props) {
     webviewType: webviewType,
     isWebView: isWebView,
     transitionMotionEnabled: transitionMotionEnabled,
-    hasNewTokens: hasNewTokens,
     platform: platform,
+    locale: locale,
     appearance: appearance
   });
-  return createScopedElement(ConfigProviderContext.Provider, {
+  return /*#__PURE__*/React.createElement(ConfigProviderContext.Provider, {
     value: configContext
-  }, createScopedElement(LocaleProviderContext.Provider, {
-    value: locale
-  }, createScopedElement(AppearanceProvider, {
-    appearance: configContext.appearance
-  }, children)));
+  }, /*#__PURE__*/React.createElement(AppearanceProvider, {
+    appearance: appearance
+  }, children));
 };
 //# sourceMappingURL=ConfigProvider.js.map