@salutejs/plasma-new-hope 0.320.1-canary.1911.14381848774.0 → 0.320.1-canary.1913.14457152885.0

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -44,7 +44,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-    var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
+    var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused, _StyledLeftHelper;
     var name = props.name,
       multiple = props.multiple,
       outerValue = props.value,
@@ -106,7 +106,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       valueToCheckedMap = _useMemo2[0],
       valueToItemMap = _useMemo2[1],
       labelToItemMap = _useMemo2[2];
-    var _useState = (0, _react.useState)(((_valueToItemMap$get = valueToItemMap.get(outerValue)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || ''),
+    var _useState = (0, _react.useState)(multiple || Array.isArray(outerValue) ? '' : ((_valueToItemMap$get = valueToItemMap.get(outerValue)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || (outerValue === null || outerValue === void 0 ? void 0 : outerValue.toString()) || ''),
       _useState2 = _slicedToArray(_useState, 2),
       textValue = _useState2[0],
       setTextValue = _useState2[1];
@@ -114,7 +114,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       _useState4 = _slicedToArray(_useState3, 2),
       internalValue = _useState4[0],
       setInternalValue = _useState4[1];
-    var value = outerValue !== null && outerValue !== undefined ? (0, _utils3.getInitialValue)(outerValue, valueToItemMap) : internalValue;
+    var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
     var inputRef = (0, _react.useRef)(null);
     var floatingPopoverRef = (0, _react.useRef)(null);
     var inputForkRef = (0, _plasmaCore.useForkRef)(inputRef, ref);
@@ -235,19 +235,32 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       if (renderValue && !isTargetAmount) {
         var resultValues = _toConsumableArray(value);
         value.forEach(function (_, index) {
-          var labelAfterRenderValue = renderValue(labelToItemMap.get(valueToItemMap.get(value[index]).label));
+          var _valueToItemMap$get4;
+          var stringValue = value[index];
+          var label = (_valueToItemMap$get4 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label;
+          var labelAfterRenderValue = renderValue(label ? labelToItemMap.get(label) : {
+            value: stringValue,
+            label: stringValue.toString()
+          });
           if (!chipLabels.includes(labelAfterRenderValue)) {
             resultValues.splice(index, 1);
           }
         });
         var removedItemValue = (0, _utils3.getRemovedElement)(value, resultValues, isTargetAmount);
-        onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) : null);
+        onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
+          value: removedItemValue,
+          label: removedItemValue.toString()
+        } : null);
       } else {
         var newValues = chipLabels.map(function (chipLabel) {
-          return labelToItemMap.get(chipLabel).value;
+          var _labelToItemMap$get;
+          return ((_labelToItemMap$get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap$get === void 0 ? void 0 : _labelToItemMap$get.value) || chipLabel;
         });
         var _removedItemValue = (0, _utils3.getRemovedElement)(value, newValues, isTargetAmount);
-        onChange(newValues, _removedItemValue ? valueToItemMap.get(_removedItemValue) : null);
+        onChange(newValues, _removedItemValue ? valueToItemMap.get(_removedItemValue) || {
+          value: _removedItemValue,
+          label: _removedItemValue.toString()
+        } : null);
       }
     };
 
@@ -293,6 +306,15 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
           newValues.push(item.value);
         }
       });
+
+      // Оставляем values, которых нет в items.
+      if (Array.isArray(value)) {
+        value.forEach(function (val) {
+          if (!valueToItemMap.has(val)) {
+            newValues.push(val);
+          }
+        });
+      }
       if (!alwaysOpened && closeAfterSelect) {
         dispatchPath({
           type: 'reset'
@@ -348,10 +370,14 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
           return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(targetAmount || value.length)];
         }
         var renderValueMapper = renderValue && function (stringValue) {
-          return renderValue(valueToItemMap.get(stringValue));
+          return renderValue(valueToItemMap.get(stringValue) || {
+            value: stringValue,
+            label: stringValue.toString()
+          });
         };
         var valueToItemMapper = function valueToItemMapper(stringValue) {
-          return valueToItemMap.get(stringValue).label;
+          var _valueToItemMap$get5;
+          return ((_valueToItemMap$get5 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get5 === void 0 ? void 0 : _valueToItemMap$get5.label) || stringValue.toString();
         };
         return value.map(renderValueMapper || valueToItemMapper);
       }
@@ -364,6 +390,9 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         handleCheckboxChange(item);
       }
     };
