@skbkontur/react-ui 0.0.0-2eafa74fd6 → 0.0.0-30619a873c

package/cjs/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,567 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.AutocompleteIds = exports.AutocompleteDataTids = exports.Autocomplete = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _MenuMessage = require("../../internal/MenuMessage");
+var _decorators = require("../../lib/locale/decorators");
+var _utils = require("../../lib/utils");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+var _Emotion = require("../../lib/theming/Emotion");
+var _identifiers = require("../../lib/events/keyboard/identifiers");
+var _Input = require("../Input");
+var _Menu = require("../../internal/Menu");
+var _MenuItem = require("../MenuItem");
+var _RenderLayer = require("../../internal/RenderLayer");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+
+var _fixClickFocusIE = require("../../lib/events/fixClickFocusIE");
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _MobilePopup = require("../../internal/MobilePopup");
+var _decorator = require("../ResponsiveLayout/decorator");
+var _rootNode = require("../../lib/rootNode");
+var _getDOMRect = require("../../lib/dom/getDOMRect");
+
+var _Popup = require("../../internal/Popup");
+var _getMenuPositions = require("../../lib/getMenuPositions");
+var _ZIndex = require("../../internal/ZIndex");
+
+var _Autocomplete2 = require("./Autocomplete.styles");
+var _locale = require("./locale");
+var _getAutocompleteTheme = require("./getAutocompleteTheme");var _excluded = ["onValueChange", "onKeyDown", "onFocus", "onBlur", "renderItem", "disablePortal", "hasShadow", "menuAlign", "menuMaxHeight", "preventWindowScroll", "source", "menuPos", "width", "mobileMenuHeaderText", "aria-label"];var _dec, _class, _Autocomplete;
+
+function match(pattern, items) {
+  if (!pattern || !items) {
+    return Promise.resolve([]);
+  }
+
+  var lowerCasedPattern = pattern.toLowerCase();
+  var itemsMatchingPattern = items.filter(function (item) {
+    return item.toLowerCase().includes(lowerCasedPattern);
+  });
+
+  return Promise.resolve(itemsMatchingPattern);
+}
+
+function renderItem(item) {
+  return item;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var AutocompleteDataTids = exports.AutocompleteDataTids = {
+  root: 'Autocomplete__root',
+  menu: 'Autocomplete__menu'
+};
+
+var AutocompleteIds = exports.AutocompleteIds = {
+  menu: AutocompleteDataTids.menu
+};
+
+
+
+
+
+
+
+
+/**
+ * `Autocomplete` — стандартный инпут с подсказками.
+ *
+ * Подсказки определяются в пропе `source`.
+ * Все свойства передаются во внутренний `Input`.
+ */var
+
+
+
+Autocomplete = exports.Autocomplete = (_dec = (0, _decorators.locale)('Autocomplete', _locale.AutocompleteLocaleHelper), (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = (_Autocomplete = /*#__PURE__*/function (_React$Component) {function Autocomplete() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    state = {
+      items: null,
+      selected: -1,
+      focused: false,
+      isMobileOpened: false
+    };_this.
+
+
+
+
+    opened = false;_this.
+    input = null;_this.
+
+    menuId = AutocompleteIds.menu + (0, _utils.getRandomID)();_this.
+
+
+
+    requestId = 0;_this.
+
+    getProps = (0, _createPropsGetter.createPropsGetter)(Autocomplete.defaultProps);_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    renderMain = function (props) {var _cx;
+      var focused = _this.state.focused;
+
+      var isMobile = _this.isMobileLayout;
+
+      var
+        onValueChange =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        props.onValueChange,onKeyDown = props.onKeyDown,onFocus = props.onFocus,onBlur = props.onBlur,_renderItem = props.renderItem,disablePortal = props.disablePortal,hasShadow = props.hasShadow,menuAlign = props.menuAlign,menuMaxHeight = props.menuMaxHeight,preventWindowScroll = props.preventWindowScroll,source = props.source,menuPos = props.menuPos,_props$width = props.width,width = _props$width === void 0 ? _this.theme.inputWidth : _props$width,mobileMenuHeaderText = props.mobileMenuHeaderText,ariaLabel = props['aria-label'],rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
+      var inputProps = (0, _extends2.default)({},
+      rest, {
+        width: '100%',
+        autoComplete: 'off',
+        onValueChange: _this.handleValueChange,
+        onKeyDown: _this.handleKeyDown,
+        onFocus: _this.handleFocus,
+        ref: _this.refInput });
+
+
+      return /*#__PURE__*/(
+        _react.default.createElement(_RenderLayer.RenderLayer, { onFocusOutside: _this.handleBlur, onClickOutside: _this.handleClickOutside, active: focused }, /*#__PURE__*/
+        _react.default.createElement("span", {
+          "data-tid": AutocompleteDataTids.root,
+          className: (0, _Emotion.cx)(_Autocomplete2.styles.root(_this.theme), (_cx = {}, _cx[
+          _Autocomplete2.styles.noPortal()] = disablePortal, _cx)
+          ),
+          style: { width: width },
+          ref: _this.refRootSpan }, /*#__PURE__*/
+
+        _react.default.createElement(_Input.Input, (0, _extends2.default)({ "aria-label": ariaLabel, "aria-controls": _this.menuId }, inputProps)),
+        isMobile ? _this.renderMobileMenu() : _this.renderMenu()
+        )
+        ));
+
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    renderMobileMenu = function () {var _this$mobilePopup;
+      var inputProps = {
+        autoComplete: 'off',
+        autoFocus: true,
+        width: '100%',
+        onValueChange: _this.handleValueChange,
+        onKeyPress: _this.handleKeyPressMobile,
+        value: _this.props.value,
+        placeholder: _this.locale.enterValue
+      };
+
+      var items = _this.state.items;
+
+      return /*#__PURE__*/(
+        _react.default.createElement(_MobilePopup.MobilePopup, {
+          id: _this.menuId,
+          headerChildComponent: /*#__PURE__*/_react.default.createElement(_Input.Input, inputProps),
+          caption: _this.props.mobileMenuHeaderText,
+          opened: _this.state.isMobileOpened,
+          onCloseRequest: _this.handleCloseMobile,
+          ref: _this.refMobilePopup }, /*#__PURE__*/
+
+        _react.default.createElement(_Menu.Menu, { ref: _this.refMenu, onItemClick: (_this$mobilePopup = _this.mobilePopup) == null ? void 0 : _this$mobilePopup.close, disableScrollContainer: true, maxHeight: 'auto' },
+        items && items.length > 0 && _this.getItems(),
+        _this.renderHints()
+        )
+        ));
+
+    };_this.
+
+    getItems = function () {
+      var items = _this.state.items;
+      var isMobile = _this.isMobileLayout;
+
+      return items ?
+      items.map(function (item, i) {
+        return /*#__PURE__*/(
+          _react.default.createElement(_MenuItem.MenuItem, { onClick: _this.handleMenuItemClick(i), key: i, isMobile: isMobile, size: _this.props.size },
+          _this.getProps().renderItem(item)
+          ));
+
+      }) :
+      null;
+    };_this.
+
+    handleValueChange = function (value) {
+      _this.opened = true;
+
+      _this.fireChange(value);
+    };_this.
+
+    handleCloseMobile = function () {
+      _this.setState({
+        isMobileOpened: false
+      });
+
+      _this.handleBlur();
+    };_this.
+
+    handleKeyPressMobile = function (e) {
+      if (e.key === 'Enter') {var _this$mobilePopup2;
+        (_this$mobilePopup2 = _this.mobilePopup) == null || _this$mobilePopup2.close();
+      }
+    };_this.
+
+    handleFocus = function (event) {
+      if (_this.isMobileLayout) {
+        _this.setState({ isMobileOpened: true });
+      }
+
+      if (_this.state.focused) {
+        return;
+      }
+
+      _this.setState({ focused: true });
+
+      if (_this.props.onFocus) {
+        _this.props.onFocus(event);
+      }
+    };_this.
+
+    handleBlur = function () {
+      if (!_this.state.focused) {
+        return;
+      }
+
+      _this.opened = false;
+      _this.setState({ items: null, focused: false });
+
+      if (_this.input) {
+        _this.input.blur();
+      }
+
+      if (_this.props.onBlur) {
+        _this.props.onBlur();
+      }
+    };_this.
+
+    handleClickOutside = function (e) {
+      (0, _fixClickFocusIE.fixClickFocusIE)(e);
+      _this.handleBlur();
+    };_this.
+
+    handleKeyDown = function (e) {
+      if (_this.props.onKeyDown) {
+        _this.props.onKeyDown(e);
+      }
+      switch (true) {
+        case (0, _identifiers.isKeyEscape)(e):
+          e.preventDefault();
+          _this.setState({ items: null });
+          return;
+        case (0, _identifiers.isKeyArrowUp)(e):
+          e.preventDefault();
+          if (_this.menu) {
+            _this.menu.up();
+          }
+          return;
+        case (0, _identifiers.isKeyArrowDown)(e):
+          e.preventDefault();
+          if (_this.menu) {
+            _this.menu.down();
+          }
+          return;
+        case (0, _identifiers.isKeyEnter)(e):
+          e.preventDefault(); // To prevent form submission.
+          if (_this.menu) {
+            _this.menu.enter(e);
+          }
+          return;
+      }
+    };_this.
+
+
+
+
+
+    getAnchor = function () {
+      return (0, _rootNode.getRootNode)(_this);
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    refInput = function (el) {
+      _this.input = el;
+    };_this.
+
+    refMenu = function (menu) {
+      _this.menu = menu;
+    };_this.
+
+    refRootSpan = function (span) {
+      _this.rootSpan = span;
+    };_this.
+
+    refMobilePopup = function (mobilePopup) {
+      _this.mobilePopup = mobilePopup;
+    };return _this;}(0, _inheritsLoose2.default)(Autocomplete, _React$Component);var _proto = Autocomplete.prototype; /**
+   * @public
+   */_proto.focus = function focus() {if (this.input) {this.input.focus();}} /**
+   * @public
+   */;_proto.blur = function blur() {this.handleBlur();};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.value !== this.props.value) {this.updateItems(this.props.value || '');}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _getAutocompleteTheme.getAutocompleteTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain));});};_proto.renderHints = function renderHints() {var items = this.state.items;if (!this.props.value) {return /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, null, this.locale.enterValue);}if ((items == null ? void 0 : items.length) === 0 && this.props.value) {return /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, null, this.locale.notFound);}if ((0, _utils.isNullable)(items) && this.props.value) {return /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, null, this.locale.updateValue);}return null;};_proto.renderMenu = function renderMenu() {var items = this.state.items;var _this$getProps = this.getProps(),menuPos = _this$getProps.menuPos,menuAlign = _this$getProps.menuAlign,menuMaxHeight = _this$getProps.menuMaxHeight,hasShadow = _this$getProps.hasShadow,menuWidth = _this$getProps.menuWidth,width = _this$getProps.width,preventWindowScroll = _this$getProps.preventWindowScroll,disablePortal = _this$getProps.disablePortal;var menuProps = { ref: this.refMenu, maxHeight: menuMaxHeight, hasShadow: false, hasMargin: false, width: menuWidth || width && (0, _getDOMRect.getDOMRect)(this.rootSpan).width, preventWindowScroll: preventWindowScroll };if (!items || items.length === 0) {return null;}return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { opened: true, hasShadow: hasShadow, id: this.menuId, priority: _ZIndex.ZIndex.priorities.PopupMenu, "data-tid": AutocompleteDataTids.menu, anchorElement: this.getAnchor(), disablePortal: disablePortal, width: menuWidth, minWidth: menuWidth === undefined ? '100%' : undefined, positions: (0, _getMenuPositions.getMenuPositions)(menuPos, menuAlign), margin: parseInt(this.theme.menuOffsetY) - 1 }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, menuProps, this.getItems()));};_proto.handleMenuItemClick = function handleMenuItemClick(i) {var _this3 = this;return function (event) {return _this3.handleItemClick(event, i);};};_proto.handleItemClick = function handleItemClick(event, index) {if (event.button) {return;}event.preventDefault();this.choose(index);};_proto.choose = function choose(index) {if (!this.state.items) {return;}var value = this.state.items[index];this.opened = false;this.setState({ selected: -1, items: null });this.fireChange(value);this.blur();};_proto.updateItems = function updateItems(value) {var _this4 = this;if (!this.opened) {return;}var pattern = value.trim();var source = this.props.source;if (!source) {return;}var promise;this.requestId += 1;var expectingId = this.requestId;if (typeof source === 'function') {promise = source(pattern);} else {promise = match(pattern, source);}promise.then(function (items) {if (_this4.opened && expectingId === _this4.requestId) {_this4.setState({ items: items, selected: -1 });}});};_proto.fireChange = function fireChange(value) {if (this.props.onValueChange) {this.props.onValueChange(value);}};return Autocomplete;}(_react.default.Component), _Autocomplete.__KONTUR_REACT_UI__ = 'Autocomplete', _Autocomplete.displayName = 'Autocomplete', _Autocomplete.propTypes = { /**
+   * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент
+   * — *item*.
+   */renderItem: _propTypes.default.func, /**
+   * Если передан массив, то совпадения ищутся по этому массиву.
+   *
+   * Если передается функция, то она должна возвращать thenable, который
+   * резолвится уже отфильтрованным массивом. Возвращенный thenable может
+   * иметь метод cancel, который будет вызван при отмене поиска (пользователь
+   * изменил строку поиска, автокомплит потерял фокус).
+   * ```
+   * function(pattern) {
+   *   return service.findAll(pattern);
+   * }
+   * ```
+   */source: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.func]) }, _Autocomplete.defaultProps = { renderItem: renderItem, size: 'small', disablePortal: false, hasShadow: true, menuMaxHeight: 300, preventWindowScroll: true }, _Autocomplete)) || _class) || _class) || _class);

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_MenuMessage","_decorators","_utils","_ThemeContext","_Emotion","_identifiers","_Input","_Menu","_MenuItem","_RenderLayer","_createPropsGetter","_fixClickFocusIE","_CommonWrapper","_MobilePopup","_decorator","_rootNode","_getDOMRect","_Popup","_getMenuPositions","_ZIndex","_Autocomplete2","_locale","_getAutocompleteTheme","_excluded","_dec","_class","_Autocomplete","match","pattern","items","Promise","resolve","lowerCasedPattern","toLowerCase","itemsMatchingPattern","filter","item","includes","renderItem","AutocompleteDataTids","exports","root","menu","AutocompleteIds","Autocomplete","locale","AutocompleteLocaleHelper","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","selected","focused","isMobileOpened","opened","input","menuId","getRandomID","requestId","getProps","createPropsGetter","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","_objectWithoutPropertiesLoose2","default","inputProps","_extends2","autoComplete","handleValueChange","handleKeyDown","handleFocus","ref","refInput","createElement","RenderLayer","onFocusOutside","handleBlur","onClickOutside","handleClickOutside","active","className","cx","styles","noPortal","style","refRootSpan","Input","renderMobileMenu","renderMenu","_this$mobilePopup","autoFocus","onKeyPress","handleKeyPressMobile","value","placeholder","enterValue","MobilePopup","id","headerChildComponent","caption","onCloseRequest","handleCloseMobile","refMobilePopup","Menu","refMenu","onItemClick","mobilePopup","close","disableScrollContainer","maxHeight","getItems","renderHints","map","i","MenuItem","onClick","handleMenuItemClick","key","size","fireChange","setState","e","_this$mobilePopup2","event","blur","fixClickFocusIE","isKeyEscape","preventDefault","isKeyArrowUp","up","isKeyArrowDown","down","isKeyEnter","enter","getAnchor","getRootNode","el","span","rootSpan","_inheritsLoose2","_proto","prototype","focus","componentDidUpdate","prevProps","updateItems","render","_this2","ThemeContext","Consumer","getAutocompleteTheme","Provider","CommonWrapper","rootNodeRef","setRootNode","MenuMessage","notFound","isNullable","updateValue","_this$getProps","menuWidth","menuProps","hasMargin","getDOMRect","Popup","priority","ZIndex","priorities","PopupMenu","anchorElement","minWidth","undefined","positions","getMenuPositions","margin","parseInt","menuOffsetY","_this3","handleItemClick","index","button","choose","_this4","trim","promise","expectingId","then","React","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","func","oneOfType","array"],"sources":["Autocomplete.tsx"],"sourcesContent":["import React, { AriaAttributes, KeyboardEvent } from 'react';\nimport PropTypes from 'prop-types';\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 { Theme } from '../../lib/theming/Theme';\nimport { cx } 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 { ZIndex } from '../../internal/ZIndex';\n\nimport { styles } from './Autocomplete.styles';\nimport { AutocompleteLocale, 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 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 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 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":[]}