@skbkontur/react-ui 1.12.2 → 2.0.0-beta.4

package/components/ComboBoxOld/README.md

@@ -1,83 +0,0 @@
-```jsx
-var items = [
-  { id: 1, name: 'Kappa' },
-  { id: 2, name: 'Keepo' },
-  { id: 3, name: 'ResidentSleeper' },
-  { id: 4, name: 'Kestrel' },
-  { id: 5, name: 'Kats' },
-  { id: 6, name: 'Junior' },
-];
-
-function info(id) {
-  return Promise.resolve(items.find(item => item.id === id));
-}
-
-function search(query) {
-  query = query.toLowerCase();
-  var results = items.filter(item => item.name.toLowerCase().indexOf(query) !== -1);
-  return Promise.resolve({
-    values: results.map(d => d.id).slice(0, 3),
-    infos: results,
-    total: results.length,
-  });
-}
-
-function recover(query) {
-  var found = items.find(x => x.name.toLowerCase() === query.toLowerCase());
-  if (found) {
-    return { value: found.id };
-  }
-  return null;
-}
-
-function renderValue(value, info) {
-  return <span>{info ? info.name : 'Loading'}</span>;
-}
-
-function renderItem(value, info) {
-  return (
-    <span>
-      {value}: {info.name}
-    </span>
-  );
-}
-
-function valueToString(id) {
-  var info = items.find(x => x.id === id);
-  return info ? info.name : '';
-}
-
-function renderTotalCount(found, total) {
-  return (
-    <div style={{ maxWidth: 220 }}>
-      Displayed {found} from {total}
-    </div>
-  );
-}
-
-class Comp extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { value: 3 };
-  }
-
-  render() {
-    return (
-      <ComboBoxOld
-        info={info}
-        source={search}
-        value={this.state.value}
-        recover={recover}
-        renderValue={renderValue}
-        renderItem={renderItem}
-        renderNotFound="Nothing here"
-        renderTotalCount={renderTotalCount}
-        valueToString={valueToString}
-        onChange={e => this.setState({ value: e.target.value })}
-      />
-    );
-  }
-}
-
-<Comp />;
-```

package/components/ComboBoxOld/index.d.ts

@@ -1 +0,0 @@
-export { default, ComboBoxOldProps, ComboBoxOldState } from './ComboBoxOld';

package/components/ComboBoxOld/index.js

@@ -1,2 +0,0 @@
-"use strict";exports.__esModule = true;exports["default"] = void 0;var _ComboBoxOld = _interopRequireDefault(require("./ComboBoxOld"));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { "default": obj };}var _default =
-_ComboBoxOld["default"];exports["default"] = _default;

package/components/ComboBoxOld/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.js"],"names":["ComboBoxOld"],"mappings":"mEAAA,oE;AACeA,uB","sourcesContent":["import ComboBoxOld from './ComboBoxOld';\r\nexport default ComboBoxOld;\r\n"]}

package/components/CurrencyInput/CurrencyHelper.js.flow

@@ -1,44 +0,0 @@
-/* @flow */
-import type { CursorMap } from './CursorHelper';
-
-export type DecimalFormattingOptions = {|
-  fractionDigits?: ?number,
-  thousandsDelimiter?: string,
-  minusSign?: string,
-|};
-
-type DecimalFormattingOptionsInternal = {|
-  fractionDigits: ?number,
-  thousandsDelimiter: string,
-  minusSign: string,
-|};
-
-export type FormattingInfo = {|
-  raw: string,
-  formatted: string,
-  cursorMap: CursorMap,
-|};
-
-declare class CurrencyHelper {
-  static defaultOptions: DecimalFormattingOptionsInternal;
-  static getOptions(options?: ?DecimalFormattingOptions): DecimalFormattingOptionsInternal;
-  static getInfo(value: string, options?: ?DecimalFormattingOptions): FormattingInfo;
-  static getCursorMap(formatted: string, formattingOptions?: ?DecimalFormattingOptions): CursorMap;
-  static format(value: ?number, options?: ?DecimalFormattingOptions): string;
-  static parse(value: string): ?number;
-  static unformatString(value: string): string;
-  static formatForClipboard(value: string): string;
-  static formatString(value: string, formattingOptions?: ?DecimalFormattingOptions): string;
-  static isValidString(value: string, fractionDigits: ?number, unsigned?: ?boolean): boolean;
-  static extractValid(value: string, fractionDigits: ?number, unsigned: ?boolean): string;
-  static destructString(
-    value: string,
-  ): {
-    sign: string,
-    integer: string,
-    delimiter: string,
-    fraction: string,
-  } | null;
-}
-
-export default CurrencyHelper;

