@skbkontur/react-ui 0.0.0-5faffefa15 → 0.0.0-627b6e869c

package/cjs/typings/fonts.d.ts

@@ -1,12 +1,12 @@
-declare module '*.eot' {
-  const font: string;
-  export = font;
-}
-declare module '*.woff' {
-  const font: string;
-  export = font;
-}
-declare module '*.woff2' {
-  const font: string;
-  export = font;
-}
+declare module '*.eot' {
+  const font: string;
+  export = font;
+}
+declare module '*.woff' {
+  const font: string;
+  export = font;
+}
+declare module '*.woff2' {
+  const font: string;
+  export = font;
+}

package/cjs/typings/global.d.ts

@@ -1,6 +1,6 @@
-declare interface Window {
-  RetailUIVerticalScrollCounter: number;
-  ReactTesting: any;
-}
-
-declare var __RetailUiZIndexes: number[];
+declare interface Window {
+  RetailUIVerticalScrollCounter: number;
+  ReactTesting: any;
+}
+
+declare var __RetailUiZIndexes: number[];

package/cjs/typings/html-props.d.ts

@@ -0,0 +1,123 @@
+import React from 'react';
+
+export type HTMLProps = {
+  a: React.AnchorHTMLAttributes<HTMLAnchorElement>;
+  abbr: React.HTMLAttributes<HTMLElement>;
+  div: React.HTMLAttributes<HTMLDivElement>;
+  address: React.HTMLAttributes<HTMLElement>;
+  area: React.AreaHTMLAttributes<HTMLAreaElement>;
+  article: React.HTMLAttributes<HTMLElement>;
+  aside: React.HTMLAttributes<HTMLElement>;
+  audio: React.AudioHTMLAttributes<HTMLAudioElement>;
+  b: React.HTMLAttributes<HTMLElement>;
+  base: React.BaseHTMLAttributes<HTMLBaseElement>;
+  bdi: React.HTMLAttributes<HTMLElement>;
+  bdo: React.HTMLAttributes<HTMLElement>;
+  big: React.HTMLAttributes<HTMLElement>;
+  blockquote: React.BlockquoteHTMLAttributes<HTMLElement>;
+  body: React.HTMLAttributes<HTMLBodyElement>;
+  br: React.HTMLAttributes<HTMLBRElement>;
+  button: React.ButtonHTMLAttributes<HTMLButtonElement>;
+  canvas: React.CanvasHTMLAttributes<HTMLCanvasElement>;
+  caption: React.HTMLAttributes<HTMLElement>;
+  cite: React.HTMLAttributes<HTMLElement>;
+  code: React.HTMLAttributes<HTMLElement>;
+  col: React.ColHTMLAttributes<HTMLTableColElement>;
+  colgroup: React.ColgroupHTMLAttributes<HTMLTableColElement>;
+  data: React.DataHTMLAttributes<HTMLDataElement>;
+  datalist: React.HTMLAttributes<HTMLDataListElement>;
+  dd: React.HTMLAttributes<HTMLElement>;
+  del: React.DelHTMLAttributes<HTMLElement>;
+  details: React.DetailsHTMLAttributes<HTMLElement>;
+  dfn: React.HTMLAttributes<HTMLElement>;
+  dialog: React.DialogHTMLAttributes<HTMLDialogElement>;
+  div: React.HTMLAttributes<HTMLDivElement>;
+  dl: React.HTMLAttributes<HTMLDListElement>;
+  dt: React.HTMLAttributes<HTMLElement>;
+  em: React.HTMLAttributes<HTMLElement>;
+  embed: React.EmbedHTMLAttributes<HTMLEmbedElement>;
+  fieldset: React.FieldsetHTMLAttributes<HTMLFieldSetElement>;
+  figcaption: React.HTMLAttributes<HTMLElement>;
+  figure: React.HTMLAttributes<HTMLElement>;
+  footer: React.HTMLAttributes<HTMLElement>;
+  form: React.FormHTMLAttributes<HTMLFormElement>;
+  h1: React.HTMLAttributes<HTMLHeadingElement>;
+  h2: React.HTMLAttributes<HTMLHeadingElement>;
+  h3: React.HTMLAttributes<HTMLHeadingElement>;
+  h4: React.HTMLAttributes<HTMLHeadingElement>;
+  h5: React.HTMLAttributes<HTMLHeadingElement>;
+  h6: React.HTMLAttributes<HTMLHeadingElement>;
+  head: React.HTMLAttributes<HTMLHeadElement>;
+  header: React.HTMLAttributes<HTMLElement>;
+  hgroup: React.HTMLAttributes<HTMLElement>;
+  hr: React.HTMLAttributes<HTMLHRElement>;
+  html: React.HtmlHTMLAttributes<HTMLHtmlElement>;
+  i: React.HTMLAttributes<HTMLElement>;
+  iframe: React.IframeHTMLAttributes<HTMLIFrameElement>;
+  img: React.ImgHTMLAttributes<HTMLImageElement>;
+  input: React.InputHTMLAttributes<HTMLInputElement>;
+  ins: React.InsHTMLAttributes<HTMLModElement>;
+  kbd: React.HTMLAttributes<HTMLElement>;
+  keygen: React.KeygenHTMLAttributes<HTMLElement>;
+  label: React.LabelHTMLAttributes<HTMLLabelElement>;
+  legend: React.HTMLAttributes<HTMLLegendElement>;
+  li: React.LiHTMLAttributes<HTMLLIElement>;
+  link: React.LinkHTMLAttributes<HTMLLinkElement>;
+  main: React.HTMLAttributes<HTMLElement>;
+  map: React.MapHTMLAttributes<HTMLMapElement>;
+  mark: React.HTMLAttributes<HTMLElement>;
+  menu: React.MenuHTMLAttributes<HTMLElement>;
+  menuitem: React.HTMLAttributes<HTMLElement>;
+  meta: React.MetaHTMLAttributes<HTMLMetaElement>;
+  meter: React.MeterHTMLAttributes<HTMLElement>;
+  nav: React.HTMLAttributes<HTMLElement>;
+  noindex: React.HTMLAttributes<HTMLElement>;
+  noscript: React.HTMLAttributes<HTMLElement>;
+  object: React.ObjectHTMLAttributes<HTMLObjectElement>;
+  ol: React.OlHTMLAttributes<HTMLOListElement>;
+  optgroup: React.OptgroupHTMLAttributes<HTMLOptGroupElement>;
+  option: React.OptionHTMLAttributes<HTMLOptionElement>;
+  output: React.OutputHTMLAttributes<HTMLElement>;
+  p: React.HTMLAttributes<HTMLParagraphElement>;
+  param: React.ParamHTMLAttributes<HTMLParamElement>;
+  picture: React.HTMLAttributes<HTMLElement>;
+  pre: React.HTMLAttributes<HTMLPreElement>;
+  progress: React.ProgressHTMLAttributes<HTMLProgressElement>;
+  q: React.QuoteHTMLAttributes<HTMLQuoteElement>;
+  rp: React.HTMLAttributes<HTMLElement>;
+  rt: React.HTMLAttributes<HTMLElement>;
+  ruby: React.HTMLAttributes<HTMLElement>;
+  s: React.HTMLAttributes<HTMLElement>;
+  samp: React.HTMLAttributes<HTMLElement>;
+  slot: React.SlotHTMLAttributes<HTMLSlotElement>;
+  script: React.ScriptHTMLAttributes<HTMLScriptElement>;
+  section: React.HTMLAttributes<HTMLElement>;
+  select: React.SelectHTMLAttributes<HTMLSelectElement>;
+  small: React.HTMLAttributes<HTMLElement>;
+  source: React.SourceHTMLAttributes<HTMLSourceElement>;
+  span: React.HTMLAttributes<HTMLSpanElement>;
+  strong: React.HTMLAttributes<HTMLElement>;
+  style: React.StyleHTMLAttributes<HTMLStyleElement>;
+  sub: React.HTMLAttributes<HTMLElement>;
+  summary: React.HTMLAttributes<HTMLElement>;
+  sup: React.HTMLAttributes<HTMLElement>;
+  table: React.TableHTMLAttributes<HTMLTableElement>;
+  template: React.HTMLAttributes<HTMLTemplateElement>;
+  tbody: React.HTMLAttributes<HTMLTableSectionElement>;
+  td: React.TdHTMLAttributes<HTMLTableDataCellElement>;
+  textarea: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+  tfoot: React.HTMLAttributes<HTMLTableSectionElement>;
+  th: React.ThHTMLAttributes<HTMLTableHeaderCellElement>;
+  thead: React.HTMLAttributes<HTMLTableSectionElement>;
+  time: React.TimeHTMLAttributes<HTMLElement>;
+  title: React.HTMLAttributes<HTMLTitleElement>;
+  tr: React.HTMLAttributes<HTMLTableRowElement>;
+  track: React.TrackHTMLAttributes<HTMLTrackElement>;
+  u: React.HTMLAttributes<HTMLElement>;
+  ul: React.HTMLAttributes<HTMLUListElement>;
+  var: React.HTMLAttributes<HTMLElement>;
+  video: React.VideoHTMLAttributes<HTMLVideoElement>;
+  wbr: React.HTMLAttributes<HTMLElement>;
+  webview: React.WebViewHTMLAttributes<HTMLWebViewElement>;
+  svg: React.SVGProps<SVGSVGElement>;
+};

