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

package/components/TokenInput/TokenInput/TokenInput.js

@@ -1,9 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _dec, _class, _TokenInput;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import lodashIsEqual from 'lodash.isequal';
 import { globalObject } from '@skbkontur/global-object';
@@ -87,10 +97,11 @@ var defaultRenderToken = function defaultRenderToken(item, _ref, index) {
 export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), rootNode(_class = _dec(_class = withSize(_class = (_TokenInput = /*#__PURE__*/function (_React$PureComponent) {
   function TokenInput() {
     var _this;
+    _classCallCheck(this, TokenInput);
     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 = _callSuper(this, TokenInput, [].concat(args));
     _this.state = DefaultState;
     _this._textareaId = getUid();
     _this.rootId = PopupIds.root + getRandomID();
@@ -146,16 +157,16 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
         _this.handleOutsideBlur();
       }
       if (isBlurToMenu || _this.state.preventBlur) {
-        var _this$input;
+        var _this$input, _globalObject$request;
         event.preventDefault();
         // первый focus нужен для предотвращения/уменьшения моргания в других браузерах
-        (_this$input = _this.input) == null || _this$input.focus({
+        (_this$input = _this.input) === null || _this$input === void 0 || _this$input.focus({
           preventScroll: true
         });
         // в firefox не работает без второго focus
-        globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+        (_globalObject$request = globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(globalObject, function () {
           var _this$input2;
-          return (_this$input2 = _this.input) == null ? void 0 : _this$input2.focus({
+          return (_this$input2 = _this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.focus({
             preventScroll: true
           });
         });
@@ -174,7 +185,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
       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 === '') {
         // если стерли содержимое токена в режиме редактирования, то удаляем токен
         if (_this.isEditingMode) {
@@ -204,7 +215,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
     _this.isBlurToMenu = function (event) {
       if (_this.menuRef && globalObject.document) {
         var _this$tokensInputMenu;
-        var menu = getRootNode((_this$tokensInputMenu = _this.tokensInputMenu) == null ? void 0 : _this$tokensInputMenu.getMenuRef());
+        var menu = getRootNode((_this$tokensInputMenu = _this.tokensInputMenu) === null || _this$tokensInputMenu === void 0 ? void 0 : _this$tokensInputMenu.getMenuRef());
         var relatedTarget = event.relatedTarget || globalObject.document.activeElement;
         if (menu && menu.contains(relatedTarget)) {
           return true;
@@ -219,7 +230,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
         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'
@@ -237,7 +248,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
           type: 'SET_FOCUS_IN'
         });
         _this.focusInput();
-        (_this$input3 = _this.input) == null || _this$input3.scrollIntoView({
+        (_this$input3 = _this.input) === null || _this$input3 === void 0 || _this$input3.scrollIntoView({
           behavior: 'auto',
           block: 'center'
         });
@@ -281,7 +292,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
       })) {
         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);
         }).filter(function (item) {
@@ -296,77 +307,83 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
         _this.tryGetItems();
       }
     };
-    _this.tryGetItems = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(query) {
-        var autocompleteItems, _this$getProps5, selectedItems, valueToItem, valueToString, isSelectedItem, isEditingItem, autocompleteItemsUnique, autocompleteItemsUniqueSimple, editingItem, selectItemIndex;
-        return _regeneratorRuntime.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.tryGetItems = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var query,
+        autocompleteItems,
+        _this$getProps5,
+        selectedItems,
+        valueToItem,
+        valueToString,
+        isSelectedItem,
+        isEditingItem,
+        autocompleteItemsUnique,
+        autocompleteItemsUniqueSimple,
+        editingItem,
+        selectItemIndex,
+        _args = arguments;
+      return _regeneratorRuntime.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_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();
+                type: 'SET_AUTOCOMPLETE_ITEMS',
+                payload: autocompleteItemsUnique
+              }, function () {
+                LayoutEvents.emit();
+                _this.highlightMenuItem();
               });
-              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);
-      };
-    }();
+            }
+            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);
+      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;
       }
@@ -393,7 +410,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
         }
       }
       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 isKeyEnter(e):
           if (canSetValueToInput && _this.menuRef) {
@@ -414,7 +431,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
           }
           break;
         case isKeyEscape(e):
-          (_this$input4 = _this.input) == null || _this$input4.blur();
+          (_this$input4 = _this.input) === null || _this$input4 === void 0 || _this$input4.blur();
           break;
         case isKeyBackspace(e):
           if (!_this.isEditingMode && isRightmostTokenNotDisabled) {
@@ -422,7 +439,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
           }
           break;
         case 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) {
@@ -436,9 +453,10 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
       }
     };
     _this.focusInput = function (options) {
-      globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+      var _globalObject$request2;
+      (_globalObject$request2 = globalObject.requestAnimationFrame) === null || _globalObject$request2 === void 0 || _globalObject$request2.call(globalObject, function () {
         var _this$input6;
-        return (_this$input6 = _this.input) == null ? void 0 : _this$input6.focus(options);
+        return (_this$input6 = _this.input) === null || _this$input6 === void 0 ? void 0 : _this$input6.focus(options);
       });
     };
     _this.selectInputText = function () {
@@ -466,7 +484,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
               }, 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;
