@skbkontur/react-ui 0.0.0-dd8159fe6c → 0.0.0-ecefada396

package/components/ComboBoxOld/ComboBoxRenderer.js

@@ -1,573 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-var _react = require('react');
-
-var React = _interopRequireWildcard(_react);
-
-var _reactDom = require('react-dom');
-
-var _reactDom2 = _interopRequireDefault(_reactDom);
-
-var _filterProps = require('../filterProps');
-
-var _filterProps2 = _interopRequireDefault(_filterProps);
-
-var _lodash = require('lodash.debounce');
-
-var _lodash2 = _interopRequireDefault(_lodash);
-
-var _RenderLayer = require('../RenderLayer');
-
-var _RenderLayer2 = _interopRequireDefault(_RenderLayer);
-
-var _DropdownContainer = require('../DropdownContainer/DropdownContainer');
-
-var _DropdownContainer2 = _interopRequireDefault(_DropdownContainer);
-
-var _Input = require('../Input');
-
-var _Input2 = _interopRequireDefault(_Input);
-
-var _InputLikeText = require('../internal/InputLikeText/InputLikeText');
-
-var _InputLikeText2 = _interopRequireDefault(_InputLikeText);
-
-var _Menu = require('../Menu/Menu');
-
-var _Menu2 = _interopRequireDefault(_Menu);
-
-var _MenuItem = require('../MenuItem/MenuItem');
-
-var _MenuItem2 = _interopRequireDefault(_MenuItem);
-
-var _fixClickFocusIE = require('../../lib/events/fixClickFocusIE');
-
-var _ComboBoxRenderer = require('./ComboBoxRenderer.css');
-
-var _ComboBoxRenderer2 = _interopRequireDefault(_ComboBoxRenderer);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj['default'] = obj; return newObj; } }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-/* eslint-disable flowtype/no-weak-types */
-
-
-var INPUT_PASS_PROPS = {
-  borderless: true,
-  error: true,
-  warning: true,
-  width: true,
-  disabled: true,
-  onMouseEnter: true,
-  onMouseLeave: true,
-  onMouseOver: true
-};
-
-var ComboBoxRenderer = function (_React$Component) {
-  _inherits(ComboBoxRenderer, _React$Component);
-
-  ComboBoxRenderer['static'] = function _static(element) {
-    return element;
-  };
-  // eslint-disable-next-line react/no-multi-comp
-
-
-  function ComboBoxRenderer(props, context) {
-    _classCallCheck(this, ComboBoxRenderer);
-
-    var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
-
-    _this._mounted = false;
-    _this._focusable = null;
-    _this._menu = null;
-    _this._focusSubscribtion = null;
-    _this._lastError = null;
-    _this._error = null;
-    _this._ignoreRecover = true;
-    _this._ignoreBlur = true;
-    _this._fetchingId = 0;
-
-    _this._refFocusable = function (el) {
-      _this._focusable = el && (el.focus ? el : _reactDom2['default'].findDOMNode(el));
-    };
-
-    _this._refMenu = function (menu) {
-      _this._menu = menu;
-    };
-
-    _this._handleInputChange = function (event, value) {
-      var newInputValue = value;
-
-      var inputValueChanged = _this.state.searchText !== newInputValue;
-      if (inputValueChanged && _this.props.onInputChange) {
-        var nextState = _this.props.onInputChange(newInputValue);
-
-        if (nextState != null && (typeof nextState === 'undefined' ? 'undefined' : _typeof(nextState)) !== 'object') {
-          newInputValue = '' + nextState;
-        }
-      }
-
-      _this.setState(function () {
-        return {
-          searchText: newInputValue,
-          opened: true
-        };
-      });
-      _this._debouncedFetchList(newInputValue);
-      _this._ignoreRecover = false;
-    };
-
-    _this._handleInputKey = function (event) {
-      if (typeof _this.props.onInputKeyDown === 'function') {
-        _this.props.onInputKeyDown(event);
-        if (event.defaultPrevented) {
-          return;
-        }
-      }
-
-      switch (event.key) {
-        case 'ArrowUp':
-          event.preventDefault();
-
-          if (!_this.state.opened) {
-            _this.setState({ opened: true });
-            safelyCall(_this.props.onOpen);
-          }
-
-          _this._menu && _this._menu.up();
-          break;
-        case 'ArrowDown':
-          event.preventDefault();
-
-          if (!_this.state.opened) {
-            _this.setState({ opened: true });
-            safelyCall(_this.props.onOpen);
-          }
-
-          _this._menu && _this._menu.down();
-          break;
-        case 'Enter':
-          event.preventDefault();
-          var handled = _this._menu && _this._menu.enter(event);
-          if (!handled) {
-            _this._tryRecover();
-
-            // Close ComboBox only if Enter wasn't handled by the Menu.
-            _this._handleBlur();
-          }
-          break;
-        case 'Escape':
-          event.preventDefault();
-          if (!_this.state.opened) {
-            return;
-          }
-          _this._close();
-          break;
-      }
-    };
-
-    _this._handleValueClick = function () {
-      _this._setCurrentSearchText(_this.props.value, _this.props.info);
-      _this._fetchList('');
-      _this._handleFocus();
-    };
-
-    _this._handleArrowMouseDown = function (event) {
-      event.preventDefault();
-    };
-
-    _this._handleArrowClick = function (event) {
-      if (!_this.state.opened && !_this.props.disabled) {
-        _this._handleValueClick();
-      }
-    };
-
-    _this._handleFocus = function () {
-      /* Allow blur happen only if focus occured */
-      _this._ignoreBlur = false;
-
-      _this.setState({ isEditing: true, opened: true });
-      safelyCall(_this.props.onOpen);
-
-      if (!safelyCall(_this.props.onFocus)) {
-        safelyCall(_this.props.onAlkoFocus);
-      }
-    };
-
-    _this._handleBlur = function () {
-      if (_this._ignoreBlur) {
-        return;
-      }
-
-      _this._close(true);
-      _this._tryRecover();
-
-      if (!safelyCall(_this.props.onBlur)) {
-        safelyCall(_this.props.onAlkoBlur);
-      }
-
-      /* Blur should occure only once */
-      _this._ignoreBlur = true;
-    };
-
-    _this._handleClickOutside = function (e) {
-      (0, _fixClickFocusIE.fixClickFocusIE)(e);
-      _this._handleBlur();
-    };
-
-    _this._close = function (endEdit) {
-      _this.setState(function () {
-        return { isEditing: !endEdit, opened: false, result: null };
-      });
-      safelyCall(_this.props.onClose);
-    };
-
-    _this._fetchList = function (pattern) {
-      var expectingId = ++_this._fetchingId;
-      _this.props.source(pattern).then(function (result) {
-        if (!_this._mounted) {
-          return;
-        }
-
-        if (expectingId === _this._fetchingId && _this.state.opened) {
-          _this._menu && _this._menu.reset();
-          _this.setState(function () {
-            return { result: result };
-          });
-        }
-      });
-    };
-
-    _this._focus = function () {
-      if (_this._focusable && _this._focusable.setSelectionRange) {
-        // $FlowIgnore
-        _this._focusable.setSelectionRange(0, _this.state.searchText.length);
-      } else if (_this._focusable) {
-        _this._focusable.focus();
-      }
-    };
-
-    _this.state = {
-      opened: false,
-      searchText: '',
-      result: null,
-      isEditing: false,
-      selected: -1
-    };
-
-    var debounceInterval = _this.props.debounceInterval;
-
-    _this._debouncedFetchList = debounceInterval && debounceInterval > 0 ? (0, _lodash2['default'])(_this._fetchList, debounceInterval) : _this._fetchList;
-    return _this;
-  }
-
-  ComboBoxRenderer.prototype.render = function render() {
-    return React.createElement(
-      _RenderLayer2['default'],
-      {
-        onFocusOutside: this._handleBlur,
-        onClickOutside: this._handleClickOutside,
-        active: this.state.opened
-      },
-      React.createElement(
-        'label',
-        { className: _ComboBoxRenderer2['default'].root, style: { width: this.props.width } },
-        this.state.isEditing ? this.renderInput() : this.renderValue(),
-        this.state.opened && this.renderMenu(),
-        this.props.openButton && React.createElement('div', { className: _ComboBoxRenderer2['default'].arrow, onClick: this._handleArrowClick, onMouseDown: this._handleArrowMouseDown })
-      )
-    );
-  };
-
-  ComboBoxRenderer.prototype.renderInput = function renderInput() {
-    var inputProps = (0, _filterProps2['default'])(this.props, INPUT_PASS_PROPS);
-    return React.createElement(
-      'div',
-      { className: _ComboBoxRenderer2['default'].input },
-      React.createElement(_Input2['default'], _extends({
-        ref: this._refFocusable
-      }, inputProps, {
-        value: this.state.searchText,
-        rightIcon: this.props.openButton && React.createElement('span', null),
-        onChange: this._handleInputChange,
-        onKeyDown: this._handleInputKey
-      }))
-    );
-  };
-
-  ComboBoxRenderer.prototype.renderValue = function renderValue() {
-    var inputProps = (0, _filterProps2['default'])(this.props, INPUT_PASS_PROPS);
-
-    var value = this.props.value ? this.props.renderValue(this.props.value, this.props.info) : React.createElement(
-      'span',
-      { className: _ComboBoxRenderer2['default'].placeholder },
-      this.props.placeholder
-    );
-
-    var isNotRecovered = !!this._error;
-
-    return React.createElement(
-      _InputLikeText2['default'],
-      _extends({
-        ref: this._refFocusable
-      }, inputProps, {
-        onClick: this._handleValueClick,
-        onFocus: this._handleValueClick,
-        error: isNotRecovered || this.props.error
-      }),
-      isNotRecovered ? this.state.searchText : value
-    );
-  };
-
-  ComboBoxRenderer.prototype.renderMenu = function renderMenu() {
-    var _this2 = this;
-
-    var result = this.state.result;
-
-    if (!result) {
-      return null;
-    }
-
-    var isEmptyResults = result.values.length === 0;
-
-    return React.createElement(
-      _DropdownContainer2['default'],
-      {
-        getParent: function getParent() {
-          return _reactDom2['default'].findDOMNode(_this2);
-        },
-        align: this.props.menuAlign,
-        disablePortal: this.props.disablePortal,
-        offsetY: 1
-      },
-      React.createElement(
-        _Menu2['default'],
-        { ref: this._refMenu, maxHeight: 200 },
-        isEmptyResults ? this.renderEmptyResults() : this.renderResults(result),
-        this.renderTotalCount(result)
-      )
-    );
-  };
-
-  ComboBoxRenderer.prototype.renderResults = function renderResults(result) {
-    var _this3 = this;
-
-    return mapResult(result, function (value, info, i) {
-      if (typeof value === 'function' || React.isValidElement(value)) {
-        var element = typeof value === 'function' ? value() : value;
-        return React.cloneElement(element, {
-          key: i,
-          onClick: function onClick(event) {
-            return _this3._handleItemClick(event, element.props);
-          }
-        });
-      }
-      return React.createElement(
-        _MenuItem2['default'],
-        {
-          key: i,
-          onClick: function onClick(event) {
-            _this3._handleItemClick(event, { value: value, info: info });
-          }
-        },
-        function (state) {
-          return _this3.props.renderItem(value, info, state);
-        }
-      );
-    });
-  };
-
-  ComboBoxRenderer.prototype.renderEmptyResults = function renderEmptyResults() {
-    var renderNotFound = this.props.renderNotFound;
-
-
-    if (!renderNotFound) {
-      return null;
-    }
-
-    var searchText = this.state.searchText;
-
-
-    return React.createElement(
-      _MenuItem2['default'],
-      { disabled: !isFunction(renderNotFound) },
-      isFunction(renderNotFound) ? renderNotFound(searchText) : renderNotFound
-    );
-  };
-
-  ComboBoxRenderer.prototype.renderTotalCount = function renderTotalCount(result) {
-    var renderTotalCount = this.props.renderTotalCount;
-
-
-    if (!renderTotalCount || !result || !result.values || !result.total) {
-      return null;
-    }
-
-    if (result.values.length === result.total) {
-      return null;
-    }
-
-    return React.createElement(
-      _MenuItem2['default'],
-      { disabled: true },
-      React.createElement(
-        'div',
-        { className: _ComboBoxRenderer2['default'].totalCount },
-        renderTotalCount(result.values.length, result.total)
-      )
-    );
-  };
-
-  ComboBoxRenderer.prototype.componentDidMount = function componentDidMount() {
-    this._mounted = true;
-    if (this.props.autoFocus) {
-      this._focus();
-    }
-  };
-
-  ComboBoxRenderer.prototype.componentWillUnmount = function componentWillUnmount() {
-    this._mounted = false;
-  };
-
-  ComboBoxRenderer.prototype._handleItemClick = function _handleItemClick(event, options) {
-    this.setState({ searchText: '', opened: false, isEditing: false });
-    this._change(options.value, options.info);
-
-    safelyCall(options.onClick);
-    this._handleBlur();
-  };
-
-  ComboBoxRenderer.prototype._tryRecover = function _tryRecover() {
-    if (this._ignoreRecover) {
-      return;
-    }
-    this._ignoreRecover = true;
-
-    if (!this.props.recover) {
-      this._change(null);
-      this.setState({ searchText: '' });
-      return;
-    }
-
-    var searchText = this.state.searchText;
-    var recovered = null;
-
-    if (typeof this.props.recover === 'function') {
-      recovered = this.props.recover(searchText);
-    } else if (this.props.recover === true) {
-      recovered = { value: searchText };
-    }
-
-    if (recovered) {
-      this._change(recovered.value, recovered.info);
-    } else {
-      this._change(null);
-      this._setError(this.state.searchText ? 'not_recovered' : null);
-    }
-  };
-
-  ComboBoxRenderer.prototype._setError = function _setError(error) {
-    this._error = error;
-    if (this._lastError !== error) {
-      this._lastError = error;
-      safelyCall(this.props.onError, error);
-    }
-  };
-
-  ComboBoxRenderer.prototype._change = function _change(value, info) {
-    safelyCall(this.props.onChange, { target: { value: value } }, value, info);
-    this._setError(null);
-
-    /* No need in recovers after value changes */
-    this._ignoreRecover = true;
-  };
-
-  ComboBoxRenderer.prototype._setCurrentSearchText = function _setCurrentSearchText(value, info) {
-    var valueToString = this.props.valueToString;
-
-    if (valueToString) {
-      var _searchText = value ? valueToString(value, info) : this.state.searchText;
-
-      return this.setState({ searchText: _searchText }, this._focus);
-    }
-
-    return this.setState({ searchText: '' }, this._focus);
-  };
-
-  return ComboBoxRenderer;
-}(React.Component);
-
-ComboBoxRenderer.Item = function (_React$Component2) {
-  _inherits(Item, _React$Component2);
-
-  function Item() {
-    _classCallCheck(this, Item);
-
-    return _possibleConstructorReturn(this, _React$Component2.apply(this, arguments));
-  }
-
-  Item.prototype.render = function render() {
-    return React.createElement(
-      _MenuItem2['default'],
-      null,
-      this.props.children
-    );
-  };
-
-  return Item;
-}(React.Component);
-
-ComboBoxRenderer.defaultProps = {
-  renderItem: renderItem,
-  renderValue: renderValue,
-  placeholder: '',
-  width: 250,
-  menuAlign: 'left',
-  debounceInterval: 0
-};
-
-
-function safelyCall(fn) {
-  if (fn) {
-    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-
-    fn.apply(undefined, args);
-    return true;
-  }
-  return false;
-}
-
-function mapResult(result, fn) {
-  return result.values.map(function (value, i) {
-    var info = result.infos && result.infos[i];
-    return fn(value, info, i);
-  });
-}
-
-function renderValue(value, info) {
-  return info;
-}
-
-function renderItem(value, info, state) {
-  return info;
-}
-
-function isFunction(fn) /*: boolean %checks */{
-  return typeof fn === 'function';
-}
-
-exports['default'] = ComboBoxRenderer;