package/cjs/typings/images.d.ts

@@ -1 +1 @@
-declare module '*.png';
+declare module '*.png';

package/cjs/typings/normalize-wheel.d.ts

@@ -1,5 +1,5 @@
-declare module 'normalize-wheel' {
-  var normalizeWheel: (event: WheelEvent) => { spinX: number; spinY: number; pixelX: number; pixelY: number };
-
-  export default normalizeWheel;
-}
+declare module 'normalize-wheel' {
+  var normalizeWheel: (event: WheelEvent) => { spinX: number; spinY: number; pixelX: number; pixelY: number };
+
+  export default normalizeWheel;
+}

package/cjs/typings/stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta as StorybookMeta, Story as StorybookStory } from '@storybook/react';
+import { CreeveyMeta, CreeveyStory, CreeveyStoryParams } from 'creevey';
+
+export type Meta = StorybookMeta & CreeveyMeta;
+export type Story = StorybookStory & CreeveyStory;
+
+export type CreeveyTests = CreeveyStoryParams['tests'];

package/cjs/typings/stylis-plugin-extra-scope.d.ts

@@ -1,3 +1,3 @@
-declare module 'stylis-plugin-extra-scope' {
-  export default (scope: string) => StylisPlugin;
-}
+declare module 'stylis-plugin-extra-scope' {
+  export default (scope: string) => StylisPlugin;
+}