package/components/CurrencyInput/CurrencyInput.js.flow

@@ -1,30 +0,0 @@
-/* @flow */
-import type { Selection } from './SelectionHelper';
-
-export type CurrencyInputProps = {
-  value: ?number,
-  fractionDigits?: ?number,
-  signed?: boolean,
-  onChange: (
-    e: {
-      target: {|
-        value: ?number,
-      |},
-    },
-    value: ?number,
-  ) => void,
-  onSubmit?: () => void,
-};
-
-export type CurrencyInputState = {|
-  formatted: string,
-  selection: Selection,
-  focused: boolean,
-|};
-
-declare class CurrencyInput extends React$Component<CurrencyInputProps, CurrencyInputState> {
-  focus: () => void;
-  blur: () => void;
-}
-
-export default CurrencyInput;

package/components/CurrencyInput/CurrencyInputHelper.js.flow

@@ -1,38 +0,0 @@
-/* @flow */
-import type { Selection } from './SelectionHelper';
-
-declare class CurrencyInputHelper {
-  static moveCursor(value: string, selection: Selection, step: number): number;
-  static extendSelection(value: string, selection: Selection, step: number): Selection;
-  static normalizeSelection(value: string, selection: Selection): Selection;
-  static safeInsert(
-    value: string,
-    start: number,
-    end: number,
-    input: string,
-    fractionDigits: ?number,
-    unsigned: ?boolean,
-  ): {
-    value: string,
-    position: number,
-  } | null;
-  static getMaximumValidSubstring(
-    value: string,
-    start: number,
-    end: number,
-    input: string,
-    fractionDigits: ?number,
-    unsigned: ?boolean,
-  ): string | null;
-  static insert(
-    value: string,
-    start: number,
-    end: number,
-    input: string,
-  ): {
-    value: string,
-    position: number,
-  };
-}
-
-export default CurrencyInputHelper;

package/components/CurrencyInput/CurrencyInputKeyboardActions.js.flow

@@ -1,19 +0,0 @@
-/* @flow */
-declare export var CURRENCY_INPUT_ACTIONS: {|
-  Unknown: number,
-  Ignore: number,
-  MoveCursorLeft: number,
-  MoveCursorRight: number,
-  Home: number,
-  End: number,
-  ExtendSelectionLeft: number,
-  ExtendSelectionRight: number,
-  FullSelection: number,
-  ExtendSelectionToStart: number,
-  ExtendSelectionToEnd: number,
-  Backspace: number,
-  Delete: number,
-  Submit: number,
-|};
-
-declare export var extractAction: (x0: SyntheticKeyboardEvent<HTMLElement>) => number | {};

package/components/CurrencyInput/CursorHelper.js.flow

@@ -1,15 +0,0 @@
-/* @flow */
-import type { Selection } from './SelectionHelper';
-
-export type CursorMap = number[];
-
-declare class CursorHelper {
-  static normalizePosition(map: CursorMap, position: number): number;
-  static calculatePosition(map: CursorMap, position: number, step: number): number;
-  static extendSelection(map: CursorMap, selection: Selection, step: number): Selection;
-  static normalizeSelection(map: CursorMap, selection: Selection): Selection;
-  static toRawPosition(map: CursorMap, formattedPosition: number): number;
-  static toFormattedPosition(map: CursorMap, rawPosition: number): number;
-}
-
-export default CursorHelper;

package/components/CurrencyInput/README.md

