@salutejs/plasma-new-hope 0.336.0-canary.2214.17668000726.0 → 0.336.0-canary.2214.17729218564.0

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

@@ -17,6 +17,7 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../utils");
 var _Paginationstyles = require("./Pagination.styles");
 var _utils1 = require("./utils");
@@ -170,9 +171,11 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var paginationRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var outerValue = _param.value, defaultValue = _param.defaultValue, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? _utils1.defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? _utils1.defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? _utils1.defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? _utils1.defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? _utils1.defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? _utils1.defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? _utils1.defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? _utils1.defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? _utils1.defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? _utils1.defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? _utils1.defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? _utils1.defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? _utils1.defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, _param_listWidth = _param.listWidth, listWidth = _param_listWidth === void 0 ? 'fit-content' : _param_listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var outerValue = _param.value, defaultValue = _param.defaultValue, helperText = _param.helperText, singleLine = _param.singleLine, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? _utils1.defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? _utils1.defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? _utils1.defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? _utils1.defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? _utils1.defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? _utils1.defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? _utils1.defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? _utils1.defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? _utils1.defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? _utils1.defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? _utils1.defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? _utils1.defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? _utils1.defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, _param_listWidth = _param.listWidth, listWidth = _param_listWidth === void 0 ? 'fit-content' : _param_listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
             "value",
             "defaultValue",
+            "helperText",
+            "singleLine",
             "perPage",
             "defaultPerPage",
             "slots",
