@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

package/cjs/components/TokenInput/TextWidthHelper.js

@@ -1,11 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TextWidthHelper = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.TextWidthHelper = void 0;var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react = _interopRequireDefault(require("react"));
 
 var _Emotion = require("../../lib/theming/Emotion");
 
 var _getDOMRect = require("../../lib/dom/getDOMRect");
 var _TokenView = require("../Token/TokenView");
 
-var _Token = require("../Token/Token.styles");
+var _Token = require("../Token/Token.styles");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
 
 // a thin character to preserve some space
 // for the caret visibillity in the input
@@ -25,7 +25,7 @@ var THIN_SPACE = "\u2009";
  * Херпер позволяет вычислить размеры блока с текстом
  * для последующего выставления размеров input
  */var
-TextWidthHelper = exports.TextWidthHelper = /*#__PURE__*/function (_React$Component) {function TextWidthHelper() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+TextWidthHelper = exports.TextWidthHelper = /*#__PURE__*/function (_React$Component) {function TextWidthHelper() {var _this;(0, _classCallCheck2.default)(this, TextWidthHelper);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, TextWidthHelper, [].concat(args));_this.
     element = null;_this.
 
 
@@ -61,4 +61,4 @@ TextWidthHelper = exports.TextWidthHelper = /*#__PURE__*/function (_React$Compon
 
 
 
-    elementRef = function (node) {return _this.element = node;};return _this;}(0, _inheritsLoose2.default)(TextWidthHelper, _React$Component);var _proto = TextWidthHelper.prototype;_proto.getSizeClassName = function getSizeClassName(size) {switch (size) {case 'large':return _Token.styles.helperContainerLarge(this.props.theme);case 'medium':return _Token.styles.helperContainerMedium(this.props.theme);case 'small':default:return _Token.styles.helperContainerSmall(this.props.theme);}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.props.size, className: (0, _Emotion.cx)(_Token.styles.helperContainer(), this.getSizeClassName(this.props.size)) }, /*#__PURE__*/_react.default.createElement("div", { className: _Token.styles.helperText(), ref: this.elementRef }, this.props.text || THIN_SPACE));};_proto.getTextWidth = function getTextWidth() {return (0, _getDOMRect.getDOMRect)(this.element).width;};_proto.getTextHeight = function getTextHeight() {return (0, _getDOMRect.getDOMRect)(this.element).height;};return TextWidthHelper;}(_react.default.Component);
+    elementRef = function (node) {return _this.element = node;};return _this;}(0, _inherits2.default)(TextWidthHelper, _React$Component);return (0, _createClass2.default)(TextWidthHelper, [{ key: "getSizeClassName", value: function getSizeClassName(size) {switch (size) {case 'large':return _Token.styles.helperContainerLarge(this.props.theme);case 'medium':return _Token.styles.helperContainerMedium(this.props.theme);case 'small':default:return _Token.styles.helperContainerSmall(this.props.theme);}} }, { key: "render", value: function render() {return /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.props.size, className: (0, _Emotion.cx)(_Token.styles.helperContainer(), this.getSizeClassName(this.props.size)) }, /*#__PURE__*/_react.default.createElement("div", { className: _Token.styles.helperText(), ref: this.elementRef }, this.props.text || THIN_SPACE));} }, { key: "getTextWidth", value: function getTextWidth() {return (0, _getDOMRect.getDOMRect)(this.element).width;} }, { key: "getTextHeight", value: function getTextHeight() {return (0, _getDOMRect.getDOMRect)(this.element).height;} }]);}(_react.default.Component);

