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

package/components/ComboBox/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var ComboBox_1 = require("./ComboBox");
-exports["default"] = ComboBox_1["default"];
-//# sourceMappingURL=index.js.map

package/components/ComboBox/index.js.flow

@@ -1,2 +0,0 @@
-/* @flow */
-export { default, ComboBoxProps, ComboBoxItem } from './ComboBox';

package/components/ComboBox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;AAAA,uCAAkE;AAAzD,6BAAA,OAAO,CAAA"}

package/components/ComboBoxOld/ComboBoxOld.adapter.js

@@ -1,61 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _isActiveElement = require('../Menu/isActiveElement');
-
-var _isActiveElement2 = _interopRequireDefault(_isActiveElement);
-
-var _react = require('react');
-
-var React = _interopRequireWildcard(_react);
-
-var _ComboBoxOld = require('./ComboBoxOld.js');
-
-var _ComboBoxOld2 = _interopRequireDefault(_ComboBoxOld);
-
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-var ComboBoxAdapter = {
-  getValue: function getValue(inst) {
-    return inst.props.value;
-  },
-  setValue: function setValue(_ref, value) {
-    var renderer = _ref.renderer;
-
-    renderer._handleInputChange({ target: { value: '' } }, '');
-    renderer._change(value);
-    renderer._close(true);
-  },
-  getInfo: function getInfo(_ref2) {
-    var renderer = _ref2.renderer;
-
-    return renderer.props.info;
-  },
-  search: function search(_ref3, searchString) {
-    var renderer = _ref3.renderer;
-
-    renderer._handleValueClick();
-    renderer._handleInputChange({ target: { value: searchString } }, searchString);
-  },
-  getResult: function getResult(_ref4) {
-    var renderer = _ref4.renderer;
-    var result = renderer.state.result;
-
-    return result && result.values.map(function (value) {
-      var val = typeof value === 'function' ? value() : value;
-      if (React.isValidElement(val)) {
-        return (0, _isActiveElement2['default'])(val) ? val.props && val.props.value : null;
-      }
-      return val;
-    });
-  }
-};
-// eslint-disable-next-line flowtype/no-weak-types
-
-
-_ComboBoxOld2['default'].__ADAPTER__ = ComboBoxAdapter;
-
-exports['default'] = _ComboBoxOld2['default'];