@@ -202,11 +205,16 @@ var paginationRoot = function(Root) {
         var pageValue = outerValue !== null && outerValue !== void 0 ? outerValue : pageInner;
         var _useState1 = _sliced_to_array((0, _react.useState)(hasPerPage ? defaultPerPage || _utils1.defaultValues.perPage : undefined), 2), perPageInner = _useState1[0], setPerPageInner = _useState1[1];
         var perPageValue = outerPerPage !== null && outerPerPage !== void 0 ? outerPerPage : perPageInner;
+        var pagesRef = (0, _react.useRef)(null);
+        var _useState2 = _sliced_to_array((0, _react.useState)(0), 2), pagesWidth = _useState2[0], setPagesWidth = _useState2[1];
+        var _useState3 = _sliced_to_array((0, _react.useState)(0), 2), rootWidth = _useState3[0], setRootWidth = _useState3[1];
+        var rootRef = (0, _react.useRef)(null);
+        var forkRef = (0, _plasmacore.useForkRef)(rootRef, ref);
         var pages = Math.ceil(count / (perPageValue || 1));
         var sections = (0, _utils1.getSections)(pageValue, pages, slots);
         var typeClass = _Paginationtokens.classes["".concat(type, "Type")];
         var roundedClass = pilled ? 'circle-circle' : 'square-square';
-        var withHasPerPageSelect = hasPerPage ? _Paginationtokens.classes.withHasPerPageSelect : undefined;
+        var withHasPerPageSelect = hasPerPage && !helperText ? _Paginationtokens.classes.withHasPerPageSelect : undefined;
         var withHasQuickJump = hasQuickJump ? _Paginationtokens.classes.withHasQuickJump : undefined;
         var disabled = disabledPages.map(function(el) {
             return (0, _utils.isNumber)(el) ? Number(el) : null;
@@ -244,15 +252,43 @@ var paginationRoot = function(Root) {
         var isActiveButton = function(checkPage) {
             return pageValue === checkPage ? _Paginationtokens.classes.paginationPageButtonActive : '';
         };
+        (0, _react.useEffect)(function() {
+            var observers = [];
+            if (pagesRef.current) {
+                var pagesObserver = new ResizeObserver(function(entries) {
+                    var newWidth = entries[0].contentRect.width;
+                    setPagesWidth(newWidth);
+                });
+                pagesObserver.observe(pagesRef.current);
+                observers.push(pagesObserver);
+            }
+            if (rootRef.current) {
+                var rootObserver = new ResizeObserver(function(entries) {
+                    var newWidth = entries[0].contentRect.width;
+                    setRootWidth(newWidth);
+                });
+                rootObserver.observe(rootRef.current);
+                observers.push(rootObserver);
+            }
+            return function() {
+                observers.forEach(function(observer) {
+                    return observer.disconnect();
+                });
+            };
+        }, [
+            type
+        ]);
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             size: size,
             view: view,
             viewCurrentPage: viewCurrentPage,
             className: (0, _utils.cx)(_Paginationtokens.classes.wrapper, typeClass),
-            ref: ref
+            ref: forkRef
         }, rest), /*#__PURE__*/ _react.default.createElement(_Paginationstyles.PaginationRoot, {
             className: typeClass
-        }, /*#__PURE__*/ _react.default.createElement(_Paginationstyles.PaginationPages, null, leftContent && /*#__PURE__*/ _react.default.createElement(_Paginationstyles.PaginationButtonGroup, {
+        }, /*#__PURE__*/ _react.default.createElement(_Paginationstyles.PaginationPages, {
+            ref: pagesRef
+        }, leftContent && /*#__PURE__*/ _react.default.createElement(_Paginationstyles.PaginationButtonGroup, {
             isCommonButtonStyles: isCommonButtonStyles
         }, leftContent), sections && sections.map(function(section, indexSection) {
             return /*#__PURE__*/ _react.default.createElement(_react.Fragment, {
@@ -276,12 +312,24 @@ var paginationRoot = function(Root) {
         }), rightContent && /*#__PURE__*/ _react.default.createElement(_Paginationstyles.PaginationButtonGroup, {
             isCommonButtonStyles: isCommonButtonStyles
         }, rightContent)), /*#__PURE__*/ _react.default.createElement(_Paginationstyles.PaginationActions, {
+            style: type === 'compact' ? {
+                minWidth: '0px'
+            } : {
+                width: "calc(100% - ".concat(pagesWidth, "px)")
+            },
             className: (0, _utils.cx)(_Paginationtokens.classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)
+        }, /*#__PURE__*/ _react.default.createElement(_Paginationstyles.PaginationActionsLeft, {
+            className: typeClass
         }, hasQuickJump && /*#__PURE__*/ _react.default.createElement(_PaginationQuickJumpToPage.PaginationQuickJumpToPage, {
             placeholderQuickJump: placeholderQuickJump,
             textQuickJump: textQuickJump,
             onChangeValue: handleSetPage
-        }), hasPerPage && /*#__PURE__*/ _react.default.createElement(_PaginationSelectPerPage.PaginationSelectPerPage, {
+        }), helperText && /*#__PURE__*/ _react.default.createElement(_Paginationstyles.PaginationHelperText, {
+            className: (0, _utils.cx)(typeClass, singleLine ? _Paginationtokens.classes.ellipsisText : ''),
+            style: {
+                maxWidth: rootWidth
+            }
+        }, helperText)), hasPerPage && /*#__PURE__*/ _react.default.createElement(_PaginationSelectPerPage.PaginationSelectPerPage, {
             textPerPage: textPerPage,
             perPageValue: perPageValue,
             perPageList: perPageList,

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

@@ -12,12 +12,18 @@ _export(exports, {
     get PaginationActions () {
         return PaginationActions;
     },
+    get PaginationActionsLeft () {
+        return PaginationActionsLeft;
+    },
     get PaginationButton () {
         return PaginationButton;
     },
     get PaginationButtonGroup () {
         return PaginationButtonGroup;
     },
+    get PaginationHelperText () {
+        return PaginationHelperText;
+    },
     get PaginationPages () {
         return PaginationPages;
     },
@@ -48,37 +54,39 @@ var mergedButtonGroupConfig = (0, _engines.mergeConfig)(_ButtonGroup.buttonGroup
 var ButtonGroup = (0, _engines.component)(mergedButtonGroupConfig);
 var PaginationRoot = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationRoot",
-    componentId: "sc-123175d4-0"
+    componentId: "sc-ec0762a3-0"
 })([
     "display:flex;color:var(",
     ");&.",
-    "{display:flex;flex-direction:column;gap:0.5rem;}&.",
-    "{display:flex;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:wrap;}"
+    "{flex-direction:column;gap:0.5rem;justify-content:flex-start;}&.",
+    "{width:100%;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:nowrap;}"
 ], _Paginationtokens.tokens.paginationColor, _Paginationtokens.classes.compactType, _Paginationtokens.classes.defaultType);
 var PaginationPages = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationPages",
-    componentId: "sc-123175d4-1"
+    componentId: "sc-ec0762a3-1"
 })([
-    "display:flex;align-items:center;gap:0.25rem;margin:0 auto;"
+    "display:flex;align-items:center;gap:0.25rem;flex-shrink:0;"
 ]);
 var PaginationActions = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationActions",
-    componentId: "sc-123175d4-2"
+    componentId: "sc-ec0762a3-2"
 })([
-    "display:flex;justify-content:space-between;flex-grow:1;gap:0.625rem;&.",
+    "display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:var(",
+    ");flex-shrink:1;&.",
+    "{flex-direction:row;width:100%;flex-wrap:wrap;}&.",
     "{flex-direction:row;}&.",
     "{flex-direction:row-reverse;}&.",
     "{flex-direction:row;}"
-], _Paginationtokens.classes.compactType, _Paginationtokens.classes.withHasPerPageSelect, _Paginationtokens.classes.withHasQuickJump);
+], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.compactType, _Paginationtokens.classes.defaultType, _Paginationtokens.classes.withHasPerPageSelect, _Paginationtokens.classes.withHasQuickJump);
 var PaginationSection = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationSection",
-    componentId: "sc-123175d4-3"
+    componentId: "sc-ec0762a3-3"
 })([
     "display:flex;gap:0.125rem;"
 ]);
 var PaginationButtonGroup = (0, _styledcomponents.default)(ButtonGroup).withConfig({
     displayName: "Pagination.styles__PaginationButtonGroup",
-    componentId: "sc-123175d4-4"
+    componentId: "sc-ec0762a3-4"
 })([
     "",
     ":var(",
@@ -120,7 +128,7 @@ var PaginationButtonGroup = (0, _styledcomponents.default)(ButtonGroup).withConf
 ], _ButtonGroup.buttonGroupTokens.buttonColor, _Paginationtokens.tokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _Paginationtokens.tokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _Paginationtokens.tokens.buttonHoverColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _Paginationtokens.tokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _Paginationtokens.tokens.buttonActiveColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive, _Paginationtokens.tokens.buttonBackgroundColorActive, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _Paginationtokens.tokens.paginationFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _Paginationtokens.tokens.paginationFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _Paginationtokens.tokens.paginationFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _Paginationtokens.tokens.paginationFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _Paginationtokens.tokens.paginationLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight, _Paginationtokens.tokens.paginationLineHeight, _ButtonGroup.buttonGroupTokens.buttonWidth, _Paginationtokens.tokens.buttonWidth, _ButtonGroup.buttonGroupTokens.buttonHeight, _Paginationtokens.tokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonRadiusCircle, _Paginationtokens.tokens.buttonRadius);
 var PaginationButton = (0, _styledcomponents.default)(Button).withConfig({
     displayName: "Pagination.styles__PaginationButton",
-    componentId: "sc-123175d4-5"
+    componentId: "sc-ec0762a3-5"
 })([
     "",
     ":var(",
@@ -186,10 +194,29 @@ var PaginationButton = (0, _styledcomponents.default)(Button).withConfig({
 }));
 var PaginationShorter = (0, _styledcomponents.default)(PaginationButton).withConfig({
     displayName: "Pagination.styles__PaginationShorter",
-    componentId: "sc-123175d4-6"
+    componentId: "sc-ec0762a3-6"
 })([
     "",
     ":var(",
     ");",
     ":0;"
 ], _Button.buttonTokens.buttonWidth, _Paginationtokens.tokens.buttonWidthShorter, _Button.buttonTokens.buttonPadding);
+var PaginationActionsLeft = _styledcomponents.default.div.withConfig({
+    displayName: "Pagination.styles__PaginationActionsLeft",
+    componentId: "sc-ec0762a3-7"
+})([
+    "display:flex;align-items:center;flex-wrap:wrap;gap:var(",
+    ");.",
+    " &{min-width:0;flex-wrap:nowrap;flex-shrink:1;}"
+], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.defaultType);
+var PaginationHelperText = _styledcomponents.default.div.withConfig({
+    displayName: "Pagination.styles__PaginationHelperText",
+    componentId: "sc-ec0762a3-8"
+})([
+    "color:var(",
+    ");&.",
+    "{min-width:0;",
+    " flex-shrink:1;}&.",
+    "{",
+    "}"
+], _Paginationtokens.tokens.paginationHelperTextColor, _Paginationtokens.classes.defaultType, (0, _mixins.applyEllipsis)(), _Paginationtokens.classes.ellipsisText, (0, _mixins.applyEllipsis)());

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

@@ -22,6 +22,7 @@ var classes = {
     actions: 'pagination-actions',
     perPage: 'pagination-perpage-select',
     quickJump: 'pagination-quick-jump-page',
+    ellipsisText: 'pagination-ellipsis-text',
     selectWrapper: 'pagination-select-wrapper',
     defaultType: 'pagination-type-default',
     compactType: 'pagination-type-compact',
@@ -35,6 +36,8 @@ var classes = {
 var tokens = {
     paginationWidth: '--plasma-pagination-width',
     paginationColor: '--plasma-pagination-color',
+    paginationHelperTextColor: '--plasma-pagination-helper-text-color',
+    paginationHelperTextGap: '--plasma-pagination-helper-text-gap',
     buttonBackgroundColor: '--plasma-pagination-button-bg-color',
     buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',
     buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',

package/styled-components/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js

@@ -28,9 +28,9 @@ function _interop_require_default(obj) {
 }
 var QuickJumpToPageRoot = _styledcomponents.default.div.withConfig({
     displayName: "PaginationQuickJumpToPage.styles__QuickJumpToPageRoot",
-    componentId: "sc-baf7e727-0"
+    componentId: "sc-d437c7e1-0"
 })([
-    "display:flex;align-items:center;gap:0.5rem;font-family:var(",
+    "display:flex;align-items:center;gap:0.5rem;flex-shrink:0;font-family:var(",
     ");font-size:var(",
     ");font-style:var(",
     ");font-weight:var(",
@@ -40,13 +40,13 @@ var QuickJumpToPageRoot = _styledcomponents.default.div.withConfig({
 ], _Paginationtokens.tokens.paginationFontFamily, _Paginationtokens.tokens.paginationFontSize, _Paginationtokens.tokens.paginationFontStyle, _Paginationtokens.tokens.paginationFontWeight, _Paginationtokens.tokens.paginationLetterSpacing, _Paginationtokens.tokens.paginationLineHeight);
 var QuickJumpToPageTypography = _styledcomponents.default.div.withConfig({
     displayName: "PaginationQuickJumpToPage.styles__QuickJumpToPageTypography",
-    componentId: "sc-baf7e727-1"
+    componentId: "sc-d437c7e1-1"
 })([
-    ""
+    "white-space:nowrap;"
 ]);
 var QuickJumpToPageInput = _styledcomponents.default.input.withConfig({
     displayName: "PaginationQuickJumpToPage.styles__QuickJumpToPageInput",
-    componentId: "sc-baf7e727-2"
+    componentId: "sc-d437c7e1-2"
 })([
     "background:var(",
     ");color:var(",

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

@@ -238,6 +238,7 @@ var popoverRoot = function(Root) {
         var portalRef = (0, _react.useRef)(null);
         var targetRef = (0, _react.useRef)(null);
         var trapRef = (0, _hooks.useFocusTrap)(innerIsOpen && isFocusTrapped);
+        var uuid = (0, _utils.safeUseId)();
         var popoverForkRef = (0, _plasmacore.useForkRef)(popoverRef, trapRef);
         var _useState = _sliced_to_array((0, _react.useState)(null), 2), arrowElement = _useState[0], setArrowElement = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)(false), 2), forceRender = _useState1[1];
@@ -388,8 +389,9 @@ var popoverRoot = function(Root) {
                 portal = rootRef.current;
             }
             if (!portal) {
+                var portalId = "".concat(POPOVER_PORTAL_ID, "-").concat(uuid);
                 portal = document.createElement('div');
-                portal.setAttribute('id', POPOVER_PORTAL_ID);
+                portal.setAttribute('id', portalId);
                 if (typeof frame === 'string' && frame !== 'document') {
                     var _document_getElementById;
                     (_document_getElementById = document.getElementById(frame)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.appendChild(portal);

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

@@ -256,7 +256,7 @@ var selectRoot = function(Root) {
             items
         ]);
         // Создаем структуры для быстрой работы с деревом
-        var _usePathMaps1 = _sliced_to_array((0, _usePathMaps.usePathMaps)(transformedItems), 5), pathMap = _usePathMaps1[0], focusedToValueMap = _usePathMaps1[1], valueToCheckedMap = _usePathMaps1[2], valueToItemMap = _usePathMaps1[3], labelToItemMap = _usePathMaps1[4];
+        var _usePathMaps1 = _sliced_to_array((0, _usePathMaps.usePathMaps)(transformedItems), 4), pathMap = _usePathMaps1[0], focusedToValueMap = _usePathMaps1[1], valueToCheckedMap = _usePathMaps1[2], valueToItemMap = _usePathMaps1[3];
         var _useState = _sliced_to_array((0, _react.useState)(props.multiselect ? [] : ''), 2), internalValue = _useState[0], setInternalValue = _useState[1];
         var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
         var floatingPopoverRef = (0, _react.useRef)(null);
@@ -344,14 +344,32 @@ var selectRoot = function(Root) {
                 return;
             }
             var checkedCopy = new Map(checked);
-            if (!checkedCopy.get(item.value)) {
-                checkedCopy.set(item.value, true);
-                (0, _utils1.updateDescendants)(item, checkedCopy, true, valueToItemMap);
-            } else {
-                checkedCopy.set(item.value, false);
-                (0, _utils1.updateDescendants)(item, checkedCopy, false);
+            switch(checkedCopy.get(item.value)){
+                // Если чекбокс в состоянии indeterminate
+                case 'indeterminate':
+                    {
+                        (0, _utils1.updateDescendants)(item, checkedCopy, true, valueToItemMap);
+                        break;
+                    }
+                // Если чекбокс в состоянии checked
+                case true:
+                    {
+                        (0, _utils1.updateDescendants)(item, checkedCopy, false, valueToItemMap);
+                        checkedCopy.set(item.value, false);
+                        break;
+                    }
+                // Если чекбокс в состоянии unchecked
+                case false:
+                    {
+                        (0, _utils1.updateDescendants)(item, checkedCopy, true, valueToItemMap);
+                        checkedCopy.set(item.value, true);
+                        break;
+                    }
+                default:
+                    {
+                        break;
+                    }
             }
-            (0, _utils1.updateAncestors)(item, checkedCopy);
             var newValues = [];
             valueToItemMap.forEach(function(item, key) {
                 if (checkedCopy.get(key)) {
@@ -542,7 +560,6 @@ var selectRoot = function(Root) {
                     activeDescendantItemValue: activeDescendantItemValue,
                     isTargetAmount: isTargetAmount,
                     onChange: onChange,
-                    labelToItemMap: labelToItemMap,
                     chipView: chipView,
                     separator: separator,
                     requiredProps: requiredProps,

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

@@ -14,18 +14,16 @@ var usePathMaps = function(items) {
     var focusedToValueMap = new Map();
     var valueToCheckedMap = new Map();
     var valueToItemMap = new Map();
-    var labelToItemMap = new Map();
     pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
     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, label = item.label, innerItems = item.items;
+            var value = item.value, innerItems = item.items;
             var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
             focusedToValueMap.set(currIndex, item);
             valueToCheckedMap.set(value, false);
             if ((0, _utils.isEmpty)(innerItems) || !innerItems) {
                 valueToItemMap.set(value, item);
-                labelToItemMap.set(label, item);
             } else {
                 pathMap.set(value, innerItems.length);
                 rec(innerItems, currIndex);
@@ -37,7 +35,6 @@ var usePathMaps = function(items) {
         pathMap,
         focusedToValueMap,
         valueToCheckedMap,
-        valueToItemMap,
-        labelToItemMap
+        valueToItemMap
     ];
 };

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

@@ -53,7 +53,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 var Target = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
-    var value = param.value, opened = param.opened, valueToItemMap = param.valueToItemMap, label = param.label, placeholder = param.placeholder, onKeyDown = param.onKeyDown, labelPlacement = param.labelPlacement, size = param.size, contentLeft = param.contentLeft, disabled = param.disabled, readOnly = param.readOnly, renderValue = param.renderValue, selectProps = param.selectProps, inputWrapperRef = param.inputWrapperRef, multiselect = param.multiselect, view = param.view, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, isTargetAmount = param.isTargetAmount, onChange = param.onChange, labelToItemMap = param.labelToItemMap, chipView = param.chipView, separator = param.separator, requiredProps = param.requiredProps, hintProps = param.hintProps;
+    var value = param.value, opened = param.opened, valueToItemMap = param.valueToItemMap, label = param.label, placeholder = param.placeholder, onKeyDown = param.onKeyDown, labelPlacement = param.labelPlacement, size = param.size, contentLeft = param.contentLeft, disabled = param.disabled, readOnly = param.readOnly, renderValue = param.renderValue, selectProps = param.selectProps, inputWrapperRef = param.inputWrapperRef, multiselect = param.multiselect, view = param.view, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, isTargetAmount = param.isTargetAmount, onChange = param.onChange, chipView = param.chipView, separator = param.separator, requiredProps = param.requiredProps, hintProps = param.hintProps;
     var buttonRef = (0, _plasmacore.useForkRef)(ref, inputWrapperRef);
     if (selectProps.renderTarget) {
         return /*#__PURE__*/ _react.default.createElement("div", {
@@ -98,7 +98,6 @@ var Target = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
         valueToItemMap: valueToItemMap,
         renderValue: renderValue,
         onChange: onChange,
-        labelToItemMap: labelToItemMap,
         chipView: chipView,
         requiredProps: requiredProps,
         hintProps: hintProps,

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

@@ -12,14 +12,6 @@ var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _utils = require("../../../../utils");
 var _Selecttokens = require("../../../../Select.tokens");
 var _Textfieldstyles = require("./Textfield.styles");
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-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, {
@@ -81,12 +73,6 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-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] : {};
@@ -126,19 +112,8 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 var Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
-    var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, labelToItemMap = param.labelToItemMap, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps;
+    var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps;
     var withArrowInverse = opened ? _Selecttokens.classes.arrowInverse : undefined;
     var getValue = function() {
         var _valueToItemMap_get;
@@ -158,58 +133,44 @@ var Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
             if (value.length === 0) return [];
             if (isTargetAmount) {
                 return [
-                    "Выбрано ".concat(value.length)
+                    {
+                        value: '_removeAll',
+                        label: "Выбрано ".concat(value.length),
+                        disabled: value.every(function(val) {
+                            var _valueToItemMap_get;
+                            return valueToItemMap === null || valueToItemMap === void 0 ? void 0 : (_valueToItemMap_get = valueToItemMap.get(val)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.disabled;
+                        })
+                    }
                 ];
             }
-            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 value.map(function(value) {
+                var _valueToItemMap_get, _valueToItemMap_get1;
+                var currentLabel = renderValue ? renderValue(valueToItemMap.get(value) || {
+                    value: value,
+                    label: value.toString()
+                }) : ((_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
+                };
+            });
         }
         return [];
     };
     // Обработчик чипов
-    var handleChipsChange = function(chipLabels) {
+    var handleChipClick = function(chip) {
         if (!Array.isArray(value)) return;
-        // TODO: #1564
-        // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.
-        if (renderValue && !isTargetAmount) {
-            var resultValues = _to_consumable_array(value);
-            value.forEach(function(_, index) {
+        if (isTargetAmount) {
+            // При закрытии чипа в режиме isTargetAmount в value оставляем только disabled-элементы
+            onChange(value.filter(function(val) {
                 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 = (0, _utils.getRemovedElement)(value, resultValues, isTargetAmount);
-            onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
-                value: removedItemValue,
-                label: removedItemValue.toString()
-            } : null);
+                return valueToItemMap === null || valueToItemMap === void 0 ? void 0 : (_valueToItemMap_get = valueToItemMap.get(val)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.disabled;
+            }));
         } else {
-            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 = (0, _utils.getRemovedElement)(value, newValues, isTargetAmount);
-            var item = removedItemValue1 ? valueToItemMap.get(removedItemValue1) || {
-                value: removedItemValue1,
-                label: removedItemValue1.toString()
-            } : null;
-            onChange(newValues, item);
+            onChange(value.filter(function(val) {
+                return val !== chip.value;
+            }), valueToItemMap.get(chip.value) || null);
         }
     };
     var helperTextStopPropagation = function(event) {
@@ -248,8 +209,8 @@ var Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
         "aria-activedescendant": activeDescendantItemValue ? (0, _utils.getItemId)(treeId, activeDescendantItemValue) : ''
     }, multiselect ? {
         enumerationType: 'chip',
-        chips: getChips(),
-        onChangeChips: handleChipsChange,
+        _chips: getChips(),
+        _onChipClick: handleChipClick,
         chipType: chipType,
         chipView: chipView
     } : {

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

@@ -24,9 +24,6 @@ _export(exports, {
     get getPlacement () {
         return _getPlacement.getPlacement;
     },
-    get getRemovedElement () {
-        return _getRemovedElement.getRemovedElement;
-    },
     get getView () {
         return _getView.getView;
     },
@@ -57,4 +54,3 @@ var _getView = require("./getView");
 var _getPlacement = require("./getPlacement");
 var _getFallbackPlacements = require("./getFallbackPlacements");
 var _getItemId = require("./getItemId");
-var _getRemovedElement = require("./getRemovedElement");

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

@@ -147,7 +147,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var switchRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
-        var size = props.size, toggleSize = props.toggleSize, view = props.view, focused = props.focused, outlined = props.outlined, disabled = props.disabled, labelPosition = props.labelPosition, label = props.label, description = props.description, id = props.id, style = props.style, className = props.className, // singleLine,
+        var size = props.size, toggleSize = props.toggleSize, view = props.view, focused = props.focused, outlined = props.outlined, disabled = props.disabled, labelPosition = props.labelPosition, label = props.label, description = props.description, _props_singleLine = props.singleLine, singleLine = _props_singleLine === void 0 ? true : _props_singleLine, id = props.id, style = props.style, className = props.className, // singleLine,
         checked = props.checked, pressed = props.pressed, defaultChecked = props.defaultChecked, rest = _object_without_properties(props, [
             "size",
             "toggleSize",
@@ -158,6 +158,7 @@ var switchRoot = function(Root) {
             "labelPosition",
             "label",
             "description",
+            "singleLine",
             "id",
             "style",
             "className",
@@ -187,7 +188,8 @@ var switchRoot = function(Root) {
             defaultChecked: defaultChecked,
             disabled: disabled
         })), /*#__PURE__*/ _react.default.createElement(_Switchstyles.StyledLabel, {
-            tabIndex: -1
+            tabIndex: -1,
+            className: singleLine ? _Switchtokens.classes.singleLine : ''
         }, label), /*#__PURE__*/ _react.default.createElement(_Switchstyles.StyledTrigger, {
             "aria-hidden": true
         })), description && /*#__PURE__*/ _react.default.createElement(_Switchstyles.StyledDescription, null, description));