@salutejs/plasma-new-hope 0.139.0-canary.1406.10688605172.0 → 0.139.0-canary.1418.10685382771.0

package/styled-components/cjs/components/Mask/utils/createMask.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaults = exports.createMask = void 0;
+var _constants = /*#__PURE__*/require("./constants");
+var _maskUtils = /*#__PURE__*/require("./maskUtils");
+var _parseMask = /*#__PURE__*/require("./parseMask");
+var _selection = /*#__PURE__*/require("./selection");
+var defaults = exports.defaults = {
+  maskFormat: _constants.defaultFormatChars,
+  maskChar: '',
+  showMask: false,
+  removeSelectedRange: _selection.removeSelectedRange,
+  showPrefix: false
+};
+var createMask = exports.createMask = function createMask(params) {
+  var _params$mask;
+  var maskString = params.maskString,
+    reformat = params.reformat,
+    _params$showPrefix = params.showPrefix,
+    showPrefix = _params$showPrefix === void 0 ? defaults.showPrefix : _params$showPrefix,
+    _params$maskChar = params.maskChar,
+    maskChar = _params$maskChar === void 0 ? defaults.maskChar : _params$maskChar;
+  var resReformat = reformat;
+  if (!reformat && !params.mask) {
+    resReformat = function resReformat(args) {
+      var str = args.value.map(function (item) {
+        return item["char"];
+      }).join('');
+      return {
+        value: args.value,
+        visibleValue: str,
+        maskedValue: str,
+        selection: args.selection
+      };
+    };
+  } else if (reformat && params.mask) {
+    params.mask = undefined;
+  }
+  if (maskString && maskString.length !== (params === null || params === void 0 || (_params$mask = params.mask) === null || _params$mask === void 0 ? void 0 : _params$mask.length)) {
+    throw new Error('maskString must have same length as mask');
+  }
+  if (maskChar.length > 1) {
+    throw new Error('maskChar must have only 1 char');
+  }
+  var maskUtils = new _maskUtils.MaskUtils(showPrefix, maskChar, maskString, resReformat);
+  maskUtils.setMaskFormat = defaults.maskFormat;
+  maskUtils.mask = (0, _parseMask.parseMask)(params.mask, maskUtils.maskFormatMap);
+  maskUtils.setValue = params.value;
+  return maskUtils;
+};

package/styled-components/cjs/components/Mask/utils/maskUtils.js