package/components/ComboBoxOld/ComboBoxOld.adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ComboBoxOld.adapter.js"],"names":["React","ComboBoxAdapter","getValue","inst","props","value","setValue","renderer","_handleInputChange","target","_change","_close","getInfo","info","search","searchString","_handleValueClick","getResult","result","state","values","map","val","isValidElement","ComboBoxOld","__ADAPTER__"],"mappings":";;;;AAEA;;;;AACA;;IAAYA,K;;AAEZ;;;;;;;;AAEA,IAAMC,kBAAkB;AACtBC,UADsB,oBACbC,IADa,EACP;AACb,WAAOA,KAAKC,KAAL,CAAWC,KAAlB;AACD,GAHqB;AAKtBC,UALsB,0BAKCD,KALD,EAKQ;AAAA,QAAnBE,QAAmB,QAAnBA,QAAmB;;AAC5BA,aAASC,kBAAT,CAA4B,EAAEC,QAAQ,EAAEJ,OAAO,EAAT,EAAV,EAA5B,EAAuD,EAAvD;AACAE,aAASG,OAAT,CAAiBL,KAAjB;AACAE,aAASI,MAAT,CAAgB,IAAhB;AACD,GATqB;AAWtBC,SAXsB,0BAWA;AAAA,QAAZL,QAAY,SAAZA,QAAY;;AACpB,WAAOA,SAASH,KAAT,CAAeS,IAAtB;AACD,GAbqB;AAetBC,QAfsB,yBAeDC,YAfC,EAeqB;AAAA,QAAlCR,QAAkC,SAAlCA,QAAkC;;AACzCA,aAASS,iBAAT;AACAT,aAASC,kBAAT,CAA4B,EAAEC,QAAQ,EAAEJ,OAAOU,YAAT,EAAV,EAA5B,EAAiEA,YAAjE;AACD,GAlBqB;AAoBtBE,WApBsB,4BAoBE;AAAA,QAAZV,QAAY,SAAZA,QAAY;AAAA,QACdW,MADc,GACHX,SAASY,KADN,CACdD,MADc;;AAEtB,WACEA,UACAA,OAAOE,MAAP,CAAcC,GAAd,CAAkB,iBAAS;AACzB,UAAIC,MAAM,OAAOjB,KAAP,KAAiB,UAAjB,GAA8BA,OAA9B,GAAwCA,KAAlD;AACA,UAAIL,MAAMuB,cAAN,CAAqBD,GAArB,CAAJ,EAA+B;AAC7B,eAAO,kCAAgBA,GAAhB,IAAuBA,IAAIlB,KAAJ,IAAakB,IAAIlB,KAAJ,CAAUC,KAA9C,GAAsD,IAA7D;AACD;AACD,aAAOiB,GAAP;AACD,KAND,CAFF;AAUD;AAhCqB,CAAxB;AAkCA;;;AACCE,wBAAD,CAAsBC,WAAtB,GAAoCxB,eAApC;;qBAEeuB,wB","file":"ComboBoxOld.adapter.js","sourcesContent":["// @flow\n\nimport isActiveElement from '../Menu/isActiveElement';\nimport * as React from 'react';\n\nimport ComboBoxOld from './ComboBoxOld.js';\n\nconst ComboBoxAdapter = {\n  getValue(inst) {\n    return inst.props.value;\n  },\n\n  setValue({ renderer }, value) {\n    renderer._handleInputChange({ target: { value: '' } }, '');\n    renderer._change(value);\n    renderer._close(true);\n  },\n\n  getInfo({ renderer }) {\n    return renderer.props.info;\n  },\n\n  search({ renderer }, searchString: string) {\n    renderer._handleValueClick();\n    renderer._handleInputChange({ target: { value: searchString } }, searchString);\n  },\n\n  getResult({ renderer }) {\n    const { result } = renderer.state;\n    return (\n      result &&\n      result.values.map(value => {\n        let val = typeof value === 'function' ? value() : value;\n        if (React.isValidElement(val)) {\n          return isActiveElement(val) ? val.props && val.props.value : null;\n        }\n        return val;\n      })\n    );\n  },\n};\n// eslint-disable-next-line flowtype/no-weak-types\n(ComboBoxOld: Object).__ADAPTER__ = ComboBoxAdapter;\n\nexport default ComboBoxOld;\n"]}

package/components/ComboBoxOld/ComboBoxOld.d.ts