package/cjs/components/TokenInput/TextWidthHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_getDOMRect","_TokenView","_Token","THIN_SPACE","TextWidthHelper","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","element","elementRef","node","_inheritsLoose2","default","_proto","prototype","getSizeClassName","size","styles","helperContainerLarge","props","theme","helperContainerMedium","helperContainerSmall","render","createElement","TokenView","className","cx","helperContainer","helperText","ref","text","getTextWidth","getDOMRect","width","getTextHeight","height","React","Component"],"sources":["TextWidthHelper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { TokenView } from '../Token/TokenView';\nimport type { TokenSize } from '../Token';\nimport { styles } from '../Token/Token.styles';\n\n// a thin character to preserve some space\n// for the caret visibillity in the input\nconst THIN_SPACE = '\\u2009';\n\nexport interface TextWidthHelperProps {\n  /** Задает текст в поле ввода, еще не ставший токеном. */\n  text?: string;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme: Theme;\n\n  /** Задает размер контрола. */\n  size: TokenSize;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n * для последующего выставления размеров input\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n\n  private getSizeClassName(size: TokenSize) {\n    switch (size) {\n      case 'large':\n        return styles.helperContainerLarge(this.props.theme);\n      case 'medium':\n        return styles.helperContainerMedium(this.props.theme);\n      case 'small':\n      default:\n        return styles.helperContainerSmall(this.props.theme);\n    }\n  }\n\n  public render() {\n    return (\n      <TokenView\n        size={this.props.size}\n        className={cx(styles.helperContainer(), this.getSizeClassName(this.props.size))}\n      >\n        <div className={styles.helperText()} ref={this.elementRef}>\n          {this.props.text || THIN_SPACE}\n        </div>\n      </TokenView>\n    );\n  }\n\n  public getTextWidth(): number {\n    return getDOMRect(this.element).width;\n  }\n\n  public getTextHeight(): number {\n    return getDOMRect(this.element).height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"],"mappings":"mQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;;AAEA,IAAAI,MAAA,GAAAJ,OAAA;;AAEA;AACA;AACA,IAAMK,UAAU,GAAG,QAAQ;;;;;;;;;;;;AAY3B;AACA;AACA;AACA,GAHA;AAIaC,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,gBAAA,YAAAF,gBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IAClBU,OAAO,GAA0B,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmCrCW,UAAU,GAAG,UAACC,IAAoB,UAAMZ,KAAA,CAAKU,OAAO,GAAGE,IAAI,EAAC,QAAAZ,KAAA,MAAAa,eAAA,CAAAC,OAAA,EAAAjB,eAAA,EAAAE,gBAAA,MAAAgB,MAAA,GAAAlB,eAAA,CAAAmB,SAAA,CAAAD,MAAA,CAjC5DE,gBAAgB,GAAxB,SAAAA,iBAAyBC,IAAe,EAAE,CACxC,QAAQA,IAAI,GACV,KAAK,OAAO,CACV,OAAOC,aAAM,CAACC,oBAAoB,CAAC,IAAI,CAACC,KAAK,CAACC,KAAK,CAAC,CACtD,KAAK,QAAQ,CACX,OAAOH,aAAM,CAACI,qBAAqB,CAAC,IAAI,CAACF,KAAK,CAACC,KAAK,CAAC,CACvD,KAAK,OAAO,CACZ,QACE,OAAOH,aAAM,CAACK,oBAAoB,CAAC,IAAI,CAACH,KAAK,CAACC,KAAK,CAAC,CACxD,CACF,CAAC,CAAAP,MAAA,CAEMU,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEpC,MAAA,CAAAyB,OAAA,CAAAY,aAAA,CAAChC,UAAA,CAAAiC,SAAS,IACRT,IAAI,EAAE,IAAI,CAACG,KAAK,CAACH,IAAK,EACtBU,SAAS,EAAE,IAAAC,WAAE,EAACV,aAAM,CAACW,eAAe,CAAC,CAAC,EAAE,IAAI,CAACb,gBAAgB,CAAC,IAAI,CAACI,KAAK,CAACH,IAAI,CAAC,CAAE,iBAEhF7B,MAAA,CAAAyB,OAAA,CAAAY,aAAA,UAAKE,SAAS,EAAET,aAAM,CAACY,UAAU,CAAC,CAAE,EAACC,GAAG,EAAE,IAAI,CAACrB,UAAW,IACvD,IAAI,CAACU,KAAK,CAACY,IAAI,IAAIrC,UACjB,CACI,CAAC,CAEhB,CAAC,CAAAmB,MAAA,CAEMmB,YAAY,GAAnB,SAAAA,aAAA,EAA8B,CAC5B,OAAO,IAAAC,sBAAU,EAAC,IAAI,CAACzB,OAAO,CAAC,CAAC0B,KAAK,CACvC,CAAC,CAAArB,MAAA,CAEMsB,aAAa,GAApB,SAAAA,cAAA,EAA+B,CAC7B,OAAO,IAAAF,sBAAU,EAAC,IAAI,CAACzB,OAAO,CAAC,CAAC4B,MAAM,CACxC,CAAC,QAAAzC,eAAA,GAlCkC0C,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_getDOMRect","_TokenView","_Token","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","THIN_SPACE","TextWidthHelper","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","element","elementRef","node","_inherits2","_createClass2","key","value","getSizeClassName","size","styles","helperContainerLarge","props","theme","helperContainerMedium","helperContainerSmall","render","createElement","TokenView","className","cx","helperContainer","helperText","ref","text","getTextWidth","getDOMRect","width","getTextHeight","height","React","Component"],"sources":["TextWidthHelper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { TokenView } from '../Token/TokenView';\nimport type { TokenSize } from '../Token';\nimport { styles } from '../Token/Token.styles';\n\n// a thin character to preserve some space\n// for the caret visibillity in the input\nconst THIN_SPACE = '\\u2009';\n\nexport interface TextWidthHelperProps {\n  /** Задает текст в поле ввода, еще не ставший токеном. */\n  text?: string;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme: Theme;\n\n  /** Задает размер контрола. */\n  size: TokenSize;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n * для последующего выставления размеров input\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n\n  private getSizeClassName(size: TokenSize) {\n    switch (size) {\n      case 'large':\n        return styles.helperContainerLarge(this.props.theme);\n      case 'medium':\n        return styles.helperContainerMedium(this.props.theme);\n      case 'small':\n      default:\n        return styles.helperContainerSmall(this.props.theme);\n    }\n  }\n\n  public render() {\n    return (\n      <TokenView\n        size={this.props.size}\n        className={cx(styles.helperContainer(), this.getSizeClassName(this.props.size))}\n      >\n        <div className={styles.helperText()} ref={this.elementRef}>\n          {this.props.text || THIN_SPACE}\n        </div>\n      </TokenView>\n    );\n  }\n\n  public getTextWidth(): number {\n    return getDOMRect(this.element).width;\n  }\n\n  public getTextHeight(): number {\n    return getDOMRect(this.element).height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"],"mappings":"iyBAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;;AAEA,IAAAI,MAAA,GAAAJ,OAAA,0BAA+C,SAAAK,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA;;AAE/C;AACA;AACA,IAAMS,UAAU,GAAG,QAAQ;;;;;;;;;;;;AAY3B;AACA;AACA;AACA,GAHA;AAIaC,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,gBAAA,YAAAF,gBAAA,OAAAG,KAAA,KAAAC,gBAAA,CAAAZ,OAAA,QAAAQ,eAAA,WAAAK,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAP,KAAA,GAAAhB,UAAA,OAAAa,eAAA,KAAAW,MAAA,CAAAH,IAAA,GAAAL,KAAA;IAClBS,OAAO,GAA0B,IAAI,CAAAT,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmCrCU,UAAU,GAAG,UAACC,IAAoB,UAAMX,KAAA,CAAKS,OAAO,GAAGE,IAAI,EAAC,QAAAX,KAAA,MAAAY,UAAA,CAAAvB,OAAA,EAAAQ,eAAA,EAAAE,gBAAA,aAAAc,aAAA,CAAAxB,OAAA,EAAAQ,eAAA,KAAAiB,GAAA,sBAAAC,KAAA,EAjCpE,SAAAC,iBAAyBC,IAAe,EAAE,CACxC,QAAQA,IAAI,GACV,KAAK,OAAO,CACV,OAAOC,aAAM,CAACC,oBAAoB,CAAC,IAAI,CAACC,KAAK,CAACC,KAAK,CAAC,CACtD,KAAK,QAAQ,CACX,OAAOH,aAAM,CAACI,qBAAqB,CAAC,IAAI,CAACF,KAAK,CAACC,KAAK,CAAC,CACvD,KAAK,OAAO,CACZ,QACE,OAAOH,aAAM,CAACK,oBAAoB,CAAC,IAAI,CAACH,KAAK,CAACC,KAAK,CAAC,CACxD,CACF,CAAC,MAAAP,GAAA,YAAAC,KAAA,EAED,SAAAS,OAAA,EAAgB,CACd,oBACE/C,MAAA,CAAAY,OAAA,CAAAoC,aAAA,CAAC3C,UAAA,CAAA4C,SAAS,IACRT,IAAI,EAAE,IAAI,CAACG,KAAK,CAACH,IAAK,EACtBU,SAAS,EAAE,IAAAC,WAAE,EAACV,aAAM,CAACW,eAAe,CAAC,CAAC,EAAE,IAAI,CAACb,gBAAgB,CAAC,IAAI,CAACI,KAAK,CAACH,IAAI,CAAC,CAAE,iBAEhFxC,MAAA,CAAAY,OAAA,CAAAoC,aAAA,UAAKE,SAAS,EAAET,aAAM,CAACY,UAAU,CAAC,CAAE,EAACC,GAAG,EAAE,IAAI,CAACrB,UAAW,IACvD,IAAI,CAACU,KAAK,CAACY,IAAI,IAAIpC,UACjB,CACI,CAAC,CAEhB,CAAC,MAAAkB,GAAA,kBAAAC,KAAA,EAED,SAAAkB,aAAA,EAA8B,CAC5B,OAAO,IAAAC,sBAAU,EAAC,IAAI,CAACzB,OAAO,CAAC,CAAC0B,KAAK,CACvC,CAAC,MAAArB,GAAA,mBAAAC,KAAA,EAED,SAAAqB,cAAA,EAA+B,CAC7B,OAAO,IAAAF,sBAAU,EAAC,IAAI,CAACzB,OAAO,CAAC,CAAC4B,MAAM,CACxC,CAAC,OAlCkCC,cAAK,CAACC,SAAS","ignoreList":[]}

package/cjs/components/TokenInput/TokenInput.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.TokenInputType = exports.TokenInputDataTids = exports.TokenInput = exports.DefaultState = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;Object.defineProperty(exports, "__esModule", { value: true });exports.TokenInputType = exports.TokenInputDataTids = exports.TokenInput = exports.DefaultState = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
 
 
@@ -59,7 +59,7 @@ var _TokenInput2 = require("./TokenInput.styles");
 
 var _TokenInputReducer = require("./TokenInputReducer");
 var _TokenInputMenu = require("./TokenInputMenu");