@@ -0,0 +1,256 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MaskUtils = void 0;
+var _constants = /*#__PURE__*/require("./constants");
+var _parseMask = /*#__PURE__*/require("./parseMask");
+var _processInput = /*#__PURE__*/require("./processInput");
+var _selection = /*#__PURE__*/require("./selection");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var MaskUtils = exports.MaskUtils = /*#__PURE__*/function () {
+  function MaskUtils(showPrefix, maskChar, maskString, reformat) {
+    _classCallCheck(this, MaskUtils);
+    _defineProperty(this, "maskFormatMap", void 0);
+    _defineProperty(this, "selection", void 0);
+    _defineProperty(this, "value", void 0);
+    _defineProperty(this, "maskedValue", void 0);
+    _defineProperty(this, "visibleValue", void 0);
+    _defineProperty(this, "mask", void 0);
+    _defineProperty(this, "maskChar", void 0);
+    _defineProperty(this, "maskString", void 0);
+    _defineProperty(this, "showPrefix", void 0);
+    _defineProperty(this, "callbacks", void 0);
+    _defineProperty(this, "reformat", void 0);
+    this.maskFormatMap = {};
+    this.selection = {
+      start: 0,
+      end: 0
+    };
+    this.value = '';
+    this.maskedValue = '';
+    this.visibleValue = '';
+    this.mask = [];
+    this.showPrefix = showPrefix;
+    this.callbacks = [];
+    this.maskChar = maskChar;
+    this.maskString = maskString;
+    this.reformat = reformat;
+  }
+  return _createClass(MaskUtils, [{
+    key: "setShowStartChars",
+    set: function set(show) {
+      this.showPrefix = show;
+    }
+  }, {
+    key: "setMaskFormat",
+    set: function set(maskFormat) {
+      if (!maskFormat) {
+        return;
+      }
+      this.maskFormatMap = maskFormat.reduce(function (acc, current) {
+        acc[String(current.str)] = current;
+        return acc;
+      }, {});
+    }
+  }, {
+    key: "getSelection",
+    get: function get() {
+      var _this$selection = this.selection,
+        start = _this$selection.start,
+        end = _this$selection.end;
+      return {
+        start: start,
+        end: end
+      };
+    }
+  }, {
+    key: "setSelection",
+    set: function set(newSelection) {
+      this.selection = newSelection;
+    }
+  }, {
+    key: "setValue",
+    set: function set(data) {
+      var result;
+      if (this.reformat) {
+        result = this.reformat({
+          value: data,
+          selection: this.selection
+        });
+      } else {
+        var dataList;
+        if (Array.isArray(data)) {
+          dataList = data;
+        } else {
+          dataList = [];
+          for (var i = 0; i < data.length; i++) {
+            dataList.push({
+              "char": data[i],
+              type: _constants.CharTypes.USER
+            });
+          }
+        }
+        result = (0, _processInput.processInput)({
+          data: dataList,
+          selection: this.selection,
+          mask: this.mask,
+          maskChar: this.maskChar,
+          maskString: this.maskString,
+          showPrefix: this.showPrefix
+        });
+      }
+      this.applyChanges(result);
+    }
+  }, {
+    key: "getState",
+    value: function getState() {
+      return {
+        value: this.value,
+        maskedValue: this.maskedValue,
+        visibleValue: this.visibleValue,
+        selection: this.selection
+      };
+    }
+  }, {
+    key: "setMask",
+    value: function setMask(newMask) {
+      this.mask = (0, _parseMask.parseMask)(newMask, this.maskFormatMap);
+      this.setValue = this.value;
+    }
+  }, {
+    key: "setMaskChar",
+    value: function setMaskChar(newMaskChar) {
+      if (this.maskChar.length > 1) {
+        throw new Error('maskChar must have only 1 char');
+      }
+      this.maskChar = newMaskChar;
+      this.setValue = this.value;
+    }
+  }, {
+    key: "setMaskString",
+    value: function setMaskString(newMaskString) {
+      if (newMaskString && newMaskString.length !== this.mask.length) {
+        throw new Error('maskString must have the same length as mask');
+      }
+      this.maskString = newMaskString;
+      this.setValue = this.value;
+    }
+  }, {
+    key: "setReformat",
+    value: function setReformat(newReformat) {
+      this.reformat = newReformat;
+      this.setValue = this.value;
+    }
+  }, {
+    key: "backspace",
+    value: function backspace() {
+      this.removePreviosOrSelected();
+    }
+  }, {
+    key: "removePreviosOrSelected",
+    value: function removePreviosOrSelected() {
+      var _this$selection2 = this.selection,
+        start = _this$selection2.start,
+        end = _this$selection2.end;
+      if (start === end) {
+        var newStart = end - 1 < 0 ? 0 : end - 1;
+        this.setSelection = {
+          start: newStart,
+          end: end
+        };
+      }
+      this.input('');
+    }
+  }, {
+    key: "removeNextOrSelected",
+    value: function removeNextOrSelected() {
+      var _this$selection3 = this.selection,
+        start = _this$selection3.start,
+        end = _this$selection3.end;
+      if (start === end) {
+        this.setSelection = {
+          start: start,
+          end: end + 1
+        };
+      }
+      this.input('');
+    }
+  }, {
+    key: "subscribe",
+    value: function subscribe(callback) {
+      this.callbacks.push(callback);
+    }
+  }, {
+    key: "unsubscribe",
+    value: function unsubscribe(callback) {
+      this.callbacks = this.callbacks.filter(function (item) {
+        return item !== callback;
+      });
+    }
+  }, {
+    key: "paste",
+    value: function paste(value) {
+      this.input(value);
+    }
+  }, {
+    key: "input",
+    value: function input(_input) {
+      var result;
+      if (this.reformat) {
+        result = this.reformat({
+          value: this.value,
+          input: _input,
+          selection: this.selection
+        });
+      } else {
+        var tmpValue = (0, _selection.removeSelectedRange)({
+          value: this.value,
+          selection: this.selection,
+          maskChar: this.maskChar,
+          maskString: String(this.maskString)
+        });
+        this.selection.end = this.selection.start;
+        result = (0, _processInput.processInput)({
+          data: tmpValue,
+          input: _input,
+          selection: this.selection,
+          mask: this.mask,
+          maskChar: this.maskChar,
+          maskString: this.maskString,
+          showPrefix: this.showPrefix
+        });
+      }
+      this.applyChanges(result);
+    }
+  }, {
+    key: "applyChanges",
+    value: function applyChanges(result) {
+      var oldMaskedValue = this.maskedValue;
+      var oldVisibleValue = this.visibleValue;
+      var oldSelection = this.selection;
+      this.value = result.value;
+      this.maskedValue = result.maskedValue;
+      this.visibleValue = result.visibleValue;
+      this.setSelection = result.selection;
+      if (oldMaskedValue !== this.maskedValue || oldVisibleValue !== this.visibleValue || oldSelection.start !== this.selection.start || oldSelection.end !== this.selection.end) {
+        this.notify();
+      }
+    }
+  }, {
+    key: "notify",
+    value: function notify() {
+      var state = this.getState();
+      this.callbacks.forEach(function (callback) {
+        callback(state);
+      });
+    }
+  }]);
+}();

