@salutejs/plasma-new-hope 0.340.0-canary.2305.18873573377.0 → 0.340.0-canary.2314.19038910206.0

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js

@@ -0,0 +1,296 @@
+"use strict";
+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 ChildItems () {
+        return ChildItems;
+    },
+    get DisclosureIconWrapper () {
+        return DisclosureIconWrapper;
+    },
+    get IconWrapper () {
+        return IconWrapper;
+    },
+    get ItemWrapper () {
+        return ItemWrapper;
+    },
+    get Offset () {
+        return Offset;
+    },
+    get StyledArrowLeft () {
+        return StyledArrowLeft;
+    },
+    get StyledArrowRight () {
+        return StyledArrowRight;
+    },
+    get StyledCell () {
+        return StyledCell;
+    },
+    get StyledCheckbox () {
+        return StyledCheckbox;
+    },
+    get StyledCheckboxWrapper () {
+        return StyledCheckboxWrapper;
+    },
+    get StyledIconDone () {
+        return StyledIconDone;
+    },
+    get StyledIndicator () {
+        return StyledIndicator;
+    },
+    get StyledText () {
+        return StyledText;
+    },
+    get StyledWrapper () {
+        return StyledWrapper;
+    },
+    get Wrapper () {
+        return Wrapper;
+    },
+    get sizeMap () {
+        return sizeMap;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _mixins = require("../../../../../../../mixins");
+var _engines = require("../../../../../../../engines");
+var _Checkbox = require("../../../../../../Checkbox");
+var _Cell = require("../../../../../../Cell");
+var _Indicator = require("../../../../../../Indicator");
+var _Icon = require("../../../../../../_Icon");
+var _Comboboxtokens = require("../../../../Combobox.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var ItemWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__ItemWrapper",
+    componentId: "sc-21354cd4-0"
+})([
+    ""
+]);
+var mergedCheckboxConfig = (0, _engines.mergeConfig)(_Checkbox.checkboxConfig);
+var Checkbox = (0, _engines.component)(mergedCheckboxConfig);
+var mergedCellConfig = (0, _engines.mergeConfig)(_Cell.cellConfig);
+var Cell = (0, _engines.component)(mergedCellConfig);
+var mergedIndicatorConfig = (0, _engines.mergeConfig)(_Indicator.indicatorConfig);
+var Indicator = (0, _engines.component)(mergedIndicatorConfig);
+var StyledWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__StyledWrapper",
+    componentId: "sc-21354cd4-1"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");width:100%;"
+], _Cell.cellTokens.cellTitleColor, _Comboboxtokens.constants.cellTitleColor, _Cell.cellTokens.cellBackgroundColor, _Comboboxtokens.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Comboboxtokens.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Comboboxtokens.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Comboboxtokens.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Comboboxtokens.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Comboboxtokens.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Comboboxtokens.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Comboboxtokens.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Comboboxtokens.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Comboboxtokens.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Comboboxtokens.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Comboboxtokens.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Comboboxtokens.tokens.cellTitleLineHeight);
+var StyledCell = (0, _styledcomponents.default)(Cell).withConfig({
+    displayName: "Item.styles__StyledCell",
+    componentId: "sc-21354cd4-2"
+})([
+    ""
+]);
+var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
+    displayName: "Item.styles__StyledCheckbox",
+    componentId: "sc-21354cd4-3"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], _Checkbox.checkboxTokens.triggerSize, _Comboboxtokens.tokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Comboboxtokens.tokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Comboboxtokens.tokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Comboboxtokens.tokens.checkboxIconColor, _Checkbox.checkboxTokens.triggerBorderColor, _Comboboxtokens.tokens.checkboxTriggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor, _Comboboxtokens.tokens.checkboxTriggerBorderCheckedColor, _Checkbox.checkboxTokens.triggerBorderWidth, _Comboboxtokens.tokens.checkboxTriggerBorderWidth);
+var StyledIndicator = (0, _styledcomponents.default)(Indicator).withConfig({
+    displayName: "Item.styles__StyledIndicator",
+    componentId: "sc-21354cd4-4"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], _Indicator.indicatorTokens.size, _Comboboxtokens.tokens.indicatorSize, _Indicator.indicatorTokens.color, _Comboboxtokens.tokens.itemIconColor);
+var sizeMap = {
+    xs: '1rem',
+    s: '1.5rem'
+};
+var StyledArrowLeft = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
+    displayName: "Item.styles__StyledArrowLeft",
+    componentId: "sc-21354cd4-5"
+})([
+    "width:",
+    ";height:",
+    ";&.",
+    "{transform:rotate(90deg);}"
+], function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Comboboxtokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Comboboxtokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, _Comboboxtokens.classes.arrowInverse);
+var StyledArrowRight = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
+    displayName: "Item.styles__StyledArrowRight",
+    componentId: "sc-21354cd4-6"
+})([
+    "width:",
+    ";height:",
+    ";transform:rotate(90deg);&.",
+    "{transform:rotate(-90deg);}"
+], function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Comboboxtokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Comboboxtokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, _Comboboxtokens.classes.arrowInverse);
+var StyledIconDone = (0, _styledcomponents.default)(_Icon.IconDone).withConfig({
+    displayName: "Item.styles__StyledIconDone",
+    componentId: "sc-21354cd4-7"
+})([
+    "width:",
+    ";height:",
+    ";"
+], function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Comboboxtokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Comboboxtokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+});
+var DisclosureIconWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__DisclosureIconWrapper",
+    componentId: "sc-21354cd4-8"
+})([
+    "line-height:0;color:var(",
+    ");visibility:",
+    ";&:hover{color:var(",
+    ");}"
+], _Comboboxtokens.tokens.disclosureIconColor, function(param) {
+    var visibility = param.visibility;
+    return visibility || 'visible';
+}, _Comboboxtokens.tokens.disclosureIconColorHover);
+var IconWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__IconWrapper",
+    componentId: "sc-21354cd4-9"
+})([
+    "display:flex;align-items:center;justify-content:center;flex:none;width:",
+    ";height:",
+    ";line-height:0;color:var(",
+    ");"
+], function(param) {
+    var variant = param.variant;
+    return "var(".concat(variant === 'tight' ? _Comboboxtokens.tokens.itemIconSizeTight : _Comboboxtokens.tokens.itemIconSize, ")");
+}, function(param) {
+    var variant = param.variant;
+    return "var(".concat(variant === 'tight' ? _Comboboxtokens.tokens.itemIconSizeTight : _Comboboxtokens.tokens.itemIconSize, ")");
+}, _Comboboxtokens.tokens.itemIconColor);
+var StyledText = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__StyledText",
+    componentId: "sc-21354cd4-10"
+})([
+    "",
+    ";flex:1;"
+], (0, _mixins.applyEllipsis)());
+var Wrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__Wrapper",
+    componentId: "sc-21354cd4-11"
+})([
+    "display:flex;align-items:center;gap:var(",
+    ");min-height:var(",
+    ");margin:0;box-sizing:content-box;padding:",
+    ";font-family:var(",
+    ");font-size:var(",
+    ");font-style:var(",
+    ");font-weight:var(",
+    ");letter-spacing:var(",
+    ");line-height:var(",
+    ");background-color:var(",
+    ");color:var(--text-primary);border-radius:calc(var(",
+    ") - 0.125rem - var(",
+    ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.",
+    "){cursor:pointer;background-color:var(",
+    ");}&.",
+    "{background-color:var(",
+    ");}&.",
+    "{opacity:",
+    ";cursor:not-allowed;}:focus{outline:none;}",
+    ";"
+], _Comboboxtokens.tokens.itemGap, _Comboboxtokens.tokens.itemHeight, function(param) {
+    var variant = param.variant;
+    return "var(".concat(variant === 'tight' ? _Comboboxtokens.tokens.itemPaddingTight : _Comboboxtokens.tokens.itemPadding, ")");
+}, _Comboboxtokens.tokens.fontFamily, _Comboboxtokens.tokens.fontSize, _Comboboxtokens.tokens.fontStyle, _Comboboxtokens.tokens.fontWeight, _Comboboxtokens.tokens.fontLetterSpacing, _Comboboxtokens.tokens.fontLineHeight, _Comboboxtokens.constants.itemBackground, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.classes.dropdownItemIsDisabled, _Comboboxtokens.tokens.itemBackgroundHover, _Comboboxtokens.classes.dropdownItemIsActive, _Comboboxtokens.tokens.itemBackgroundHover, _Comboboxtokens.classes.dropdownItemIsDisabled, _Comboboxtokens.constants.opacity, (0, _mixins.addFocus)({
+    outlineSize: '0',
+    outlineOffset: '0',
+    outlineColor: "var(".concat(_Comboboxtokens.constants.focusColor, ")"),
+    outlineRadius: "calc(var(".concat(_Comboboxtokens.tokens.borderRadius, ") - 0.125rem - var(").concat(_Comboboxtokens.tokens.dropdownBorderWidth, ", 0rem))"),
+    hasTransition: false,
+    customFocusRules: "\n            &.".concat(_Comboboxtokens.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: inset 0 0 0 0.0625rem var(").concat(_Comboboxtokens.constants.focusColor, ");\n            }\n        ")
+}));
+var StyledCheckboxWrapper = _styledcomponents.default.span.withConfig({
+    displayName: "Item.styles__StyledCheckboxWrapper",
+    componentId: "sc-21354cd4-12"
+})([
+    ""
+]);
+var ChildItems = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__ChildItems",
+    componentId: "sc-21354cd4-13"
+})([
+    ""
+]);
+var Offset = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__Offset",
+    componentId: "sc-21354cd4-14"
+})([
+    "width:calc(",
+    " * var(",
+    "));flex:none;margin-right:calc(var(",
+    ") * -1);"
+], function(param) {
+    var depth = param.depth;
+    return depth || 0;
+}, _Comboboxtokens.tokens.itemTreeOffsetWidth, _Comboboxtokens.tokens.itemGap);

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -6,6 +6,7 @@ _export_star(require("./Inner/Inner"), exports);
 _export_star(require("./Target/Target"), exports);
 _export_star(require("./VirtualList/VirtualList"), exports);
 _export_star(require("./SelectAll/SelectAll"), exports);