-var _TextWidthHelper = require("./TextWidthHelper");var _dec, _class, _TokenInput;
+var _TextWidthHelper = require("./TextWidthHelper");var _dec, _class, _TokenInput;function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
 
 var TEMP_FAKE_FLAG = 'TEMP_FAKE_FLAG';var
 
@@ -286,7 +286,7 @@ index) {var isActive = _ref.isActive,onClick = _ref.onClick,onDoubleClick = _ref
 
 
 
-TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (0, _SizeDecorator.withSize)(_class = (_TokenInput = /*#__PURE__*/function (_React$PureComponent) {function TokenInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (0, _SizeDecorator.withSize)(_class = (_TokenInput = /*#__PURE__*/function (_React$PureComponent) {function TokenInput() {var _this;(0, _classCallCheck2.default)(this, TokenInput);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, TokenInput, [].concat(args));_this.
 
 
 
@@ -693,12 +693,12 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
         _this.handleOutsideBlur();
       }
 
-      if (isBlurToMenu || _this.state.preventBlur) {var _this$input;
+      if (isBlurToMenu || _this.state.preventBlur) {var _this$input, _globalObject$request;
         event.preventDefault();
         // первый focus нужен для предотвращения/уменьшения моргания в других браузерах
-        (_this$input = _this.input) == null || _this$input.focus({ preventScroll: true });
+        (_this$input = _this.input) === null || _this$input === void 0 || _this$input.focus({ preventScroll: true });
         // в firefox не работает без второго focus
-        _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {var _this$input2;return (_this$input2 = _this.input) == null ? void 0 : _this$input2.focus({ preventScroll: true });});
+        (_globalObject$request = _globalObject.globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(_globalObject.globalObject, function () {var _this$input2;return (_this$input2 = _this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.focus({ preventScroll: true });});
 
         _this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });
       } else {
@@ -709,7 +709,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
 
     handleOutsideBlur = function () {
       var _this$state = _this.state,inputValue = _this$state.inputValue,allItems = _this$state.autocompleteItems;
-      var autocompleteItems = allItems == null ? void 0 : allItems.filter(isSimpleItem);
+      var autocompleteItems = allItems === null || allItems === void 0 ? void 0 : allItems.filter(isSimpleItem);
 
       if (inputValue === '') {
         // если стерли содержимое токена в режиме редактирования, то удаляем токен
@@ -768,7 +768,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
 
     isBlurToMenu = function (event) {
       if (_this.menuRef && _globalObject.globalObject.document) {var _this$tokensInputMenu;
-        var menu = (0, _rootNode.getRootNode)((_this$tokensInputMenu = _this.tokensInputMenu) == null ? void 0 : _this$tokensInputMenu.getMenuRef());
+        var menu = (0, _rootNode.getRootNode)((_this$tokensInputMenu = _this.tokensInputMenu) === null || _this$tokensInputMenu === void 0 ? void 0 : _this$tokensInputMenu.getMenuRef());
         var relatedTarget = event.relatedTarget || _globalObject.globalObject.document.activeElement;
 
         if (menu && menu.contains(relatedTarget)) {
@@ -781,7 +781,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
     handleWrapperMouseDown = function (event) {var _this$wrapper;
       _this.dispatch({ type: 'SET_PREVENT_BLUR', payload: true });
       var target = event.target;
-      var isClickOnToken = target && ((_this$wrapper = _this.wrapper) == null ? void 0 : _this$wrapper.contains(target)) && target !== _this.wrapper && target !== _this.input;
+      var isClickOnToken = target && ((_this$wrapper = _this.wrapper) === null || _this$wrapper === void 0 ? void 0 : _this$wrapper.contains(target)) && target !== _this.wrapper && target !== _this.input;
       if (!isClickOnToken) {
         _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });
       }
@@ -797,7 +797,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
         _this.dispatch({ type: 'BLUR' });
         _this.dispatch({ type: 'SET_FOCUS_IN' });
         _this.focusInput();
-        (_this$input3 = _this.input) == null || _this$input3.scrollIntoView({ behavior: 'auto', block: 'center' });
+        (_this$input3 = _this.input) === null || _this$input3 === void 0 || _this$input3.scrollIntoView({ behavior: 'auto', block: 'center' });
       }
       _this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });
     };_this.
@@ -826,7 +826,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
       if (delimiters.some(function (delimiter) {return paste.includes(delimiter);})) {
         event.preventDefault();
         event.stopPropagation();
-        var tokens = paste.trim().split(new RegExp("[" + delimiters.join('') + "]+"));
+        var tokens = paste.trim().split(new RegExp("[".concat(delimiters.join(''), "]+")));
         var items = tokens.
         filter(Boolean).
         map(function (token) {return valueToItem(token);}).
@@ -839,49 +839,49 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
       }
     };_this.
 
-    tryGetItems = /*#__PURE__*/function () {var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query) {var autocompleteItems, _this$getProps5, selectedItems, valueToItem, valueToString, isSelectedItem, isEditingItem, autocompleteItemsUnique, autocompleteItemsUniqueSimple, editingItem, selectItemIndex;return _regenerator.default.wrap(function _callee$(_context) {while (1) switch (_context.prev = _context.next) {case 0:if (query === void 0) {query = '';}if (!(
-              _this.props.getItems && (_this.isInputValueChanged || !_this.props.hideMenuIfEmptyInputValue))) {_context.next = 16;break;}
-              _this.dispatch({ type: 'SET_LOADING', payload: true });_context.next = 5;return (
-                _this.props.getItems(query));case 5:autocompleteItems = _context.sent;
-              _this.dispatch({ type: 'SET_LOADING', payload: false });_this$getProps5 =
-
-              _this.getProps(), selectedItems = _this$getProps5.selectedItems, valueToItem = _this$getProps5.valueToItem, valueToString = _this$getProps5.valueToString;
-              isSelectedItem = function isSelectedItem(item) {return _this.hasValueInItems(selectedItems, item);};
-              isEditingItem = function isEditingItem(item) {
-                var editingItem = selectedItems[_this.state.editingTokenIndex];
-                return !!editingItem && _this.isEqual(item, editingItem);
-              };
-
-              autocompleteItemsUnique = autocompleteItems.filter(function (item) {return (
-                  isSimpleItem(item) ? !isSelectedItem(item) || isEditingItem(item) : true);}
-              );
-              autocompleteItemsUniqueSimple = autocompleteItemsUnique.filter(isSimpleItem);
-
-              if (_this.isEditingMode) {
-                editingItem = selectedItems[_this.state.editingTokenIndex];
-                if (
-                _this.isEqual(editingItem, valueToItem(_this.state.inputValue)) &&
-                !_this.hasValueInItems(autocompleteItemsUniqueSimple, editingItem))
-                {
-                  autocompleteItemsUnique.unshift(editingItem);
-                }
+    tryGetItems = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {var query,autocompleteItems,_this$getProps5,selectedItems,valueToItem,valueToString,isSelectedItem,isEditingItem,autocompleteItemsUnique,autocompleteItemsUniqueSimple,editingItem,selectItemIndex,_args = arguments;return _regenerator.default.wrap(function _callee$(_context) {while (1) switch (_context.prev = _context.next) {case 0:query = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';if (!(
+            _this.props.getItems && (_this.isInputValueChanged || !_this.props.hideMenuIfEmptyInputValue))) {_context.next = 16;break;}
+            _this.dispatch({ type: 'SET_LOADING', payload: true });_context.next = 5;return (
+              _this.props.getItems(query));case 5:autocompleteItems = _context.sent;
+            _this.dispatch({ type: 'SET_LOADING', payload: false });_this$getProps5 =
+
+            _this.getProps(), selectedItems = _this$getProps5.selectedItems, valueToItem = _this$getProps5.valueToItem, valueToString = _this$getProps5.valueToString;
+            isSelectedItem = function isSelectedItem(item) {return _this.hasValueInItems(selectedItems, item);};
+            isEditingItem = function isEditingItem(item) {
+              var editingItem = selectedItems[_this.state.editingTokenIndex];
+              return !!editingItem && _this.isEqual(item, editingItem);
+            };
+
+            autocompleteItemsUnique = autocompleteItems.filter(function (item) {return (
+                isSimpleItem(item) ? !isSelectedItem(item) || isEditingItem(item) : true);}
+            );
+            autocompleteItemsUniqueSimple = autocompleteItemsUnique.filter(isSimpleItem);
+
+            if (_this.isEditingMode) {
+              editingItem = selectedItems[_this.state.editingTokenIndex];
+              if (
+              _this.isEqual(editingItem, valueToItem(_this.state.inputValue)) &&
+              !_this.hasValueInItems(autocompleteItemsUniqueSimple, editingItem))
+              {
+                autocompleteItemsUnique.unshift(editingItem);
               }
+            }
 
-              if (query === '' || _this.isInputValueChanged) {
-                _this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: autocompleteItemsUnique }, function () {
-                  LayoutEvents.emit();
-                  _this.highlightMenuItem();
-                });
-              }
-              selectItemIndex = autocompleteItemsUniqueSimple.findIndex(
-                function (item) {return valueToString(item).toLowerCase() === _this.state.inputValue.toLowerCase();}
-              );
-              setTimeout(function () {var _this$menuRef;return (_this$menuRef = _this.menuRef) == null ? void 0 : _this$menuRef.highlightItem(selectItemIndex < 0 ? 0 : selectItemIndex);}, 0);case 16:case "end":return _context.stop();}}, _callee);}));return function (_x) {return _ref2.apply(this, arguments);};}();_this.
+            if (query === '' || _this.isInputValueChanged) {
+              _this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: autocompleteItemsUnique }, function () {
+                LayoutEvents.emit();
+                _this.highlightMenuItem();
+              });
+            }
+            selectItemIndex = autocompleteItemsUniqueSimple.findIndex(
+              function (item) {return valueToString(item).toLowerCase() === _this.state.inputValue.toLowerCase();}
+            );
+            setTimeout(function () {var _this$menuRef;return (_this$menuRef = _this.menuRef) === null || _this$menuRef === void 0 ? void 0 : _this$menuRef.highlightItem(selectItemIndex < 0 ? 0 : selectItemIndex);}, 0);case 16:case "end":return _context.stop();}}, _callee);}));_this.
 
 
 