package/components/ComboBoxOld/ComboBoxRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ComboBoxRenderer.js"],"names":["React","INPUT_PASS_PROPS","borderless","error","warning","width","disabled","onMouseEnter","onMouseLeave","onMouseOver","ComboBoxRenderer","element","props","context","_mounted","_focusable","_menu","_focusSubscribtion","_lastError","_error","_ignoreRecover","_ignoreBlur","_fetchingId","_refFocusable","el","focus","ReactDOM","findDOMNode","_refMenu","menu","_handleInputChange","event","value","newInputValue","inputValueChanged","state","searchText","onInputChange","nextState","setState","opened","_debouncedFetchList","_handleInputKey","onInputKeyDown","defaultPrevented","key","preventDefault","safelyCall","onOpen","up","down","handled","enter","_tryRecover","_handleBlur","_close","_handleValueClick","_setCurrentSearchText","info","_fetchList","_handleFocus","_handleArrowMouseDown","_handleArrowClick","isEditing","onFocus","onAlkoFocus","onBlur","onAlkoBlur","_handleClickOutside","e","endEdit","result","onClose","pattern","expectingId","source","then","reset","_focus","setSelectionRange","length","selected","debounceInterval","render","styles","root","renderInput","renderValue","renderMenu","openButton","arrow","inputProps","input","placeholder","isNotRecovered","isEmptyResults","values","menuAlign","disablePortal","renderEmptyResults","renderResults","renderTotalCount","mapResult","i","isValidElement","cloneElement","onClick","_handleItemClick","renderItem","renderNotFound","isFunction","total","totalCount","componentDidMount","autoFocus","componentWillUnmount","options","_change","recover","recovered","_setError","onError","onChange","target","valueToString","Component","Item","children","defaultProps","fn","args","map","infos"],"mappings":"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","file":"ComboBoxRenderer.js","sourcesContent":["// @flow\r\n/* eslint-disable flowtype/no-weak-types */\r\nimport * as React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport filterProps from '../filterProps';\r\n\r\nimport debounce from 'lodash.debounce';\r\n\r\nimport RenderLayer from '../RenderLayer';\r\nimport DropdownContainer from '../DropdownContainer/DropdownContainer';\r\nimport Input from '../Input';\r\nimport InputLikeText from '../internal/InputLikeText/InputLikeText';\r\nimport Menu from '../Menu/Menu';\r\nimport MenuItem from '../MenuItem/MenuItem';\r\nimport type { MenuItemState } from '../MenuItem/MenuItem';\r\nimport { fixClickFocusIE } from '../../lib/events/fixClickFocusIE';\r\n\r\nimport styles from './ComboBoxRenderer.less';\r\n\r\nconst INPUT_PASS_PROPS = {\r\n  borderless: true,\r\n  error: true,\r\n  warning: true,\r\n  width: true,\r\n  disabled: true,\r\n  onMouseEnter: true,\r\n  onMouseLeave: true,\r\n  onMouseOver: true,\r\n};\r\n\r\nexport type Value = any;\r\nexport type Info = any;\r\n\r\ntype SourceResult = {\r\n  values: Array<Value | React.Element<any> | (() => React.Element<any>)>,\r\n  infos?: Array<Info>,\r\n  total?: number,\r\n};\r\n\r\ntype RecoverResult = {\r\n  value: Value,\r\n  info?: Info,\r\n};\r\n\r\ntype ErrorKind = null | 'not_recovered';\r\n\r\ntype RecoverFunc = (searchString: string) => RecoverResult;\r\n\r\nexport type BaseProps = {\r\n  autoFocus?: boolean,\r\n  borderless?: boolean,\r\n  disabled?: boolean,\r\n  error?: boolean,\r\n  info?: Info | ((v: Value) => Promise<Info>),\r\n  menuAlign: 'left' | 'right',\r\n  disablePortal?: boolean,\r\n  debounceInterval?: number,\r\n  openButton?: boolean,\r\n  placeholder: string,\r\n  recover?: RecoverFunc | boolean,\r\n  renderItem: (value: Value, info: Info, state: MenuItemState) => React.Node,\r\n  renderValue: (value: Value, info: ?Info) => React.Element<any>,\r\n  renderNotFound?: string | ((searchText: string) => React.Element<any> | string),\r\n  renderTotalCount?: (f: number, total: number) => React.Element<any> | string,\r\n  source: (searchText: string) => Promise<SourceResult>,\r\n  warning?: boolean,\r\n  value: Value | null,\r\n  valueToString?: (value: Value, info: ?Info) => string,\r\n  width: number | string,\r\n\r\n  onBlur?: () => void,\r\n  onChange?: (event: { target: { value: Value } }, value: Value) => void,\r\n  onClose?: () => void,\r\n  onError?: (kind: ErrorKind) => void,\r\n  onFocus?: () => void,\r\n  onOpen?: () => void,\r\n  onInputChange?: (value: string) => ?string,\r\n  onInputKeyDown?: (e: SyntheticKeyboardEvent<>) => void,\r\n\r\n  alkoValueToText?: (value: Value) => string,\r\n  onAlkoFocus?: () => void,\r\n  onAlkoBlur?: () => void,\r\n\r\n  onMouseEnter?: (e: SyntheticMouseEvent<>) => void,\r\n  onMouseLeave?: (e: SyntheticMouseEvent<>) => void,\r\n  onMouseOver?: (e: SyntheticMouseEvent<>) => void,\r\n};\r\n\r\ntype Props = BaseProps & {\r\n  info: Info,\r\n};\r\n\r\ntype State = {\r\n  opened: boolean,\r\n  searchText: string,\r\n  isEditing: boolean,\r\n  result: ?SourceResult,\r\n  selected: number,\r\n};\r\n\r\nclass ComboBoxRenderer extends React.Component<Props, State> {\r\n  // eslint-disable-next-line react/no-multi-comp\r\n  static Item = class Item extends React.Component<{ children?: React.Node }> {\r\n    render() {\r\n      return <MenuItem>{this.props.children}</MenuItem>;\r\n    }\r\n  };\r\n\r\n  static static(element: (() => React.Element<any>) | React.Element<any>) {\r\n    return element;\r\n  }\r\n\r\n  static defaultProps = {\r\n    renderItem,\r\n    renderValue,\r\n    placeholder: '',\r\n    width: (250: number | string),\r\n    menuAlign: 'left',\r\n    debounceInterval: 0,\r\n  };\r\n\r\n  _mounted = false;\r\n  _focusable = null;\r\n  _menu: ?Menu = null;\r\n  _focusSubscribtion: ?{ remove: () => void } = null;\r\n  _lastError: ErrorKind = null;\r\n  _error: ErrorKind = null;\r\n  _ignoreRecover = true;\r\n  _ignoreBlur = true;\r\n  _fetchingId = 0;\r\n  _debouncedFetchList: Function;\r\n\r\n  constructor(props: Props, context: mixed) {\r\n    super(props, context);\r\n\r\n    this.state = {\r\n      opened: false,\r\n      searchText: '',\r\n      result: null,\r\n      isEditing: false,\r\n      selected: -1,\r\n    };\r\n\r\n    const { debounceInterval } = this.props;\r\n    this._debouncedFetchList =\r\n      debounceInterval && debounceInterval > 0 ? debounce(this._fetchList, debounceInterval) : this._fetchList;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <RenderLayer\r\n        onFocusOutside={this._handleBlur}\r\n        onClickOutside={this._handleClickOutside}\r\n        active={this.state.opened}\r\n      >\r\n        <label className={styles.root} style={{ width: this.props.width }}>\r\n          {this.state.isEditing ? this.renderInput() : this.renderValue()}\r\n          {this.state.opened && this.renderMenu()}\r\n          {this.props.openButton && (\r\n            <div className={styles.arrow} onClick={this._handleArrowClick} onMouseDown={this._handleArrowMouseDown} />\r\n          )}\r\n        </label>\r\n      </RenderLayer>\r\n    );\r\n  }\r\n\r\n  renderInput() {\r\n    const inputProps = filterProps(this.props, INPUT_PASS_PROPS);\r\n    return (\r\n      <div className={styles.input}>\r\n        <Input\r\n          ref={this._refFocusable}\r\n          {...inputProps}\r\n          value={this.state.searchText}\r\n          rightIcon={this.props.openButton && <span />}\r\n          onChange={this._handleInputChange}\r\n          onKeyDown={this._handleInputKey}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderValue() {\r\n    const inputProps = filterProps(this.props, INPUT_PASS_PROPS);\r\n\r\n    const value = this.props.value ? (\r\n      this.props.renderValue(this.props.value, this.props.info)\r\n    ) : (\r\n      <span className={styles.placeholder}>{this.props.placeholder}</span>\r\n    );\r\n\r\n    const isNotRecovered = !!this._error;\r\n\r\n    return (\r\n      <InputLikeText\r\n        ref={this._refFocusable}\r\n        {...inputProps}\r\n        onClick={this._handleValueClick}\r\n        onFocus={this._handleValueClick}\r\n        error={isNotRecovered || this.props.error}\r\n      >\r\n        {isNotRecovered ? this.state.searchText : value}\r\n      </InputLikeText>\r\n    );\r\n  }\r\n\r\n  renderMenu() {\r\n    const { result } = this.state;\r\n    if (!result) {\r\n      return null;\r\n    }\r\n\r\n    const isEmptyResults = result.values.length === 0;\r\n\r\n    return (\r\n      <DropdownContainer\r\n        getParent={() => ReactDOM.findDOMNode(this)}\r\n        align={this.props.menuAlign}\r\n        disablePortal={this.props.disablePortal}\r\n        offsetY={1}\r\n      >\r\n        <Menu ref={this._refMenu} maxHeight={200}>\r\n          {isEmptyResults ? this.renderEmptyResults() : this.renderResults(result)}\r\n          {this.renderTotalCount(result)}\r\n        </Menu>\r\n      </DropdownContainer>\r\n    );\r\n  }\r\n\r\n  renderResults(result: SourceResult): Array<?React.Element<Class<MenuItem>>> {\r\n    return mapResult(result, (value, info, i) => {\r\n      if (typeof value === 'function' || React.isValidElement(value)) {\r\n        const element = typeof value === 'function' ? value() : value;\r\n        return React.cloneElement(element, {\r\n          key: i,\r\n          onClick: event => this._handleItemClick(event, element.props),\r\n        });\r\n      }\r\n      return (\r\n        <MenuItem\r\n          key={i}\r\n          onClick={(event: SyntheticEvent<*>) => {\r\n            this._handleItemClick(event, { value, info });\r\n          }}\r\n        >\r\n          {state => this.props.renderItem(value, info, state)}\r\n        </MenuItem>\r\n      );\r\n    });\r\n  }\r\n\r\n  renderEmptyResults(): ?React.Element<typeof MenuItem> {\r\n    const { renderNotFound } = this.props;\r\n\r\n    if (!renderNotFound) {\r\n      return null;\r\n    }\r\n\r\n    const { searchText } = this.state;\r\n\r\n    return (\r\n      <MenuItem disabled={!isFunction(renderNotFound)}>\r\n        {isFunction(renderNotFound) ? renderNotFound(searchText) : renderNotFound}\r\n      </MenuItem>\r\n    );\r\n  }\r\n\r\n  renderTotalCount(result: SourceResult) {\r\n    const { renderTotalCount } = this.props;\r\n\r\n    if (!renderTotalCount || !result || !result.values || !result.total) {\r\n      return null;\r\n    }\r\n\r\n    if (result.values.length === result.total) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <MenuItem disabled>\r\n        <div className={styles.totalCount}>{renderTotalCount(result.values.length, result.total)}</div>\r\n      </MenuItem>\r\n    );\r\n  }\r\n\r\n  componentDidMount() {\r\n    this._mounted = true;\r\n    if (this.props.autoFocus) {\r\n      this._focus();\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    this._mounted = false;\r\n  }\r\n\r\n  _refFocusable = (el: Input | InputLikeText | null) => {\r\n    this._focusable = el && (el.focus ? el : (ReactDOM.findDOMNode(el): any));\r\n  };\r\n\r\n  _refMenu = (menu: ?Menu) => {\r\n    this._menu = menu;\r\n  };\r\n\r\n  _handleInputChange = (event: SyntheticInputEvent<HTMLInputElement>, value: string) => {\r\n    let newInputValue = value;\r\n\r\n    const inputValueChanged = this.state.searchText !== newInputValue;\r\n    if (inputValueChanged && this.props.onInputChange) {\r\n      let nextState = this.props.onInputChange(newInputValue);\r\n\r\n      if (nextState != null && typeof nextState !== 'object') {\r\n        newInputValue = '' + nextState;\r\n      }\r\n    }\r\n\r\n    this.setState(() => ({\r\n      searchText: newInputValue,\r\n      opened: true,\r\n    }));\r\n    this._debouncedFetchList(newInputValue);\r\n    this._ignoreRecover = false;\r\n  };\r\n\r\n  _handleInputKey = (event: SyntheticKeyboardEvent<>) => {\r\n    if (typeof this.props.onInputKeyDown === 'function') {\r\n      this.props.onInputKeyDown(event);\r\n      if (event.defaultPrevented) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    switch (event.key) {\r\n      case 'ArrowUp':\r\n        event.preventDefault();\r\n\r\n        if (!this.state.opened) {\r\n          this.setState({ opened: true });\r\n          safelyCall(this.props.onOpen);\r\n        }\r\n\r\n        this._menu && this._menu.up();\r\n        break;\r\n      case 'ArrowDown':\r\n        event.preventDefault();\r\n\r\n        if (!this.state.opened) {\r\n          this.setState({ opened: true });\r\n          safelyCall(this.props.onOpen);\r\n        }\r\n\r\n        this._menu && this._menu.down();\r\n        break;\r\n      case 'Enter':\r\n        event.preventDefault();\r\n        const handled = this._menu && this._menu.enter(event);\r\n        if (!handled) {\r\n          this._tryRecover();\r\n\r\n          // Close ComboBox only if Enter wasn't handled by the Menu.\r\n          this._handleBlur();\r\n        }\r\n        break;\r\n      case 'Escape':\r\n        event.preventDefault();\r\n        if (!this.state.opened) {\r\n          return;\r\n        }\r\n        this._close();\r\n        break;\r\n    }\r\n  };\r\n\r\n  _handleValueClick = () => {\r\n    this._setCurrentSearchText(this.props.value, this.props.info);\r\n    this._fetchList('');\r\n    this._handleFocus();\r\n  };\r\n\r\n  _handleItemClick(event: SyntheticEvent<*>, options: { value?: Value, info?: Info, onClick?: () => void }) {\r\n    this.setState({ searchText: '', opened: false, isEditing: false });\r\n    this._change(options.value, options.info);\r\n\r\n    safelyCall(options.onClick);\r\n    this._handleBlur();\r\n  }\r\n\r\n  _handleArrowMouseDown = (event: SyntheticMouseEvent<>) => {\r\n    event.preventDefault();\r\n  };\r\n\r\n  _handleArrowClick = (event: SyntheticMouseEvent<>) => {\r\n    if (!this.state.opened && !this.props.disabled) {\r\n      this._handleValueClick();\r\n    }\r\n  };\r\n\r\n  _handleFocus = () => {\r\n    /* Allow blur happen only if focus occured */\r\n    this._ignoreBlur = false;\r\n\r\n    this.setState({ isEditing: true, opened: true });\r\n    safelyCall(this.props.onOpen);\r\n\r\n    if (!safelyCall(this.props.onFocus)) {\r\n      safelyCall(this.props.onAlkoFocus);\r\n    }\r\n  };\r\n\r\n  _handleBlur = () => {\r\n    if (this._ignoreBlur) {\r\n      return;\r\n    }\r\n\r\n    this._close(true);\r\n    this._tryRecover();\r\n\r\n    if (!safelyCall(this.props.onBlur)) {\r\n      safelyCall(this.props.onAlkoBlur);\r\n    }\r\n\r\n    /* Blur should occure only once */\r\n    this._ignoreBlur = true;\r\n  };\r\n\r\n  _handleClickOutside = (e: Event) => {\r\n    fixClickFocusIE(e);\r\n    this._handleBlur();\r\n  };\r\n\r\n  _close = (endEdit?: boolean) => {\r\n    this.setState(() => ({ isEditing: !endEdit, opened: false, result: null }));\r\n    safelyCall(this.props.onClose);\r\n  };\r\n\r\n  _fetchList = (pattern: string) => {\r\n    const expectingId = ++this._fetchingId;\r\n    this.props.source(pattern).then(result => {\r\n      if (!this._mounted) {\r\n        return;\r\n      }\r\n\r\n      if (expectingId === this._fetchingId && this.state.opened) {\r\n        this._menu && this._menu.reset();\r\n        this.setState(() => ({ result }));\r\n      }\r\n    });\r\n  };\r\n\r\n  _focus = () => {\r\n    if (this._focusable && this._focusable.setSelectionRange) {\r\n      // $FlowIgnore\r\n      this._focusable.setSelectionRange(0, this.state.searchText.length);\r\n    } else if (this._focusable) {\r\n      this._focusable.focus();\r\n    }\r\n  };\r\n\r\n  _tryRecover() {\r\n    if (this._ignoreRecover) {\r\n      return;\r\n    }\r\n    this._ignoreRecover = true;\r\n\r\n    if (!this.props.recover) {\r\n      this._change(null);\r\n      this.setState({ searchText: '' });\r\n      return;\r\n    }\r\n\r\n    const searchText = this.state.searchText;\r\n    let recovered: ?RecoverResult = null;\r\n\r\n    if (typeof this.props.recover === 'function') {\r\n      recovered = this.props.recover(searchText);\r\n    } else if (this.props.recover === true) {\r\n      recovered = { value: searchText };\r\n    }\r\n\r\n    if (recovered) {\r\n      this._change(recovered.value, recovered.info);\r\n    } else {\r\n      this._change(null);\r\n      this._setError(this.state.searchText ? 'not_recovered' : null);\r\n    }\r\n  }\r\n\r\n  _setError(error: ErrorKind) {\r\n    this._error = error;\r\n    if (this._lastError !== error) {\r\n      this._lastError = error;\r\n      safelyCall(this.props.onError, error);\r\n    }\r\n  }\r\n\r\n  _change(value: Value, info?: Info) {\r\n    safelyCall(this.props.onChange, { target: { value } }, value, info);\r\n    this._setError(null);\r\n\r\n    /* No need in recovers after value changes */\r\n    this._ignoreRecover = true;\r\n  }\r\n\r\n  _setCurrentSearchText(value: Value, info: ?Info) {\r\n    const valueToString = this.props.valueToString;\r\n\r\n    if (valueToString) {\r\n      const searchText = value ? valueToString(value, info) : this.state.searchText;\r\n\r\n      return this.setState({ searchText }, this._focus);\r\n    }\r\n\r\n    return this.setState({ searchText: '' }, this._focus);\r\n  }\r\n}\r\n\r\nfunction safelyCall(fn: ?Function, ...args: any[]) {\r\n  if (fn) {\r\n    fn(...args);\r\n    return true;\r\n  }\r\n  return false;\r\n}\r\n\r\nfunction mapResult(result: SourceResult, fn: (v: Value, d: Info, i: number) => any): Array<any> {\r\n  return result.values.map((value, i) => {\r\n    const info = result.infos && result.infos[i];\r\n    return fn(value, info, i);\r\n  });\r\n}\r\n\r\nfunction renderValue(value: *, info: *) {\r\n  return info;\r\n}\r\n\r\nfunction renderItem(value: *, info: *, state: *) {\r\n  return info;\r\n}\r\n\r\nfunction isFunction(fn) /*: boolean %checks */ {\r\n  return typeof fn === 'function';\r\n}\r\n\r\nexport default ComboBoxRenderer;\r\n"]}