+    var helperTextStopPropagation = function helperTextStopPropagation(event) {
+      event.stopPropagation();
+    };
     var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
         focusedPath: focusedPath,
         dispatchFocusedPath: dispatchFocusedPath,
@@ -384,7 +413,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
     // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
     // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
     (0, _react.useLayoutEffect)(function () {
-      var _valueToItemMap$get4;
+      var _valueToItemMap$get6;
       var checkedCopy = new Map(checked);
       checkedCopy.forEach(function (_, key) {
         checkedCopy.set(key, false);
@@ -392,17 +421,24 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       if (!(0, _utils.isEmpty)(value)) {
         if (Array.isArray(value)) {
           value.forEach(function (val) {
-            checkedCopy.set(val, true);
-            (0, _utils3.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
-            (0, _utils3.updateAncestors)(valueToItemMap.get(val), checkedCopy);
+            // Только если value находится в items, т.к. value может и не существовать в items.
+            if (valueToItemMap.has(val)) {
+              checkedCopy.set(val, true);
+              (0, _utils3.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
+              (0, _utils3.updateAncestors)(valueToItemMap.get(val), checkedCopy);
+            }
           });
         } else {
-          checkedCopy.set(value, 'done');
-          (0, _utils3.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
+          // Только если value находится в items, т.к. value может и не существовать в items.
+          // eslint-disable-next-line no-lonely-if
+          if (valueToItemMap.has(value)) {
+            checkedCopy.set(value, 'done');
+            (0, _utils3.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
+          }
         }
       }
       setChecked(checkedCopy);
-      setTextValue(((_valueToItemMap$get4 = valueToItemMap.get(value)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label) || '');
+      setTextValue(multiple ? '' : ((_valueToItemMap$get6 = valueToItemMap.get(value)) === null || _valueToItemMap$get6 === void 0 ? void 0 : _valueToItemMap$get6.label) || (value === null || value === void 0 ? void 0 : value.toString()) || '');
 
       // В deps мы кладем именно outerValue и internalValue, а не просто value.
       // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
@@ -473,7 +509,9 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
           textBefore: textBefore,
           textAfter: textAfter,
           onKeyDown: onKeyDown,
-          leftHelper: helperText,
+          leftHelper: _StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/_react["default"].createElement(_Combobox2.StyledLeftHelper, {
+            onClick: helperTextStopPropagation
+          }, helperText)),
           role: "combobox",
           "aria-autocomplete": "list",
           "aria-controls": "".concat(treeId, "_tree_level_1"),
@@ -488,7 +526,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         } : {
           enumerationType: 'plain'
         }, rest, {
-          onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
+          _onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
         }));
       },
       zIndex: zIndex

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizeMap = exports.base = exports.Ul = exports.StyledEmptyState = exports.StyledArrow = exports.IconArrowWrapper = void 0;
+exports.sizeMap = exports.base = exports.Ul = exports.StyledLeftHelper = exports.StyledEmptyState = exports.StyledArrow = exports.IconArrowWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
 var _EmptyState = /*#__PURE__*/require("../../EmptyState");
 var _Icon = /*#__PURE__*/require("../../_Icon");
@@ -60,4 +60,7 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["defa
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
 var StyledEmptyState = exports.StyledEmptyState = /*#__PURE__*/(0, _styledComponents["default"])(EmptyState).withConfig({
   componentId: "plasma-new-hope__sc-2kddkg-3"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _EmptyState.emptyStateTokens.borderRadius, _Combobox.tokens.textFieldBorderRadius, _EmptyState.emptyStateTokens.padding, _Combobox.tokens.emptyStatePadding, _EmptyState.emptyStateTokens.fontFamily, _Combobox.tokens.textFieldFontFamily, _EmptyState.emptyStateTokens.fontSize, _Combobox.tokens.textFieldFontSize, _EmptyState.emptyStateTokens.fontStyle, _Combobox.tokens.textFieldFontStyle, _EmptyState.emptyStateTokens.fontWeight, _Combobox.tokens.textFieldFontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _Combobox.tokens.textFieldLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight, _Combobox.tokens.textFieldLineHeight);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _EmptyState.emptyStateTokens.borderRadius, _Combobox.tokens.textFieldBorderRadius, _EmptyState.emptyStateTokens.padding, _Combobox.tokens.emptyStatePadding, _EmptyState.emptyStateTokens.fontFamily, _Combobox.tokens.textFieldFontFamily, _EmptyState.emptyStateTokens.fontSize, _Combobox.tokens.textFieldFontSize, _EmptyState.emptyStateTokens.fontStyle, _Combobox.tokens.textFieldFontStyle, _EmptyState.emptyStateTokens.fontWeight, _Combobox.tokens.textFieldFontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _Combobox.tokens.textFieldLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight, _Combobox.tokens.textFieldLineHeight);
+var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-2kddkg-4"
+})(["margin:0;padding:0;"]);

package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "filterItems", {
     return _filterItems.filterItems;
   }
 });
-Object.defineProperty(exports, "getInitialValue", {
-  enumerable: true,
-  get: function get() {
-    return _getInitialValue.getInitialValue;
-  }
-});
 Object.defineProperty(exports, "getItemId", {
   enumerable: true,
   get: function get() {
@@ -64,5 +58,4 @@ var _updateSingleAncestors = /*#__PURE__*/require("./updateSingleAncestors");
 var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
 var _filterItems = /*#__PURE__*/require("./filterItems");
 var _getItemId = /*#__PURE__*/require("./getItemId");
-var _getInitialValue = /*#__PURE__*/require("./getInitialValue");
 var _getRemovedElement = /*#__PURE__*/require("./getRemovedElement");

package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -44,7 +44,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
       placement: (0, _utils.getPlacement)((item === null || item === void 0 ? void 0 : item.placement) || 'right'),
       opened: isCurrentListOpen,
       onToggle: handleToggle,
-      trigger: trigger,
+      trigger: item.trigger || trigger,
       target: /*#__PURE__*/_react["default"].createElement(_DropdownItem.DropdownItem, {
         item: item,
         index: index,

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

@@ -17,7 +17,7 @@ var _Select = /*#__PURE__*/require("./Select.styles");
 var _FloatingPopover = /*#__PURE__*/require("./FloatingPopover");
 var _SelectNative = /*#__PURE__*/require("./ui/SelectNative/SelectNative");
 var _Select2 = /*#__PURE__*/require("./Select.context");
-var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "contentLeft", "onScrollBottom", "onScroll", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue", "virtual", "onToggle"];
+var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "contentLeft", "onScrollBottom", "onScroll", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue", "virtual", "onToggle", "chipType", "multiselect", "required", "requiredPlacement", "hasRequiredIndicator", "optional", "hintText", "hintTrigger", "hintView", "hintSize", "hintTargetPlacement", "hintPlacement", "hintWidth", "hintHasArrow", "hasHint"];
 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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -80,6 +80,21 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       _props$virtual = props.virtual,
       virtual = _props$virtual === void 0 ? false : _props$virtual,
       onToggle = props.onToggle,
+      chipType = props.chipType,
+      multiselect = props.multiselect,
+      required = props.required,
+      requiredPlacement = props.requiredPlacement,
+      hasRequiredIndicator = props.hasRequiredIndicator,
+      optional = props.optional,
+      hintText = props.hintText,
+      hintTrigger = props.hintTrigger,
+      hintView = props.hintView,
+      hintSize = props.hintSize,
+      hintTargetPlacement = props.hintTargetPlacement,
+      hintPlacement = props.hintPlacement,
+      hintWidth = props.hintWidth,
+      hintHasArrow = props.hintHasArrow,
+      hasHint = props.hasHint,
       rest = _objectWithoutProperties(props, _excluded);
     var transformedItems = (0, _react.useMemo)(function () {
       return (0, _utils2.initialItemsTransform)(items || []);
@@ -97,7 +112,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       _useState2 = _slicedToArray(_useState, 2),
       internalValue = _useState2[0],
       setInternalValue = _useState2[1];
-    var value = outerValue !== null && outerValue !== undefined ? (0, _utils2.getInitialValue)(outerValue, valueToItemMap) : internalValue;
+    var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
     var floatingPopoverRef = (0, _react.useRef)(null);
 
     // Состояния дерева элементов
@@ -121,22 +136,22 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
 
     // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
     var requiredProps = props.target === 'button-like' ? undefined : {
-      required: props.required,
-      requiredPlacement: props.requiredPlacement,
-      hasRequiredIndicator: props.hasRequiredIndicator,
-      optional: props.optional
+      required: required,
+      requiredPlacement: requiredPlacement,
+      hasRequiredIndicator: hasRequiredIndicator,
+      optional: optional
     };
 
     // Собираем объект с пропсами для hint и прокидываем их напрямую в компонент Textfield.
     var hintProps = props.target === 'button-like' ? undefined : {
-      hintText: props.hintText,
-      hintTrigger: props.hintTrigger,
-      hintView: props.hintView,
-      hintSize: props.hintSize,
-      hintTargetPlacement: props.hintTargetPlacement,
-      hintPlacement: props.hintPlacement,
-      hintWidth: props.hintWidth,
-      hintHasArrow: props.hintHasArrow
+      hintText: hintText,
+      hintTrigger: hintTrigger,
+      hintView: hintView,
+      hintSize: hintSize,
+      hintTargetPlacement: hintTargetPlacement,
+      hintPlacement: hintPlacement,
+      hintWidth: hintWidth,
+      hintHasArrow: hintHasArrow
     };
     var targetRef = (0, _hooks.useOutsideClick)(function () {
       if (!isCurrentListOpen) {
@@ -210,6 +225,15 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
           newValues.push(item.value);
         }
       });
+
+      // Оставляем values, которых нет в items.
+      if (Array.isArray(value)) {
+        value.forEach(function (val) {
+          if (!valueToItemMap.has(val)) {
+            newValues.push(val);
+          }
+        });
+      }
       if (closeAfterSelect) {
         dispatchPath({
           type: 'reset'
@@ -288,13 +312,20 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       if (!(0, _utils.isEmpty)(value) || typeof value === 'number') {
         if (Array.isArray(value)) {
           value.forEach(function (val) {
-            checkedCopy.set(val, true);
-            (0, _utils2.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
-            (0, _utils2.updateAncestors)(valueToItemMap.get(val), checkedCopy);
+            // Только если value находится в items, т.к. value может и не существовать в items.
+            if (valueToItemMap.has(val)) {
+              checkedCopy.set(val, true);
+              (0, _utils2.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
+              (0, _utils2.updateAncestors)(valueToItemMap.get(val), checkedCopy);
+            }
           });
         } else {
-          checkedCopy.set(value, 'done');
-          (0, _utils2.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
+          // Только если value находится в items, т.к. value может и не существовать в items.
+          // eslint-disable-next-line no-lonely-if
+          if (valueToItemMap.has(value)) {
+            checkedCopy.set(value, 'done');
+            (0, _utils2.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
+          }
         }
       }
       setChecked(checkedCopy);

package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Item = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
-var _utils = /*#__PURE__*/require("../../../../utils");
+var _utils = /*#__PURE__*/require("../../../../../../utils");
+var _hooks = /*#__PURE__*/require("../../../../../../hooks");
+var _utils2 = /*#__PURE__*/require("../../../../utils");
 var _Select = /*#__PURE__*/require("../../../../Select.tokens");
-var _utils2 = /*#__PURE__*/require("../../../../../../utils");
 var _Select2 = /*#__PURE__*/require("../../../../Select.context");
-var _hooks = /*#__PURE__*/require("../../../../../../hooks");
 var _Item = /*#__PURE__*/require("./Item.styles");
 var _StyledIndicator;
 var _excluded = ["value", "label", "disabled", "isDisabled", "contentLeft", "contentRight", "className"];
@@ -73,8 +73,8 @@ var Item = exports.Item = function Item(_ref) {
     handleItemClick(item, e);
   };
   return /*#__PURE__*/_react["default"].createElement(_Item.Wrapper, _extends({}, rest, {
-    className: (0, _utils2.cx)(disabledClassName, focusedClass, activeClass, className),
-    id: (0, _utils.getItemId)(treeId, value.toString()),
+    className: (0, _utils.cx)(disabledClassName, focusedClass, activeClass, className),
+    id: (0, _utils2.getItemId)(treeId, value.toString()),
     ref: ref,
     onClick: handleClick,
     variant: variant,
@@ -99,7 +99,7 @@ var Item = exports.Item = function Item(_ref) {
     size: "s",
     view: "default"
   }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Item.StyledIconDone, {
-    size: (0, _utils.sizeToIconSize)(size, variant),
+    size: (0, _utils2.sizeToIconSize)(size, variant),
     color: "inherit"
   })), renderItem ? /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem(item)) : /*#__PURE__*/_react["default"].createElement(_Item.StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledCell, {
     contentLeft: contentLeft,
@@ -109,8 +109,8 @@ var Item = exports.Item = function Item(_ref) {
     // @ts-ignore
     ,
     title: /*#__PURE__*/_react["default"].createElement("span", null, label)
-  })), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledArrow, {
-    size: (0, _utils.sizeToIconSize)(size, variant),
+  })), !(0, _utils.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledArrow, {
+    size: (0, _utils2.sizeToIconSize)(size, variant),
     color: "inherit"
   })));
 };

package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sizeMap = exports.Wrapper = exports.StyledWrapper = exports.StyledText = exports.StyledIndicator = exports.StyledIconDone = exports.StyledCheckboxWrapper = exports.StyledCheckbox = exports.StyledCell = exports.StyledArrow = exports.IconWrapper = exports.DisclosureIconWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
-var _Select = /*#__PURE__*/require("../../../../Select.tokens");
 var _mixins = /*#__PURE__*/require("../../../../../../mixins");
 var _engines = /*#__PURE__*/require("../../../../../../engines");
+var _Select = /*#__PURE__*/require("../../../../Select.tokens");
 var _Checkbox = /*#__PURE__*/require("../../../../../Checkbox");
 var _Cell = /*#__PURE__*/require("../../../../../Cell");
 var _Indicator = /*#__PURE__*/require("../../../../../Indicator");

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

@@ -41,8 +41,7 @@ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     "aria-controls": "".concat(treeId, "_tree_level_1"),
     "aria-expanded": opened,
     "aria-activedescendant": activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue) : '',
-    "aria-label": label,
-    renderTarget: Boolean(selectProps.renderTarget)
+    "aria-label": label
   }, /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
     value: value,
     valueToItemMap: valueToItemMap,

package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js

@@ -6,19 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.sizeMap = exports.StyledButton = exports.StyledArrow = exports.Label = exports.IconArrowWrapper = exports.ButtonWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
 var _mixins = /*#__PURE__*/require("../../../../../../mixins");
-var _Icon = /*#__PURE__*/require("../../../../../_Icon");
 var _engines = /*#__PURE__*/require("../../../../../../engines");
 var _Button = /*#__PURE__*/require("../../../../../Button");
+var _Icon = /*#__PURE__*/require("../../../../../_Icon");
 var _Select = /*#__PURE__*/require("../../../../Select.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
 var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
 var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");text-align:left;"], _Button.buttonTokens.buttonColor, _Select.tokens.buttonColor, _Button.buttonTokens.buttonColorHover, _Select.tokens.buttonColorHover, _Button.buttonTokens.buttonColorActive, _Select.tokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColor, _Select.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Select.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive, _Select.tokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonRightContentMargin, _Select.tokens.buttonArrowMargin, _Button.buttonTokens.buttonHeight, function (_ref) {
-  var renderTarget = _ref.renderTarget;
-  return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
-}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");text-align:left;"], _Button.buttonTokens.buttonColor, _Select.tokens.buttonColor, _Button.buttonTokens.buttonColorHover, _Select.tokens.buttonColorHover, _Button.buttonTokens.buttonColorActive, _Select.tokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColor, _Select.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Select.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive, _Select.tokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonRightContentMargin, _Select.tokens.buttonArrowMargin, _Button.buttonTokens.buttonHeight, _Select.tokens.targetHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor);
 var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-1"
 })(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], _Select.tokens.buttonArrowColor, _Select.tokens.buttonArrowColorHover, _Select.tokens.buttonArrowColorActive);
@@ -30,14 +27,14 @@ var sizeMap = exports.sizeMap = {
 };
 var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-2"
-})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;width:", ";height:", ";"], function (_ref2) {
+})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;width:", ";height:", ";"], function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size;
+  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function (_ref2) {
   var _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 'xs' : _ref2$size;
   return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
-}, function (_ref3) {
-  var _ref3$size = _ref3.size,
-    size = _ref3$size === void 0 ? 'xs' : _ref3$size;
-  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
 });
 var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-3"

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