@@ -1,19 +0,0 @@
-```js
-<CurrencyInput value={state.value} fractionDigits={3} onChange={(_, value) => setState({ value })} />
-```
-
-`fractionDigits={15}`
-```js
-<CurrencyInput value={state.value} fractionDigits={15} onChange={(_, value) => setState({ value })} />
-```
-
-
----
-### <a name="/CurrencyInput?id=why15" href="#/CurrencyInput?id=why15">Почему 15?</a>
-
-Максимальное безопасное целочисленное значение - `9007199254740991` (16 цифр).
-Убрав один разряд, мы получим "новое" максимальное безопасное значение - **`999999999999999` (15 цифр)**.
-
-При этом десятичный резделитель может находиться в любом месте. Если целая часть равна `0`, то она не учитывается.
-
-*Детали можно почитать здесь - <a href="https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER">MDN web docs</a>*

package/components/CurrencyInput/SelectionHelper.js.flow

@@ -1,16 +0,0 @@
-/* @flow */
-export type Selection = {|
-  start: number,
-  end: number,
-  direction: SelectionDirection,
-|};
-
-export type SelectionDirection = 'forward' | 'backward' | 'none';
-
-declare class SelectionHelper {
-  static fromPosition: (position: number) => Selection;
-  static backward: (start: number, end: number) => Selection;
-  static forward: (start: number, end: number) => Selection;
-}
-
-export default SelectionHelper;

package/components/CurrencyInput/index.js.flow

@@ -1,2 +0,0 @@
-/* @flow */
-export { default, CurrencyInputProps, CurrencyInputState } from './CurrencyInput';

package/components/CurrencyLabel/CurrencyLabel.js.flow

@@ -1,10 +0,0 @@
-/* @flow */
-export type CurrencyLabelProps = {|
-  fractionDigits?: number,
-  value: number,
-  currencySymbol?: React$Node | null,
-|};
-
-declare var CurrencyLabel: React$ComponentType<CurrencyLabelProps>;
-
-export default CurrencyLabel;

package/components/CurrencyLabel/README.md

@@ -1,23 +0,0 @@
-To render rubles
-
-```js
-<CurrencyLabel value={12356.1} currencySymbol={'₽'} />
-```
-
-...or dollars
-
-```js
-<CurrencyLabel value={12356.1} currencySymbol={'$'} />
-```
-
-...or nothing
-
-```js
-<CurrencyLabel value={12356.1} />
-```
-
-Count of fraction digits can be changed
-
-```js
-<CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
-```

package/components/CurrencyLabel/index.js.flow

@@ -1,2 +0,0 @@
-/* @flow */
-export { default, CurrencyLabelProps } from './CurrencyLabel';

package/components/CustomComboBox/ComboBoxMenu.d.ts

@@ -1,32 +0,0 @@
-import React, { Component } from 'react';
-import Menu from '../Menu/Menu';
-import { MenuItemState } from '../MenuItem/MenuItem';
-import { Nullable } from '../../typings/utility-types';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-export interface ComboBoxMenuProps<T> {
-    opened?: boolean;
-    items?: Nullable<T[]>;
-    totalCount?: number;
-    loading?: boolean;
-    maxMenuHeight?: number | string;
-    refMenu?: (menu: Nullable<Menu>) => void;
-    renderNotFound?: () => React.ReactNode;
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    renderItem: (item: T, state: MenuItemState) => React.ReactNode;
-    onChange: (value: T, event: React.SyntheticEvent) => any;
-    renderAddButton?: () => React.ReactNode;
-    caption?: React.ReactNode;
-    repeatRequest?: () => void;
-    requestStatus?: ComboBoxRequestStatus;
-}
-declare class ComboBoxMenu<T> extends Component<ComboBoxMenuProps<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        repeatRequest: () => undefined;
-        requestStatus: ComboBoxRequestStatus;
-    };
-    private readonly locale;
-    render(): JSX.Element | null;
-    private renderItem;
-}
-export default ComboBoxMenu;