package/styled-components/cjs/components/Mask/utils/parseMask.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseMask = void 0;
+var _constants = /*#__PURE__*/require("./constants");
+var parseMask = exports.parseMask = function parseMask(mask, format) {
+  if (!mask) {
+    return [];
+  }
+  var stack = [];
+  var escape = false;
+  mask.split('').forEach(function (maskChar) {
+    var item = format === null || format === void 0 ? void 0 : format[maskChar];
+    if (escape && item) {
+      item = undefined;
+      escape = false;
+    }
+    if (!item) {
+      if (!escape && maskChar === _constants.escapeChar) {
+        escape = true;
+        return;
+      }
+      escape = false;
+      stack.push({
+        "char": maskChar
+      });
+      return;
+    }
+    if (item.regexp) {
+      stack.push(item);
+    }
+  });
+  return stack;
+};

package/styled-components/cjs/components/Mask/utils/processInput.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processInput = void 0;
+var _constants = /*#__PURE__*/require("./constants");
+var _processMask2 = /*#__PURE__*/require("./processMask");
+var processInput = exports.processInput = function processInput(args) {
+  var data = args.data,
+    _args$input = args.input,
+    input = _args$input === void 0 ? '' : _args$input,
+    selection = args.selection,
+    mask = args.mask,
+    _args$maskChar = args.maskChar,
+    maskChar = _args$maskChar === void 0 ? '' : _args$maskChar,
+    _args$maskString = args.maskString,
+    maskString = _args$maskString === void 0 ? '' : _args$maskString,
+    showPrefix = args.showPrefix;
+  var _processMask = (0, _processMask2.processMask)(data, mask, input, maskChar, maskString, selection),
+    value = _processMask.value,
+    maskedValue = _processMask.maskedValue,
+    inputValuesApplied = _processMask.inputValuesApplied;
+  var selectionPosition = selection.start + inputValuesApplied;
+  var bound = value.length - 1;
+  var charsCount = 0;
+  while (bound >= 0 && value[bound].type !== _constants.CharTypes.USER) {
+    if (value[bound].type === _constants.CharTypes.MASK) {
+      charsCount = 0;
+    }
+    if (value[bound].type === _constants.CharTypes.CHAR) {
+      charsCount++;
+    }
+    bound--;
+  }
+  if (showPrefix || bound >= 0 || input && input.trim()) {
+    bound += charsCount;
+  }
+  var visibleValue = '';
+  for (var i = 0; i <= bound; i++) {
+    visibleValue += value[i]["char"];
+  }
+  return {
+    value: value,
+    visibleValue: visibleValue,
+    maskedValue: maskedValue,
+    selection: {
+      start: selectionPosition,
+      end: selectionPosition
+    }
+  };
+};