@@ -48,13 +48,16 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
   var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
   var getValue = function getValue() {
     var _valueToItemMap$get;
-    if (multiselect || !value) {
+    if (multiselect || Array.isArray(value) || !value) {
       return '';
     }
     if (renderValue) {
-      return renderValue(valueToItemMap.get(value.toString()));
+      return renderValue(valueToItemMap.get(value.toString()) || {
+        value: value,
+        label: value.toString()
+      });
     }
-    return ((_valueToItemMap$get = valueToItemMap.get(value.toString())) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || '';
+    return ((_valueToItemMap$get = valueToItemMap.get(value.toString())) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || value.toString();
   };
   var getChips = function getChips() {
     if (multiselect && Array.isArray(value)) {
@@ -63,10 +66,14 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
         return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length)];
       }
       var renderValueMapper = renderValue && function (stringValue) {
-        return renderValue(valueToItemMap.get(stringValue));
+        return renderValue(valueToItemMap.get(stringValue) || {
+          value: stringValue,
+          label: stringValue.toString()
+        });
       };
       var valueToItemMapper = function valueToItemMapper(stringValue) {
-        return valueToItemMap.get(stringValue).label;
+        var _valueToItemMap$get2;
+        return ((_valueToItemMap$get2 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get2 === void 0 ? void 0 : _valueToItemMap$get2.label) || stringValue.toString();
       };
       return value.map(renderValueMapper || valueToItemMapper);
     }
@@ -82,21 +89,38 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
     if (renderValue && !isTargetAmount) {
       var resultValues = _toConsumableArray(value);
       value.forEach(function (_, index) {
-        var labelAfterRenderValue = renderValue(labelToItemMap.get(valueToItemMap.get(value[index]).label));
+        var _valueToItemMap$get3;
+        var stringValue = value[index];
+        var label = (_valueToItemMap$get3 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get3 === void 0 ? void 0 : _valueToItemMap$get3.label;
+        var labelAfterRenderValue = renderValue(label ? labelToItemMap.get(label) : {
+          value: stringValue,
+          label: stringValue.toString()
+        });
         if (!chipLabels.includes(labelAfterRenderValue)) {
           resultValues.splice(index, 1);
         }
       });
       var removedItemValue = (0, _utils.getRemovedElement)(value, resultValues, isTargetAmount);
-      onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) : null);
+      onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
+        value: removedItemValue,
+        label: removedItemValue.toString()
+      } : null);
     } else {
       var newValues = chipLabels.map(function (chipLabel) {
-        return labelToItemMap.get(chipLabel).value;
+        var _labelToItemMap$get;
+        return ((_labelToItemMap$get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap$get === void 0 ? void 0 : _labelToItemMap$get.value) || chipLabel;
       });
       var _removedItemValue = (0, _utils.getRemovedElement)(value, newValues, isTargetAmount);
-      onChange(newValues, _removedItemValue ? valueToItemMap.get(_removedItemValue) : null);
+      var item = _removedItemValue ? valueToItemMap.get(_removedItemValue) || {
+        value: _removedItemValue,
+        label: _removedItemValue.toString()
+      } : null;
+      onChange(newValues, item);
     }
   };
