@salutejs/plasma-new-hope 0.336.0-canary.2220.17591054284.0 → 0.336.0-canary.2222.17612018746.0

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

@@ -42,14 +42,16 @@ var getPathMap = function(items) {
 var getTreeMaps = function(items) {
     var valueToCheckedMap = new Map();
     var valueToItemMap = new Map();
+    var labelToItemMap = new Map();
     var rec = function(items) {
         var prevIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
         items === null || items === void 0 ? void 0 : items.forEach(function(item, index) {
-            var value = item.value, innerItems = item.items;
+            var value = item.value, label = item.label, innerItems = item.items;
             var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
             valueToCheckedMap.set(value, false);
             if ((0, _utils.isEmpty)(innerItems) || !innerItems) {
                 valueToItemMap.set(value, item);
+                labelToItemMap.set(label, item);
             } else {
                 rec(innerItems, currIndex);
             }
@@ -58,6 +60,7 @@ var getTreeMaps = function(items) {
     rec(items);
     return [
         valueToCheckedMap,
-        valueToItemMap
+        valueToItemMap,
+        labelToItemMap
     ];
 };

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

@@ -0,0 +1,20 @@
+// Утилита для определения какой чип был удален
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getRemovedElement", {
+    enumerable: true,
+    get: function() {
+        return getRemovedElement;
+    }
+});
+var getRemovedElement = function(prevValues, newValues) {
+    var isTargetAmount = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+    if (isTargetAmount) {
+        return null;
+    }
+    return prevValues.filter(function(item) {
+        return !newValues.includes(item);
+    })[0] || null;
+};

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

@@ -15,6 +15,9 @@ _export(exports, {
     get getItemId () {
         return _getItemId.getItemId;
     },
+    get getRemovedElement () {
+        return _getRemovedElement.getRemovedElement;
+    },
     get getTextValue () {
         return _getTextValue.getTextValue;
     },
@@ -41,4 +44,5 @@ var _updateSingleAncestors = require("./updateSingleAncestors");
 var _sizeToIconSize = require("./sizeToIconSize");
 var _filterItems = require("./filterItems");
 var _getItemId = require("./getItemId");
+var _getRemovedElement = require("./getRemovedElement");
 var _getTextValue = require("./getTextValue");

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

@@ -17,6 +17,7 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../utils");
 var _Popup = require("../Popup");
@@ -43,6 +44,11 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -128,7 +134,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var drawerRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRef) {
-        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -142,6 +148,7 @@ var drawerRoot = function(Root) {
             "opened",
             "initialFocusRef",
             "focusAfterRef",
+            "animationInfo",
             "className",
             "customBackgroundColor",
             "customContentBackgroundColor",
@@ -191,10 +198,11 @@ var drawerRoot = function(Root) {
                 onClose();
             }
         };
+        var _obj;
         return /*#__PURE__*/ _react.default.createElement(_Drawerstyles.StyledPopup, _object_spread({
             id: innerId,
             ref: asModal ? innerRef : outerRef,
-            className: (0, _utils.cx)(placementClass),
+            className: (0, _classnames.default)(placementClass, className, (_obj = {}, _define_property(_obj, _Drawertokens.classes.enterCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.enter), _define_property(_obj, _Drawertokens.classes.exitCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.exit), _obj)),
             opened: innerIsOpen,
             zIndex: zIndex,
             placement: placement,
@@ -204,6 +212,7 @@ var drawerRoot = function(Root) {
             height: innerHeight,
             offset: offset,
             withAnimation: true,
+            drawerAnimationInfo: animationInfo,
             overlay: asModal && /*#__PURE__*/ _react.default.createElement(Root, {
                 view: view
             }, /*#__PURE__*/ _react.default.createElement(_Overlay.Overlay, {
@@ -216,6 +225,7 @@ var drawerRoot = function(Root) {
                 onOverlayClick: onDrawerOverlayKeyDown
             }))
         }, rest), /*#__PURE__*/ _react.default.createElement(Root, {
+            className: _Drawertokens.classes.panel,
             view: view,
             size: size,
             style: {
@@ -227,8 +237,7 @@ var drawerRoot = function(Root) {
             width: innerWidth,
             height: innerHeight,
             customBackgroundColor: customBackgroundColor,
-            customContentBackgroundColor: customContentBackgroundColor,
-            className: className
+            customContentBackgroundColor: customContentBackgroundColor
         }, children)));
     });
 };

package/styled-components/cjs/components/Drawer/Drawer.styles.js

@@ -82,7 +82,7 @@ var getAnimationStyles = function() {
 };
 var StyledPanel = (0, _styledcomponents.default)(Panel).withConfig({
     displayName: "Drawer.styles__StyledPanel",
-    componentId: "sc-7ba5c890-0"
+    componentId: "sc-5f1f6af-0"
 })([
     "",
     ":var(",
@@ -90,7 +90,7 @@ var StyledPanel = (0, _styledcomponents.default)(Panel).withConfig({
 ], _Panel.panelTokens.closeColor, _Drawertokens.tokens.closeIconColor);
 var StyledPopup = (0, _styledcomponents.default)(Popup).withConfig({
     displayName: "Drawer.styles__StyledPopup",
-    componentId: "sc-7ba5c890-1"
+    componentId: "sc-5f1f6af-1"
 })([
     "&&.",
     "{animation:fadeIn 0.2s forwards;scrollbar-gutter:stable;}&&.",
@@ -100,11 +100,21 @@ var StyledPopup = (0, _styledcomponents.default)(Popup).withConfig({
     " > div{width:",
     ";height:",
     ";}",
-    ""
+    " &.",
+    "{&& .",
+    "{animation:",
+    ";}}&.",
+    "{&&.",
+    " .",
+    "{animation:var(",
+    ");}}"
 ], _Drawertokens.classes.overlay, _Popup.popupClasses.endAnimation, _Drawertokens.classes.overlay, _Popup.popupClasses.root, _Popup.popupClasses.root, function(param) {
     var width = param.width;
     return width || 'auto';
 }, function(param) {
     var height = param.height;
     return height || 'auto';
-}, getAnimationStyles());
+}, getAnimationStyles(), _Drawertokens.classes.enterCustomAnimation, _Popup.popupClasses.root, function(param) {
+    var drawerAnimationInfo = param.drawerAnimationInfo;
+    return (drawerAnimationInfo === null || drawerAnimationInfo === void 0 ? void 0 : drawerAnimationInfo.enter) || "var(".concat(_Drawertokens.privateTokens.enterAnimation, ")");
+}, _Drawertokens.classes.exitCustomAnimation, _Popup.popupClasses.endAnimation, _Popup.popupClasses.root, _Drawertokens.privateTokens.customExitAnimation);

package/styled-components/cjs/components/Drawer/Drawer.tokens.js

@@ -12,6 +12,9 @@ _export(exports, {
     get classes () {
         return classes;
     },
+    get privateTokens () {
+        return privateTokens;
+    },
     get tokens () {
         return tokens;
     }
@@ -21,6 +24,9 @@ var classes = {
     header: 'drawer-header',
     footer: 'drawer-footer',
     overlay: 'drawer-overlay',
+    panel: 'drawer-panel',
+    enterCustomAnimation: 'drawer-enter-custom-animation',
+    exitCustomAnimation: 'drawer-exit-custom-animation',
     horizontal: 'drawer-horizontal',
     hasHeader: 'drawer-has-header',
     isRightClose: 'drawer-right-close-button',
@@ -29,6 +35,12 @@ var classes = {
     rightPlacement: 'drawer-right-placement',
     leftPlacement: 'drawer-left-placement'
 };
+var privateTokens = {
+    enterAnimation: '--plasma__private-drawer-enter-animation',
+    exitAnimation: '--plasma__private-drawer-exit-animation',
+    customEnterAnimation: '--plasma__private-drawer-custom-enter-animation',
+    customExitAnimation: '--plasma__private-drawer-custom-exit-animation'
+};
 var tokens = {
     drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',
     drawerOverlayColor: '--plasma-drawer-overlay-color',

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

@@ -195,9 +195,7 @@ var textFieldRoot = function(Root) {
         contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
         hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
         view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
-        outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore
-        _chips = _param._chips, // @ts-ignore
-        _onChipClick = _param._onChipClick, // events
+        outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // events
         onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
         // @ts-ignore
         _onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
@@ -242,8 +240,6 @@ var textFieldRoot = function(Root) {
             "value",
             "chips",
             "chipType",
-            "_chips",
-            "_onChipClick",
             "onChange",
             "onChangeChips",
             "onSearch",
@@ -275,7 +271,7 @@ var textFieldRoot = function(Root) {
         var helperTextId = (0, _utils.safeUseId)();
         var isDefaultView = view === 'default' || readOnly || disabled;
         var isChipEnumeration = enumerationType === 'chip';
-        var isChipsVisible = isChipEnumeration && Boolean((chips === null || chips === void 0 ? void 0 : chips.length) || (_chips === null || _chips === void 0 ? void 0 : _chips.length));
+        var isChipsVisible = isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length);
         var withHasChips = isChipsVisible ? _TextFieldtokens.classes.hasChips : undefined;
         var hasLabelValue = Boolean(label);
         var hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;
@@ -530,15 +526,7 @@ var textFieldRoot = function(Root) {
             ref: contentRef,
             onKeyDown: handleContentKeyDown,
             className: withHasChips
-        }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ _react.default.createElement(_ui.TextFieldChipNew, {
-            chips: _chips,
-            onChipClick: _onChipClick,
-            getRef: getRef,
-            handleChipKeyDown: handleChipKeyDown,
-            onChipClear: onChipClear,
-            view: view,
-            readOnly: readOnly
-        }), isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledChips, {
+        }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledTextBefore, null, textBefore), isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledChips, {
             className: _TextFieldtokens.classes.chipsWrapper
         }, chips === null || chips === void 0 ? void 0 : chips.map(function(param, index) {
             var chipId = param.id, text = param.text;

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

@@ -2,19 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get TextFieldChip () {
+Object.defineProperty(exports, "TextFieldChip", {
+    enumerable: true,
+    get: function() {
         return _TextFieldChip.TextFieldChip;
-    },
-    get TextFieldChipNew () {
-        return _TextFieldChipNew.TextFieldChipNew;
     }
 });
 var _TextFieldChip = require("./TextFieldChip/TextFieldChip");
-var _TextFieldChipNew = require("./TextFieldChipNew/TextFieldChipNew");

package/styled-components/cjs/engines/common.js

@@ -99,10 +99,23 @@ var mergeConfig = function(baseConfig, userConfig) {
     }
     return res;
 };
+// INFO: Метод, который проводит слияние двух объектов
+// INFO: если значение явно указанно как undefined/null/пустая строка, то будет взято значение указанное в default
+function mergeWithoutNullable(defaults, componentProps) {
+    var props = Object.keys(defaults).reduce(function(acc, key) {
+        return _object_spread_props(_object_spread({}, acc), _define_property({}, key, [
+            null,
+            undefined,
+            ''
+        ].includes(componentProps[key]) ? defaults[key] : componentProps[key]));
+    }, {});
+    return _object_spread({}, componentProps, props);
+}
 function component(config) {
     var Comp = config.layout((0, _styledcomponents._component)(config));
     return /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-        return /*#__PURE__*/ _react.default.createElement(Comp, _object_spread_props(_object_spread({}, config === null || config === void 0 ? void 0 : config.defaults, props), {
+        var mergedProps = mergeWithoutNullable(config === null || config === void 0 ? void 0 : config.defaults, props);
+        return /*#__PURE__*/ _react.default.createElement(Comp, _object_spread_props(_object_spread({}, mergedProps), {
             ref: ref
         }));
     });

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

@@ -6,6 +6,9 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -19,6 +22,9 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -46,6 +52,9 @@ function _iterable_to_array_limit(arr, i) {
 function _non_iterable_rest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -115,6 +124,9 @@ function _object_without_properties_loose(source, excluded) {
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
 function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
@@ -135,7 +147,7 @@ import { sizeToIconSize } from "../../Select/utils";
 import { classes } from "./Combobox.tokens";
 import { FloatingPopover } from "./FloatingPopover";
 import { useKeyNavigation, getItemByFocused } from "./hooks/useKeyboardNavigation";
-import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, filterItems, getItemId, getTextValue } from "./utils";
+import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, filterItems, getItemId, getRemovedElement, getTextValue } from "./utils";
 import { Inner, StyledTextField, VirtualList, SelectAll } from "./ui";
 import { pathReducer, focusedPathReducer } from "./reducers";
 import { getPathMap, getTreeMaps } from "./hooks/getPathMaps";
@@ -206,7 +218,7 @@ import { Context } from "./Combobox.context";
             return getTreeMaps(transformedItems);
         }, [
             items
-        ]), 2), valueToCheckedMap = _useMemo[0], valueToItemMap = _useMemo[1];
+        ]), 3), valueToCheckedMap = _useMemo[0], valueToItemMap = _useMemo[1], labelToItemMap = _useMemo[2];
         var _useState = _sliced_to_array(useState(getTextValue(multiple, outerValue, valueToItemMap, renderValue)), 2), textValue = _useState[0], setTextValue = _useState[1];
         var _useState1 = _sliced_to_array(useState(multiple ? [] : ''), 2), internalValue = _useState1[0], setInternalValue = _useState1[1];
         var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
@@ -294,14 +306,39 @@ import { Context } from "./Combobox.context";
             }
         };
         // Обработчик чипов
-        var handleChipClick = function(chip) {
+        var handleChipsChange = function(chipLabels) {
             if (!Array.isArray(value)) return;
-            if (isTargetAmount) {
-                onChange([]);
+            // TODO: #1564
+            // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.
+            if (renderValue && !isTargetAmount) {
+                var resultValues = _to_consumable_array(value);
+                value.forEach(function(_, index) {
+                    var _valueToItemMap_get;
+                    var stringValue = value[index];
+                    var label = (_valueToItemMap_get = valueToItemMap.get(stringValue)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.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) || {
+                    value: removedItemValue,
+                    label: removedItemValue.toString()
+                } : null);
             } else {
-                onChange(value.filter(function(val) {
-                    return val !== chip.value;
-                }), valueToItemMap.get(chip.value) || null);
+                var newValues = chipLabels.map(function(chipLabel) {
+                    var _labelToItemMap_get;
+                    return ((_labelToItemMap_get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap_get === void 0 ? void 0 : _labelToItemMap_get.value) || chipLabel;
+                });
+                var removedItemValue1 = getRemovedElement(value, newValues, isTargetAmount);
+                onChange(newValues, removedItemValue1 ? valueToItemMap.get(removedItemValue1) || {
+                    value: removedItemValue1,
+                    label: removedItemValue1.toString()
+                } : null);
             }
         };
         // Обработчик открытия/закрытия выпадающего списка
@@ -405,25 +442,20 @@ import { Context } from "./Combobox.context";
                 if (value.length === 0) return [];
                 if (isTargetAmount) {
                     return [
-                        {
-                            value: '_removeAll',
-                            label: "Выбрано ".concat(targetAmount || value.length),
-                            disabled: false
-                        }
+                        "Выбрано ".concat(targetAmount || value.length)
                     ];
                 }
-                return value.map(function(value) {
-                    var _valueToItemMap_get, _valueToItemMap_get1;
-                    var currentLabel = renderValue ? renderValue(valueToItemMap.get(value) || {
-                        value: value,
-                        label: value
-                    }) : ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value.toString();
-                    return {
-                        value: value,
-                        label: currentLabel,
-                        disabled: ((_valueToItemMap_get1 = valueToItemMap.get(value)) === null || _valueToItemMap_get1 === void 0 ? void 0 : _valueToItemMap_get1.disabled) || false
-                    };
-                });
+                var renderValueMapper = renderValue && function(stringValue) {
+                    return renderValue(valueToItemMap.get(stringValue) || {
+                        value: stringValue,
+                        label: stringValue.toString()
+                    });
+                };
+                var valueToItemMapper = function(stringValue) {
+                    var _valueToItemMap_get;
+                    return ((_valueToItemMap_get = valueToItemMap.get(stringValue)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || stringValue.toString();
+                };
+                return value.map(renderValueMapper || valueToItemMapper);
             }
             return [];
         };
@@ -580,8 +612,8 @@ import { Context } from "./Combobox.context";
                     keepPlaceholder: keepPlaceholder
                 }, multiple ? {
                     enumerationType: 'chip',
-                    _chips: getChips(),
-                    _onChipClick: handleChipClick
+                    chips: getChips(),
+                    onChangeChips: handleChipsChange
                 } : {
                     enumerationType: 'plain'
                 }, rest), {

package/styled-components/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js

@@ -24,14 +24,16 @@ export var getPathMap = function(items) {
 export var getTreeMaps = function(items) {
     var valueToCheckedMap = new Map();
     var valueToItemMap = new Map();
+    var labelToItemMap = new Map();
     var rec = function(items) {
         var prevIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
         items === null || items === void 0 ? void 0 : items.forEach(function(item, index) {
-            var value = item.value, innerItems = item.items;
+            var value = item.value, label = item.label, innerItems = item.items;
             var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
             valueToCheckedMap.set(value, false);
             if (isEmpty(innerItems) || !innerItems) {
                 valueToItemMap.set(value, item);
+                labelToItemMap.set(label, item);
             } else {
                 rec(innerItems, currIndex);
             }
@@ -40,6 +42,7 @@ export var getTreeMaps = function(items) {
     rec(items);
     return [
         valueToCheckedMap,
-        valueToItemMap
+        valueToItemMap,
+        labelToItemMap
     ];
 };

package/styled-components/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js

@@ -0,0 +1,10 @@
+// Утилита для определения какой чип был удален
+export var getRemovedElement = function(prevValues, newValues) {
+    var isTargetAmount = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+    if (isTargetAmount) {
+        return null;
+    }
+    return prevValues.filter(function(item) {
+        return !newValues.includes(item);
+    })[0] || null;
+};

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

@@ -5,4 +5,5 @@ export { updateSingleAncestors } from "./updateSingleAncestors";
 export { sizeToIconSize } from "./sizeToIconSize";
 export { filterItems } from "./filterItems";
 export { getItemId } from "./getItemId";
+export { getRemovedElement } from "./getRemovedElement";
 export { getTextValue } from "./getTextValue";

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

@@ -54,8 +54,9 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import React, { forwardRef, useMemo } from "react";
+import cls from "classnames";
 import { useForkRef } from "@salutejs/plasma-core";
-import { cx, getSizeValueFromProp, safeUseId } from "../../utils";
+import { getSizeValueFromProp, safeUseId } from "../../utils";
 import { usePopupContext } from "../Popup";
 import { Overlay } from "../Overlay";
 import { DEFAULT_Z_INDEX } from "../Popup/utils";
@@ -70,7 +71,7 @@ import { useDrawer } from "./hooks";
 // issue #823
 export var drawerRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
-        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -84,6 +85,7 @@ export var drawerRoot = function(Root) {
             "opened",
             "initialFocusRef",
             "focusAfterRef",
+            "animationInfo",
             "className",
             "customBackgroundColor",
             "customContentBackgroundColor",
@@ -133,10 +135,11 @@ export var drawerRoot = function(Root) {
                 onClose();
             }
         };
+        var _obj;
         return /*#__PURE__*/ React.createElement(StyledPopup, _object_spread({
             id: innerId,
             ref: asModal ? innerRef : outerRef,
-            className: cx(placementClass),
+            className: cls(placementClass, className, (_obj = {}, _define_property(_obj, classes.enterCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.enter), _define_property(_obj, classes.exitCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.exit), _obj)),
             opened: innerIsOpen,
             zIndex: zIndex,
             placement: placement,
@@ -146,6 +149,7 @@ export var drawerRoot = function(Root) {
             height: innerHeight,
             offset: offset,
             withAnimation: true,
+            drawerAnimationInfo: animationInfo,
             overlay: asModal && /*#__PURE__*/ React.createElement(Root, {
                 view: view
             }, /*#__PURE__*/ React.createElement(Overlay, {
@@ -158,6 +162,7 @@ export var drawerRoot = function(Root) {
                 onOverlayClick: onDrawerOverlayKeyDown
             }))
         }, rest), /*#__PURE__*/ React.createElement(Root, {
+            className: classes.panel,
             view: view,
             size: size,
             style: {
@@ -169,8 +174,7 @@ export var drawerRoot = function(Root) {
             width: innerWidth,
             height: innerHeight,
             customBackgroundColor: customBackgroundColor,
-            customContentBackgroundColor: customContentBackgroundColor,
-            className: className
+            customContentBackgroundColor: customContentBackgroundColor
         }, children)));
     });
 };

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

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { component, mergeConfig } from "../../engines";
 import { popupClasses, popupConfig } from "../Popup";
 import { panelTokens, panelConfig } from "../Panel";
-import { classes, tokens } from "./Drawer.tokens";
+import { classes, privateTokens, tokens } from "./Drawer.tokens";
 var mergedPanelConfig = mergeConfig(panelConfig);
 var Panel = component(mergedPanelConfig);
 var Popup = component(popupConfig);
@@ -59,7 +59,7 @@ var getAnimationStyles = function() {
 };
 export var StyledPanel = styled(Panel).withConfig({
     displayName: "Drawer.styles__StyledPanel",
-    componentId: "sc-7ba5c890-0"
+    componentId: "sc-5f1f6af-0"
 })([
     "",
     ":var(",
@@ -67,7 +67,7 @@ export var StyledPanel = styled(Panel).withConfig({
 ], panelTokens.closeColor, tokens.closeIconColor);
 export var StyledPopup = styled(Popup).withConfig({
     displayName: "Drawer.styles__StyledPopup",
-    componentId: "sc-7ba5c890-1"
+    componentId: "sc-5f1f6af-1"
 })([
     "&&.",
     "{animation:fadeIn 0.2s forwards;scrollbar-gutter:stable;}&&.",
@@ -77,11 +77,21 @@ export var StyledPopup = styled(Popup).withConfig({
     " > div{width:",
     ";height:",
     ";}",
-    ""
+    " &.",
+    "{&& .",
+    "{animation:",
+    ";}}&.",
+    "{&&.",
+    " .",
+    "{animation:var(",
+    ");}}"
 ], classes.overlay, popupClasses.endAnimation, classes.overlay, popupClasses.root, popupClasses.root, function(param) {
     var width = param.width;
     return width || 'auto';
 }, function(param) {
     var height = param.height;
     return height || 'auto';
-}, getAnimationStyles());
+}, getAnimationStyles(), classes.enterCustomAnimation, popupClasses.root, function(param) {
+    var drawerAnimationInfo = param.drawerAnimationInfo;
+    return (drawerAnimationInfo === null || drawerAnimationInfo === void 0 ? void 0 : drawerAnimationInfo.enter) || "var(".concat(privateTokens.enterAnimation, ")");
+}, classes.exitCustomAnimation, popupClasses.endAnimation, popupClasses.root, privateTokens.customExitAnimation);