+_export_star(require("./TreeList/TreeList"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

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

@@ -471,7 +471,8 @@ var selectRoot = function(Root) {
             treePath: treePath,
             dispatchTreePath: dispatchTreePath,
             treeView: treeView,
-            valueToPathMap: valueToPathMap
+            valueToPathMap: valueToPathMap,
+            items: transformedItems
         }).onKeyDown;
         // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
         // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.

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

@@ -20,6 +20,31 @@ _export(exports, {
     }
 });
 var _treePathReducer = require("../reducers/treePathReducer");
+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 _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 _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 JUMP_SIZE = 10;
 var keys = {
     Enter: 'Enter',
@@ -43,7 +68,7 @@ var getItemByFocused = function(focusedPath, focusedToValueMap) {
     return focusedToValueMap.get(focusedPathAsString);
 };
 var useKeyNavigation = function(param) {
-    var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, treeView = param.treeView, valueToPathMap = param.valueToPathMap;
+    var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, treeView = param.treeView, valueToPathMap = param.valueToPathMap, items = param.items;
     if (treeView) {
         return keyboardNavigationTree({
             focusedPath: focusedPath,
@@ -57,7 +82,8 @@ var useKeyNavigation = function(param) {
             treePath: treePath,
             dispatchTreePath: dispatchTreePath,
             treeView: treeView,
-            valueToPathMap: valueToPathMap
+            valueToPathMap: valueToPathMap,
+            items: items
         });
     }
     return keyboardNavigationDefault({
@@ -72,7 +98,8 @@ var useKeyNavigation = function(param) {
         treePath: treePath,
         dispatchTreePath: dispatchTreePath,
         treeView: treeView,
-        valueToPathMap: valueToPathMap
+        valueToPathMap: valueToPathMap,
+        items: items
     });
 };
 var keyboardNavigationDefault = function(param) {
@@ -341,24 +368,85 @@ var keyboardNavigationDefault = function(param) {
     };
 };
 var keyboardNavigationTree = function(param) {
-    var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, valueToPathMap = param.valueToPathMap;
+    var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, valueToPathMap = param.valueToPathMap, items = param.items;
     var _currentItem_parent_items, _currentItem_parent;
-    var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
     var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
+    var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
     var currentLength = (currentItem === null || currentItem === void 0 ? void 0 : (_currentItem_parent = currentItem.parent) === null || _currentItem_parent === void 0 ? void 0 : (_currentItem_parent_items = _currentItem_parent.items) === null || _currentItem_parent_items === void 0 ? void 0 : _currentItem_parent_items.length) || pathMap.get('root') || 0;
+    var isValidFocus = function(focusCandidate) {
+        if (!Array.isArray(items) || !Array.isArray(focusCandidate)) return false;
+        var currentLevel = items;
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = focusCandidate[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var index = _step.value;
+                if (!Array.isArray(currentLevel) || index >= currentLevel.length) {
+                    return false;
+                }
+                var node = currentLevel[index];
+                currentLevel = node.items || [];
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+        return true;
+    };
     var onKeyDown = function(event) {
         switch(event.code){
             case keys.ArrowUp:
                 {
-                    if (focusedPath.length) {
-                        if (currentIndex > 0) {
+                    /**
+                 * Если список открыт и фокус уже установлен на каком-либо элементе.
+                 * */ if (focusedPath.length) {
+                        /**
+                     * Если это не первый элемент, то нужно вначале найти элемент для фокуса.
+                     * Т.к. если верхний элемент раскрыт, то и перемещаться нужно не на него,
+                     * а на его самый нижний дочерний элемент.
+                     * */ if (currentIndex > 0) {
+                            var nextFocus = _to_consumable_array(focusedPath.slice(0, -1)).concat([
+                                currentIndex - 1
+                            ]);
+                            while(nextFocus){
+                                var focusedPathAsString = nextFocus.reduce(function(acc, n) {
+                                    return "".concat(acc, "/").concat(n);
+                                }, '').replace(/^(\/)/, '');
+                                var item = focusedToValueMap.get(focusedPathAsString);
+                                var isLevelOpened = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(item.value.toString()) || []);
+                                if (isLevelOpened) {
+                                    var _item_items;
+                                    nextFocus = _to_consumable_array(nextFocus).concat([
+                                        ((item === null || item === void 0 ? void 0 : (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.length) || 0) - 1
+                                    ]);
+                                } else {
+                                    break;
+                                }
+                            }
                             dispatchFocusedPath({
-                                type: 'change_last_focus',
-                                value: currentIndex - 1
+                                type: 'set_focus',
+                                value: nextFocus
+                            });
+                        } else {
+                            /**
+                         * Если элемент первый, то нужно лишь подняться к его родителю.
+                         * */ dispatchFocusedPath({
+                                type: 'return_prev_focus'
                             });
                         }
                     } else {
-                        dispatchPath({
+                        /**
+                     * Если список закрыт, то нужно его открыть и установить фокус на первый элемент.
+                     * */ dispatchPath({
                             type: 'opened_first_level'
                         });
                         dispatchFocusedPath({
@@ -370,15 +458,61 @@ var keyboardNavigationTree = function(param) {
                 }
             case keys.ArrowDown:
                 {
-                    if (focusedPath.length) {
-                        if (currentIndex + 1 < currentLength) {
+                    /**
+                 * Если список открыт и фокус уже установлен на каком-либо элементе.
+                 * */ if (focusedPath.length) {
+                        /**
+                     * Заходим сюда если у элемента есть другие вложенные элементы.
+                     * */ if ((currentItem === null || currentItem === void 0 ? void 0 : currentItem.items) && (currentItem === null || currentItem === void 0 ? void 0 : currentItem.items.length)) {
+                            var isCurrentLevelOpened = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(currentItem.value.toString()) || []);
+                            /**
+                         * Если у этого элемента открыт его дочерний список,
+                         * то устанавливаем фокус на первый элемент из этого списка
+                         * и сразу же выходим из обработчика события.
+                         * */ if (isCurrentLevelOpened) {
+                                dispatchFocusedPath({
+                                    type: 'add_focus',
+                                    value: 0
+                                });
+                                break;
+                            }
+                        }
+                        /**
+                     * Если мы еще не достигли конца списка, то движемся к следующему элементу.
+                     * */ if (currentIndex + 1 < currentLength) {
                             dispatchFocusedPath({
                                 type: 'change_last_focus',
                                 value: currentIndex + 1
                             });
+                        } else {
+                            /**
+                         * Если же достигли последнего элемента на текущем уровне, то нужно определить,
+                         * на какой из элементов ниже мы перейдем.
+                         * Переход фокуса отсюда может быть только на уровни выше, при чем сразу на несколько.
+                         * */ var focusCandidate = _to_consumable_array(focusedPath);
+                            var nextFocus1 = null;
+                            while(focusCandidate.length > 1){
+                                focusCandidate = _to_consumable_array(focusCandidate.slice(0, -2)).concat([
+                                    (focusCandidate.at(-2) || 0) + 1
+                                ]);
+                                if (isValidFocus(focusCandidate)) {
+                                    nextFocus1 = focusCandidate;
+                                    break;
+                                }
+                            }
+                            if (nextFocus1) {
+                                dispatchFocusedPath({
+                                    type: 'set_focus',
+                                    value: nextFocus1
+                                });
+                            } else {
+                                break;
+                            }
                         }
                     } else {
-                        dispatchPath({
+                        /**
+                     * Если список закрыт, то нужно его открыть и установить фокус на первый элемент.
+                     * */ dispatchPath({
                             type: 'opened_first_level'
                         });
                         dispatchFocusedPath({
@@ -392,19 +526,10 @@ var keyboardNavigationTree = function(param) {
                 {
                     if (path[0]) {
                         if (focusedPath.length) {
-                            var isCurrentLevelOpened = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get((currentItem === null || currentItem === void 0 ? void 0 : currentItem.value.toString()) || '') || []);
-                            if (isCurrentLevelOpened) {
-                                dispatchTreePath({
-                                    type: 'toggled_level',
-                                    value: valueToPathMap.get((currentItem === null || currentItem === void 0 ? void 0 : currentItem.value.toString()) || '') || []
-                                });
-                            } else if (focusedPath.length === 1) {
-                                handleListToggle(false);
-                            } else {
-                                dispatchFocusedPath({
-                                    type: 'return_prev_focus'
-                                });
-                            }
+                            dispatchTreePath({
+                                type: 'close_level',
+                                value: valueToPathMap.get((currentItem === null || currentItem === void 0 ? void 0 : currentItem.value.toString()) || '') || []
+                            });
                         }
                     }
                     break;
@@ -412,26 +537,13 @@ var keyboardNavigationTree = function(param) {
             case keys.ArrowRight:
                 {
                     if (path[0]) {
-                        if (!focusedPath.length) {
-                            break;
-                        }
-                        if ((currentItem === null || currentItem === void 0 ? void 0 : currentItem.disabled) || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.isDisabled)) {
+                        if (!focusedPath.length || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.disabled) || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.isDisabled) || !(currentItem === null || currentItem === void 0 ? void 0 : currentItem.items)) {
                             break;
                         }
-                        if (currentItem === null || currentItem === void 0 ? void 0 : currentItem.items) {
-                            var isCurrentLevelOpened1 = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(currentItem.value.toString()) || []);
-                            if (isCurrentLevelOpened1) {
-                                dispatchFocusedPath({
-                                    type: 'add_focus',
-                                    value: 0
-                                });
-                            } else {
-                                dispatchTreePath({
-                                    type: 'toggled_level',
-                                    value: valueToPathMap.get(currentItem.value.toString()) || []
-                                });
-                            }
-                        }
+                        dispatchTreePath({
+                            type: 'open_level',
+                            value: valueToPathMap.get(currentItem.value.toString()) || []
+                        });
                     }
                     break;
                 }

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

@@ -39,6 +39,10 @@ function focusedPathReducer(state, action) {
             {
                 return [];
             }
+        case 'set_focus':
+            {
+                return action.value;
+            }
         case 'set_initial_focus':
             {
                 return [
@@ -59,6 +63,9 @@ function focusedPathReducer(state, action) {
             }
         case 'return_prev_focus':
             {
+                if (state.length === 1) {
+                    return state;
+                }
                 return state.slice(0, -1);
             }
         default:

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

@@ -90,6 +90,18 @@ function treePathReducer(state, action) {
                 }
                 return stateCopy;
             }
+        case 'open_level':
+            {
+                var stateCopy1 = (0, _utils.deepCopy)(state);
+                createObjectAtPath(stateCopy1, action.value);
+                return stateCopy1;
+            }
+        case 'close_level':
+            {
+                var stateCopy2 = (0, _utils.deepCopy)(state);
+                removeObjectAtPath(stateCopy2, action.value);
+                return stateCopy2;
+            }
         default:
             {
                 return state;

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

@@ -71,8 +71,10 @@ var TreeList = function(param) {
     }, beforeList, items === null || items === void 0 ? void 0 : items.map(function(item, index) {
         return /*#__PURE__*/ _react.default.createElement(_Item.Item, {
             key: index,
-            index: index,
-            item: item
+            item: item,
+            pathToItem: [
+                index
+            ]
         });
     }), afterList));
 };
@@ -120,7 +122,9 @@ var VirtualTreeList = function(param) {
             ref: virtualizer.measureElement
         }, /*#__PURE__*/ _react.default.createElement(_Item.Item, {
             item: items[virtualRow.index],
-            index: virtualRow.index
+            pathToItem: [
+                virtualRow.index
+            ]
         }));
     })))), afterList);
 };