+  var helperTextStopPropagation = function helperTextStopPropagation(event) {
+    event.stopPropagation();
+  };
   return /*#__PURE__*/_react["default"].createElement(_Textfield.StyledTextField, _extends({
     ref: ref,
     inputWrapperRef: inputWrapperRef,
@@ -120,7 +144,9 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
       className: withArrowInverse
     })),
     onKeyDown: onKeyDown,
-    leftHelper: helperText,
+    leftHelper: /*#__PURE__*/_react["default"].createElement(_Textfield.StyledLeftHelper, {
+      onClick: helperTextStopPropagation
+    }, helperText),
     role: "combobox",
     "aria-autocomplete": "list",
     "aria-controls": "".concat(treeId, "_tree_level_1"),
@@ -135,7 +161,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
   } : {
     enumerationType: 'plain'
   }, {
-    onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
+    _onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
     ,
     opened: opened
     // TODO: #1547

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizeMap = exports.StyledTextField = exports.StyledArrow = exports.IconArrowWrapper = void 0;
+exports.sizeMap = exports.StyledTextField = exports.StyledLeftHelper = exports.StyledArrow = exports.IconArrowWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
 var _engines = /*#__PURE__*/require("../../../../../../engines");
+var _Icon = /*#__PURE__*/require("../../../../../_Icon");
 var _TextField = /*#__PURE__*/require("../../../../../TextField");
 var _Select = /*#__PURE__*/require("../../../../Select.tokens");
-var _Icon = /*#__PURE__*/require("../../../../../_Icon");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldConfig);
 var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -57,4 +57,7 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["defa
   var _ref9$size = _ref9.size,
     size = _ref9$size === void 0 ? 'xs' : _ref9$size;
   return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
-});
+});
+var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-3"
+})(["margin:0;padding:0;"]);

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