@@ -1,120 +0,0 @@
-import * as React from 'react';
-
-export interface ComboBoxOldProps<T> {
-  autoFocus?: boolean;
-
-  borderless?: boolean;
-
-  debounceInterval?: number;
-
-  /**
-   * Не использовать Portal для рендеринга меню.
-   * По-умолчанию `false`.
-   * См. https://github.com/skbkontur/retail-ui/issues/15
-   */
-  disablePortal?: boolean;
-
-  disabled?: boolean;
-
-  /**
-   * Визуально показать наличие ошибки.
-   */
-  error?: boolean;
-
-  /**
-   * Данные, которые будут переданы в функции для отрисовки значений
-   * (`renderValue` и `renderItem`).
-   */
-  info?: any | ((value: any) => any);
-
-  menuAlign?: 'left' | 'right';
-
-  /**
-   * Показывать кнопку-треугольник для показа резаультатов.
-   */
-  openButton?: boolean;
-
-  placeholder?: string;
-
-  /**
-   * Функция для обработки неожиданного ввода. Если пользователь ввел что-то в
-   * строку поиска и нажал Enter или ушел из поля, не выбрав значение, то
-   * будет вызвана эта функция, которая может вернуть значение, которое будет
-   * использовано как будто оно было выбрано.
-   *
-   * Возвращаемое значение может быть `null`, либо объектом такой формы:
-   * `{value: any, info?: any}`.
-   *
-   * Если задать это поле в `true`, то будет использована такая функция:
-   * `(searchText) => searchText`.
-   */
-  recover?: boolean | (() => any);
-
-  renderItem?: (value: any, info: any, state: any) => any;
-
-  /**
-   * Сообщение при отсутствии результатов
-   *
-   * `string | (searchText: string) => React$Element<*> | string`
-   */
-  renderNotFound?: string | (() => any);
-
-  /**
-   * Общее количество найденных элементов
-   *
-   * `(foundCount: number, totalCount: number) => React$Element<*> | string`
-   */
-  renderTotalCount?: (foundCount: number, totalCount: number) => any;
-
-  renderValue?: (value: any, info: any) => any;
-
-  valueToString?: (value: any, info: any) => any;
-
-  source: (query: string) => any;
-
-  value?: any;
-
-  /**
-   * Визуально показать наличие предупреждения.
-   */
-  warning?: boolean;
-
-  width?: number | string;
-
-  onBlur?: () => any;
-
-  onChange?: (event: any, value: any) => any;
-
-  onClose?: () => any;
-
-  onFocus?: () => any;
-
-  /**
-   * Вызывается при изменении текста в поле ввода,
-   * если результатом функции будет строка,
-   * то она станет следующим состояним полем ввода
-   *
-   * `(value: string) => any`
-   */
-  onInputChange?: (value: string) => any;
-
-  /**
-   * Позволяет обработать нажатия клавиш.
-   * Можно отменить стандартное поведение, используя `event.preventDefault()`
-   *
-   * `(event: KeyboardSyntheticEvent) => void`
-   */
-  onInputKeyDown?: () => any;
-
-  onMouseEnter?: () => any;
-
-  onMouseLeave?: () => any;
-
-  onMouseOver?: () => any;
-
-  onOpen?: () => any;
-}
-
-export interface ComboBoxOldState {}
-
-export default class ComboBoxOld extends React.Component<ComboBoxOldProps<any>, ComboBoxOldState> {}

package/components/ComboBoxOld/ComboBoxOld.js

