@salutejs/plasma-new-hope 0.320.1-canary.1910.14381785345.0 → 0.320.1-canary.1910.14464879960.0

package/styled-components/es/components/Segment/ui/index.js

@@ -1,2 +1,2 @@
-export { segmentGroupConfig, segmentGroupRoot } from './SegmentGroup';
-export { segmentItemConfig, segmentItemRoot } from './SegmentItem';
+export { segmentGroupConfig, segmentGroupRoot } from "./SegmentGroup";
+export { segmentItemConfig, segmentItemRoot } from "./SegmentItem";

package/styled-components/es/components/Select/FloatingPopover.js

@@ -7,7 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware, autoUpdate } from '@floating-ui/react';
 import React, { forwardRef } from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
-import { getPlacement, getFallbackPlacements } from './utils';
+import { getPlacement, getFallbackPlacements } from "./utils";
 var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var target = _ref.target,
     children = _ref.children,

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

@@ -1,4 +1,4 @@
-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", "checkboxAppearance", "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 _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); }
 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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -11,17 +11,17 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useState, useReducer, useMemo, useLayoutEffect, useRef } from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
-import { isEmpty } from '../../utils';
-import { useOutsideClick } from '../../hooks';
-import { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';
-import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView, getInitialValue } from './utils';
-import { Inner, Target, VirtualList } from './ui';
-import { pathReducer, focusedPathReducer } from './reducers';
-import { usePathMaps } from './hooks/usePathMaps';
-import { Ul, base } from './Select.styles';
-import { FloatingPopover } from './FloatingPopover';
-import { SelectNative } from './ui/SelectNative/SelectNative';
-import { Context } from './Select.context';
+import { isEmpty } from "../../utils";
+import { useOutsideClick } from "../../hooks";
+import { useKeyNavigation, getItemByFocused } from "./hooks/useKeyboardNavigation";
+import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from "./utils";
+import { Inner, Target, VirtualList } from "./ui";
+import { pathReducer, focusedPathReducer } from "./reducers";
+import { usePathMaps } from "./hooks/usePathMaps";
+import { Ul, base } from "./Select.styles";
+import { FloatingPopover } from "./FloatingPopover";
+import { SelectNative } from "./ui/SelectNative/SelectNative";
+import { Context } from "./Select.context";
 
 /**
  * Выпадающий список. Поддерживает выбор одного или нескольких значений.
@@ -34,6 +34,8 @@ export var selectRoot = function selectRoot(Root) {
       outerOnChange = props.onChange,
       _props$target = props.target,
       target = _props$target === void 0 ? 'textfield-like' : _props$target,
+      _props$checkboxAppear = props.checkboxAppearance,
+      checkboxAppearance = _props$checkboxAppear === void 0 ? 'default' : _props$checkboxAppear,
       items = props.items,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottom' : _props$placement,
@@ -73,6 +75,21 @@ export var 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 = useMemo(function () {
       return initialItemsTransform(items || []);
@@ -90,7 +107,7 @@ export var selectRoot = function selectRoot(Root) {
       _useState2 = _slicedToArray(_useState, 2),
       internalValue = _useState2[0],
       setInternalValue = _useState2[1];
-    var value = outerValue !== null && outerValue !== undefined ? getInitialValue(outerValue, valueToItemMap) : internalValue;
+    var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
     var floatingPopoverRef = useRef(null);
 
     // Состояния дерева элементов
@@ -114,22 +131,22 @@ export var 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 = useOutsideClick(function () {
       if (!isCurrentListOpen) {
@@ -203,6 +220,15 @@ export var 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'
@@ -281,13 +307,20 @@ export var selectRoot = function selectRoot(Root) {
       if (!isEmpty(value) || typeof value === 'number') {
         if (Array.isArray(value)) {
           value.forEach(function (val) {
-            checkedCopy.set(val, true);
-            updateDescendants(valueToItemMap.get(val), checkedCopy, true);
-            updateAncestors(valueToItemMap.get(val), checkedCopy);
+            // Только если value находится в items, т.к. value может и не существовать в items.
+            if (valueToItemMap.has(val)) {
+              checkedCopy.set(val, true);
+              updateDescendants(valueToItemMap.get(val), checkedCopy, true);
+              updateAncestors(valueToItemMap.get(val), checkedCopy);
+            }
           });
         } else {
-          checkedCopy.set(value, 'done');
-          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');
+            updateSingleAncestors(valueToItemMap.get(value), checkedCopy, 'dot');
+          }
         }
       }
       setChecked(checkedCopy);
@@ -327,7 +360,8 @@ export var selectRoot = function selectRoot(Root) {
         handleItemClick: handleItemClick,
         variant: variant,
         renderItem: renderItem,
-        treeId: treeId
+        treeId: treeId,
+        checkboxAppearance: checkboxAppearance
       }
     }, /*#__PURE__*/React.createElement(FloatingPopover, {
       ref: floatingPopoverRef,

package/styled-components/es/components/Select/Select.styles.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { css } from 'styled-components';
-import { getCorrectHeight } from './utils';
-import { tokens, constants } from './Select.tokens';
+import { getCorrectHeight } from "./utils";
+import { tokens, constants } from "./Select.tokens";
 export var Ul = /*#__PURE__*/styled.ul.withConfig({
   componentId: "plasma-new-hope__sc-le54jv-0"
 })(["box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);border-radius:var(", ");width:", ";max-height:", ";overflow-y:", ";margin:", ";padding:calc(var(", ") + var(", ",0rem)) 0;"], constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, tokens.borderRadius, function (_ref) {

package/styled-components/es/components/Select/hooks/usePathMaps.js

@@ -1,4 +1,4 @@
-import { isEmpty } from '../../../utils';
+import { isEmpty } from "../../../utils";
 // Рекурсивно проходим по дереву items и создаем 4 мапы: открытых путей, фокусов, выбранных элементов и айтемов.
 export var usePathMaps = function usePathMaps(items) {
   var pathMap = new Map();

package/styled-components/es/components/Select/index.js

@@ -1,2 +1,2 @@
-export { selectRoot, selectConfig } from './Select';
-export { tokens as selectTokens } from './Select.tokens';
+export { selectRoot, selectConfig } from "./Select";
+export { tokens as selectTokens } from "./Select.tokens";

package/styled-components/es/components/Select/reducers/index.js

@@ -1,2 +1,2 @@
-export * from './pathReducer';
-export * from './focusedPathReducer';
+export * from "./pathReducer";
+export * from "./focusedPathReducer";

package/styled-components/es/components/Select/ui/Inner/Inner.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
-import { isEmpty } from '../../../../utils';
-import { Ul } from '../../Select.styles';
-import { FloatingPopover } from '../../FloatingPopover';
-import { Item } from './ui/Item/Item';
+import { isEmpty } from "../../../../utils";
+import { Ul } from "../../Select.styles";
+import { FloatingPopover } from "../../FloatingPopover";
+import { Item } from "./ui/Item/Item";
 export var Inner = function Inner(_ref) {
   var item = _ref.item,
     currentLevel = _ref.currentLevel,

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

@@ -4,12 +4,12 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useRef, useContext } from 'react';
-import { sizeToIconSize, getItemId } from '../../../../utils';
-import { classes } from '../../../../Select.tokens';
-import { cx, isEmpty } from '../../../../../../utils';
-import { Context } from '../../../../Select.context';
-import { useDidMountEffect } from '../../../../../../hooks';
-import { StyledWrapper, StyledCell, StyledCheckbox, StyledIndicator, DisclosureIconWrapper, IconWrapper, StyledText, Wrapper, StyledCheckboxWrapper, StyledArrow, StyledIconDone } from './Item.styles';
+import { cx, isEmpty } from "../../../../../../utils";
+import { useDidMountEffect } from "../../../../../../hooks";
+import { sizeToIconSize, getItemId } from "../../../../utils";
+import { classes } from "../../../../Select.tokens";
+import { Context } from "../../../../Select.context";
+import { StyledWrapper, StyledCell, StyledCheckbox, StyledIndicator, DisclosureIconWrapper, IconWrapper, StyledText, Wrapper, StyledCheckboxWrapper, StyledArrow, StyledIconDone } from "./Item.styles";
 export var Item = function Item(_ref) {
   var item = _ref.item,
     path = _ref.path,
@@ -37,7 +37,8 @@ export var Item = function Item(_ref) {
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
     renderItem = _useContext.renderItem,
-    treeId = _useContext.treeId;
+    treeId = _useContext.treeId,
+    checkboxAppearance = _useContext.checkboxAppearance;
   var itemDisabled = Boolean(disabled || isDisabled);
   var disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
@@ -85,7 +86,8 @@ export var Item = function Item(_ref) {
     disabled: itemDisabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
-    onChange: handleChange
+    onChange: handleChange,
+    appearance: checkboxAppearance
   })), !multiselect && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
     size: "s",
     view: "default"

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

@@ -1,11 +1,11 @@
 import styled from 'styled-components';
-import { classes, tokens, constants } from '../../../../Select.tokens';
-import { addFocus, applyEllipsis } from '../../../../../../mixins';
-import { component, mergeConfig } from '../../../../../../engines';
-import { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';
-import { cellConfig, cellTokens } from '../../../../../Cell';
-import { indicatorConfig, indicatorTokens } from '../../../../../Indicator';
-import { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';
+import { addFocus, applyEllipsis } from "../../../../../../mixins";
+import { component, mergeConfig } from "../../../../../../engines";
+import { classes, tokens, constants } from "../../../../Select.tokens";
+import { checkboxConfig, checkboxTokens } from "../../../../../Checkbox";
+import { cellConfig, cellTokens } from "../../../../../Cell";
+import { indicatorConfig, indicatorTokens } from "../../../../../Indicator";
+import { IconDisclosureRightCentered, IconDone } from "../../../../../_Icon";
 var mergedCheckboxConfig = /*#__PURE__*/mergeConfig(checkboxConfig);
 var Checkbox = /*#__PURE__*/component(mergedCheckboxConfig);
 var mergedCellConfig = /*#__PURE__*/mergeConfig(cellConfig);

package/styled-components/es/components/Select/ui/Inner/ui/index.js

@@ -1 +1 @@
-export * from './Item/Item';
+export * from "./Item/Item";

package/styled-components/es/components/Select/ui/SelectNative/SelectNative.js

@@ -1,8 +1,8 @@
 var _option;
 import React, { forwardRef, useLayoutEffect, useRef } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
-import { createEvent } from '../../../../utils';
-import { SelectHidden } from './SelectNative.styles';
+import { createEvent } from "../../../../utils";
+import { SelectHidden } from "./SelectNative.styles";
 export var SelectNative = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var name = _ref.name,
     multiselect = _ref.multiselect,

package/styled-components/es/components/Select/ui/SelectNative/SelectNative.styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { applyHidden } from '../../../../mixins';
+import { applyHidden } from "../../../../mixins";
 export var SelectHidden = /*#__PURE__*/styled.select.withConfig({
   componentId: "plasma-new-hope__sc-1twith3-0"
 })(["", ";"], /*#__PURE__*/applyHidden());

package/styled-components/es/components/Select/ui/Target/Target.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
-import { Button, Textfield } from './ui';
+import { Button, Textfield } from "./ui";
 export var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var value = _ref.value,
     opened = _ref.opened,

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

@@ -1,8 +1,8 @@
 import React, { forwardRef } from 'react';
-import { cx } from '../../../../../../utils';
-import { classes } from '../../../../Select.tokens';
-import { getButtonLabel, getItemId, sizeToIconSize } from '../../../../utils';
-import { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';
+import { cx } from "../../../../../../utils";
+import { classes } from "../../../../Select.tokens";
+import { getButtonLabel, getItemId, sizeToIconSize } from "../../../../utils";
+import { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from "./Button.styles";
 export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var opened = _ref.opened,
     value = _ref.value,
@@ -32,8 +32,7 @@ export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-controls": "".concat(treeId, "_tree_level_1"),
     "aria-expanded": opened,
     "aria-activedescendant": activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : '',
-    "aria-label": label,
-    renderTarget: Boolean(selectProps.renderTarget)
+    "aria-label": label
   }, /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
     value: value,
     valueToItemMap: valueToItemMap,

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

@@ -1,17 +1,14 @@
 import styled from 'styled-components';
-import { applyEllipsis } from '../../../../../../mixins';
-import { IconDisclosureDownCentered } from '../../../../../_Icon';
-import { component, mergeConfig } from '../../../../../../engines';
-import { buttonConfig, buttonTokens } from '../../../../../Button';
-import { tokens, classes, constants } from '../../../../Select.tokens';
+import { applyEllipsis } from "../../../../../../mixins";
+import { component, mergeConfig } from "../../../../../../engines";
+import { buttonConfig, buttonTokens } from "../../../../../Button";
+import { IconDisclosureDownCentered } from "../../../../../_Icon";
+import { tokens, classes, constants } from "../../../../Select.tokens";
 var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
 var Button = /*#__PURE__*/component(mergedButtonConfig);
 export var StyledButton = /*#__PURE__*/styled(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;"], buttonTokens.buttonColor, tokens.buttonColor, buttonTokens.buttonColorHover, tokens.buttonColorHover, buttonTokens.buttonColorActive, tokens.buttonColorActive, buttonTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, buttonTokens.buttonRightContentMargin, tokens.buttonArrowMargin, buttonTokens.buttonHeight, function (_ref) {
-  var renderTarget = _ref.renderTarget;
-  return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
-}, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.buttonPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");text-align:left;"], buttonTokens.buttonColor, tokens.buttonColor, buttonTokens.buttonColorHover, tokens.buttonColorHover, buttonTokens.buttonColorActive, tokens.buttonColorActive, buttonTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, buttonTokens.buttonRightContentMargin, tokens.buttonArrowMargin, buttonTokens.buttonHeight, tokens.targetHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.buttonPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor);
 export var IconArrowWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-1"
 })(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive);
@@ -23,14 +20,14 @@ export var sizeMap = {
 };
 export var StyledArrow = /*#__PURE__*/styled(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(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function (_ref2) {
   var _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 'xs' : _ref2$size;
   return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
-}, function (_ref3) {
-  var _ref3$size = _ref3.size,
-    size = _ref3$size === void 0 ? 'xs' : _ref3$size;
-  return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
 });
 export var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-3"

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

@@ -6,9 +6,9 @@ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Sym
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import React, { forwardRef } from 'react';
-import { sizeToIconSize, getItemId, getRemovedElement } from '../../../../utils';
-import { classes } from '../../../../Select.tokens';
-import { IconArrowWrapper, StyledArrow, StyledTextField } from './Textfield.styles';
+import { sizeToIconSize, getItemId, getRemovedElement } from "../../../../utils";
+import { classes } from "../../../../Select.tokens";
+import { IconArrowWrapper, StyledArrow, StyledTextField } from "./Textfield.styles";
 export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var inputWrapperRef = _ref.inputWrapperRef,
     opened = _ref.opened,
@@ -39,13 +39,16 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var withArrowInverse = opened ? 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)) {
@@ -54,10 +57,14 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
         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);
     }
@@ -73,19 +80,33 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     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 = 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 = 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);
     }
   };
   return /*#__PURE__*/React.createElement(StyledTextField, _extends({
@@ -126,7 +147,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
   } : {
     enumerationType: 'plain'
   }, {
-    onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
+    _onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
     ,
     opened: opened
     // TODO: #1547

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

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
-import { component, mergeConfig } from '../../../../../../engines';
-import { textFieldConfig, textFieldTokens } from '../../../../../TextField';
-import { tokens, classes } from '../../../../Select.tokens';
-import { IconDisclosureDownCentered } from '../../../../../_Icon';
+import { component, mergeConfig } from "../../../../../../engines";
+import { IconDisclosureDownCentered } from "../../../../../_Icon";
+import { textFieldConfig, textFieldTokens } from "../../../../../TextField";
+import { tokens, classes } from "../../../../Select.tokens";
 var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
 var TextField = /*#__PURE__*/component(mergedConfig);
 export var StyledTextField = /*#__PURE__*/styled(TextField).withConfig({

package/styled-components/es/components/Select/ui/Target/ui/index.js

@@ -1,2 +1,2 @@
-export * from './Button/Button';
-export * from './Textfield/Textfield';
+export * from "./Button/Button";
+export * from "./Textfield/Textfield";

package/styled-components/es/components/Select/ui/VirtualList/VirtualList.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import List from 'rc-virtual-list';
-import { getHeightAsNumber } from '../../../../utils';
-import { Item } from '../Inner/ui';
+import { getHeightAsNumber } from "../../../../utils";
+import { Item } from "../Inner/ui";
 export var VirtualList = function VirtualList(_ref) {
   var items = _ref.items,
     listMaxHeight = _ref.listMaxHeight,

package/styled-components/es/components/Select/ui/index.js

@@ -1,3 +1,3 @@
-export * from './Inner/Inner';
-export * from './Target/Target';
-export * from './VirtualList/VirtualList';
+export * from "./Inner/Inner";
+export * from "./Target/Target";
+export * from "./VirtualList/VirtualList";

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

@@ -1,18 +1,21 @@
-import { isEmpty } from '../../../utils';
+import { isEmpty } from "../../../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;
 };
-export var getButtonLabel = function getButtonLabel(_ref3) {
-  var value = _ref3.value,
-    valueToItemMap = _ref3.valueToItemMap,
-    label = _ref3.label,
-    renderValue = _ref3.renderValue,
-    selectProps = _ref3.selectProps;
+export var getButtonLabel = function getButtonLabel(_ref2) {
+  var value = _ref2.value,
+    valueToItemMap = _ref2.valueToItemMap,
+    label = _ref2.label,
+    renderValue = _ref2.renderValue,
+    selectProps = _ref2.selectProps;
   if (isEmpty(value) && typeof value !== 'number') {
     return label || '';
   }

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

@@ -1,13 +1,12 @@
-export { initialItemsTransform } from './initialItemsTransform';
-export { updateDescendants } from './updateDescendants';
-export { updateAncestors } from './updateAncestors';
-export { updateSingleAncestors } from './updateSingleAncestors';
-export { sizeToIconSize } from './sizeToIconSize';
-export { getCorrectHeight } from './getCorrectHeight';
-export { getButtonLabel } from './getButtonLabel';
-export { getView } from './getView';
-export { getInitialValue } from './getInitialValue';
-export { getPlacement } from './getPlacement';
-export { getFallbackPlacements } from './getFallbackPlacements';
-export { getItemId } from './getItemId';
-export { getRemovedElement } from './getRemovedElement';
+export { initialItemsTransform } from "./initialItemsTransform";
+export { updateDescendants } from "./updateDescendants";
+export { updateAncestors } from "./updateAncestors";
+export { updateSingleAncestors } from "./updateSingleAncestors";
+export { sizeToIconSize } from "./sizeToIconSize";
+export { getCorrectHeight } from "./getCorrectHeight";
+export { getButtonLabel } from "./getButtonLabel";
+export { getView } from "./getView";
+export { getPlacement } from "./getPlacement";
+export { getFallbackPlacements } from "./getFallbackPlacements";
+export { getItemId } from "./getItemId";
+export { getRemovedElement } from "./getRemovedElement";