@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/components/Autocomplete/Autocomplete/Autocomplete.js

@@ -4,11 +4,11 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _excluded = ["onValueChange", "onKeyDown", "onFocus", "onBlur", "renderItem", "disablePortal", "hasShadow", "menuAlign", "menuMaxHeight", "preventWindowScroll", "source", "menuPos", "width", "mobileMenuHeaderText", "aria-label"];
 var _dec, _class, _Autocomplete;
 import React from 'react';
-import PropTypes from 'prop-types';
 import { MenuMessage } from "../../../internal/MenuMessage";
 import { locale } from "../../../lib/locale/decorators";
 import { getRandomID, isNullable } from "../../../lib/utils";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { cx } from "../../../lib/theming/Emotion";
 import { isKeyArrowDown, isKeyArrowUp, isKeyEnter, isKeyEscape } from "../../../lib/events/keyboard/identifiers";
 import { Input } from "../../Input";
 import { Menu } from "../../../internal/Menu";
@@ -23,11 +23,10 @@ import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import { Popup } from "../../../internal/Popup";
 import { getMenuPositions } from "../../../lib/getMenuPositions";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ZIndex } from "../../../internal/ZIndex";
+import { styles } from "../Autocomplete.styles";
 import { AutocompleteLocaleHelper } from "../locale";
 import { getAutocompleteTheme } from "../getAutocompleteTheme";
-import { getStyles } from "../Autocomplete.styles";
 function match(pattern, items) {
   if (!pattern || !items) {
     return Promise.resolve([]);
@@ -50,9 +49,10 @@ export var AutocompleteIds = {
 };
 
 /**
- * Стандартный инпут с подсказками.
+ * `Autocomplete` — стандартный инпут с подсказками.
  *
- * Все свойства передаются во внутренний *Input*.
+ * Подсказки определяются в пропе `source`.
+ * Все свойства передаются во внутренний `Input`.
  */
 export var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelper), responsiveLayout(_class = rootNode(_class = _dec(_class = (_Autocomplete = /*#__PURE__*/function (_React$Component) {
   function Autocomplete() {
@@ -73,7 +73,7 @@ export var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelpe
     _this.requestId = 0;
     _this.getProps = createPropsGetter(Autocomplete.defaultProps);
     _this.renderMain = function (props) {
-      var _this$emotion$cx;
+      var _cx;
       var focused = _this.state.focused;
       var isMobile = _this.isMobileLayout;
       var onValueChange = props.onValueChange,
@@ -109,7 +109,7 @@ export var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelpe
         }, /*#__PURE__*/
         React.createElement("span", {
           "data-tid": AutocompleteDataTids.root,
-          className: _this.emotion.cx(_this.styles.root(_this.theme), (_this$emotion$cx = {}, _this$emotion$cx[_this.styles.noPortal()] = disablePortal, _this$emotion$cx)),
+          className: cx(styles.root(_this.theme), (_cx = {}, _cx[styles.noPortal()] = disablePortal, _cx)),
           style: {
             width: width
           },
@@ -287,17 +287,13 @@ export var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelpe
   };
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = getAutocompleteTheme(theme);
-        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-          value: _this2.theme
-        }, /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-          rootNodeRef: _this2.setRootNode
-        }, _this2.getProps()), _this2.renderMain));
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = getAutocompleteTheme(theme);
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: _this2.theme
+      }, /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.getProps()), _this2.renderMain));
     });
   };
   _proto.renderHints = function renderHints() {
@@ -324,12 +320,13 @@ export var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelpe
       width = _this$getProps.width,
       preventWindowScroll = _this$getProps.preventWindowScroll,
       disablePortal = _this$getProps.disablePortal;
+    var calculatedMenuWidth = menuWidth ? '100%' : width && getDOMRect(this.rootSpan).width;
     var menuProps = {
       ref: this.refMenu,
       maxHeight: menuMaxHeight,
       hasShadow: false,
       hasMargin: false,
-      width: menuWidth || width && getDOMRect(this.rootSpan).width,
+      width: calculatedMenuWidth,
       preventWindowScroll: preventWindowScroll
     };
     if (!items || items.length === 0) {
@@ -408,27 +405,7 @@ export var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelpe
     }
   };
   return Autocomplete;