@@ -1,238 +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 _react = require('react');
-
-var React = _interopRequireWildcard(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _ComboBoxRenderer = require('./ComboBoxRenderer');
-
-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-types-missing-file-annotation */
-/* eslint-disable flowtype/no-weak-types */
-
-
-var ComboBoxOld = function (_React$Component) {
-  _inherits(ComboBoxOld, _React$Component);
-
-  function ComboBoxOld() {
-    var _temp, _this, _ret;
-
-    _classCallCheck(this, ComboBoxOld);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {
-      info: null
-    }, _this._mounted = false, _this._ref = function (renderer) {
-      _this.renderer = renderer;
-    }, _temp), _possibleConstructorReturn(_this, _ret);
-  }
-
-  ComboBoxOld.prototype.render = function render() {
-    var info = this.props.info;
-    if (typeof info === 'function') {
-      info = this.state.info;
-    }
-
-    // Flow needs this for some reason.
-    var spread = this.props;
-
-    return React.createElement(_ComboBoxRenderer2['default'], _extends({ ref: this._ref }, spread, { info: info }));
-  };
-
-  ComboBoxOld.prototype.focus = function focus() {
-    if (this.renderer) {
-      this.renderer._focus();
-    }
-  };
-
-  ComboBoxOld.prototype.componentDidMount = function componentDidMount() {
-    this._mounted = true;
-    var _props = this.props,
-        value = _props.value,
-        info = _props.info;
-
-    if (typeof info === 'function') {
-      this._fetchInfo(value, info);
-    }
-  };
-
-  ComboBoxOld.prototype.componentWillUnmount = function componentWillUnmount() {
-    this._mounted = false;
-  };
-
-  ComboBoxOld.prototype.componentWillReceiveProps = function componentWillReceiveProps(newProps) {
-    this._maybeRefetchInfo(newProps.value, newProps.info);
-  };
-
-  ComboBoxOld.prototype._maybeRefetchInfo = function _maybeRefetchInfo(value, info) {
-    if (typeof info !== 'function') {
-      return;
-    }
-
-    var props = this.props;
-
-    if (value === props.value && typeof props.info === 'function') {
-      // Values hasn't changed and info is still a function. So we are already
-      // fetching info.
-      return;
-    }
-
-    this.setState({ info: null });
-    this._fetchInfo(value, info);
-  };
-
-  ComboBoxOld.prototype._fetchInfo = function _fetchInfo(value, info) {
-    var _this2 = this;
-
-    var promise = info(value);
-    this._infoPromise = promise;
-
-    promise.then(function (info) {
-      if (_this2._mounted && _this2._infoPromise === promise) {
-        _this2.setState({ info: info });
-      }
-    });
-  };
-
-  return ComboBoxOld;
-}(React.Component);
-
-ComboBoxOld.propTypes = {
-  autoFocus: _propTypes2['default'].bool,
-
-  borderless: _propTypes2['default'].bool,
-
-  debounceInterval: _propTypes2['default'].number,
-
-  /**
-   * Не использовать Portal для рендеринга меню.
-   * По-умолчанию `false`.
-   * См. https://github.com/skbkontur/retail-ui/issues/15
-   */
-  disablePortal: _propTypes2['default'].bool,
-
-  disabled: _propTypes2['default'].bool,
-
-  /**
-   * Визуально показать наличие ошибки.
-   */
-  error: _propTypes2['default'].bool,
-
-  /**
-   * Данные, которые будут переданы в функции для отрисовки значений
-   * (`renderValue` и `renderItem`).
-   */
-  info: _propTypes2['default'].oneOfType([_propTypes2['default'].any, _propTypes2['default'].func]),
-
-  menuAlign: _propTypes2['default'].oneOf(['left', 'right']),
-
-  /**
-   * Показывать кнопку-треугольник для показа резаультатов.
-   */
-  openButton: _propTypes2['default'].bool,
-
-  placeholder: _propTypes2['default'].string,
-
-  /**
-   * Функция для обработки неожиданного ввода. Если пользователь ввел что-то в
-   * строку поиска и нажал Enter или ушел из поля, не выбрав значение, то
-   * будет вызвана эта функция, которая может вернуть значение, которое будет
-   * использовано как будто оно было выбрано.
-   *
-   * Возвращаемое значение может быть `null`, либо объектом такой формы:
-   * `{value: any, info?: any}`.
-   *
-   * Если задать это поле в `true`, то будет использована такая функция:
-   * `(searchText) => searchText`.
-   */
-  recover: _propTypes2['default'].oneOfType([_propTypes2['default'].bool, _propTypes2['default'].func]),
-
-  renderItem: _propTypes2['default'].func,
-
-  /**
-   * Сообщение при отсутствии результатов
-   *
-   * `string | (searchText: string) => React$Element<*> | string`
-   */
-  renderNotFound: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].func]),
-
-  /**
-   * Общее количество найденных элементов
-   *
-   * `(foundCount: number, totalCount: number) => React$Element<*> | string`
-   */
-  renderTotalCount: _propTypes2['default'].func,
-
-  renderValue: _propTypes2['default'].func,
-
-  source: _propTypes2['default'].func.isRequired,
-
-  value: _propTypes2['default'].any,
-
-  /**
-   * Визуально показать наличие предупреждения.
-   */
-  warning: _propTypes2['default'].bool,
-
-  width: _propTypes2['default'].oneOfType([_propTypes2['default'].number, _propTypes2['default'].string]),
-
-  onBlur: _propTypes2['default'].func,
-
-  onChange: _propTypes2['default'].func,
-
-  onClose: _propTypes2['default'].func,
-
-  onFocus: _propTypes2['default'].func,
-
-  /**
-   * Вызывается при изменении текста в поле ввода,
-   * если результатом функции будет строка,
-   * то она станет следующим состояним полем ввода
-   *
-   * `(value: string) => any`
-   */
-  onInputChange: _propTypes2['default'].func,
-
-  /**
-   * Позволяет обработать нажатия клавиш.
-   * Можно отменить стандартное поведение, используя `event.preventDefault()`
-   *
-   * `(event: KeyboardSyntheticEvent) => void`
-   */
-  onInputKeyDown: _propTypes2['default'].func,
-
-  onMouseEnter: _propTypes2['default'].func,
-
-  onMouseLeave: _propTypes2['default'].func,
-
-  onMouseOver: _propTypes2['default'].func,
-
-  onOpen: _propTypes2['default'].func
-};
-ComboBoxOld.defaultProps = {
-  menuAlign: 'left',
-  placeholder: '',
-  width: 250
-};
-exports['default'] = ComboBoxOld;

