@vkontakte/vkui 4.34.0 → 4.35.0

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

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

package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js

@@ -13,6 +13,8 @@ var _jsxRuntime = require("../../lib/jsxRuntime");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -27,28 +29,50 @@ var _Popper = require("../Popper/Popper");
 
 var _Spinner = require("../Spinner/Spinner");
 
-var _excluded = ["children", "targetRef", "scrollBoxRef", "placement", "fetching", "onPlacementChange", "offsetDistance", "sameWidth", "forcePortal", "autoHideScrollbar", "autoHideScrollbarDelay"];
+var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
+
+var _excluded = ["children", "targetRef", "scrollBoxRef", "placement", "fetching", "onPlacementChange", "offsetDistance", "sameWidth", "forcePortal", "autoHideScrollbar", "autoHideScrollbarDelay", "observableRefs"];
 
 var calcIsTop = function calcIsTop(placement) {
   return placement === null || placement === void 0 ? void 0 : placement.includes("top");
 };
 
-var CustomSelectDropdown = function CustomSelectDropdown(_ref) {
-  var children = _ref.children,
-      targetRef = _ref.targetRef,
-      scrollBoxRef = _ref.scrollBoxRef,
-      placement = _ref.placement,
-      fetching = _ref.fetching,
-      parentOnPlacementChange = _ref.onPlacementChange,
-      _ref$offsetDistance = _ref.offsetDistance,
-      offsetDistance = _ref$offsetDistance === void 0 ? 0 : _ref$offsetDistance,
-      _ref$sameWidth = _ref.sameWidth,
-      sameWidth = _ref$sameWidth === void 0 ? true : _ref$sameWidth,
-      _ref$forcePortal = _ref.forcePortal,
-      forcePortal = _ref$forcePortal === void 0 ? true : _ref$forcePortal,
-      autoHideScrollbar = _ref.autoHideScrollbar,
-      autoHideScrollbarDelay = _ref.autoHideScrollbarDelay,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+function getObserverModifier(element) {
+  return {
+    name: "customSelectChildrenChange",
+    enabled: true,
+    phase: "main",
+    effect: function effect(_ref) {
+      var instance = _ref.instance;
+      var observer = new MutationObserver(instance.forceUpdate);
+      observer.observe(element, {
+        childList: true,
+        subtree: true
+      });
+      return function () {
+        observer.disconnect();
+      };
+    }
+  };
+}
+
+var CustomSelectDropdown = function CustomSelectDropdown(_ref2) {
+  var children = _ref2.children,
+      targetRef = _ref2.targetRef,
+      scrollBoxRef = _ref2.scrollBoxRef,
+      placement = _ref2.placement,
+      fetching = _ref2.fetching,
+      parentOnPlacementChange = _ref2.onPlacementChange,
+      _ref2$offsetDistance = _ref2.offsetDistance,
+      offsetDistance = _ref2$offsetDistance === void 0 ? 0 : _ref2$offsetDistance,
+      _ref2$sameWidth = _ref2.sameWidth,
+      sameWidth = _ref2$sameWidth === void 0 ? true : _ref2$sameWidth,
+      _ref2$forcePortal = _ref2.forcePortal,
+      forcePortal = _ref2$forcePortal === void 0 ? true : _ref2$forcePortal,
+      autoHideScrollbar = _ref2.autoHideScrollbar,
+      autoHideScrollbarDelay = _ref2.autoHideScrollbarDelay,
+      observableRefs = _ref2.observableRefs,
+      restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
 
   var _React$useState = React.useState(function () {
     return calcIsTop(placement);
@@ -57,27 +81,41 @@ var CustomSelectDropdown = function CustomSelectDropdown(_ref) {
       isTop = _React$useState2[0],
       setIsTop = _React$useState2[1];
 
-  var customModifiers = React.useMemo(function () {
-    if (!(scrollBoxRef !== null && scrollBoxRef !== void 0 && scrollBoxRef.current)) {
-      return [];
+  var _React$useState3 = React.useState([]),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      customModifiers = _React$useState4[0],
+      setCustomModifiers = _React$useState4[1];
+
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
+    if (!observableRefs) {
+      return;
     }
 
-    return [{
-      name: "customSelectChildrenChange",
-      enabled: true,
-      phase: "main",
-      effect: function effect(_ref2) {
-        var instance = _ref2.instance;
-        var observer = new MutationObserver(instance.forceUpdate);
-        observer.observe(scrollBoxRef.current, {
-          childList: true
-        });
-        return function () {
-          observer.disconnect();
-        };
+    var customModifiers = [];
+
+    if (Array.isArray(observableRefs)) {
+      var _iterator = (0, _createForOfIteratorHelper2.default)(observableRefs),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var ref = _step.value;
+
+          if (ref !== null && ref !== void 0 && ref.current) {
+            customModifiers.push(getObserverModifier(ref.current));
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
-    }]; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [scrollBoxRef === null || scrollBoxRef === void 0 ? void 0 : scrollBoxRef.current]);
+    } else if (observableRefs.current) {
+      customModifiers.push(getObserverModifier(observableRefs.current));
+    }
+
+    setCustomModifiers(customModifiers);
+  }, [observableRefs]);
   var onPlacementChange = React.useCallback(function (_ref3) {
     var placement = _ref3.placement;
     setIsTop(calcIsTop(placement));

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

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

package/dist/cjs/components/Dropdown/Dropdown.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,43 +13,162 @@ var _jsxRuntime = require("../../lib/jsxRuntime");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _HoverPopper = require("../HoverPopper/HoverPopper");
+var React = _interopRequireWildcard(require("react"));
+
+var _dom = require("../../lib/dom");
+
+var _Popper = require("../Popper/Popper");
+
+var _FocusTrap = require("../FocusTrap/FocusTrap");
+
+var _useTimeout = require("../../hooks/useTimeout");
+
+var _useExternRef = require("../../hooks/useExternRef");
 
-var _ClickPopper = require("../ClickPopper/ClickPopper");
+var _useEventListener = require("../../hooks/useEventListener");
 
-var _excluded = ["action", "hideDelay", "showDelay"];
+var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
+
+var _usePatchChildrenRef3 = require("../../hooks/usePatchChildrenRef");
+
+var _excluded = ["action", "shown", "showDelay", "hideDelay", "offsetDistance", "content", "children", "style", "getRef", "onShownChange"];
 
 /**
  * @see https://vkcom.github.io/VKUI/#/Dropdown
+ *
+ * TODO v5.0.0 Переименовать в `Popover` (см. https://github.com/VKCOM/VKUI/issues/2523)
  */
 var Dropdown = function Dropdown(_ref) {
   var _ref$action = _ref.action,
       action = _ref$action === void 0 ? "click" : _ref$action,
-      hideDelay = _ref.hideDelay,
-      showDelay = _ref.showDelay,
-      popperProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var Component;
-  var actionSpecificProps = {};
-
-  switch (action) {
-    case "click":
-      Component = _ClickPopper.ClickPopper;
-      break;
-
-    case "hover":
-      actionSpecificProps = {
-        hideDelay: hideDelay,
-        showDelay: showDelay
-      };
-      Component = _HoverPopper.HoverPopper;
-      break;
-  }
-
-  return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({
-    vkuiClass: "Dropdown"
-  }, actionSpecificProps, popperProps));
+      shownProp = _ref.shown,
+      _ref$showDelay = _ref.showDelay,
+      showDelay = _ref$showDelay === void 0 ? 150 : _ref$showDelay,
+      _ref$hideDelay = _ref.hideDelay,
+      hideDelay = _ref$hideDelay === void 0 ? 150 : _ref$hideDelay,
+      _ref$offsetDistance = _ref.offsetDistance,
+      offsetDistance = _ref$offsetDistance === void 0 ? 8 : _ref$offsetDistance,
+      content = _ref.content,
+      children = _ref.children,
+      style = _ref.style,
+      getRef = _ref.getRef,
+      onShownChange = _ref.onShownChange,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useDOM = (0, _dom.useDOM)(),
+      document = _useDOM.document;
+
+  var hoverable = action === "hover";
+  var hovered = React.useRef(false);
+
+  var _React$useState = React.useState(shownProp || false),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      computedShown = _React$useState2[0],
+      setComputedShown = _React$useState2[1];
+
+  var _React$useState3 = React.useState(null),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      dropdownNode = _React$useState4[0],
+      setPopperNode = _React$useState4[1]; // Reason: Typescript ругается на CSS Custom Properties в объекте
+  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+
+
+  var styles = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
+    "--popover-safe-zone-padding": "".concat(offsetDistance, "px")
+  });
+  var shown = typeof shownProp === "boolean" ? shownProp : computedShown;
+  var patchedPopperRef = (0, _useExternRef.useExternRef)(setPopperNode, getRef);
+
+  var _usePatchChildrenRef = (0, _usePatchChildrenRef3.usePatchChildrenRef)(children),
+      _usePatchChildrenRef2 = (0, _slicedToArray2.default)(_usePatchChildrenRef, 2),
+      childRef = _usePatchChildrenRef2[0],
+      child = _usePatchChildrenRef2[1];
+
+  var setShown = function setShown(value) {
+    if (typeof shownProp !== "boolean") {
+      setComputedShown(value);
+    }
+
+    typeof onShownChange === "function" && onShownChange(value);
+  };
+
+  var showTimeout = (0, _useTimeout.useTimeout)(function () {
+    return setShown(true);
+  }, showDelay);
+  var hideTimeout = (0, _useTimeout.useTimeout)(function () {
+    return setShown(false);
+  }, hideDelay);
+
+  var handleTargetEnter = function handleTargetEnter() {
+    hovered.current = true;
+    hideTimeout.clear();
+    showTimeout.set();
+  };
+
+  var handleTargetClick = function handleTargetClick() {
+    if (hovered.current && shown) {
+      return;
+    }
+
+    setShown(!shown);
+  };
+
+  var handleTargetLeave = function handleTargetLeave() {
+    hovered.current = false;
+    showTimeout.clear();
+    hideTimeout.set();
+  };
+
+  var handleContentKeyDownEscape = function handleContentKeyDownEscape() {
+    setShown(false);
+  };
+
+  var handleOutsideClick = function handleOutsideClick(e) {
+    var _childRef$current;
+
+    if (dropdownNode && !((_childRef$current = childRef.current) !== null && _childRef$current !== void 0 && _childRef$current.contains(e.target)) && !dropdownNode.contains(e.target)) {
+      setShown(false);
+    }
+  };
+
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", handleOutsideClick);
+  var targetEnterListener = (0, _useEventListener.useEventListener)("mouseenter", handleTargetEnter);
+  var targetClickEvent = (0, _useEventListener.useEventListener)("click", handleTargetClick);
+  var targetLeaveListener = (0, _useEventListener.useEventListener)("mouseleave", handleTargetLeave);
+  React.useEffect(function () {
+    if (!childRef.current) {
+      return;
+    }
+
+    targetClickEvent.add(childRef.current);
+
+    if (hoverable) {
+      targetEnterListener.add(childRef.current);
+      targetLeaveListener.add(childRef.current);
+    }
+  }, [childRef, hoverable, targetClickEvent, targetEnterListener, targetLeaveListener]);
+  return (0, _jsxRuntime.createScopedElement)(React.Fragment, null, child, shown && (0, _jsxRuntime.createScopedElement)(_Popper.Popper, (0, _extends2.default)({}, restProps, {
+    vkuiClass: "Dropdown",
+    targetRef: childRef,
+    getRef: patchedPopperRef,
+    offsetDistance: offsetDistance,
+    style: styles,
+    renderContent: function renderContent(_ref2) {
+      var className = _ref2.className;
+      return (0, _jsxRuntime.createScopedElement)(_FocusTrap.FocusTrap, {
+        vkuiClass: className,
+        onClose: handleContentKeyDownEscape
+      }, content);
+    },
+    onMouseOver: hoverable ? hideTimeout.clear : undefined,
+    onMouseOut: hoverable ? handleTargetLeave : undefined
+  })));
 };
 
 exports.Dropdown = Dropdown;