@@ -6,19 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.getButtonLabel = void 0;
 var _utils = /*#__PURE__*/require("../../../utils");
 var getLabel = function getLabel(_ref) {
+  var _valueToItemMap$get;
   var value = _ref.value,
     valueToItemMap = _ref.valueToItemMap,
     renderValue = _ref.renderValue;
-  var _ref2 = valueToItemMap.get(value),
-    label = _ref2.label;
-  return renderValue ? renderValue(valueToItemMap.get(value)) : label;
+  var label = ((_valueToItemMap$get = valueToItemMap.get(value)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || value.toString();
+  return renderValue ? renderValue(valueToItemMap.get(value) || {
+    value: value,
+    label: label
+  }) : label;
 };
-var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
-  var value = _ref3.value,
-    valueToItemMap = _ref3.valueToItemMap,
-    label = _ref3.label,
-    renderValue = _ref3.renderValue,
-    selectProps = _ref3.selectProps;
+var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref2) {
+  var value = _ref2.value,
+    valueToItemMap = _ref2.valueToItemMap,
+    label = _ref2.label,
+    renderValue = _ref2.renderValue,
+    selectProps = _ref2.selectProps;
   if ((0, _utils.isEmpty)(value) && typeof value !== 'number') {
     return label || '';
   }

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

@@ -21,12 +21,6 @@ Object.defineProperty(exports, "getFallbackPlacements", {
     return _getFallbackPlacements.getFallbackPlacements;
   }
 });
-Object.defineProperty(exports, "getInitialValue", {
-  enumerable: true,
-  get: function get() {
-    return _getInitialValue.getInitialValue;
-  }
-});
 Object.defineProperty(exports, "getItemId", {
   enumerable: true,
   get: function get() {
@@ -89,7 +83,6 @@ var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
 var _getCorrectHeight = /*#__PURE__*/require("./getCorrectHeight");
 var _getButtonLabel = /*#__PURE__*/require("./getButtonLabel");
 var _getView = /*#__PURE__*/require("./getView");
-var _getInitialValue = /*#__PURE__*/require("./getInitialValue");
 var _getPlacement = /*#__PURE__*/require("./getPlacement");
 var _getFallbackPlacements = /*#__PURE__*/require("./getFallbackPlacements");
 var _getItemId = /*#__PURE__*/require("./getItemId");