package/components/CustomComboBox/ComboBoxMenu.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var decorators_1 = require("../LocaleProvider/decorators");
-var Menu_1 = tslib_1.__importDefault(require("../Menu/Menu"));
-var MenuItem_1 = tslib_1.__importDefault(require("../MenuItem/MenuItem"));
-var Spinner_1 = tslib_1.__importDefault(require("../Spinner/Spinner"));
-var MenuSeparator_1 = tslib_1.__importDefault(require("../MenuSeparator/MenuSeparator"));
-var CustomComboBoxTypes_1 = require("./CustomComboBoxTypes");
-var locale_1 = require("./locale");
-var ComboBoxMenu = /** @class */function (_super) {
-  tslib_1.__extends(ComboBoxMenu, _super);
-  function ComboBoxMenu() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.renderItem = function (item, index) {
-      // NOTE this is undesireable feature, better
-      // to remove it from further versions
-      var _a = _this.props,renderItem = _a.renderItem,onChange = _a.onChange;
-      if (typeof item === 'function' || react_1["default"].isValidElement(item)) {
-        // @ts-ignore
-        var element_1 = typeof item === 'function' ? item() : item;
-        var props = Object.assign({
-          key: index,
-          onClick: function onClick(event) {return onChange(element_1.props, event);} },
-        element_1.props);
-        return react_1["default"].cloneElement(element_1, props);
-      }
-      return (
-        // tslint:disable-next-line:jsx-no-lambda
-        react_1["default"].createElement(MenuItem_1["default"], { "data-tid": "ComboBoxMenu__item", onClick: function onClick(event) {return onChange(item, event);}, key: index }, function (state) {return renderItem(item, state);}));
-    };
-    return _this;
-  }
-  ComboBoxMenu.prototype.render = function () {
-    var _a = this.props,opened = _a.opened,items = _a.items,totalCount = _a.totalCount,loading = _a.loading,refMenu = _a.refMenu,_b = _a.renderNotFound,renderNotFound = _b === void 0 ? function () {return notFound;} : _b,renderTotalCount = _a.renderTotalCount,maxMenuHeight = _a.maxMenuHeight,requestStatus = _a.requestStatus;
-    var _c = this.locale,notFound = _c.notFound,errorNetworkButton = _c.errorNetworkButton,errorNetworkMessage = _c.errorNetworkMessage;
-    if (!opened) {
-      return null;
-    }
-    var renderAddButton = null;
-    if (this.props.renderAddButton) {
-      renderAddButton = this.props.renderAddButton();
-    }
-    if (loading && (!items || !items.length)) {
-      return react_1["default"].createElement(Menu_1["default"], { ref: refMenu },
-      react_1["default"].createElement(MenuItem_1["default"], { disabled: true },
-      react_1["default"].createElement(Spinner_1["default"], { type: "mini", dimmed: true })));
-    }
-    if (items === null && requestStatus === CustomComboBoxTypes_1.ComboBoxRequestStatus.Failed) {
-      return react_1["default"].createElement(Menu_1["default"], { ref: refMenu, maxHeight: maxMenuHeight },
-      react_1["default"].createElement(MenuItem_1["default"], { disabled: true, key: "message" },
-      react_1["default"].createElement("div", { style: { maxWidth: 300, whiteSpace: 'normal' } }, errorNetworkMessage)),
-      react_1["default"].createElement(MenuItem_1["default"], { link: true, onClick: this.props.repeatRequest, key: "retry" }, errorNetworkButton));
-    }
-    if ((items == null || items.length === 0) && renderNotFound) {
-      return react_1["default"].createElement(Menu_1["default"], { ref: refMenu }, renderAddButton ? renderAddButton : react_1["default"].createElement(MenuItem_1["default"], { "data-tid": "ComboBoxMenu__notFound", disabled: true }, renderNotFound()));
-    }
-    var total = null;
-    if (items && renderTotalCount && totalCount && items.length < totalCount) {
-      total = react_1["default"].createElement(MenuItem_1["default"], { disabled: true, key: "total" },
-      react_1["default"].createElement("div", { style: { fontSize: 12 } }, renderTotalCount(items.length, totalCount)));
-    }
-    return react_1["default"].createElement(Menu_1["default"], { "data-tid": "ComboBoxMenu__items", ref: refMenu, maxHeight: maxMenuHeight },
-    items && items.map(this.renderItem),
-    total,
-    renderAddButton && [react_1["default"].createElement(MenuSeparator_1["default"], { key: "separator" }), renderAddButton]);
-  };
-  ComboBoxMenu.__KONTUR_REACT_UI__ = 'ComboBoxMenu';
-  ComboBoxMenu.defaultProps = {
-    repeatRequest: function repeatRequest() {return undefined;},
-    requestStatus: CustomComboBoxTypes_1.ComboBoxRequestStatus.Unknown };
-
-  ComboBoxMenu = tslib_1.__decorate([
-  decorators_1.locale('ComboBox', locale_1.CustomComboBoxLocaleHelper)],
-  ComboBoxMenu);
-  return ComboBoxMenu;
-}(react_1.Component);
-exports["default"] = ComboBoxMenu;