-}(React.Component), _Autocomplete.__KONTUR_REACT_UI__ = 'Autocomplete', _Autocomplete.displayName = 'Autocomplete', _Autocomplete.propTypes = {
-  /**
-  * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент
-  * — *item*.
-  */
-  renderItem: PropTypes.func,
-  /**
-  * Если передан массив, то совпадения ищутся по этому массиву.
-  *
-  * Если передается функция, то она должна возвращать thenable, который
-  * резолвится уже отфильтрованным массивом. Возвращенный thenable может
-  * иметь метод cancel, который будет вызван при отмене поиска (пользователь
-  * изменил строку поиска, автокомплит потерял фокус).
-  * ```
-  * function(pattern) {
-  *   return service.findAll(pattern);
-  * }
-  * ```
-  */
-  source: PropTypes.oneOfType([PropTypes.array, PropTypes.func])
-}, _Autocomplete.defaultProps = {
+}(React.Component), _Autocomplete.__KONTUR_REACT_UI__ = 'Autocomplete', _Autocomplete.displayName = 'Autocomplete', _Autocomplete.defaultProps = {
   renderItem: renderItem,
   size: 'small',
   disablePortal: false,

package/components/Autocomplete/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","MenuMessage","locale","getRandomID","isNullable","EmotionConsumer","isKeyArrowDown","isKeyArrowUp","isKeyEnter","isKeyEscape","Input","Menu","MenuItem","RenderLayer","createPropsGetter","fixClickFocusIE","CommonWrapper","MobilePopup","responsiveLayout","getRootNode","rootNode","getDOMRect","Popup","getMenuPositions","ThemeContext","ZIndex","AutocompleteLocaleHelper","getAutocompleteTheme","getStyles","match","pattern","items","Promise","resolve","lowerCasedPattern","toLowerCase","itemsMatchingPattern","filter","item","includes","renderItem","AutocompleteDataTids","root","menu","AutocompleteIds","Autocomplete","_dec","_class","_Autocomplete","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","selected","focused","isMobileOpened","opened","input","menuId","requestId","getProps","defaultProps","renderMain","props","_this$emotion$cx","isMobile","isMobileLayout","onValueChange","onKeyDown","onFocus","onBlur","_renderItem","disablePortal","hasShadow","menuAlign","menuMaxHeight","preventWindowScroll","source","menuPos","_props$width","width","theme","inputWidth","mobileMenuHeaderText","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","inputProps","_extends","autoComplete","handleValueChange","handleKeyDown","handleFocus","ref","refInput","createElement","onFocusOutside","handleBlur","onClickOutside","handleClickOutside","active","className","emotion","cx","styles","noPortal","style","refRootSpan","renderMobileMenu","renderMenu","_this$mobilePopup","autoFocus","onKeyPress","handleKeyPressMobile","value","placeholder","enterValue","id","headerChildComponent","caption","onCloseRequest","handleCloseMobile","refMobilePopup","refMenu","onItemClick","mobilePopup","close","disableScrollContainer","maxHeight","getItems","renderHints","map","i","onClick","handleMenuItemClick","key","size","fireChange","setState","e","_this$mobilePopup2","event","blur","preventDefault","up","down","enter","getAnchor","el","span","rootSpan","_inheritsLoose","_proto","prototype","focus","componentDidUpdate","prevProps","updateItems","render","_this2","Consumer","Provider","rootNodeRef","setRootNode","notFound","updateValue","_this$getProps","menuWidth","menuProps","hasMargin","priority","priorities","PopupMenu","anchorElement","minWidth","undefined","positions","margin","parseInt","menuOffsetY","_this3","handleItemClick","index","button","choose","_this4","trim","promise","expectingId","then","Component","__KONTUR_REACT_UI__","displayName","propTypes","func","oneOfType","array"],"sources":["Autocomplete.tsx"],"sourcesContent":["import React, { AriaAttributes, KeyboardEvent } from 'react';\nimport PropTypes from 'prop-types';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { MenuMessage } from '../../internal/MenuMessage';\nimport { locale } from '../../lib/locale/decorators';\nimport { getRandomID, isNullable } from '../../lib/utils';\nimport { Theme } from '../../lib/theming/Theme';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport { Input, InputProps } from '../Input';\nimport { Menu } from '../../internal/Menu';\nimport { MenuItem } from '../MenuItem';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { fixClickFocusIE } from '../../lib/events/fixClickFocusIE';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { SizeProp } from '../../lib/types/props';\nimport { Popup } from '../../internal/Popup';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ZIndex } from '../../internal/ZIndex';\n\nimport { AutocompleteLocale, AutocompleteLocaleHelper } from './locale';\nimport { getAutocompleteTheme } from './getAutocompleteTheme';\nimport { getStyles } from './Autocomplete.styles';\n\nfunction match(pattern: string, items: string[]) {\n  if (!pattern || !items) {\n    return Promise.resolve([]);\n  }\n\n  const lowerCasedPattern = pattern.toLowerCase();\n  const itemsMatchingPattern = items.filter((item) => {\n    return item.toLowerCase().includes(lowerCasedPattern);\n  });\n\n  return Promise.resolve(itemsMatchingPattern);\n}\n\nfunction renderItem(item: any) {\n  return item;\n}\n\nexport interface AutocompleteProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-label'>,\n    Override<\n      InputProps,\n      {\n        /** Функция отрисовки элемента меню */\n        renderItem?: (item: string) => React.ReactNode;\n        /** Промис, резолвящий элементы меню */\n        source?: string[] | ((patter: string) => Promise<string[]>);\n        /** Отключает использование портала */\n        disablePortal?: boolean;\n        /** Отрисовка тени у выпадающего меню */\n        hasShadow?: boolean;\n        /** Выравнивание выпадающего меню */\n        menuAlign?: 'left' | 'right';\n        /** Максимальная высота меню */\n        menuMaxHeight?: number | string;\n        /** Ширина меню */\n        menuWidth?: number | string;\n        /** Отключить скролл окна, когда меню открыто */\n        preventWindowScroll?: boolean;\n        /** Вызывается при изменении `value` */\n        onValueChange: (value: string) => void;\n        /** onBlur */\n        onBlur?: () => void;\n        /** Размер инпута */\n        size?: SizeProp;\n        /** value */\n        value: string;\n        /**\n         * Текст заголовка выпадающего меню в мобильной версии\n         */\n        mobileMenuHeaderText?: string;\n      }\n    > {\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n}\n\nexport interface AutocompleteState {\n  items: Nullable<string[]>;\n  selected: number;\n  focused: boolean;\n  isMobileOpened: boolean;\n}\n\nexport const AutocompleteDataTids = {\n  root: 'Autocomplete__root',\n  menu: 'Autocomplete__menu',\n} as const;\n\nexport const AutocompleteIds = {\n  menu: AutocompleteDataTids.menu,\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    AutocompleteProps,\n    'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'\n  >\n>;\n\n/**\n * Стандартный инпут с подсказками.\n *\n * Все свойства передаются во внутренний *Input*.\n */\n@responsiveLayout\n@rootNode\n@locale('Autocomplete', AutocompleteLocaleHelper)\nexport class Autocomplete extends React.Component<AutocompleteProps, AutocompleteState> {\n  public static __KONTUR_REACT_UI__ = 'Autocomplete';\n  public static displayName = 'Autocomplete';\n\n  public static propTypes = {\n    /**\n     * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент\n     * — *item*.\n     */\n    renderItem: PropTypes.func,\n\n    /**\n     * Если передан массив, то совпадения ищутся по этому массиву.\n     *\n     * Если передается функция, то она должна возвращать thenable, который\n     * резолвится уже отфильтрованным массивом. Возвращенный thenable может\n     * иметь метод cancel, который будет вызван при отмене поиска (пользователь\n     * изменил строку поиска, автокомплит потерял фокус).\n     * ```\n     * function(pattern) {\n     *   return service.findAll(pattern);\n     * }\n     * ```\n     */\n    source: PropTypes.oneOfType([PropTypes.array, PropTypes.func]),\n  };\n\n  public static defaultProps: DefaultProps = {\n    renderItem,\n    size: 'small',\n    disablePortal: false,\n    hasShadow: true,\n    menuMaxHeight: 300,\n    preventWindowScroll: true,\n  };\n\n  public state: AutocompleteState = {\n    items: null,\n    selected: -1,\n    focused: false,\n    isMobileOpened: false,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private readonly locale!: AutocompleteLocale;\n  private isMobileLayout!: boolean;\n  private opened = false;\n  private input: Nullable<Input> = null;\n  private menu: Nullable<Menu>;\n  private menuId = AutocompleteIds.menu + getRandomID();\n  private rootSpan: Nullable<HTMLSpanElement>;\n  private mobilePopup: Nullable<MobilePopup>;\n\n  private requestId = 0;\n\n  private getProps = createPropsGetter(Autocomplete.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.input) {\n      this.input.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.handleBlur();\n  }\n\n  public componentDidUpdate(prevProps: AutocompleteProps) {\n    if (prevProps.value !== this.props.value) {\n      this.updateItems(this.props.value || '');\n    }\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = getAutocompleteTheme(theme);\n                return (\n                  <ThemeContext.Provider value={this.theme}>\n                    <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                      {this.renderMain}\n                    </CommonWrapper>\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n  public renderMain = (props: CommonWrapperRestProps<AutocompleteProps>) => {\n    const { focused } = this.state;\n\n    const isMobile = this.isMobileLayout;\n\n    const {\n      onValueChange,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      renderItem: _renderItem,\n      disablePortal,\n      hasShadow,\n      menuAlign,\n      menuMaxHeight,\n      preventWindowScroll,\n      source,\n      menuPos,\n      width = this.theme.inputWidth,\n      mobileMenuHeaderText,\n      'aria-label': ariaLabel,\n      ...rest\n    } = props;\n\n    const inputProps = {\n      ...rest,\n      width: '100%',\n      autoComplete: 'off',\n      onValueChange: this.handleValueChange,\n      onKeyDown: this.handleKeyDown,\n      onFocus: this.handleFocus,\n      ref: this.refInput,\n    };\n\n    return (\n      <RenderLayer onFocusOutside={this.handleBlur} onClickOutside={this.handleClickOutside} active={focused}>\n        <span\n          data-tid={AutocompleteDataTids.root}\n          className={this.emotion.cx(this.styles.root(this.theme), {\n            [this.styles.noPortal()]: disablePortal,\n          })}\n          style={{ width }}\n          ref={this.refRootSpan}\n        >\n          <Input aria-label={ariaLabel} aria-controls={this.menuId} {...inputProps} />\n          {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n        </span>\n      </RenderLayer>\n    );\n  };\n\n  private renderHints(): React.ReactNode {\n    const items = this.state.items;\n\n    if (!this.props.value) {\n      return <MenuMessage>{this.locale.enterValue}</MenuMessage>;\n    }\n\n    if (items?.length === 0 && this.props.value) {\n      return <MenuMessage>{this.locale.notFound}</MenuMessage>;\n    }\n\n    if (isNullable(items) && this.props.value) {\n      return <MenuMessage>{this.locale.updateValue}</MenuMessage>;\n    }\n\n    return null;\n  }\n\n  private renderMenu(): React.ReactNode {\n    const items = this.state.items;\n    const { menuPos, menuAlign, menuMaxHeight, hasShadow, menuWidth, width, preventWindowScroll, disablePortal } =\n      this.getProps();\n    const menuProps = {\n      ref: this.refMenu,\n      maxHeight: menuMaxHeight,\n      hasShadow: false,\n      hasMargin: false,\n      width: menuWidth || (width && getDOMRect(this.rootSpan).width),\n      preventWindowScroll,\n    };\n    if (!items || items.length === 0) {\n      return null;\n    }\n\n    return (\n      <Popup\n        opened\n        hasShadow={hasShadow}\n        id={this.menuId}\n        priority={ZIndex.priorities.PopupMenu}\n        data-tid={AutocompleteDataTids.menu}\n        anchorElement={this.getAnchor()}\n        disablePortal={disablePortal}\n        width={menuWidth}\n        minWidth={menuWidth === undefined ? '100%' : undefined}\n        positions={getMenuPositions(menuPos, menuAlign)}\n        margin={parseInt(this.theme.menuOffsetY) - 1}\n      >\n        <Menu {...menuProps}>{this.getItems()}</Menu>\n      </Popup>\n    );\n  }\n\n  private renderMobileMenu = () => {\n    const inputProps: InputProps = {\n      autoComplete: 'off',\n      autoFocus: true,\n      width: '100%',\n      onValueChange: this.handleValueChange,\n      onKeyPress: this.handleKeyPressMobile,\n      value: this.props.value,\n      placeholder: this.locale.enterValue,\n    };\n\n    const items = this.state.items;\n\n    return (\n      <MobilePopup\n        id={this.menuId}\n        headerChildComponent={<Input {...inputProps} />}\n        caption={this.props.mobileMenuHeaderText}\n        opened={this.state.isMobileOpened}\n        onCloseRequest={this.handleCloseMobile}\n        ref={this.refMobilePopup}\n      >\n        <Menu ref={this.refMenu} onItemClick={this.mobilePopup?.close} disableScrollContainer maxHeight={'auto'}>\n          {items && items.length > 0 && this.getItems()}\n          {this.renderHints()}\n        </Menu>\n      </MobilePopup>\n    );\n  };\n\n  private getItems = () => {\n    const items = this.state.items;\n    const isMobile = this.isMobileLayout;\n\n    return items\n      ? items.map((item, i) => {\n          return (\n            <MenuItem onClick={this.handleMenuItemClick(i)} key={i} isMobile={isMobile} size={this.props.size}>\n              {this.getProps().renderItem(item)}\n            </MenuItem>\n          );\n        })\n      : null;\n  };\n\n  private handleValueChange = (value: string) => {\n    this.opened = true;\n\n    this.fireChange(value);\n  };\n\n  private handleCloseMobile = () => {\n    this.setState({\n      isMobileOpened: false,\n    });\n\n    this.handleBlur();\n  };\n\n  private handleKeyPressMobile = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      this.mobilePopup?.close();\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.isMobileLayout) {\n      this.setState({ isMobileOpened: true });\n    }\n\n    if (this.state.focused) {\n      return;\n    }\n\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = () => {\n    if (!this.state.focused) {\n      return;\n    }\n\n    this.opened = false;\n    this.setState({ items: null, focused: false });\n\n    if (this.input) {\n      this.input.blur();\n    }\n\n    if (this.props.onBlur) {\n      this.props.onBlur();\n    }\n  };\n\n  private handleClickOutside = (e: Event) => {\n    fixClickFocusIE(e);\n    this.handleBlur();\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n    switch (true) {\n      case isKeyEscape(e):\n        e.preventDefault();\n        this.setState({ items: null });\n        return;\n      case isKeyArrowUp(e):\n        e.preventDefault();\n        if (this.menu) {\n          this.menu.up();\n        }\n        return;\n      case isKeyArrowDown(e):\n        e.preventDefault();\n        if (this.menu) {\n          this.menu.down();\n        }\n        return;\n      case isKeyEnter(e):\n        e.preventDefault(); // To prevent form submission.\n        if (this.menu) {\n          this.menu.enter(e);\n        }\n        return;\n    }\n  };\n\n  private handleMenuItemClick(i: number) {\n    return (event: React.SyntheticEvent<HTMLElement>) => this.handleItemClick(event, i);\n  }\n\n  private getAnchor = () => {\n    return getRootNode(this);\n  };\n\n  private handleItemClick(event: React.SyntheticEvent<HTMLElement> | React.MouseEvent<HTMLElement>, index: number) {\n    if ((event as React.MouseEvent<HTMLElement>).button) {\n      return;\n    }\n\n    event.preventDefault();\n    this.choose(index);\n  }\n\n  private choose(index: number) {\n    if (!this.state.items) {\n      return;\n    }\n\n    const value = this.state.items[index];\n    this.opened = false;\n    this.setState({\n      selected: -1,\n      items: null,\n    });\n\n    this.fireChange(value);\n    this.blur();\n  }\n\n  private updateItems(value: string) {\n    if (!this.opened) {\n      return;\n    }\n    const pattern = value.trim();\n    const source = this.props.source;\n\n    if (!source) {\n      return;\n    }\n\n    let promise;\n    this.requestId += 1;\n    const expectingId = this.requestId;\n    if (typeof source === 'function') {\n      promise = source(pattern);\n    } else {\n      promise = match(pattern, source);\n    }\n    promise.then((items) => {\n      if (this.opened && expectingId === this.requestId) {\n        this.setState({\n          items,\n          selected: -1,\n        });\n      }\n    });\n  }\n\n  private fireChange(value: string) {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  }\n\n  private refInput = (el: Input | null) => {\n    this.input = el;\n  };\n\n  private refMenu = (menu: Menu | null) => {\n    this.menu = menu;\n  };\n\n  private refRootSpan = (span: HTMLSpanElement) => {\n    this.rootSpan = span;\n  };\n\n  private refMobilePopup = (mobilePopup: MobilePopup | null) => {\n    this.mobilePopup = mobilePopup;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","MenuMessage","locale","getRandomID","isNullable","ThemeContext","cx","isKeyArrowDown","isKeyArrowUp","isKeyEnter","isKeyEscape","Input","Menu","MenuItem","RenderLayer","createPropsGetter","fixClickFocusIE","CommonWrapper","MobilePopup","responsiveLayout","getRootNode","rootNode","getDOMRect","Popup","getMenuPositions","ZIndex","styles","AutocompleteLocaleHelper","getAutocompleteTheme","match","pattern","items","Promise","resolve","lowerCasedPattern","toLowerCase","itemsMatchingPattern","filter","item","includes","renderItem","AutocompleteDataTids","root","menu","AutocompleteIds","Autocomplete","_dec","_class","_Autocomplete","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","selected","focused","isMobileOpened","opened","input","menuId","requestId","getProps","defaultProps","renderMain","props","_cx","isMobile","isMobileLayout","onValueChange","onKeyDown","onFocus","onBlur","_renderItem","disablePortal","hasShadow","menuAlign","menuMaxHeight","preventWindowScroll","source","menuPos","_props$width","width","theme","inputWidth","mobileMenuHeaderText","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","inputProps","_extends","autoComplete","handleValueChange","handleKeyDown","handleFocus","ref","refInput","createElement","onFocusOutside","handleBlur","onClickOutside","handleClickOutside","active","className","noPortal","style","refRootSpan","renderMobileMenu","renderMenu","_this$mobilePopup","autoFocus","onKeyPress","handleKeyPressMobile","value","placeholder","enterValue","id","headerChildComponent","caption","onCloseRequest","handleCloseMobile","refMobilePopup","refMenu","onItemClick","mobilePopup","close","disableScrollContainer","maxHeight","getItems","renderHints","map","i","onClick","handleMenuItemClick","key","size","fireChange","setState","e","_this$mobilePopup2","event","blur","preventDefault","up","down","enter","getAnchor","el","span","rootSpan","_inheritsLoose","_proto","prototype","focus","componentDidUpdate","prevProps","updateItems","render","_this2","Consumer","Provider","rootNodeRef","setRootNode","notFound","updateValue","_this$getProps","menuWidth","calculatedMenuWidth","menuProps","hasMargin","priority","priorities","PopupMenu","anchorElement","minWidth","undefined","positions","margin","parseInt","menuOffsetY","_this3","handleItemClick","index","button","choose","_this4","trim","promise","expectingId","then","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Autocomplete.tsx"],"sourcesContent":["import type { AriaAttributes, KeyboardEvent } from 'react';\nimport React from 'react';\n\nimport { MenuMessage } from '../../internal/MenuMessage';\nimport { locale } from '../../lib/locale/decorators';\nimport { getRandomID, isNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport type { InputProps } from '../Input';\nimport { Input } from '../Input';\nimport { Menu } from '../../internal/Menu';\nimport { MenuItem } from '../MenuItem';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Nullable, Override } from '../../typings/utility-types';\nimport { fixClickFocusIE } from '../../lib/events/fixClickFocusIE';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport type { SizeProp } from '../../lib/types/props';\nimport { Popup } from '../../internal/Popup';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ZIndex } from '../../internal/ZIndex';\n\nimport { styles } from './Autocomplete.styles';\nimport type { AutocompleteLocale } from './locale';\nimport { AutocompleteLocaleHelper } from './locale';\nimport { getAutocompleteTheme } from './getAutocompleteTheme';\n\nfunction match(pattern: string, items: string[]) {\n  if (!pattern || !items) {\n    return Promise.resolve([]);\n  }\n\n  const lowerCasedPattern = pattern.toLowerCase();\n  const itemsMatchingPattern = items.filter((item) => {\n    return item.toLowerCase().includes(lowerCasedPattern);\n  });\n\n  return Promise.resolve(itemsMatchingPattern);\n}\n\nfunction renderItem(item: any) {\n  return item;\n}\n\nexport interface AutocompleteProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-label'>,\n    Override<\n      InputProps,\n      {\n        /** Задает функцию, которая отрисовывает элементы меню. */\n        renderItem?: (item: string) => React.ReactNode;\n\n        /** Задает промис, который резолвит элементы меню. */\n        source?: string[] | ((patter: string) => Promise<string[]>);\n\n        /** Отключает использование портала. */\n        disablePortal?: boolean;\n\n        /** Определяет, нужно ли показывать тень у выпадающего меню. */\n        hasShadow?: boolean;\n\n        /** Задает выравнивание выпадающего меню. */\n        menuAlign?: 'left' | 'right';\n\n        /** Задает максимальную высоту выпадающего меню. */\n        menuMaxHeight?: number | string;\n\n        /** Задает ширину выпадающего меню. */\n        menuWidth?: number | string;\n\n        /** Отключает скролл окна, когда меню открыто. */\n        preventWindowScroll?: boolean;\n\n        /** Задает функцию, которая вызывается при изменении value. */\n        onValueChange: (value: string) => void;\n\n        /** Задает функцию, которая вызывается при потере автокомплитом фокуса. */\n        onBlur?: () => void;\n\n        /** Задаёт размер инпута. */\n        size?: SizeProp;\n\n        /** Задает значение автокомплита. */\n        value: string;\n\n        /** Задает текст заголовка выпадающего меню в мобильной версии. */\n        mobileMenuHeaderText?: string;\n      }\n    > {\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n}\n\nexport interface AutocompleteState {\n  items: Nullable<string[]>;\n  selected: number;\n  focused: boolean;\n  isMobileOpened: boolean;\n}\n\nexport const AutocompleteDataTids = {\n  root: 'Autocomplete__root',\n  menu: 'Autocomplete__menu',\n} as const;\n\nexport const AutocompleteIds = {\n  menu: AutocompleteDataTids.menu,\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    AutocompleteProps,\n    'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'\n  >\n>;\n\n/**\n * `Autocomplete` — стандартный инпут с подсказками.\n *\n * Подсказки определяются в пропе `source`.\n * Все свойства передаются во внутренний `Input`.\n */\n@responsiveLayout\n@rootNode\n@locale('Autocomplete', AutocompleteLocaleHelper)\nexport class Autocomplete extends React.Component<AutocompleteProps, AutocompleteState> {\n  public static __KONTUR_REACT_UI__ = 'Autocomplete';\n  public static displayName = 'Autocomplete';\n\n  public static defaultProps: DefaultProps = {\n    renderItem,\n    size: 'small',\n    disablePortal: false,\n    hasShadow: true,\n    menuMaxHeight: 300,\n    preventWindowScroll: true,\n  };\n\n  public state: AutocompleteState = {\n    items: null,\n    selected: -1,\n    focused: false,\n    isMobileOpened: false,\n  };\n\n  private theme!: Theme;\n  private readonly locale!: AutocompleteLocale;\n  private isMobileLayout!: boolean;\n  private opened = false;\n  private input: Nullable<Input> = null;\n  private menu: Nullable<Menu>;\n  private menuId = AutocompleteIds.menu + getRandomID();\n  private rootSpan: Nullable<HTMLSpanElement>;\n  private mobilePopup: Nullable<MobilePopup>;\n\n  private requestId = 0;\n\n  private getProps = createPropsGetter(Autocomplete.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.input) {\n      this.input.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.handleBlur();\n  }\n\n  public componentDidUpdate(prevProps: AutocompleteProps) {\n    if (prevProps.value !== this.props.value) {\n      this.updateItems(this.props.value || '');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getAutocompleteTheme(theme);\n          return (\n            <ThemeContext.Provider value={this.theme}>\n              <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                {this.renderMain}\n              </CommonWrapper>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  public renderMain = (props: CommonWrapperRestProps<AutocompleteProps>) => {\n    const { focused } = this.state;\n\n    const isMobile = this.isMobileLayout;\n\n    const {\n      onValueChange,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      renderItem: _renderItem,\n      disablePortal,\n      hasShadow,\n      menuAlign,\n      menuMaxHeight,\n      preventWindowScroll,\n      source,\n      menuPos,\n      width = this.theme.inputWidth,\n      mobileMenuHeaderText,\n      'aria-label': ariaLabel,\n      ...rest\n    } = props;\n\n    const inputProps = {\n      ...rest,\n      width: '100%',\n      autoComplete: 'off',\n      onValueChange: this.handleValueChange,\n      onKeyDown: this.handleKeyDown,\n      onFocus: this.handleFocus,\n      ref: this.refInput,\n    };\n\n    return (\n      <RenderLayer onFocusOutside={this.handleBlur} onClickOutside={this.handleClickOutside} active={focused}>\n        <span\n          data-tid={AutocompleteDataTids.root}\n          className={cx(styles.root(this.theme), {\n            [styles.noPortal()]: disablePortal,\n          })}\n          style={{ width }}\n          ref={this.refRootSpan}\n        >\n          <Input aria-label={ariaLabel} aria-controls={this.menuId} {...inputProps} />\n          {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n        </span>\n      </RenderLayer>\n    );\n  };\n\n  private renderHints(): React.ReactNode {\n    const items = this.state.items;\n\n    if (!this.props.value) {\n      return <MenuMessage>{this.locale.enterValue}</MenuMessage>;\n    }\n\n    if (items?.length === 0 && this.props.value) {\n      return <MenuMessage>{this.locale.notFound}</MenuMessage>;\n    }\n\n    if (isNullable(items) && this.props.value) {\n      return <MenuMessage>{this.locale.updateValue}</MenuMessage>;\n    }\n\n    return null;\n  }\n\n  private renderMenu(): React.ReactNode {\n    const items = this.state.items;\n    const { menuPos, menuAlign, menuMaxHeight, hasShadow, menuWidth, width, preventWindowScroll, disablePortal } =\n      this.getProps();\n    const calculatedMenuWidth = menuWidth ? '100%' : width && getDOMRect(this.rootSpan).width;\n    const menuProps = {\n      ref: this.refMenu,\n      maxHeight: menuMaxHeight,\n      hasShadow: false,\n      hasMargin: false,\n      width: calculatedMenuWidth,\n      preventWindowScroll,\n    };\n    if (!items || items.length === 0) {\n      return null;\n    }\n\n    return (\n      <Popup\n        opened\n        hasShadow={hasShadow}\n        id={this.menuId}\n        priority={ZIndex.priorities.PopupMenu}\n        data-tid={AutocompleteDataTids.menu}\n        anchorElement={this.getAnchor()}\n        disablePortal={disablePortal}\n        width={menuWidth}\n        minWidth={menuWidth === undefined ? '100%' : undefined}\n        positions={getMenuPositions(menuPos, menuAlign)}\n        margin={parseInt(this.theme.menuOffsetY) - 1}\n      >\n        <Menu {...menuProps}>{this.getItems()}</Menu>\n      </Popup>\n    );\n  }\n\n  private renderMobileMenu = () => {\n    const inputProps: InputProps = {\n      autoComplete: 'off',\n      autoFocus: true,\n      width: '100%',\n      onValueChange: this.handleValueChange,\n      onKeyPress: this.handleKeyPressMobile,\n      value: this.props.value,\n      placeholder: this.locale.enterValue,\n    };\n\n    const items = this.state.items;\n\n    return (\n      <MobilePopup\n        id={this.menuId}\n        headerChildComponent={<Input {...inputProps} />}\n        caption={this.props.mobileMenuHeaderText}\n        opened={this.state.isMobileOpened}\n        onCloseRequest={this.handleCloseMobile}\n        ref={this.refMobilePopup}\n      >\n        <Menu ref={this.refMenu} onItemClick={this.mobilePopup?.close} disableScrollContainer maxHeight={'auto'}>\n          {items && items.length > 0 && this.getItems()}\n          {this.renderHints()}\n        </Menu>\n      </MobilePopup>\n    );\n  };\n\n  private getItems = () => {\n    const items = this.state.items;\n    const isMobile = this.isMobileLayout;\n\n    return items\n      ? items.map((item, i) => {\n          return (\n            <MenuItem onClick={this.handleMenuItemClick(i)} key={i} isMobile={isMobile} size={this.props.size}>\n              {this.getProps().renderItem(item)}\n            </MenuItem>\n          );\n        })\n      : null;\n  };\n\n  private handleValueChange = (value: string) => {\n    this.opened = true;\n\n    this.fireChange(value);\n  };\n\n  private handleCloseMobile = () => {\n    this.setState({\n      isMobileOpened: false,\n    });\n\n    this.handleBlur();\n  };\n\n  private handleKeyPressMobile = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      this.mobilePopup?.close();\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.isMobileLayout) {\n      this.setState({ isMobileOpened: true });\n    }\n\n    if (this.state.focused) {\n      return;\n    }\n\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = () => {\n    if (!this.state.focused) {\n      return;\n    }\n\n    this.opened = false;\n    this.setState({ items: null, focused: false });\n\n    if (this.input) {\n      this.input.blur();\n    }\n\n    if (this.props.onBlur) {\n      this.props.onBlur();\n    }\n  };\n\n  private handleClickOutside = (e: Event) => {\n    fixClickFocusIE(e);\n    this.handleBlur();\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n    switch (true) {\n      case isKeyEscape(e):\n        e.preventDefault();\n        this.setState({ items: null });\n        return;\n      case isKeyArrowUp(e):\n        e.preventDefault();\n        if (this.menu) {\n          this.menu.up();\n        }\n        return;\n      case isKeyArrowDown(e):\n        e.preventDefault();\n        if (this.menu) {\n          this.menu.down();\n        }\n        return;\n      case isKeyEnter(e):\n        e.preventDefault(); // To prevent form submission.\n        if (this.menu) {\n          this.menu.enter(e);\n        }\n        return;\n    }\n  };\n\n  private handleMenuItemClick(i: number) {\n    return (event: React.SyntheticEvent<HTMLElement>) => this.handleItemClick(event, i);\n  }\n\n  private getAnchor = () => {\n    return getRootNode(this);\n  };\n\n  private handleItemClick(event: React.SyntheticEvent<HTMLElement> | React.MouseEvent<HTMLElement>, index: number) {\n    if ((event as React.MouseEvent<HTMLElement>).button) {\n      return;\n    }\n\n    event.preventDefault();\n    this.choose(index);\n  }\n\n  private choose(index: number) {\n    if (!this.state.items) {\n      return;\n    }\n\n    const value = this.state.items[index];\n    this.opened = false;\n    this.setState({\n      selected: -1,\n      items: null,\n    });\n\n    this.fireChange(value);\n    this.blur();\n  }\n\n  private updateItems(value: string) {\n    if (!this.opened) {\n      return;\n    }\n    const pattern = value.trim();\n    const source = this.props.source;\n\n    if (!source) {\n      return;\n    }\n\n    let promise;\n    this.requestId += 1;\n    const expectingId = this.requestId;\n    if (typeof source === 'function') {\n      promise = source(pattern);\n    } else {\n      promise = match(pattern, source);\n    }\n    promise.then((items) => {\n      if (this.opened && expectingId === this.requestId) {\n        this.setState({\n          items,\n          selected: -1,\n        });\n      }\n    });\n  }\n\n  private fireChange(value: string) {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  }\n\n  private refInput = (el: Input | null) => {\n    this.input = el;\n  };\n\n  private refMenu = (menu: Menu | null) => {\n    this.menu = menu;\n  };\n\n  private refRootSpan = (span: HTMLSpanElement) => {\n    this.rootSpan = span;\n  };\n\n  private refMobilePopup = (mobilePopup: MobilePopup | null) => {\n    this.mobilePopup = mobilePopup;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Autocomplete/Autocomplete.d.ts

@@ -1,134 +1,110 @@
-import React, { AriaAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { InputProps } from '../Input';
-import { Nullable, Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface AutocompleteProps extends CommonProps, Pick<AriaAttributes, 'aria-label'>, Override<InputProps, {
-    /** Функция отрисовки элемента меню */
-    renderItem?: (item: string) => React.ReactNode;
-    /** Промис, резолвящий элементы меню */
-    source?: string[] | ((patter: string) => Promise<string[]>);
-    /** Отключает использование портала */
-    disablePortal?: boolean;
-    /** Отрисовка тени у выпадающего меню */
-    hasShadow?: boolean;
-    /** Выравнивание выпадающего меню */
-    menuAlign?: 'left' | 'right';
-    /** Максимальная высота меню */
-    menuMaxHeight?: number | string;
-    /** Ширина меню */
-    menuWidth?: number | string;
-    /** Отключить скролл окна, когда меню открыто */
-    preventWindowScroll?: boolean;
-    /** Вызывается при изменении `value` */
-    onValueChange: (value: string) => void;
-    /** onBlur */
-    onBlur?: () => void;
-    /** Размер инпута */
-    size?: SizeProp;
-    /** value */
-    value: string;
-    /**
-     * Текст заголовка выпадающего меню в мобильной версии
-     */
-    mobileMenuHeaderText?: string;
-}> {
-    /**
-     * Позволяет вручную задать текущую позицию выпадающего окна
-     */
-    menuPos?: 'top' | 'bottom';
-}
-export interface AutocompleteState {
-    items: Nullable<string[]>;
-    selected: number;
-    focused: boolean;
-    isMobileOpened: boolean;
-}
-export declare const AutocompleteDataTids: {
-    readonly root: "Autocomplete__root";
-    readonly menu: "Autocomplete__menu";
-};
-export declare const AutocompleteIds: {
-    readonly menu: "Autocomplete__menu";
-};
-type DefaultProps = Required<Pick<AutocompleteProps, 'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'>>;
-/**
- * Стандартный инпут с подсказками.
- *
- * Все свойства передаются во внутренний *Input*.
- */
-export declare class Autocomplete extends React.Component<AutocompleteProps, AutocompleteState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        /**
-         * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент
-         * — *item*.
-         */
-        renderItem: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Если передан массив, то совпадения ищутся по этому массиву.
-         *
-         * Если передается функция, то она должна возвращать thenable, который
-         * резолвится уже отфильтрованным массивом. Возвращенный thenable может
-         * иметь метод cancel, который будет вызван при отмене поиска (пользователь
-         * изменил строку поиска, автокомплит потерял фокус).
-         * ```
-         * function(pattern) {
-         *   return service.findAll(pattern);
-         * }
-         * ```
-         */
-        source: PropTypes.Requireable<NonNullable<any[] | ((...args: any[]) => any) | null | undefined>>;
-    };
-    static defaultProps: DefaultProps;
-    state: AutocompleteState;
-    private theme;
-    private emotion;
-    private styles;
-    private readonly locale;
-    private isMobileLayout;
-    private opened;
-    private input;
-    private menu;
-    private menuId;
-    private rootSpan;
-    private mobilePopup;
-    private requestId;
-    private getProps;
-    private setRootNode;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    componentDidUpdate(prevProps: AutocompleteProps): void;
-    render(): React.JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<AutocompleteProps>) => React.JSX.Element;
-    private renderHints;
-    private renderMenu;
-    private renderMobileMenu;
-    private getItems;
-    private handleValueChange;
-    private handleCloseMobile;
-    private handleKeyPressMobile;
-    private handleFocus;
-    private handleBlur;
-    private handleClickOutside;
-    private handleKeyDown;
-    private handleMenuItemClick;
-    private getAnchor;
-    private handleItemClick;
-    private choose;
-    private updateItems;
-    private fireChange;
-    private refInput;
-    private refMenu;
-    private refRootSpan;
-    private refMobilePopup;
-}
-export {};
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { InputProps } from '../Input';
+import type { Nullable, Override } from '../../typings/utility-types';
+import type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface AutocompleteProps extends CommonProps, Pick<AriaAttributes, 'aria-label'>, Override<InputProps, {
+    /** Задает функцию, которая отрисовывает элементы меню. */
+    renderItem?: (item: string) => React.ReactNode;
+    /** Задает промис, который резолвит элементы меню. */
+    source?: string[] | ((patter: string) => Promise<string[]>);
+    /** Отключает использование портала. */
+    disablePortal?: boolean;
+    /** Определяет, нужно ли показывать тень у выпадающего меню. */
+    hasShadow?: boolean;
+    /** Задает выравнивание выпадающего меню. */
+    menuAlign?: 'left' | 'right';
+    /** Задает максимальную высоту выпадающего меню. */
+    menuMaxHeight?: number | string;
+    /** Задает ширину выпадающего меню. */
+    menuWidth?: number | string;
+    /** Отключает скролл окна, когда меню открыто. */
+    preventWindowScroll?: boolean;
+    /** Задает функцию, которая вызывается при изменении value. */
+    onValueChange: (value: string) => void;
+    /** Задает функцию, которая вызывается при потере автокомплитом фокуса. */
+    onBlur?: () => void;
+    /** Задаёт размер инпута. */
+    size?: SizeProp;
+    /** Задает значение автокомплита. */
+    value: string;
+    /** Задает текст заголовка выпадающего меню в мобильной версии. */
+    mobileMenuHeaderText?: string;
+}> {
+    /**
+     * Позволяет вручную задать текущую позицию выпадающего окна
+     */
+    menuPos?: 'top' | 'bottom';
+}
+export interface AutocompleteState {
+    items: Nullable<string[]>;
+    selected: number;
+    focused: boolean;
+    isMobileOpened: boolean;
+}
+export declare const AutocompleteDataTids: {
+    readonly root: "Autocomplete__root";
+    readonly menu: "Autocomplete__menu";
+};
+export declare const AutocompleteIds: {
+    readonly menu: "Autocomplete__menu";
+};
+type DefaultProps = Required<Pick<AutocompleteProps, 'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'>>;
+/**
+ * `Autocomplete` — стандартный инпут с подсказками.
+ *
+ * Подсказки определяются в пропе `source`.
+ * Все свойства передаются во внутренний `Input`.
+ */
+export declare class Autocomplete extends React.Component<AutocompleteProps, AutocompleteState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    state: AutocompleteState;
+    private theme;
+    private readonly locale;
+    private isMobileLayout;
+    private opened;
+    private input;
+    private menu;
+    private menuId;
+    private rootSpan;
+    private mobilePopup;
+    private requestId;
+    private getProps;
+    private setRootNode;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    componentDidUpdate(prevProps: AutocompleteProps): void;
+    render(): React.JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<AutocompleteProps>) => React.JSX.Element;
+    private renderHints;
+    private renderMenu;
+    private renderMobileMenu;
+    private getItems;
+    private handleValueChange;
+    private handleCloseMobile;
+    private handleKeyPressMobile;
+    private handleFocus;
+    private handleBlur;
+    private handleClickOutside;
+    private handleKeyDown;
+    private handleMenuItemClick;
+    private getAnchor;
+    private handleItemClick;
+    private choose;
+    private updateItems;
+    private fireChange;
+    private refInput;
+    private refMenu;
+    private refRootSpan;
+    private refMobilePopup;
+}
+export {};

package/components/Autocomplete/Autocomplete.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';
 
@@ -8,6 +9,7 @@ const [value, setValue] = React.useState('Kappa');
 <Autocomplete source={items} value={value} onValueChange={setValue} />;
 ```
 
+### Очистка Autocomplete
 Очистить значение в `Autocomplete` можно только с помощью пустой строки.
 ```jsx harmony
 import { Autocomplete, Button, Group } from '@skbkontur/react-ui';
@@ -22,7 +24,7 @@ const [value, setValue] = React.useState('Kappa');
 </Group>
 ```
 
-У Autocomplete есть 3 стандартных размера.
+### Размер
 ```jsx harmony
 import { Autocomplete, Gapped } from '@skbkontur/react-ui';
 
@@ -39,7 +41,7 @@ const [valueLarge, setValueLarge] = React.useState('Большой');
 </Gapped>
 ```
 
-Можно выделять введеное значение при фокусе.
+### Выделение введеного значения при фокусе
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';
 
@@ -50,7 +52,7 @@ const [value, setValue] = React.useState('');
 <Autocomplete source={items} value={value} onValueChange={setValue} selectAllOnFocus />
 ```
 
-Расположение иконки слева и справа.
+### Иконка
 ```jsx harmony
 import { Autocomplete, Gapped } from '@skbkontur/react-ui';
 import { SearchLoupeIcon16Regular } from '@skbkontur/icons/SearchLoupeIcon16Regular';
@@ -66,7 +68,7 @@ const [valueRight, setValueRight] = React.useState('');
 </Gapped>
 ```
 
-Изменение ширины меню.
+### Ширина меню
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';
 
@@ -77,7 +79,7 @@ const [value, setValue] = React.useState('');
 <Autocomplete source={items} value={value} onValueChange={setValue} menuWidth={'80%'} />
 ```
 
-Расположение выпадающего окна Autocomplete.
+### Расположение выпадающего окна Autocomplete
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';
 
@@ -88,7 +90,7 @@ const [value, setValue] = React.useState('');
 <Autocomplete source={items} value={value} onValueChange={setValue} menuPos={'top'} />
 ```
 
-Отрисовка тени у выпадающего меню.
+### Тень у выпадающего меню
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';
 
@@ -99,7 +101,7 @@ const [value, setValue] = React.useState('');
 <Autocomplete source={items} value={value} onValueChange={setValue} hasShadow />
 ```
 
-Использование режима прозрачной рамки.
+### Режима прозрачной рамки
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';