@@ -475,7 +493,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
           _this.handleWrapperArrows(e);
           break;
         case isKeyEscape(e):
-          (_this$wrapper2 = _this.wrapper) == null || _this$wrapper2.blur();
+          (_this$wrapper2 = _this.wrapper) === null || _this$wrapper2 === void 0 || _this$wrapper2.blur();
           break;
         case isKeyEnter(e):
           e.preventDefault();
@@ -514,7 +532,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
           type: 'REMOVE_ALL_ACTIVE_TOKENS'
         }, function () {
           var _this$input8;
-          return (_this$input8 = _this.input) == null ? void 0 : _this$input8.focus();
+          return (_this$input8 = _this.input) === null || _this$input8 === void 0 ? void 0 : _this$input8.focus();
         });
       } else if (!isLeftEdge) {
         _this.dispatch({
@@ -526,9 +544,9 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
     _this.handleWrapperArrowsWithShift = function (isLeftEdge, isRightEdge, newItemIndex) {
       if (!isLeftEdge && !isRightEdge) {
         var itemNew = _this.getProps().selectedItems[newItemIndex];
-        var itemsNew = [itemNew].concat(_this.state.activeTokens.filter(function (item) {
+        var itemsNew = [itemNew].concat(_toConsumableArray(_this.state.activeTokens.filter(function (item) {
           return !_this.isEqual(item, itemNew);
-        }));
+        })));
         _this.dispatch({
           type: 'SET_ACTIVE_TOKENS',
           payload: itemsNew
@@ -563,7 +581,8 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
       }
     };
     _this.handleRemoveToken = function (item) {
-      _this.props.onValueChange == null || _this.props.onValueChange(_this.getProps().selectedItems.filter(function (_) {
+      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 (_) {
@@ -585,7 +604,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
       if (event.ctrlKey) {
         var newItems = _this.hasValueInItems(_this.state.activeTokens, itemNew) ? items.filter(function (item) {
           return !_this.isEqual(item, itemNew);
-        }) : [].concat(items, [itemNew]);
+        }) : [].concat(_toConsumableArray(items), [itemNew]);
         _this.dispatch({
           type: 'SET_ACTIVE_TOKENS',
           payload: newItems
@@ -638,12 +657,12 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
         inputValue = _this$state2.inputValue,
         reservedInputValue = _this$state2.reservedInputValue,
         autocompleteItems = _this$state2.autocompleteItems;
-      var editedItem = (_autocompleteItems$fi = autocompleteItems == null ? void 0 : autocompleteItems.find(function (item) {
+      var editedItem = (_autocompleteItems$fi = autocompleteItems === null || autocompleteItems === void 0 ? void 0 : autocompleteItems.find(function (item) {
         return valueToString(item) === inputValue;
-      })) != null ? _autocompleteItems$fi : _this.getProps().valueToItem(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(_toConsumableArray(_this.isInputValueChanged ? [editedItem] : [])));
         _this.handleValueChange(newItems);
       }
       _this.dispatch({
@@ -674,7 +693,7 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
       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 (_this.featureFlags.tokenInputCreateTokenOnBlurInWithoutReferenceMode && _this.type === TokenInputType.WithoutReference) {
           _this.handleAddItem();
@@ -737,10 +756,10 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
     };
     _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);
 
       // TODO useCallback
@@ -772,13 +791,11 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
         onRemove: handleIconClick,
         disabled: disabled
       }, 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;
-      }
+    _this.renderAddButton = function () {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.state.inputValue;
       if (!_this.showAddItemHint) {
         return;
       }
@@ -807,10 +824,8 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
       }
       return renderedToken.props.disabled;
     };
-    _this.getAvailableTokenIndex = function (startIndex, isDirectionLeft) {
-      if (isDirectionLeft === void 0) {
-        isDirectionLeft = true;
-      }
+    _this.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;
@@ -827,283 +842,279 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
     };
     return _this;
   }
-  _inheritsLoose(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 = createPropsGetter(TokenInput.defaultProps);
-    var propsWithOldDelimiters = propsGetter.apply(this);
-    return _extends({}, propsWithOldDelimiters, {
-      delimiters: this.getDelimiters()
-    });
-  };
-  _proto.componentDidMount = function componentDidMount() {
-    var _globalObject$documen;
-    this.updateInputTextWidth();
-    (_globalObject$documen = 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();
+  _inherits(TokenInput, _React$PureComponent);
+  return _createClass(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;
+      });
     }
-    if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {
-      this.dispatch({
-        type: 'SET_AUTOCOMPLETE_ITEMS',
-        payload: undefined
+  }, {
+    key: "getProps",
+    value: function getProps() {
+      var propsGetter = createPropsGetter(TokenInput.defaultProps);
+      var propsWithOldDelimiters = propsGetter.apply(this);
+      return _objectSpread(_objectSpread({}, propsWithOldDelimiters), {}, {
+        delimiters: this.getDelimiters()
       });
     }
-    if (prevProps.selectedItems.length !== this.getProps().selectedItems.length) {
-      LayoutEvents.emit();
-      this.memoizedTokens.clear();
+  }, {
+    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;
     }
-    if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {
-      this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _globalObject$documen;
+      this.updateInputTextWidth();
+      (_globalObject$documen = globalObject.document) === null || _globalObject$documen === void 0 || _globalObject$documen.addEventListener('copy', this.handleCopy);
+      if (this.props.autoFocus) {
+        this.focusInput();
+      }
     }
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    var _globalObject$documen2;
-    (_globalObject$documen2 = 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() {
-    _blink({
-      el: this.wrapper,
-      blinkColor: this.theme.inputBlinkColor
-    });
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
-      _this2.featureFlags = getFullReactUIFlagsContext(flags);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
+  }, {
+    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.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() {
+      _blink({
+        el: this.wrapper,
+        blinkColor: this.theme.inputBlinkColor
       });
-    });
-  };
-  _proto.getLabelSizeClassName = function getLabelSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.labelLarge(this.theme);
-      case 'medium':
-        return styles.labelMedium(this.theme);
-      case 'small':
-      default:
-        return styles.labelSmall(this.theme);
     }
-  };
-  _proto.getInputSizeClassName = function getInputSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.inputLarge(this.theme);
-      case 'medium':
-        return styles.inputMedium(this.theme);
-      case 'small':
-      default:
-        return styles.inputSmall(this.theme);
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
+        _this2.featureFlags = getFullReactUIFlagsContext(flags);
+        return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+          _this2.theme = theme;
+          return _this2.renderMain();
+        });
+      });
     }
-  };
-  _proto.renderMain = function renderMain() {
-    var _cx, _cx2, _cx3;
-    if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {
-      throw Error('Missed getItems for type ' + this.type);
+  }, {
+    key: "getLabelSizeClassName",
+    value: function getLabelSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.labelLarge(this.theme);
+        case 'medium':
+          return styles.labelMedium(this.theme);
+        case 'small':
+        default:
+          return styles.labelSmall(this.theme);
+      }
     }
-    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 = cx(styles.label(theme), this.getLabelSizeClassName(), (_cx = {}, _cx[styles.hovering(this.theme)] = !inFocus && !disabled && !warning && !error, _cx[styles.labelDisabled(theme)] = !!disabled, _cx[styles.labelFocused(theme)] = !!inFocus, _cx[styles.error(theme)] = !!error, _cx[styles.warning(theme)] = !!warning, _cx));
-    var inputClassName = cx(styles.input(theme), this.getInputSizeClassName(), (_cx2 = {}, _cx2[styles.inputDisabled(theme)] = !!disabled, _cx2));
-    var placeholder = selectedItems.length === 0 && !inputValue ? this.props.placeholder : '';
-    var inputNode = /*#__PURE__*/React.createElement(TokenView, {
-      size: this.size,
-      className: cx((_cx3 = {}, _cx3[styles.inputPlaceholderWrapper()] = Boolean(placeholder), _cx3)),
-      hideCloseButton: Boolean(placeholder)
-    }, /*#__PURE__*/React.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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextWidthHelper, {
-      ref: this.textHelperRef,
-      text: inputValue,
-      theme: this.theme,
-      size: this.size
-    }), this.renderTokensStart(), inputNode, showMenu && /*#__PURE__*/React.createElement(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.createElement(TokenView, {
-      size: this.size
-    }, /*#__PURE__*/React.createElement("span", {
-      className: styles.reservedInput(theme)
-    }, reservedInputValue)) : null);
-    var container = maxHeight ? /*#__PURE__*/React.createElement(ScrollContainer, {
-      scrollRef: this.scrollContainerRef,
-      maxHeight: maxHeight,
-      showScrollBar: "always",
-      style: {
-        width: '100%'
+  }, {
+    key: "getInputSizeClassName",
+    value: function getInputSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.inputLarge(this.theme);
+        case 'medium':
+          return styles.inputMedium(this.theme);
+        case 'small':
+        default:
+          return styles.inputSmall(this.theme);
       }
-    }, inner) : inner;
-    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-      rootNodeRef: this.setRootNode
-    }, this.props), /*#__PURE__*/React.createElement("div", {
-      "data-tid": TokenInputDataTids.root,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave
-    }, /*#__PURE__*/React.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) {
+  }, {
+    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 = cx(styles.label(theme), this.getLabelSizeClassName(), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.hovering(this.theme), !inFocus && !disabled && !warning && !error), styles.labelDisabled(theme), !!disabled), styles.labelFocused(theme), !!inFocus), styles.error(theme), !!error), styles.warning(theme), !!warning));
+      var inputClassName = cx(styles.input(theme), this.getInputSizeClassName(), _defineProperty({}, styles.inputDisabled(theme), !!disabled));
+      var placeholder = selectedItems.length === 0 && !inputValue ? this.props.placeholder : '';
+      var inputNode = /*#__PURE__*/React.createElement(TokenView, {
+        size: this.size,
+        className: cx(_defineProperty({}, styles.inputPlaceholderWrapper(), Boolean(placeholder))),
+        hideCloseButton: Boolean(placeholder)
+      }, /*#__PURE__*/React.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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextWidthHelper, {
+        ref: this.textHelperRef,
+        text: inputValue,
+        theme: this.theme,
+        size: this.size
+      }), this.renderTokensStart(), inputNode, showMenu && /*#__PURE__*/React.createElement(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.createElement(TokenView, {
+        size: this.size
+      }, /*#__PURE__*/React.createElement("span", {
+        className: styles.reservedInput(theme)
+      }, reservedInputValue)) : null);
+      var container = maxHeight ? /*#__PURE__*/React.createElement(ScrollContainer, {
+        scrollRef: this.scrollContainerRef,
+        maxHeight: maxHeight,
+        showScrollBar: "always",
+        style: {
+          width: '100%'
+        }
+      }, inner) : inner;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: this.setRootNode
+      }, this.props), /*#__PURE__*/React.createElement("div", {
+        "data-tid": TokenInputDataTids.root,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave
+      }, /*#__PURE__*/React.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: 'SET_ACTIVE_TOKENS',
-        payload: items.slice(-1)
+        type: 'RESET'
       });
     }
-  };
-  return _createClass(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 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;
@@ -1136,6 +1147,29 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
     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() {
@@ -1164,6 +1198,17 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), ro
       }
       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.PureComponent), _TokenInput.__KONTUR_REACT_UI__ = 'TokenInput', _TokenInput.displayName = 'TokenInput', _TokenInput.defaultProps = {
   selectedItems: [],