package/components/CustomComboBox/ComboBoxMenu.js.flow

@@ -1,22 +0,0 @@
-/* @flow */
-import Menu from '../Menu/Menu';
-import type { MenuItemState } from '../MenuItem/MenuItem';
-
-export type ComboBoxMenuProps<T> = {|
-  opened?: boolean,
-  items?: ?(T[]),
-  totalCount?: number,
-  loading?: boolean,
-  maxMenuHeight?: number | string,
-  refMenu?: (menu: ?Menu) => void,
-  renderNotFound?: () => React$Node,
-  renderTotalCount?: (found: number, total: number) => React$Node,
-  renderItem: (item: T, state: MenuItemState) => React$Node,
-  // eslint-disable-next-line flowtype/no-weak-types
-  onChange: (value: T, event: SyntheticEvent<HTMLElement>) => any,
-  renderAddButton?: () => React$Node,
-|};
-
-declare class ComboBoxMenu<T> extends React$Component<ComboBoxMenuProps<T>> {}
-
-export default ComboBoxMenu;

package/components/CustomComboBox/ComboBoxMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBoxMenu.js","sourceRoot":"","sources":["ComboBoxMenu.tsx"],"names":[],"mappings":"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"}

package/components/CustomComboBox/ComboBoxView.d.ts

@@ -1,77 +0,0 @@
-import * as React from 'react';
-import Input from '../Input';
-import InputLikeText from '../internal/InputLikeText';
-import Menu from '../Menu/Menu';
-import { MenuItemState } from '../MenuItem';
-import { Nullable } from '../../typings/utility-types';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-interface ComboBoxViewProps<T> {
-    align?: 'left' | 'center' | 'right';
-    autoFocus?: boolean;
-    borderless?: boolean;
-    disablePortal?: boolean;
-    disabled?: boolean;
-    editing?: boolean;
-    error?: boolean;
-    items?: Nullable<T[]>;
-    loading?: boolean;
-    menuAlign?: 'left' | 'right';
-    opened?: boolean;
-    drawArrow?: boolean;
-    placeholder?: string;
-    size?: 'small' | 'medium' | 'large';
-    textValue?: string;
-    totalCount?: number;
-    value?: Nullable<T>;
-    warning?: boolean;
-    width?: string | number;
-    maxLength?: number;
-    maxMenuHeight?: number | string;
-    onChange?: (item: T, e: React.SyntheticEvent) => void;
-    onClickOutside?: (e: Event) => void;
-    onFocus?: () => void;
-    onFocusOutside?: () => void;
-    onInputBlur?: () => void;
-    onInputChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
-    onInputFocus?: () => void;
-    onInputClick?: () => void;
-    onInputKeyDown?: (e: React.KeyboardEvent) => void;
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    onMouseOver?: (e: React.MouseEvent) => void;
-    onMouseLeave?: (e: React.MouseEvent) => void;
-    renderItem?: (item: T, state: MenuItemState) => React.ReactNode;
-    renderNotFound?: () => React.ReactNode;
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    renderValue?: (item: T) => React.ReactNode;
-    renderAddButton: (query?: string) => React.ReactNode;
-    repeatRequest?: () => void;
-    requestStatus?: ComboBoxRequestStatus;
-    refInput?: (input: Nullable<Input>) => void;
-    refMenu?: (menu: Nullable<Menu>) => void;
-    refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;
-}
-declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        renderItem: (item: any) => any;
-        renderValue: (item: any) => any;
-        renderAddButton: () => null;
-        repeatRequest: () => undefined;
-        requestStatus: ComboBoxRequestStatus;
-        onClickOutside: () => void;
-        onFocusOutside: () => void;
-        size: string;
-        width: string | number;
-    };
-    private input;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ComboBoxViewProps<T>): void;
-    render(): JSX.Element;
-    private renderAddButton;
-    private renderInput;
-    private handleItemSelect;
-    private refInput;
-    private renderSpinner;
-    private getRightIcon;
-}
-export default ComboBoxView;