package/cjs/typings/utility-types.d.ts

@@ -1,14 +1,14 @@
-export type Nullable<T> = T | null | undefined;
-
-export type Shape<T> = Pick<T, keyof T>;
-
-type ObjectKeyType = string | number | symbol;
-
-export type Diff<T extends ObjectKeyType, U extends ObjectKeyType> = ({ [P in T]: P } &
-  { [P in U]: never } & { [x: string]: never })[T];
-
-export type Override<T, U> = Pick<T, Diff<keyof T, keyof U>> & U;
-
-export type Entries<T, K> = (o: { [k: string]: K }) => Array<[T, K]>;
-
-export type Writeable<T> = { -readonly [P in keyof T]: T[P] };
+export type Nullable<T> = T | null | undefined;
+
+export type Shape<T> = Pick<T, keyof T>;
+
+type ObjectKeyType = string | number | symbol;
+
+export type Diff<T extends ObjectKeyType, U extends ObjectKeyType> = ({ [P in T]: P } &
+  { [P in U]: never } & { [x: string]: never })[T];
+
+export type Override<T, U> = Pick<T, Diff<keyof T, keyof U>> & U;
+
+export type Entries<T, K> = (o: { [k: string]: K }) => Array<[T, K]>;
+
+export type Writeable<T> = { -readonly [P in keyof T]: T[P] };