package/styled-components/cjs/components/Mask/utils/processMask.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processMask = void 0;
+var _constants = /*#__PURE__*/require("./constants");
+var processMask = exports.processMask = function processMask(data, mask, input, maskChar, maskString, selection) {
+  var value = [];
+  var valueIndex = 0;
+  var pastedIndex = 0;
+  var maskedValue = '';
+  var inputValuesApplied = 0;
+  function processMaskPartAsChar(maskPart, pastedValuesStack, item) {
+    if (pastedValuesStack && pastedValuesStack[0] === maskPart["char"]) {
+      pastedIndex++;
+    } else if (item && (item["char"] === maskPart["char"] || item.type !== _constants.CharTypes.USER) || input) {
+      valueIndex++;
+    }
+    value.push({
+      "char": String(maskPart["char"]),
+      type: _constants.CharTypes.CHAR
+    });
+    if (pastedValuesStack) {
+      inputValuesApplied++;
+    }
+    maskedValue += maskPart["char"];
+  }
+  function processMaskPartAsRegExp(maskPart, maskIndex, pastedValuesStack, item) {
+    var _maskPart$regexp2;
+    var part = null;
+    if (pastedValuesStack) {
+      var i = 0;
+      while (!(maskPart !== null && maskPart !== void 0 && (_maskPart$regexp = maskPart.regexp) !== null && _maskPart$regexp !== void 0 && _maskPart$regexp.test(pastedValuesStack[i])) && pastedValuesStack.length > i) {
+        var _maskPart$regexp;
+        i++;
+        pastedIndex++;
+      }
+      if (pastedValuesStack.length > i) {
+        pastedIndex++;
+        inputValuesApplied++;
+        valueIndex++;
+        part = pastedValuesStack[i];
+        value.push({
+          "char": part,
+          type: _constants.CharTypes.USER
+        });
+        maskedValue += part;
+      }
+    }
+    if (part) {
+      return;
+    }
+    if (item && item.type === _constants.CharTypes.CHAR && data.length > valueIndex + 1) {
+      valueIndex++;
+      processMaskItem(maskPart, maskIndex);
+      return;
+    }
+    if (item && item.type === _constants.CharTypes.USER && maskPart !== null && maskPart !== void 0 && (_maskPart$regexp2 = maskPart.regexp) !== null && _maskPart$regexp2 !== void 0 && _maskPart$regexp2.test(item["char"])) {
+      value.push({
+        "char": item["char"],
+        type: _constants.CharTypes.USER
+      });
+      maskedValue += item["char"];
+      valueIndex++;
+      return;
+    }
+    part = maskString ? maskString[maskIndex] : maskChar;
+    value.push({
+      "char": part,
+      type: _constants.CharTypes.MASK
+    });
+    if (data.length > maskIndex) {
+      valueIndex++;
+    }
+    maskedValue += part;
+  }
+  function processMaskItem(maskPart, maskIndex) {
+    var item = data.length > valueIndex ? data[valueIndex] : null;
+    var pastedValuesStack = '';
+    if (selection.start <= maskIndex && pastedIndex < input.length) {
+      pastedValuesStack = input.slice(pastedIndex);
+    }
+    if (maskPart["char"]) {
+      return processMaskPartAsChar(maskPart, pastedValuesStack, item);
+    }
+    if (maskPart.regexp) {
+      return processMaskPartAsRegExp(maskPart, maskIndex, pastedValuesStack, item);
+    }
+  }
+  mask.forEach(function (maskPart, maskIndex) {
+    processMaskItem(maskPart, maskIndex);
+  });
+  return {
+    value: value,
+    maskedValue: maskedValue,
+    inputValuesApplied: inputValuesApplied
+  };
+};

package/styled-components/cjs/components/Mask/utils/selection.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeSelectedRange = void 0;
+var _constants = /*#__PURE__*/require("./constants");
+var copyMaskChar = function copyMaskChar(count, maskChar) {
+  var res = [];
+  for (var i = 0; i < count; i++) {
+    res.push({
+      "char": maskChar,
+      type: _constants.CharTypes.MASK
+    });
+  }
+  return res;
+};
+var pasteMaskSymbols = function pasteMaskSymbols(maskString, maskChar, selection) {
+  if (maskString) {
+    var res = [];
+    for (var i = selection.start; i < selection.end; i++) {
+      res.push({
+        "char": maskString[i],
+        type: _constants.CharTypes.MASK
+      });
+    }
+    return res;
+  }
+  return copyMaskChar(selection.end - selection.start, maskChar);
+};
+var removeSelectedRange = exports.removeSelectedRange = function removeSelectedRange(args) {
+  var value = args.value,
+    selection = args.selection,
+    maskChar = args.maskChar,
+    maskString = args.maskString;
+  if (selection.end < selection.start) {
+    var tmp = selection.end;
+    selection.end = selection.start;
+    selection.start = tmp;
+  }
+  if (selection.start === selection.end) {
+    return value;
+  }
+  if (value.length > selection.start) {
+    return value.slice(0, selection.start).concat(pasteMaskSymbols(maskString, maskChar, selection), value.slice(selection.end, value.length));
+  }
+  return value;
+};

