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

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,19 +89,33 @@ 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);
     }
   };
   return /*#__PURE__*/_react["default"].createElement(_Textfield.StyledTextField, _extends({
@@ -135,7 +156,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

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.sizeMap = exports.StyledTextField = 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);

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");

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

@@ -18,13 +18,14 @@ var _base5 = /*#__PURE__*/require("./variations/_read-only/base");
 var _base6 = /*#__PURE__*/require("./variations/_label-placement/base");
 var _base7 = /*#__PURE__*/require("./variations/_hint-view/base");
 var _base8 = /*#__PURE__*/require("./variations/_hint-size/base");
+var _base9 = /*#__PURE__*/require("./variations/_chip-view/base");
 var _TextField = /*#__PURE__*/require("./TextField.styles");
 var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
 var _ui = /*#__PURE__*/require("./ui");
 var _hooks2 = /*#__PURE__*/require("./hooks");
 var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
 var _getInputWidth = /*#__PURE__*/require("./getInputWidth");
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "keepPlaceholder", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "hasRequiredIndicator", "titleCaption", "chipView", "chipValidator", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintTargetPlacement", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "chipType", "onChange", "onChangeChips", "onSearch", "onKeyDown", "onFocus", "onBlur"];
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "keepPlaceholder", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "hasRequiredIndicator", "titleCaption", "chipView", "chipValidator", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintTargetPlacement", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "chipType", "onChange", "onChangeChips", "onSearch", "onKeyDown", "onFocus", "onBlur", "_onEnterDisabled", "_forceChipManipulationWithReadonly"];
 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); }
@@ -103,6 +104,8 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       onKeyDown = _ref.onKeyDown,
       onFocus = _ref.onFocus,
       onBlur = _ref.onBlur,
+      _onEnterDisabled = _ref._onEnterDisabled,
+      _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
       rest = _objectWithoutProperties(_ref, _excluded);
     var contentRef = (0, _react.useRef)(null);
     var inputContainerRef = (0, _react.useRef)(null);
@@ -241,7 +244,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
         updateChips: updateChips,
         onSearch: onSearch,
         onChange: onChange,
-        onEnterDisabled: rest.onEnterDisabled
+        onEnterDisabled: _onEnterDisabled
       }),
       handleInputKeydown = _useKeyNavigation.handleInputKeydown,
       handleChipKeyDown = _useKeyNavigation.handleChipKeyDown,
@@ -390,12 +393,9 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
         view: resView,
         rootWrapper: Root
         // TODO: #1547
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         ,
-        _forceChipManipulationWithReadonly:
-        // eslint-disable-next-line no-underscore-dangle
-        rest._forceChipManipulationWithReadonly
+        _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
       });
     })), /*#__PURE__*/_react["default"].createElement(_TextField.InputContainer, {
       ref: inputContainerRef,
@@ -478,6 +478,9 @@ var textFieldConfig = exports.textFieldConfig = {
     },
     hintSize: {
       css: _base8.base
+    },
+    chipView: {
+      css: _base9.base
     }
   },
   defaults: {

package/styled-components/cjs/components/TextField/variations/_chip-view/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

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

@@ -24,8 +24,9 @@ var treeRoot = exports.treeRoot = function treeRoot(Root) {
       _ref$arrowPlacement = _ref.arrowPlacement,
       arrowPlacement = _ref$arrowPlacement === void 0 ? 'left' : _ref$arrowPlacement,
       _ref$virtual = _ref.virtual,
-      virtual = _ref$virtual === void 0 ? false : _ref$virtual,
+      virtual = _ref$virtual === void 0 ? true : _ref$virtual,
       height = _ref.height,
+      itemHeight = _ref.itemHeight,
       size = _ref.size,
       view = _ref.view,
       _ref$fullWidthItemSel = _ref.fullWidthItemSelection,
@@ -59,6 +60,7 @@ var treeRoot = exports.treeRoot = function treeRoot(Root) {
       items: items
     }, /*#__PURE__*/_react["default"].createElement(_rcTree["default"], _extends({
       height: height,
+      itemHeight: itemHeight,
       virtual: virtual,
       multiple: multiple,
       checkable: checkable,
@@ -93,11 +95,16 @@ var treeRoot = exports.treeRoot = function treeRoot(Root) {
           className: "arrow"
         }));
       },
-      icon: hasIcon && (icon || /*#__PURE__*/_react["default"].createElement(_Tree.IconFolderWrapper, null, /*#__PURE__*/_react["default"].createElement(_Tree.StyledFolder, {
+      icon: hasIcon && (icon || /*#__PURE__*/_react["default"].createElement(_Tree.StyledFolder, {
         size: (0, _utils2.sizeToIconSize)(size),
         color: "inherit"
-      }))),
-      titleRender: renderTitle
+      })),
+      titleRender: function titleRender(item) {
+        return /*#__PURE__*/_react["default"].createElement(_Tree.TitleWrapper, {
+          fullWidthItemSelection: fullWidthItemSelection,
+          arrowPlacement: arrowPlacement
+        }, /*#__PURE__*/_react["default"].createElement(_Tree.Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/_react["default"].createElement(_Tree.ContentRight, null, item.contentRight));
+      }
     })));
   });
 };