-    handleKeyDown = function (event) {
-      _this.props.onKeyDown == null || _this.props.onKeyDown(event);
+    handleKeyDown = function (event) {var _this$props$onKeyDown, _this$props;
+      (_this$props$onKeyDown = (_this$props = _this.props).onKeyDown) === null || _this$props$onKeyDown === void 0 || _this$props$onKeyDown.call(_this$props, event);
 
       if (event.defaultPrevented) {
         return;
@@ -913,7 +913,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
         }
       }
       var isRightmostTokenNotDisabled = !_this.isTokenDisabled(_this.getProps().selectedItems.length - 1);
-      var canSetValueToInput = _this.showAddItemHint || ((_this$state$autocompl = (_this$state$autocompl2 = _this.state.autocompleteItems) == null ? void 0 : _this$state$autocompl2.length) != null ? _this$state$autocompl : 0) > 0;
+      var canSetValueToInput = _this.showAddItemHint || ((_this$state$autocompl = (_this$state$autocompl2 = _this.state.autocompleteItems) === null || _this$state$autocompl2 === void 0 ? void 0 : _this$state$autocompl2.length) !== null && _this$state$autocompl !== void 0 ? _this$state$autocompl : 0) > 0;
 
       switch (true) {
         case (0, _identifiers.isKeyEnter)(e):
@@ -935,7 +935,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
           }
           break;
         case (0, _identifiers.isKeyEscape)(e):
-          (_this$input4 = _this.input) == null || _this$input4.blur();
+          (_this$input4 = _this.input) === null || _this$input4 === void 0 || _this$input4.blur();
           break;
         case (0, _identifiers.isKeyBackspace)(e):
           if (!_this.isEditingMode && isRightmostTokenNotDisabled) {
@@ -943,7 +943,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
           }
           break;
         case (0, _identifiers.isKeyArrowLeft)(e):
-          if (((_this$input5 = _this.input) == null ? void 0 : _this$input5.selectionStart) === 0) {
+          if (((_this$input5 = _this.input) === null || _this$input5 === void 0 ? void 0 : _this$input5.selectionStart) === 0) {
             var index = _this.getAvailableTokenIndex(_this.getProps().selectedItems.length);
             var itemNew = _this.getProps().selectedItems[index];
             if (itemNew) {
@@ -961,8 +961,8 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
 
 
 
-    focusInput = function (options) {
-      _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {var _this$input6;return (_this$input6 = _this.input) == null ? void 0 : _this$input6.focus(options);});
+    focusInput = function (options) {var _globalObject$request2;
+      (_globalObject$request2 = _globalObject.globalObject.requestAnimationFrame) === null || _globalObject$request2 === void 0 || _globalObject$request2.call(_globalObject.globalObject, function () {var _this$input6;return (_this$input6 = _this.input) === null || _this$input6 === void 0 ? void 0 : _this$input6.focus(options);});
     };_this.
 
     selectInputText = function () {
@@ -984,7 +984,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
               onValueChange(itemsNew);
               _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {var _this$input7;
                 LayoutEvents.emit();
-                (_this$input7 = _this.input) == null || _this$input7.focus();
+                (_this$input7 = _this.input) === null || _this$input7 === void 0 || _this$input7.focus();
               });
             }
             break;
@@ -993,7 +993,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
           _this.handleWrapperArrows(e);
           break;
         case (0, _identifiers.isKeyEscape)(e):
-          (_this$wrapper2 = _this.wrapper) == null || _this$wrapper2.blur();
+          (_this$wrapper2 = _this.wrapper) === null || _this$wrapper2 === void 0 || _this$wrapper2.blur();
           break;
         case (0, _identifiers.isKeyEnter)(e):
           e.preventDefault();
@@ -1028,7 +1028,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
 
     handleWrapperArrowsWithoutShift = function (isLeftEdge, isRightEdge, newItemIndex) {
       if (isRightEdge) {
-        _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {var _this$input8;return (_this$input8 = _this.input) == null ? void 0 : _this$input8.focus();});
+        _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {var _this$input8;return (_this$input8 = _this.input) === null || _this$input8 === void 0 ? void 0 : _this$input8.focus();});
       } else if (!isLeftEdge) {
         _this.dispatch({
           type: 'SET_ACTIVE_TOKENS',
@@ -1040,7 +1040,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
     handleWrapperArrowsWithShift = function (isLeftEdge, isRightEdge, newItemIndex) {
       if (!isLeftEdge && !isRightEdge) {
         var itemNew = _this.getProps().selectedItems[newItemIndex];
-        var itemsNew = [itemNew].concat(_this.state.activeTokens.filter(function (item) {return !_this.isEqual(item, itemNew);}));
+        var itemsNew = [itemNew].concat((0, _toConsumableArray2.default)(_this.state.activeTokens.filter(function (item) {return !_this.isEqual(item, itemNew);})));
         _this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: itemsNew });
       }
     };_this.
@@ -1068,8 +1068,8 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
       }
     };_this.
 
-    handleRemoveToken = function (item) {
-      _this.props.onValueChange == null || _this.props.onValueChange(_this.getProps().selectedItems.filter(function (_) {return !_this.isEqual(_, item);}));
+    handleRemoveToken = function (item) {var _this$props$onValueCh, _this$props2;
+      (_this$props$onValueCh = (_this$props2 = _this.props).onValueChange) === null || _this$props$onValueCh === void 0 || _this$props$onValueCh.call(_this$props2, _this.getProps().selectedItems.filter(function (_) {return !_this.isEqual(_, item);}));
       var filteredActiveTokens = _this.state.activeTokens.filter(function (_) {return !_this.isEqual(_, item);});
 
       _this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: filteredActiveTokens });
@@ -1084,8 +1084,8 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
       var items = _this.state.activeTokens;
       if (event.ctrlKey) {
         var newItems = _this.hasValueInItems(_this.state.activeTokens, itemNew) ?
-        items.filter(function (item) {return !_this.isEqual(item, itemNew);}) : [].concat(
-          items, [itemNew]);
+        items.filter(function (item) {return !_this.isEqual(item, itemNew);}) : [].concat((0, _toConsumableArray2.default)(
+          items), [itemNew]);
         _this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: newItems });
       } else {
         _this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });
@@ -1114,12 +1114,12 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
       var _this$state2 = _this.state,editingTokenIndex = _this$state2.editingTokenIndex,inputValue = _this$state2.inputValue,reservedInputValue = _this$state2.reservedInputValue,autocompleteItems = _this$state2.autocompleteItems;
 
       var editedItem = (_autocompleteItems$fi =
-      autocompleteItems == null ? void 0 : autocompleteItems.find(function (item) {return valueToString(item) === inputValue;})) != null ? _autocompleteItems$fi : _this.getProps().valueToItem(inputValue);
+      autocompleteItems === null || autocompleteItems === void 0 ? void 0 : autocompleteItems.find(function (item) {return valueToString(item) === inputValue;})) !== null && _autocompleteItems$fi !== void 0 ? _autocompleteItems$fi : _this.getProps().valueToItem(inputValue);
 
       var newItems = selectedItems.concat([]);
 
       if (!_this.hasValueInItems(selectedItems, editedItem)) {
-        newItems.splice.apply(newItems, [editingTokenIndex, 1].concat(_this.isInputValueChanged ? [editedItem] : []));
+        newItems.splice.apply(newItems, [editingTokenIndex, 1].concat((0, _toConsumableArray2.default)(_this.isInputValueChanged ? [editedItem] : [])));
         _this.handleValueChange(newItems);
       }
 
@@ -1142,7 +1142,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
       var onUnexpectedInput = _this.props.onUnexpectedInput;
 
       // чекаем не возвращает ли что-нибудь обработчик
-      var returnedValue = onUnexpectedInput == null ? void 0 : onUnexpectedInput(inputValue);
+      var returnedValue = onUnexpectedInput === null || onUnexpectedInput === void 0 ? void 0 : onUnexpectedInput(inputValue);
 
       if (returnedValue === undefined) {
         if (
@@ -1215,7 +1215,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
     };_this.
 
     renderToken = function (item, index) {var _this$props$selectedI;
-      var _this$props = _this.props,_this$props$renderTok = _this$props.renderToken,renderToken = _this$props$renderTok === void 0 ? defaultRenderToken : _this$props$renderTok,disabled = _this$props.disabled;
+      var _this$props3 = _this.props,_this$props3$renderTo = _this$props3.renderToken,renderToken = _this$props3$renderTo === void 0 ? defaultRenderToken : _this$props3$renderTo,disabled = _this$props3.disabled;
 
       var isActive = _this.state.activeTokens.includes(item);
 
@@ -1255,11 +1255,11 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
         index
       );
 
-      _this.memoizedTokens.set((_this$props$selectedI = _this.props.selectedItems) == null ? void 0 : _this$props$selectedI.indexOf(item), renderedToken);
+      _this.memoizedTokens.set((_this$props$selectedI = _this.props.selectedItems) === null || _this$props$selectedI === void 0 ? void 0 : _this$props$selectedI.indexOf(item), renderedToken);
       return renderedToken;
     };_this.
 