package/components/CustomComboBox/ComboBoxView.js

@@ -1,110 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_dom_1 = require("react-dom");
-var DropdownContainer_1 = tslib_1.__importDefault(require("../DropdownContainer/DropdownContainer"));
-var Input_1 = tslib_1.__importDefault(require("../Input"));
-var InputLikeText_1 = tslib_1.__importDefault(require("../internal/InputLikeText"));
-var RenderLayer_1 = tslib_1.__importDefault(require("../RenderLayer"));
-var Spinner_1 = tslib_1.__importDefault(require("../Spinner"));
-var ArrowTriangleDown_1 = tslib_1.__importDefault(require("@skbkontur/react-icons/ArrowTriangleDown"));
-var CustomComboBox_module_less_1 = tslib_1.__importDefault(require("./CustomComboBox.module.css"));
-var ComboBoxMenu_1 = tslib_1.__importDefault(require("./ComboBoxMenu"));
-var CustomComboBoxTypes_1 = require("./CustomComboBoxTypes");
-var ComboBoxView = /** @class */function (_super) {
-  tslib_1.__extends(ComboBoxView, _super);
-  function ComboBoxView() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.renderAddButton = function () {
-      return _this.props.renderAddButton(_this.props.textValue);
-    };
-    _this.handleItemSelect = function (item, event) {
-      event.persist();
-      if (_this.props.onChange) {
-        _this.props.onChange(item, event);
-      }
-    };
-    _this.refInput = function (input) {
-      if (_this.props.refInput) {
-        _this.props.refInput(input);
-      }
-      _this.input = input;
-    };
-    _this.renderSpinner = function () {return React.createElement("span", { className: CustomComboBox_module_less_1["default"].spinnerWrapper },
-      React.createElement(Spinner_1["default"], { type: "mini", caption: "", dimmed: true }));};
-    _this.getRightIcon = function () {
-      var _a = _this.props,loading = _a.loading,items = _a.items,drawArrow = _a.drawArrow;
-      if (loading && items && !!items.length) {
-        return _this.renderSpinner();
-      }
-      if (drawArrow) {
-        return React.createElement("span", { className: CustomComboBox_module_less_1["default"].arrowWrapper },
-        React.createElement(ArrowTriangleDown_1["default"], null));
-      }
-      return null;
-    };
-    return _this;
-  }
-  ComboBoxView.prototype.componentDidMount = function () {
-    if (this.props.autoFocus && this.props.onFocus) {
-      this.props.onFocus();
-    }
-  };
-  ComboBoxView.prototype.componentDidUpdate = function (prevProps) {
-    var _a = this,input = _a.input,props = _a.props;
-    if (props.editing && !prevProps.editing && input) {
-      input.focus();
-    }
-  };
-  ComboBoxView.prototype.render = function () {
-    var _this = this;
-    var _a = this.props,items = _a.items,loading = _a.loading,menuAlign = _a.menuAlign,onClickOutside = _a.onClickOutside,onFocusOutside = _a.onFocusOutside,onMouseEnter = _a.onMouseEnter,onMouseLeave = _a.onMouseLeave,onMouseOver = _a.onMouseOver,opened = _a.opened,refMenu = _a.refMenu,maxMenuHeight = _a.maxMenuHeight,renderTotalCount = _a.renderTotalCount,renderItem = _a.renderItem,renderNotFound = _a.renderNotFound,repeatRequest = _a.repeatRequest,requestStatus = _a.requestStatus,totalCount = _a.totalCount,size = _a.size,width = _a.width;
-    var input = this.renderInput();
-    var topOffsets = {
-      spinner: 6,
-      arrow: 15 };
-
-    if (size === 'medium') {
-      topOffsets.spinner += 4;
-      topOffsets.arrow += 4;
-    }
-    if (size === 'large') {
-      topOffsets.spinner += 6;
-      topOffsets.arrow += 6;
-    }
-    return React.createElement(RenderLayer_1["default"], { onClickOutside: onClickOutside, onFocusOutside: onFocusOutside, active: opened },
-    React.createElement("span", { style: { width: width }, className: CustomComboBox_module_less_1["default"].root, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver },
-    input,
-    opened && React.createElement(DropdownContainer_1["default"], { align: menuAlign,
-      // tslint:disable-next-line:jsx-no-lambda
-      getParent: function getParent() {return react_dom_1.findDOMNode(_this);}, offsetY: 1, disablePortal: this.props.disablePortal },
-    React.createElement(ComboBoxMenu_1["default"], { items: items, loading: loading, maxMenuHeight: maxMenuHeight, onChange: this.handleItemSelect, opened: opened, refMenu: refMenu, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, renderAddButton: this.renderAddButton, repeatRequest: repeatRequest, requestStatus: requestStatus, totalCount: totalCount }))));
-  };
-  ComboBoxView.prototype.renderInput = function () {
-    var _a = this.props,align = _a.align,borderless = _a.borderless,disabled = _a.disabled,editing = _a.editing,error = _a.error,onFocus = _a.onFocus,onInputBlur = _a.onInputBlur,onInputChange = _a.onInputChange,onInputFocus = _a.onInputFocus,onInputClick = _a.onInputClick,onInputKeyDown = _a.onInputKeyDown,placeholder = _a.placeholder,renderValue = _a.renderValue,size = _a.size,textValue = _a.textValue,value = _a.value,warning = _a.warning,refInputLikeText = _a.refInputLikeText;
-    var rightIcon = this.getRightIcon();
-    if (editing) {
-      return React.createElement(Input_1["default"], { align: align, borderless: borderless, disabled: disabled, error: error, maxLength: this.props.maxLength, onBlur: onInputBlur, onChange: onInputChange, onFocus: onInputFocus, onClick: onInputClick, rightIcon: rightIcon, value: textValue || '', onKeyDown: onInputKeyDown, placeholder: placeholder, width: "100%", size: size, ref: this.refInput, warning: warning });
-    }
-    return React.createElement(InputLikeText_1["default"], { align: align, borderless: borderless, error: error, onFocus: onFocus, rightIcon: rightIcon, disabled: disabled, warning: warning, placeholder: placeholder, size: size, width: "100%", ref: refInputLikeText }, value ? renderValue(value) : null);
-  };
-  ComboBoxView.__KONTUR_REACT_UI__ = 'ComboBoxView';
-  ComboBoxView.defaultProps = {
-    renderItem: function renderItem(item) {return item;},
-    renderValue: function renderValue(item) {return item;},
-    renderAddButton: function renderAddButton() {return null;},
-    repeatRequest: function repeatRequest() {return undefined;},
-    requestStatus: CustomComboBoxTypes_1.ComboBoxRequestStatus.Unknown,
-    onClickOutside: function onClickOutside() {
-      /**/
-    },
-    onFocusOutside: function onFocusOutside() {
-      /**/
-    },
-    size: 'small',
-    width: 250 };
-
-  return ComboBoxView;
-}(React.Component);
-exports["default"] = ComboBoxView;