package/components/ComboBoxOld/ComboBoxOld.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ComboBoxOld.js"],"names":["React","ComboBoxOld","state","info","_mounted","_ref","renderer","render","props","spread","focus","_focus","componentDidMount","value","_fetchInfo","componentWillUnmount","componentWillReceiveProps","newProps","_maybeRefetchInfo","setState","promise","_infoPromise","then","Component","propTypes","autoFocus","PropTypes","bool","borderless","debounceInterval","number","disablePortal","disabled","error","oneOfType","any","func","menuAlign","oneOf","openButton","placeholder","string","recover","renderItem","renderNotFound","renderTotalCount","renderValue","source","isRequired","warning","width","onBlur","onChange","onClose","onFocus","onInputChange","onInputKeyDown","onMouseEnter","onMouseLeave","onMouseOver","onOpen","defaultProps"],"mappings":"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","file":"ComboBoxOld.js","sourcesContent":["// @flow\n/* eslint-disable flowtype/no-types-missing-file-annotation */\n/* eslint-disable flowtype/no-weak-types */\nimport * as React from 'react';\n\nimport PropTypes from 'prop-types';\n\nimport ComboBoxRenderer from './ComboBoxRenderer';\nimport type { BaseProps, Info, Value } from './ComboBoxRenderer';\n\ntype Props = BaseProps & {\n  info?: Info | ((v: Value) => Promise<Info>),\n};\n\nexport default class ComboBoxOld extends React.Component<Props, $FlowFixMeState> {\n  static propTypes = {\n    autoFocus: PropTypes.bool,\n\n    borderless: PropTypes.bool,\n\n    debounceInterval: PropTypes.number,\n\n    /**\n     * Не использовать Portal для рендеринга меню.\n     * По-умолчанию `false`.\n     * См. https://github.com/skbkontur/retail-ui/issues/15\n     */\n    disablePortal: PropTypes.bool,\n\n    disabled: PropTypes.bool,\n\n    /**\n     * Визуально показать наличие ошибки.\n     */\n    error: PropTypes.bool,\n\n    /**\n     * Данные, которые будут переданы в функции для отрисовки значений\n     * (`renderValue` и `renderItem`).\n     */\n    info: PropTypes.oneOfType([PropTypes.any, PropTypes.func]),\n\n    menuAlign: PropTypes.oneOf(['left', 'right']),\n\n    /**\n     * Показывать кнопку-треугольник для показа резаультатов.\n     */\n    openButton: PropTypes.bool,\n\n    placeholder: PropTypes.string,\n\n    /**\n     * Функция для обработки неожиданного ввода. Если пользователь ввел что-то в\n     * строку поиска и нажал Enter или ушел из поля, не выбрав значение, то\n     * будет вызвана эта функция, которая может вернуть значение, которое будет\n     * использовано как будто оно было выбрано.\n     *\n     * Возвращаемое значение может быть `null`, либо объектом такой формы:\n     * `{value: any, info?: any}`.\n     *\n     * Если задать это поле в `true`, то будет использована такая функция:\n     * `(searchText) => searchText`.\n     */\n    recover: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n\n    renderItem: PropTypes.func,\n\n    /**\n     * Сообщение при отсутствии результатов\n     *\n     * `string | (searchText: string) => React$Element<*> | string`\n     */\n    renderNotFound: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    /**\n     * Общее количество найденных элементов\n     *\n     * `(foundCount: number, totalCount: number) => React$Element<*> | string`\n     */\n    renderTotalCount: PropTypes.func,\n\n    renderValue: PropTypes.func,\n\n    source: PropTypes.func.isRequired,\n\n    value: PropTypes.any,\n\n    /**\n     * Визуально показать наличие предупреждения.\n     */\n    warning: PropTypes.bool,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    onBlur: PropTypes.func,\n\n    onChange: PropTypes.func,\n\n    onClose: PropTypes.func,\n\n    onFocus: PropTypes.func,\n\n    /**\n     * Вызывается при изменении текста в поле ввода,\n     * если результатом функции будет строка,\n     * то она станет следующим состояним полем ввода\n     *\n     * `(value: string) => any`\n     */\n    onInputChange: PropTypes.func,\n\n    /**\n     * Позволяет обработать нажатия клавиш.\n     * Можно отменить стандартное поведение, используя `event.preventDefault()`\n     *\n     * `(event: KeyboardSyntheticEvent) => void`\n     */\n    onInputKeyDown: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n\n    onMouseLeave: PropTypes.func,\n\n    onMouseOver: PropTypes.func,\n\n    onOpen: PropTypes.func,\n  };\n\n  static defaultProps = {\n    menuAlign: 'left',\n    placeholder: '',\n    width: 250,\n  };\n\n  state = {\n    info: null,\n  };\n\n  renderer: ComboBoxRenderer;\n\n  _mounted = false;\n  _infoPromise: ?Promise<any>;\n\n  render() {\n    let info = this.props.info;\n    if (typeof info === 'function') {\n      info = this.state.info;\n    }\n\n    // Flow needs this for some reason.\n    const spread: BaseProps = this.props;\n\n    return <ComboBoxRenderer ref={this._ref} {...spread} info={info} />;\n  }\n\n  focus() {\n    if (this.renderer) {\n      this.renderer._focus();\n    }\n  }\n\n  _ref = (renderer: ComboBoxRenderer) => {\n    this.renderer = renderer;\n  };\n\n  componentDidMount() {\n    this._mounted = true;\n    const { value, info } = this.props;\n    if (typeof info === 'function') {\n      this._fetchInfo(value, info);\n    }\n  }\n\n  componentWillUnmount() {\n    this._mounted = false;\n  }\n\n  componentWillReceiveProps(newProps: Props) {\n    this._maybeRefetchInfo(newProps.value, newProps.info);\n  }\n\n  _maybeRefetchInfo(value: Value, info: Info) {\n    if (typeof info !== 'function') {\n      return;\n    }\n\n    const props = this.props;\n\n    if (value === props.value && typeof props.info === 'function') {\n      // Values hasn't changed and info is still a function. So we are already\n      // fetching info.\n      return;\n    }\n\n    this.setState({ info: null });\n    this._fetchInfo(value, info);\n  }\n\n  _fetchInfo(value: Value, info: Info) {\n    const promise = info(value);\n    this._infoPromise = promise;\n\n    promise.then(info => {\n      if (this._mounted && this._infoPromise === promise) {\n        this.setState({ info });\n      }\n    });\n  }\n}\n"]}

package/components/ComboBoxOld/ComboBoxRenderer.css

@@ -1,28 +0,0 @@
-:local .root {
-  display: inline-block;
-  position: relative;
-  line-height: 34px;
-  vertical-align: baseline;
-}
-:local .placeholder {
-  color: #a0a0a0;
-}
-:local .arrow {
-  border: 4px solid transparent;
-  border-bottom-width: 0;
-  border-top-color: #a6a6a6;
-  position: absolute;
-  right: 8px;
-  top: 15px;
-  z-index: 2;
-}
-:local .deprecated_oldSize .arrow {
-  top: 13px;
-}
-:local .input {
-  outline: none;
-}
-:local .totalCount {
-  font-size: 12px;
-  white-space: normal;
-}