-    renderAddButton = function (value) {if (value === void 0) {value = _this.state.inputValue;}
+    renderAddButton = function () {var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.state.inputValue;
       if (!_this.showAddItemHint) {
         return;
       }
@@ -1291,7 +1291,7 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
       return renderedToken.props.disabled;
     };_this.
 
-    getAvailableTokenIndex = function (startIndex, isDirectionLeft) {if (isDirectionLeft === void 0) {isDirectionLeft = true;}
+    getAvailableTokenIndex = function (startIndex) {var isDirectionLeft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       var _this$getProps10 = _this.getProps(),selectedItems = _this$getProps10.selectedItems;
       var step = isDirectionLeft ? -1 : +1;
       var availableIndex = startIndex + step;
@@ -1306,21 +1306,21 @@ TokenInput = exports.TokenInput = (_dec = (0, _decorators.locale)('TokenInput',
       }
 
       return availableIndex;
-    };return _this;}(0, _inheritsLoose2.default)(TokenInput, _React$PureComponent);var _proto = TokenInput.prototype;_proto.getDelimiters = function getDelimiters() {var _this$props$delimiter;var delimiters = (_this$props$delimiter = this.props.delimiters) != null ? _this$props$delimiter : [];if (delimiters.every(function (delimiter) {return delimiter !== TEMP_FAKE_FLAG;})) {return delimiters;}return delimiters.filter(function (delimiter) {return delimiter !== TEMP_FAKE_FLAG;});};_proto.getProps = function getProps() {var propsGetter = (0, _createPropsGetter.createPropsGetter)(TokenInput.defaultProps);var propsWithOldDelimiters = propsGetter.apply(this);return (0, _extends2.default)({}, propsWithOldDelimiters, { delimiters: this.getDelimiters() });};_proto.componentDidMount = function componentDidMount() {var _globalObject$documen;this.updateInputTextWidth();(_globalObject$documen = _globalObject.globalObject.document) == null || _globalObject$documen.addEventListener('copy', this.handleCopy);if (this.props.autoFocus) {this.focusInput();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (prevState.inputValue !== this.state.inputValue) {this.updateInputTextWidth();}if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });}if (prevProps.selectedItems.length !== this.getProps().selectedItems.length) {LayoutEvents.emit();this.memoizedTokens.clear();}if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);}};_proto.componentWillUnmount = function componentWillUnmount() {var _globalObject$documen2;(_globalObject$documen2 = _globalObject.globalObject.document) == null || _globalObject$documen2.removeEventListener('copy', this.handleCopy);} /** Программно устанавливает фокус на поле.
-   * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
-   * @public
-   */;_proto.focus = function focus() {var _this$input9;(_this$input9 = this.input) == null || _this$input9.focus();} /** Программно снимает фокус с поля.
-   * @public
-   */;_proto.blur = function blur() {var _this$input10;(_this$input10 = this.input) == null || _this$input10.blur();} /** Кратковременно визуально подсвечивает поле ввода, чтобы привлечь внимание пользователя.
-   * @public
-   */;_proto.blink = function blink() {(0, _blink2.blink)({ el: this.wrapper, blinkColor: this.theme.inputBlinkColor });};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.getLabelSizeClassName = function getLabelSizeClassName() {switch (this.size) {case 'large':return _TokenInput2.styles.labelLarge(this.theme);case 'medium':return _TokenInput2.styles.labelMedium(this.theme);case 'small':default:return _TokenInput2.styles.labelSmall(this.theme);}};_proto.getInputSizeClassName = function getInputSizeClassName() {switch (this.size) {case 'large':return _TokenInput2.styles.inputLarge(this.theme);case 'medium':return _TokenInput2.styles.inputMedium(this.theme);case 'small':default:return _TokenInput2.styles.inputSmall(this.theme);}};_proto.renderMain = function renderMain() {var _cx, _cx2, _cx3;if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {throw Error('Missed getItems for type ' + this.type);}var _this$props2 = this.props,maxMenuHeight = _this$props2.maxMenuHeight,error = _this$props2.error,warning = _this$props2.warning,disabled = _this$props2.disabled,renderNotFound = _this$props2.renderNotFound,hideMenuIfEmptyInputValue = _this$props2.hideMenuIfEmptyInputValue,inputMode = _this$props2.inputMode,renderTotalCount = _this$props2.renderTotalCount,totalCount = _this$props2.totalCount,ariaDescribedby = _this$props2['aria-describedby'],ariaLabel = _this$props2['aria-label'],maxHeight = _this$props2.maxHeight;var _this$getProps11 = this.getProps(),selectedItems = _this$getProps11.selectedItems,width = _this$getProps11.width,onMouseEnter = _this$getProps11.onMouseEnter,onMouseLeave = _this$getProps11.onMouseLeave,menuWidth = _this$getProps11.menuWidth,menuAlign = _this$getProps11.menuAlign,renderItem = _this$getProps11.renderItem;var _this$state3 = this.state,activeTokens = _this$state3.activeTokens,inFocus = _this$state3.inFocus,inputValueWidth = _this$state3.inputValueWidth,inputValueHeight = _this$state3.inputValueHeight,inputValue = _this$state3.inputValue,reservedInputValue = _this$state3.reservedInputValue,autocompleteItems = _this$state3.autocompleteItems,loading = _this$state3.loading;var showMenu = this.type !== TokenInputType.WithoutReference && this.isCursorVisible && activeTokens.length === 0 && (this.isInputValueChanged || !hideMenuIfEmptyInputValue);var theme = this.theme;var inputInlineStyles = { // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости
-      width: inputValueWidth, height: inputValueHeight, // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее
-      caretColor: this.isCursorVisible ? undefined : 'transparent' };var labelClassName = (0, _Emotion.cx)(_TokenInput2.styles.label(theme), this.getLabelSizeClassName(), (_cx = {}, _cx[_TokenInput2.styles.hovering(this.theme)] = !inFocus && !disabled && !warning && !error, _cx[_TokenInput2.styles.labelDisabled(theme)] = !!disabled, _cx[_TokenInput2.styles.labelFocused(theme)] = !!inFocus, _cx[_TokenInput2.styles.error(theme)] = !!error, _cx[_TokenInput2.styles.warning(theme)] = !!warning, _cx));var inputClassName = (0, _Emotion.cx)(_TokenInput2.styles.input(theme), this.getInputSizeClassName(), (_cx2 = {}, _cx2[_TokenInput2.styles.inputDisabled(theme)] = !!disabled, _cx2));var placeholder = selectedItems.length === 0 && !inputValue ? this.props.placeholder : '';var inputNode = /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.size, className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_TokenInput2.styles.inputPlaceholderWrapper()] = Boolean(placeholder), _cx3)), hideCloseButton: Boolean(placeholder) }, /*#__PURE__*/_react.default.createElement("textarea", { id: this.textareaId, ref: this.inputRef, value: inputValue, style: inputInlineStyles, spellCheck: false, disabled: disabled, className: inputClassName, placeholder: placeholder, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleChangeInputValue, onKeyDown: this.handleKeyDown, onPaste: this.handleInputPaste, inputMode: inputMode, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby }));var inner = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TextWidthHelper.TextWidthHelper, { ref: this.textHelperRef, text: inputValue, theme: this.theme, size: this.size }), this.renderTokensStart(), inputNode, showMenu && /*#__PURE__*/_react.default.createElement(_TokenInputMenu.TokenInputMenu, { popupMenuId: this.rootId, ref: this.tokensInputMenuRef, items: autocompleteItems, loading: loading, opened: showMenu, maxMenuHeight: maxMenuHeight, anchorElementForCursor: this.input, anchorElementRoot: this.wrapper, renderNotFound: renderNotFound, renderItem: renderItem, onValueChange: this.selectItem, renderAddButton: this.renderAddButton, menuWidth: menuWidth, menuAlign: menuAlign, renderTotalCount: renderTotalCount, totalCount: totalCount, size: this.size }), this.renderTokensEnd(), this.isEditingMode ? /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.size }, /*#__PURE__*/_react.default.createElement("span", { className: _TokenInput2.styles.reservedInput(theme) }, reservedInputValue)) : null);var container = maxHeight ? /*#__PURE__*/_react.default.createElement(_ScrollContainer.ScrollContainer, { scrollRef: this.scrollContainerRef, maxHeight: maxHeight, showScrollBar: "always", style: { width: '100%' } }, inner) : inner;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": TokenInputDataTids.root, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, /*#__PURE__*/_react.default.createElement("label", { ref: this.wrapperRef, style: { width: width }, className: labelClassName, onMouseDown: this.handleWrapperMouseDown, onMouseUp: this.handleWrapperMouseUp // Для корректной работы скролла приходится ломать связь label с полем ввода
-        // Иначе любой клик внутри label вызывает фокус и автоскроллинг к полю ввода
-        , htmlFor: maxHeight ? 'fake-id' : this.textareaId, "aria-controls": this.rootId, "data-tid": TokenInputDataTids.label }, container)));} /**
-   * Сбрасывает введённое пользователем значение.
-   * @public
-   */;_proto.reset = function reset() {this.dispatch({ type: 'RESET' });};_proto.isCursorVisibleForState = function isCursorVisibleForState(state) {return state.inFocus && (this.isInputValueChanged || state.activeTokens.length === 0);};_proto.updateInputTextWidth = function updateInputTextWidth() {if (this.textHelper) {// в IE текст иногда не помещается в input
-      // из-за округления, поэтому округляем явно
-      var inputValueWidth = parseFloat(this.textHelper.getTextWidth().toFixed(2));var inputValueHeight = parseFloat(this.textHelper.getTextHeight().toFixed(2));this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);this.dispatch({ type: 'SET_INPUT_VALUE_HEIGHT', payload: inputValueHeight }, LayoutEvents.emit);}};_proto.moveFocusToLastToken = function moveFocusToLastToken() {var items = this.getProps().selectedItems;if (this.state.inputValue === '' && items && items.length > 0) {this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: items.slice(-1) });}};return (0, _createClass2.default)(TokenInput, [{ key: "textareaId", get: function get() {var _this$props$id;return (_this$props$id = this.props.id) != null ? _this$props$id : this._textareaId;} }, { key: "showAddItemHint", get: function get() {var _this$state$autocompl3;var items = (_this$state$autocompl3 = this.state.autocompleteItems) == null ? void 0 : _this$state$autocompl3.filter(isSimpleItem);var value = this.getProps().valueToItem(this.state.inputValue);if (items && this.hasValueInItems(items, value)) {return false;}var selectedItems = this.getProps().selectedItems;if (selectedItems && this.hasValueInItems(selectedItems, value)) {return false;}if (this.type === TokenInputType.Combined && this.isInputValueChanged) {return true;}} }, { key: "type", get: function get() {return this.props.type ? this.props.type : TokenInputType.WithReference;} }, { key: "menuRef", get: function get() {return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();} }, { key: "isCursorVisible", get: function get() {return this.isCursorVisibleForState(this.state);} }, { key: "isEditingMode", get: function get() {return this.state.editingTokenIndex > -1;} }, { key: "isInputChanged", get: function get() {if (this.isEditingMode) {return this.isTokenValueChanged;}return this.isInputValueChanged;} }, { key: "isInputValueChanged", get: function get() {var inputValue = this.state.inputValue;return inputValue !== '';} }, { key: "isTokenValueChanged", get: function get() {var _this$state4 = this.state,inputValue = _this$state4.inputValue,editingTokenIndex = _this$state4.editingTokenIndex;var _this$getProps12 = this.getProps(),valueToString = _this$getProps12.valueToString,selectedItems = _this$getProps12.selectedItems;if (this.isEditingMode) {return valueToString(selectedItems[editingTokenIndex]) !== inputValue;}return false;} }]);}(_react.default.PureComponent), _TokenInput.__KONTUR_REACT_UI__ = 'TokenInput', _TokenInput.displayName = 'TokenInput', _TokenInput.defaultProps = { selectedItems: [], // TEMP_FAKE_FLAG помогает узнать, остались ли разделители дефолтными или пользователь передал их равными дефолтным.
+    };return _this;}(0, _inherits2.default)(TokenInput, _React$PureComponent);return (0, _createClass2.default)(TokenInput, [{ key: "getDelimiters", value: function getDelimiters() {var _this$props$delimiter;var delimiters = (_this$props$delimiter = this.props.delimiters) !== null && _this$props$delimiter !== void 0 ? _this$props$delimiter : [];if (delimiters.every(function (delimiter) {return delimiter !== TEMP_FAKE_FLAG;})) {return delimiters;}return delimiters.filter(function (delimiter) {return delimiter !== TEMP_FAKE_FLAG;});} }, { key: "getProps", value: function getProps() {var propsGetter = (0, _createPropsGetter.createPropsGetter)(TokenInput.defaultProps);var propsWithOldDelimiters = propsGetter.apply(this);return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, propsWithOldDelimiters), {}, { delimiters: this.getDelimiters() });} }, { key: "textareaId", get: function get() {var _this$props$id;return (_this$props$id = this.props.id) !== null && _this$props$id !== void 0 ? _this$props$id : this._textareaId;} }, { key: "componentDidMount", value: function componentDidMount() {var _globalObject$documen;this.updateInputTextWidth();(_globalObject$documen = _globalObject.globalObject.document) === null || _globalObject$documen === void 0 || _globalObject$documen.addEventListener('copy', this.handleCopy);if (this.props.autoFocus) {this.focusInput();}} }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps, prevState) {if (prevState.inputValue !== this.state.inputValue) {this.updateInputTextWidth();}if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });}if (prevProps.selectedItems.length !== this.getProps().selectedItems.length) {LayoutEvents.emit();this.memoizedTokens.clear();}if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);}} }, { key: "componentWillUnmount", value: function componentWillUnmount() {var _globalObject$documen2;(_globalObject$documen2 = _globalObject.globalObject.document) === null || _globalObject$documen2 === void 0 || _globalObject$documen2.removeEventListener('copy', this.handleCopy);} /** Программно устанавливает фокус на поле.
+     * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
+     * @public
+     */ }, { key: "focus", value: function focus() {var _this$input9;(_this$input9 = this.input) === null || _this$input9 === void 0 || _this$input9.focus();} /** Программно снимает фокус с поля.
+     * @public
+     */ }, { key: "blur", value: function blur() {var _this$input10;(_this$input10 = this.input) === null || _this$input10 === void 0 || _this$input10.blur();} /** Кратковременно визуально подсвечивает поле ввода, чтобы привлечь внимание пользователя.
+     * @public
+     */ }, { key: "blink", value: function blink() {(0, _blink2.blink)({ el: this.wrapper, blinkColor: this.theme.inputBlinkColor });} }, { key: "render", value: function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});} }, { key: "getLabelSizeClassName", value: function getLabelSizeClassName() {switch (this.size) {case 'large':return _TokenInput2.styles.labelLarge(this.theme);case 'medium':return _TokenInput2.styles.labelMedium(this.theme);case 'small':default:return _TokenInput2.styles.labelSmall(this.theme);}} }, { key: "getInputSizeClassName", value: function getInputSizeClassName() {switch (this.size) {case 'large':return _TokenInput2.styles.inputLarge(this.theme);case 'medium':return _TokenInput2.styles.inputMedium(this.theme);case 'small':default:return _TokenInput2.styles.inputSmall(this.theme);}} }, { key: "renderMain", value: function renderMain() {if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {throw Error('Missed getItems for type ' + this.type);}var _this$props4 = this.props,maxMenuHeight = _this$props4.maxMenuHeight,error = _this$props4.error,warning = _this$props4.warning,disabled = _this$props4.disabled,renderNotFound = _this$props4.renderNotFound,hideMenuIfEmptyInputValue = _this$props4.hideMenuIfEmptyInputValue,inputMode = _this$props4.inputMode,renderTotalCount = _this$props4.renderTotalCount,totalCount = _this$props4.totalCount,ariaDescribedby = _this$props4['aria-describedby'],ariaLabel = _this$props4['aria-label'],maxHeight = _this$props4.maxHeight;var _this$getProps11 = this.getProps(),selectedItems = _this$getProps11.selectedItems,width = _this$getProps11.width,onMouseEnter = _this$getProps11.onMouseEnter,onMouseLeave = _this$getProps11.onMouseLeave,menuWidth = _this$getProps11.menuWidth,menuAlign = _this$getProps11.menuAlign,renderItem = _this$getProps11.renderItem;var _this$state3 = this.state,activeTokens = _this$state3.activeTokens,inFocus = _this$state3.inFocus,inputValueWidth = _this$state3.inputValueWidth,inputValueHeight = _this$state3.inputValueHeight,inputValue = _this$state3.inputValue,reservedInputValue = _this$state3.reservedInputValue,autocompleteItems = _this$state3.autocompleteItems,loading = _this$state3.loading;var showMenu = this.type !== TokenInputType.WithoutReference && this.isCursorVisible && activeTokens.length === 0 && (this.isInputValueChanged || !hideMenuIfEmptyInputValue);var theme = this.theme;var inputInlineStyles = { // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости
+        width: inputValueWidth, height: inputValueHeight, // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее
+        caretColor: this.isCursorVisible ? undefined : 'transparent' };var labelClassName = (0, _Emotion.cx)(_TokenInput2.styles.label(theme), this.getLabelSizeClassName(), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _TokenInput2.styles.hovering(this.theme), !inFocus && !disabled && !warning && !error), _TokenInput2.styles.labelDisabled(theme), !!disabled), _TokenInput2.styles.labelFocused(theme), !!inFocus), _TokenInput2.styles.error(theme), !!error), _TokenInput2.styles.warning(theme), !!warning));var inputClassName = (0, _Emotion.cx)(_TokenInput2.styles.input(theme), this.getInputSizeClassName(), (0, _defineProperty2.default)({}, _TokenInput2.styles.inputDisabled(theme), !!disabled));var placeholder = selectedItems.length === 0 && !inputValue ? this.props.placeholder : '';var inputNode = /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.size, className: (0, _Emotion.cx)((0, _defineProperty2.default)({}, _TokenInput2.styles.inputPlaceholderWrapper(), Boolean(placeholder))), hideCloseButton: Boolean(placeholder) }, /*#__PURE__*/_react.default.createElement("textarea", { id: this.textareaId, ref: this.inputRef, value: inputValue, style: inputInlineStyles, spellCheck: false, disabled: disabled, className: inputClassName, placeholder: placeholder, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleChangeInputValue, onKeyDown: this.handleKeyDown, onPaste: this.handleInputPaste, inputMode: inputMode, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby }));var inner = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TextWidthHelper.TextWidthHelper, { ref: this.textHelperRef, text: inputValue, theme: this.theme, size: this.size }), this.renderTokensStart(), inputNode, showMenu && /*#__PURE__*/_react.default.createElement(_TokenInputMenu.TokenInputMenu, { popupMenuId: this.rootId, ref: this.tokensInputMenuRef, items: autocompleteItems, loading: loading, opened: showMenu, maxMenuHeight: maxMenuHeight, anchorElementForCursor: this.input, anchorElementRoot: this.wrapper, renderNotFound: renderNotFound, renderItem: renderItem, onValueChange: this.selectItem, renderAddButton: this.renderAddButton, menuWidth: menuWidth, menuAlign: menuAlign, renderTotalCount: renderTotalCount, totalCount: totalCount, size: this.size }), this.renderTokensEnd(), this.isEditingMode ? /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.size }, /*#__PURE__*/_react.default.createElement("span", { className: _TokenInput2.styles.reservedInput(theme) }, reservedInputValue)) : null);var container = maxHeight ? /*#__PURE__*/_react.default.createElement(_ScrollContainer.ScrollContainer, { scrollRef: this.scrollContainerRef, maxHeight: maxHeight, showScrollBar: "always", style: { width: '100%' } }, inner) : inner;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": TokenInputDataTids.root, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, /*#__PURE__*/_react.default.createElement("label", { ref: this.wrapperRef, style: { width: width }, className: labelClassName, onMouseDown: this.handleWrapperMouseDown, onMouseUp: this.handleWrapperMouseUp // Для корректной работы скролла приходится ломать связь label с полем ввода
+          // Иначе любой клик внутри label вызывает фокус и автоскроллинг к полю ввода
+          , htmlFor: maxHeight ? 'fake-id' : this.textareaId, "aria-controls": this.rootId, "data-tid": TokenInputDataTids.label }, container)));} /**
+     * Сбрасывает введённое пользователем значение.
+     * @public
+     */ }, { key: "reset", value: function reset() {this.dispatch({ type: 'RESET' });} }, { key: "showAddItemHint", get: function get() {var _this$state$autocompl3;var items = (_this$state$autocompl3 = this.state.autocompleteItems) === null || _this$state$autocompl3 === void 0 ? void 0 : _this$state$autocompl3.filter(isSimpleItem);var value = this.getProps().valueToItem(this.state.inputValue);if (items && this.hasValueInItems(items, value)) {return false;}var selectedItems = this.getProps().selectedItems;if (selectedItems && this.hasValueInItems(selectedItems, value)) {return false;}if (this.type === TokenInputType.Combined && this.isInputValueChanged) {return true;}} }, { key: "type", get: function get() {return this.props.type ? this.props.type : TokenInputType.WithReference;} }, { key: "menuRef", get: function get() {return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();} }, { key: "isCursorVisible", get: function get() {return this.isCursorVisibleForState(this.state);} }, { key: "isEditingMode", get: function get() {return this.state.editingTokenIndex > -1;} }, { key: "isCursorVisibleForState", value: function isCursorVisibleForState(state) {return state.inFocus && (this.isInputValueChanged || state.activeTokens.length === 0);} }, { key: "updateInputTextWidth", value: function updateInputTextWidth() {if (this.textHelper) {// в IE текст иногда не помещается в input
+        // из-за округления, поэтому округляем явно
+        var inputValueWidth = parseFloat(this.textHelper.getTextWidth().toFixed(2));var inputValueHeight = parseFloat(this.textHelper.getTextHeight().toFixed(2));this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);this.dispatch({ type: 'SET_INPUT_VALUE_HEIGHT', payload: inputValueHeight }, LayoutEvents.emit);}} }, { key: "isInputChanged", get: function get() {if (this.isEditingMode) {return this.isTokenValueChanged;}return this.isInputValueChanged;} }, { key: "isInputValueChanged", get: function get() {var inputValue = this.state.inputValue;return inputValue !== '';} }, { key: "isTokenValueChanged", get: function get() {var _this$state4 = this.state,inputValue = _this$state4.inputValue,editingTokenIndex = _this$state4.editingTokenIndex;var _this$getProps12 = this.getProps(),valueToString = _this$getProps12.valueToString,selectedItems = _this$getProps12.selectedItems;if (this.isEditingMode) {return valueToString(selectedItems[editingTokenIndex]) !== inputValue;}return false;} }, { key: "moveFocusToLastToken", value: function moveFocusToLastToken() {var items = this.getProps().selectedItems;if (this.state.inputValue === '' && items && items.length > 0) {this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: items.slice(-1) });}} }]);}(_react.default.PureComponent), _TokenInput.__KONTUR_REACT_UI__ = 'TokenInput', _TokenInput.displayName = 'TokenInput', _TokenInput.defaultProps = { selectedItems: [], // TEMP_FAKE_FLAG помогает узнать, остались ли разделители дефолтными или пользователь передал их равными дефолтным.
   delimiters: [',', TEMP_FAKE_FLAG], renderItem: identity, renderValue: identity, valueToString: identity, valueToItem: function valueToItem(item) {return item;}, toKey: defaultToKey, itemToId: identity, onValueChange: function onValueChange() {return void 0;}, width: 250, onBlur: _utils.emptyHandler, onFocus: _utils.emptyHandler, onMouseEnter: _utils.emptyHandler, onMouseLeave: _utils.emptyHandler, menuWidth: 'auto', menuAlign: 'cursor' }, _TokenInput)) || _class) || _class) || _class);function isSimpleItem(item) {return !(0, _utils.isFunction)(item) && ! /*#__PURE__*/_react.default.isValidElement(item);}