package/styled-components/cjs/components/Mask/utils/types/mask.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Mask/utils/types/selectRange.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Select/Select.js

@@ -16,7 +16,7 @@ var _usePathMaps3 = /*#__PURE__*/require("./hooks/usePathMaps");
 var _Select = /*#__PURE__*/require("./Select.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
-var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect"];
+var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -65,7 +65,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       status = props.status,
       onItemSelect = props.onItemSelect,
       separator = props.separator,
-      outerCloseAfterSelect = props.closeAfterSelect,
       rest = _objectWithoutProperties(props, _excluded);
     var _useState = (0, _react.useState)(outerValue || props.multiselect ? [] : ''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -103,7 +102,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       _useState4 = _slicedToArray(_useState3, 2),
       checked = _useState4[0],
       setChecked = _useState4[1];
-    var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
     var targetRef = (0, _hooks.useOutsideClick)(function () {
       if (focusedChipIndex != null) {
         dispatchFocusedChipIndex({
@@ -145,14 +143,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
             newValues.push(item.value);
           }
         });
-        if (closeAfterSelect) {
-          dispatchPath({
-            type: 'reset'
-          });
-          dispatchFocusedPath({
-            type: 'reset'
-          });
-        }
         if (onChange) {
           onChange(newValues);
         }
@@ -177,14 +167,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
           checkedCopy.set(item.value, 'done');
           (0, _utils2.updateSingleAncestors)(item, checkedCopy, 'dot');
         }
-        if (closeAfterSelect) {
-          dispatchPath({
-            type: 'reset'
-          });
-          dispatchFocusedPath({
-            type: 'reset'
-          });
-        }
         if (onChange) {
           onChange(isCurrentChecked ? '' : item.value);
         }

package/styled-components/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfiniteLoader = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+var _InfiniteLoader = /*#__PURE__*/require("./InfiniteLoader.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var InfiniteLoader = exports.InfiniteLoader = function InfiniteLoader(_ref) {
+  var variant = _ref.variant;
+  return /*#__PURE__*/_react["default"].createElement(_InfiniteLoader.Wrapper, {
+    variant: variant
+  }, /*#__PURE__*/_react["default"].createElement(_InfiniteLoader.StyledSpinner, {
+    className: _Select.classes.selectSpinner
+  }), "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430");
+};

package/styled-components/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.StyledSpinner = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Spinner = /*#__PURE__*/require("../../../Spinner");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Spinner = /*#__PURE__*/(0, _engines.component)(_Spinner.spinnerConfig);
+var StyledSpinner = exports.StyledSpinner = /*#__PURE__*/(0, _styledComponents["default"])(Spinner).withConfig({
+  componentId: "plasma-new-hope__sc-gttru3-0"
+})(["", ":var(--text-primary);", ":var(", ");"], _Spinner.spinnerTokens.color, _Spinner.spinnerTokens.size, _Select.tokens.spinnerSize);
+var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-gttru3-1"
+})(["display:flex;align-items:center;justify-content:center;gap:0.25rem;height:var(", ");padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");user-select:none;& .", "{", ":", ";}"], _Select.tokens.itemHeight, function (_ref) {
+  var variant = _ref.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.itemPaddingTight : _Select.tokens.itemPadding, ")");
+}, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight, _Select.classes.selectSpinner, _Spinner.spinnerTokens.size, function (_ref2) {
+  var variant = _ref2.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.spinnerSizeTight : _Select.tokens.spinnerSize, ")");
+});

package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -94,10 +94,7 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
     renderTarget: Boolean(selectProps.renderTarget)
   }, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
     return valueToItemMap.get(value);
-  }) : valueToItemMap.get(value)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && (!selectProps.multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, {
-    multiselect: selectProps.multiselect,
-    value: value
-  }, getLabel({
+  }) : valueToItemMap.get(value)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && (!selectProps.multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
     value: value,
     valueToItemMap: valueToItemMap,
     onChipClick: onChipClick,