package/components/Autocomplete/Autocomplete/Autocomplete.js

@@ -2,9 +2,13 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["onValueChange", "onKeyDown", "onFocus", "onBlur", "renderItem", "disablePortal", "hasShadow", "menuAlign", "menuMaxHeight", "preventWindowScroll", "source", "width", "mobileMenuHeaderText"];
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import PropTypes from 'prop-types';
-import { findDOMNode } from 'react-dom';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isKeyArrowDown, isKeyArrowUp, isKeyEnter, isKeyEscape } from "../../../lib/events/keyboard/identifiers";
 import { Input } from "../../Input";
 import { DropdownContainer } from "../../../internal/DropdownContainer";
@@ -13,6 +17,11 @@ import { MenuItem } from "../../MenuItem";
 import { RenderLayer } from "../../../internal/RenderLayer";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { fixClickFocusIE } from "../../../lib/events/fixClickFocusIE";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { MobilePopup } from "../../../internal/MobilePopup";
+import { responsiveLayout } from "../../ResponsiveLayout/decorator";
+import { getRootNode, rootNode } from "../../../lib/rootNode";
+import { styles } from "../Autocomplete.styles";
 
 function match(pattern, items) {
   if (!pattern || !items) {
@@ -29,16 +38,14 @@ function match(pattern, items) {
 function renderItem(item) {
   return item;
 }
-/**
-   * Стандартный инпут с подсказками.
-   *
-   * Все свойства передаются во внутренний *Input*.
-   */
-
 
-export var Autocomplete =
-/*#__PURE__*/
-function (_React$Component) {
+export
+/**
+* Стандартный инпут с подсказками.
+*
+* Все свойства передаются во внутренний *Input*.
+*/
+var Autocomplete = responsiveLayout(_class = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Autocomplete, _React$Component);
 
   function Autocomplete() {
@@ -51,27 +58,139 @@ function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.state = {
       items: null,
-      selected: -1
+      selected: -1,
+      focused: false,
+      isMobileOpened: false
     };
     _this.opened = false;
     _this.input = null;
-    _this.menu = void 0;
-    _this.focused = false;
     _this.requestId = 0;
     _this.getProps = createPropsGetter(Autocomplete.defaultProps);
 
+    _this.renderMain = function (props) {
+      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,
+          _props$width = props.width,
+          width = _props$width === void 0 ? _this.theme.inputWidth : _props$width,
+          mobileMenuHeaderText = props.mobileMenuHeaderText,
+          rest = _objectWithoutPropertiesLoose(props, _excluded);
+
+      var inputProps = _extends({}, rest, {
+        width: '100%',
+        onValueChange: _this.handleValueChange,
+        onKeyDown: _this.handleKeyDown,
+        onFocus: _this.handleFocus,
+        ref: _this.refInput
+      });
+
+      return /*#__PURE__*/React.createElement(RenderLayer, {
+        onFocusOutside: _this.handleBlur,
+        onClickOutside: _this.handleClickOutside,
+        active: focused
+      }, /*#__PURE__*/React.createElement("span", {
+        className: styles.root(_this.theme),
+        style: {
+          width: width
+        },
+        ref: _this.refRootSpan
+      }, /*#__PURE__*/React.createElement(Input, inputProps), isMobile ? _this.renderMobileMenu() : _this.renderMenu()));
+    };
+
+    _this.renderMobileMenu = function () {
+      var _this$mobilePopup;
+
+      var inputProps = {
+        autoFocus: true,
+        width: '100%',
+        onValueChange: _this.handleValueChange,
+        onKeyPress: _this.handleKeyPressMobile,
+        value: _this.props.value,
+        placeholder: 'Начните вводить'
+      };
+      var items = _this.state.items;
+      return /*#__PURE__*/React.createElement(MobilePopup, {
+        headerChildComponent: /*#__PURE__*/React.createElement(Input, inputProps),
+        caption: _this.props.mobileMenuHeaderText,
+        useFullHeight: true,
+        opened: _this.state.isMobileOpened,
+        onCloseRequest: _this.handleCloseMobile,
+        ref: _this.refMobilePopup
+      }, /*#__PURE__*/React.createElement(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.getItems = function () {
+      var items = _this.state.items;
+      var isMobile = _this.isMobileLayout;
+      return items ? items.map(function (item, i) {
+        return /*#__PURE__*/React.createElement(MenuItem, {
+          onClick: _this.handleMenuItemClick(i),
+          key: i,
+          isMobile: isMobile
+        }, _this.getProps().renderItem(item));
+      }) : null;
+    };
+
+    _this.getInputWidth = function (target) {
+      if (target instanceof Element) {
+        return target.getBoundingClientRect().width;
+      }
+
+      return 0;
+    };
+
     _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 ? void 0 : _this$mobilePopup2.close();
+      }
+    };
+
     _this.handleFocus = function (event) {
-      if (_this.focused) {
+      if (_this.isMobileLayout) {
+        _this.setState({
+          isMobileOpened: true
+        });
+      }
+
+      if (_this.state.focused) {
         return;
       }
 
-      _this.focused = true;
+      _this.setState({
+        focused: true
+      });
 
       if (_this.props.onFocus) {
         _this.props.onFocus(event);
@@ -79,15 +198,15 @@ function (_React$Component) {
     };
 
     _this.handleBlur = function () {
-      if (!_this.focused) {
+      if (!_this.state.focused) {
         return;
       }
 
-      _this.focused = false;
       _this.opened = false;
 
       _this.setState({
-        items: null
+        items: null,
+        focused: false
       });
 
       if (_this.input) {
@@ -150,7 +269,7 @@ function (_React$Component) {
     };
 
     _this.getAnchor = function () {
-      return findDOMNode(_assertThisInitialized(_this));
+      return getRootNode(_assertThisInitialized(_this));
     };
 
     _this.refInput = function (el) {
@@ -161,22 +280,30 @@ function (_React$Component) {
       _this.menu = menu;
     };
 
+    _this.refRootSpan = function (span) {
+      _this.rootSpan = span;
+    };
+
+    _this.refMobilePopup = function (mobilePopup) {
+      _this.mobilePopup = mobilePopup;
+    };
+
     return _this;
   }
 
   var _proto = Autocomplete.prototype;
-  /**
-   * @public
-   */
+  /**
+  * @public
+  */
 
   _proto.focus = function focus() {
     if (this.input) {
       this.input.focus();
     }
   }
-  /**
-   * @public
-   */
+  /**
+  * @public
+  */
   ;
 
   _proto.blur = function blur() {
@@ -190,46 +317,23 @@ function (_React$Component) {
   };
 
   _proto.render = function render() {
-    var _this$props = this.props,
-        onValueChange = _this$props.onValueChange,
-        onKeyDown = _this$props.onKeyDown,
-        onFocus = _this$props.onFocus,
-        onBlur = _this$props.onBlur,
-        _renderItem = _this$props.renderItem,
-        disablePortal = _this$props.disablePortal,
-        hasShadow = _this$props.hasShadow,
-        menuAlign = _this$props.menuAlign,
-        menuMaxHeight = _this$props.menuMaxHeight,
-        preventWindowScroll = _this$props.preventWindowScroll,
-        source = _this$props.source,
-        rest = _objectWithoutPropertiesLoose(_this$props, ["onValueChange", "onKeyDown", "onFocus", "onBlur", "renderItem", "disablePortal", "hasShadow", "menuAlign", "menuMaxHeight", "preventWindowScroll", "source"]);
-
-    var inputProps = _extends({}, rest, {
-      onValueChange: this.handleValueChange,
-      onKeyDown: this.handleKeyDown,
-      onFocus: this.handleFocus,
-      ref: this.refInput
-    });
+    var _this2 = this;
 
-    return React.createElement(RenderLayer, {
-      onFocusOutside: this.handleBlur,
-      onClickOutside: this.handleClickOutside
-    }, React.createElement("span", {
-      style: {
-        display: 'inline-block'
-      }
-    }, React.createElement(Input, inputProps), this.renderMenu()));
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.props), _this2.renderMain);
+    });
   };
 
   _proto.renderMenu = function renderMenu() {
-    var _this2 = this;
-
     var items = this.state.items;
     var menuProps = {
       ref: this.refMenu,
       maxHeight: this.props.menuMaxHeight,
       hasShadow: this.props.hasShadow,
-      width: this.props.menuWidth || this.props.width,
+      width: this.props.menuWidth || this.props.width && this.getInputWidth(this.rootSpan),
       preventWindowScroll: this.props.preventWindowScroll
     };
 
@@ -237,17 +341,12 @@ function (_React$Component) {
       return null;
     }
 
-    return React.createElement(DropdownContainer, {
+    return /*#__PURE__*/React.createElement(DropdownContainer, {
       offsetY: 1,
       getParent: this.getAnchor,
       align: this.props.menuAlign,
       disablePortal: this.props.disablePortal
-    }, React.createElement(Menu, menuProps, items.map(function (item, i) {
-      return React.createElement(MenuItem, {
-        onClick: _this2.handleMenuItemClick(i),
-        key: i
-      }, _this2.getProps().renderItem(item));
-    })));
+    }, /*#__PURE__*/React.createElement(Menu, menuProps, this.getItems()));
   };
 
   _proto.handleMenuItemClick = function handleMenuItemClick(i) {
@@ -322,31 +421,28 @@ function (_React$Component) {
   };
 
   return Autocomplete;
-}(React.Component);
-Autocomplete.__KONTUR_REACT_UI__ = 'Autocomplete';
-Autocomplete.propTypes = {
-  /**
-   * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент
-   * — *item*.
-   */
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Autocomplete', _class2.propTypes = {
+  /**
+  * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент
+  * — *item*.
+  */
   renderItem: PropTypes.func,
 
-  /**
-   * Если передан массив, то совпадения ищутся по этому массиву.
-   *
-   * Если передается функция, то она должна возвращать thenable, который
-   * резолвится уже отфильтрованным массивом. Возвращенный thenable может
-   * иметь метод cancel, который будет вызван при отмене поиска (пользователь
-   * изменил строку поиска, автокомплит потерял фокус).
-   * ```
-   * function(pattern) {
-   *   return service.findAll(pattern);
-   * }
-   * ```
-   */
+  /**
+  * Если передан массив, то совпадения ищутся по этому массиву.
+  *
+  * Если передается функция, то она должна возвращать thenable, который
+  * резолвится уже отфильтрованным массивом. Возвращенный thenable может
+  * иметь метод cancel, который будет вызван при отмене поиска (пользователь
+  * изменил строку поиска, автокомплит потерял фокус).
+  * ```
+  * function(pattern) {
+  *   return service.findAll(pattern);
+  * }
+  * ```
+  */
   source: PropTypes.oneOfType([PropTypes.array, PropTypes.func])
-};
-Autocomplete.defaultProps = {
+}, _class2.defaultProps = {
   renderItem: renderItem,
   size: 'small',
   disablePortal: false,
@@ -354,4 +450,4 @@ Autocomplete.defaultProps = {
   menuMaxHeight: 300,
   menuAlign: 'left',
   preventWindowScroll: true
-};
+}, _temp)) || _class) || _class;