@salutejs/plasma-new-hope 0.339.0-canary.2291.18715632452.0 → 0.339.0-canary.2291.18777467026.0

package/cjs/components/Tree/utils/traverseTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"traverseTree.js","sources":["../../../../src/components/Tree/utils/traverseTree.ts"],"sourcesContent":["import type { Key } from 'react';\nimport cls from 'classnames/dedupe';\n\nimport { classes } from '../Tree.tokens';\nimport type { TreeItem } from '../Tree.types';\n\n// Blazing-fast хелпер для глубокого копирования объектов.\n// Ссылки на функции (React-компоненты) сохраняются.\nconst deepCopy = <T>(obj: T): T => {\n    if (obj === null || typeof obj !== 'object') {\n        return obj;\n    }\n\n    if (Array.isArray(obj)) {\n        return (obj.map((item) => deepCopy(item)) as unknown) as T;\n    }\n\n    if (\n        (obj as any).$$typeof === Symbol.for('react.element') ||\n        (obj as any).$$typeof === Symbol.for('react.fragment') ||\n        typeof (obj as any)?.$$typeof === 'symbol'\n    ) {\n        return obj;\n    }\n\n    return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, deepCopy(value)])) as T;\n};\n\n// Поиск в глубину для обхода узлов дерева.\nconst dfs = (node: TreeItem, selectedKeys: Set<Key>, rootParentsSelected: Set<Key>, parents: TreeItem[]): void => {\n    if (selectedKeys.has(node.key)) {\n        parents.forEach((parent) => {\n            parent.className = cls(parent.className, classes.treeItemHasSelectedChildren);\n        });\n    }\n\n    node.children?.forEach((childNode) => dfs(childNode, selectedKeys, rootParentsSelected, [...parents, node]));\n\n    if (rootParentsSelected.has(parents.filter((parent) => parent.key !== 'root')[0]?.key)) {\n        node.className = cls(node.className, classes.treeItemPrimaryBackground);\n    }\n\n    if (!node.children) {\n        node.className = cls(node.className, classes.treeLeafNode);\n    }\n};\n\nconst getRootParentsSelectedChildren = (node: TreeItem, selectedKeysSet: Set<Key>) => {\n    const rootParentsSelected = new Set<Key>();\n\n    const dfs = (node: TreeItem, currentRootParentKey: Key) => {\n        if (rootParentsSelected.has(currentRootParentKey)) {\n            return;\n        }\n\n        if (selectedKeysSet.has(node.key)) {\n            rootParentsSelected.add(currentRootParentKey);\n        }\n\n        if (node.children) {\n            node.children.forEach((childNode) => {\n                dfs(childNode, currentRootParentKey);\n            });\n        }\n    };\n\n    if (node.children) {\n        node.children.forEach((rootNode) => {\n            dfs(rootNode, rootNode.key);\n        });\n    }\n\n    return rootParentsSelected;\n};\n\n// Перебираем и клонируем элементы в дереве, а также добавляем к ним класснеймы.\nexport const traverseTree = (items: TreeItem[], selectedKeys?: Key[]): TreeItem[] => {\n    const selectedKeysSet = new Set(selectedKeys);\n\n    const copyItems = deepCopy(items);\n\n    const rootParentsSelected = getRootParentsSelectedChildren({ key: 'root', children: copyItems }, selectedKeysSet);\n\n    copyItems.forEach((item) => {\n        dfs(item, selectedKeysSet, rootParentsSelected, [item]);\n    });\n\n    return copyItems;\n};\n"],"names":["deepCopy","obj","_typeof","Array","isArray","map","item","$$typeof","Symbol","Object","fromEntries","entries","_ref","_ref2","_slicedToArray","key","value","dfs","node","selectedKeys","rootParentsSelected","parents","_node$children","_parents$filter$","has","forEach","parent","className","cls","classes","treeItemHasSelectedChildren","children","childNode","concat","_toConsumableArray","filter","treeItemPrimaryBackground","treeLeafNode","getRootParentsSelectedChildren","selectedKeysSet","Set","currentRootParentKey","add","rootNode","traverseTree","items","copyItems"],"mappings":"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"}
+{"version":3,"file":"traverseTree.js","sources":["../../../../src/components/Tree/utils/traverseTree.ts"],"sourcesContent":["import type { Key } from 'react';\nimport cls from 'classnames/dedupe';\nimport { deepCopy } from 'src/utils';\n\nimport { classes } from '../Tree.tokens';\nimport type { TreeItem } from '../Tree.types';\n\n// Поиск в глубину для обхода узлов дерева.\nconst dfs = (node: TreeItem, selectedKeys: Set<Key>, rootParentsSelected: Set<Key>, parents: TreeItem[]): void => {\n    if (selectedKeys.has(node.key)) {\n        parents.forEach((parent) => {\n            parent.className = cls(parent.className, classes.treeItemHasSelectedChildren);\n        });\n    }\n\n    node.children?.forEach((childNode) => dfs(childNode, selectedKeys, rootParentsSelected, [...parents, node]));\n\n    if (rootParentsSelected.has(parents.filter((parent) => parent.key !== 'root')[0]?.key)) {\n        node.className = cls(node.className, classes.treeItemPrimaryBackground);\n    }\n\n    if (!node.children) {\n        node.className = cls(node.className, classes.treeLeafNode);\n    }\n};\n\nconst getRootParentsSelectedChildren = (node: TreeItem, selectedKeysSet: Set<Key>) => {\n    const rootParentsSelected = new Set<Key>();\n\n    const dfs = (node: TreeItem, currentRootParentKey: Key) => {\n        if (rootParentsSelected.has(currentRootParentKey)) {\n            return;\n        }\n\n        if (selectedKeysSet.has(node.key)) {\n            rootParentsSelected.add(currentRootParentKey);\n        }\n\n        if (node.children) {\n            node.children.forEach((childNode) => {\n                dfs(childNode, currentRootParentKey);\n            });\n        }\n    };\n\n    if (node.children) {\n        node.children.forEach((rootNode) => {\n            dfs(rootNode, rootNode.key);\n        });\n    }\n\n    return rootParentsSelected;\n};\n\n// Перебираем и клонируем элементы в дереве, а также добавляем к ним класснеймы.\nexport const traverseTree = (items: TreeItem[], selectedKeys?: Key[]): TreeItem[] => {\n    const selectedKeysSet = new Set(selectedKeys);\n\n    const copyItems = deepCopy(items);\n\n    const rootParentsSelected = getRootParentsSelectedChildren({ key: 'root', children: copyItems }, selectedKeysSet);\n\n    copyItems.forEach((item) => {\n        dfs(item, selectedKeysSet, rootParentsSelected, [item]);\n    });\n\n    return copyItems;\n};\n"],"names":["dfs","node","selectedKeys","rootParentsSelected","parents","_node$children","_parents$filter$","has","key","forEach","parent","className","cls","classes","treeItemHasSelectedChildren","children","childNode","concat","_toConsumableArray","filter","treeItemPrimaryBackground","treeLeafNode","getRootParentsSelectedChildren","selectedKeysSet","Set","currentRootParentKey","add","rootNode","traverseTree","items","copyItems","deepCopy","item"],"mappings":"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"}

package/cjs/index.css

@@ -708,6 +708,25 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
 
+
+.Item_styles_i0dby2_s14rxgk6__158876c7{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellContent__158876c7,.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextbox__158876c7{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7{position:relative;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7:before{content:' ';visibility:hidden;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+
+.Item_styles_i0dby2_s1t6abbl__158876c7{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
+.Item_styles_i0dby2_swduayr__158876c7{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
+.Item_styles_i0dby2_s1r3fsvz__158876c7{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.Item_styles_i0dby2_s1r3fsvz__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
+.Item_styles_i0dby2_s1us4s6s__158876c7{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_i0dby2_s1us4s6s__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
+.Item_styles_i0dby2_s14lzt5m__158876c7{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
+.Item_styles_i0dby2_d1178nq__158876c7{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.Item_styles_i0dby2_d1178nq__158876c7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.Item_styles_i0dby2_i1noc5rg__158876c7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
+.Item_styles_i0dby2_s1azt70o__158876c7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_i0dby2_wa9o46g__158876c7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_i0dby2_wa9o46g__158876c7:hover:not(.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsActive__158876c7{background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_i0dby2_wa9o46g__158876c7:focus{outline:none;}.Item_styles_i0dby2_wa9o46g__158876c7::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsFocused__158876c7:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+
+
+.Item_styles_i0dby2_o1888l7c__158876c7{width:calc(var(--o1888l7c-0) * var(--plasma-select-item-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
+
+.TreeList_styles_1t38mek_lm92bs9__3097faae{width:100%;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.TreeList_styles_1t38mek_s12qznqt__3097faae{max-height:var(--s12qznqt-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
+
 .Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
 .Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 

package/cjs/index.js

@@ -39,6 +39,7 @@ var createEvent = require('./utils/createEvent.js');
 var noop = require('./utils/noop.js');
 var getHeightAsNumber = require('./utils/getHeightAsNumber.js');
 var createConditionalComponent = require('./utils/createConditionalComponent.js');
+var deepCopy = require('./utils/deepCopy.js');
 var fixedForwardRef = require('./utils/fixedForwardRef.js');
 var getPopoverPlacement = require('./utils/getPopoverPlacement.js');
 var initialValuesHelper = require('./utils/initialValuesHelper.js');
@@ -374,6 +375,7 @@ exports.createEvent = createEvent.createEvent;
 exports.noop = noop.noop;
 exports.getHeightAsNumber = getHeightAsNumber.getHeightAsNumber;
 exports.createConditionalComponent = createConditionalComponent.createConditionalComponent;
+exports.deepCopy = deepCopy.deepCopy;
 exports.fixedForwardRef = fixedForwardRef.fixedForwardRef;
 exports.getPlacement = getPopoverPlacement.getPlacement;
 exports.getPlacements = getPopoverPlacement.getPlacements;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/utils/deepCopy.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
+
+// Blazing-fast хелпер для глубокого копирования объектов.
+// Ссылки на функции (React-компоненты) сохраняются.
+var deepCopy = function deepCopy(obj) {
+  if (obj === null || _rollupPluginBabelHelpers.typeof(obj) !== 'object') {
+    return obj;
+  }
+  if (Array.isArray(obj)) {
+    return obj.map(function (item) {
+      return deepCopy(item);
+    });
+  }
+  if (obj.$$typeof === Symbol["for"]('react.element') || obj.$$typeof === Symbol["for"]('react.fragment') || _rollupPluginBabelHelpers.typeof(obj === null || obj === void 0 ? void 0 : obj.$$typeof) === 'symbol') {
+    return obj;
+  }
+  return Object.fromEntries(Object.entries(obj).map(function (_ref) {
+    var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return [key, deepCopy(value)];
+  }));
+};
+
+exports.deepCopy = deepCopy;
+//# sourceMappingURL=deepCopy.js.map

package/cjs/utils/deepCopy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deepCopy.js","sources":["../../src/utils/deepCopy.ts"],"sourcesContent":["// Blazing-fast хелпер для глубокого копирования объектов.\n// Ссылки на функции (React-компоненты) сохраняются.\nexport const deepCopy = <T>(obj: T): T => {\n    if (obj === null || typeof obj !== 'object') {\n        return obj;\n    }\n\n    if (Array.isArray(obj)) {\n        return (obj.map((item) => deepCopy(item)) as unknown) as T;\n    }\n\n    if (\n        (obj as any).$$typeof === Symbol.for('react.element') ||\n        (obj as any).$$typeof === Symbol.for('react.fragment') ||\n        typeof (obj as any)?.$$typeof === 'symbol'\n    ) {\n        return obj;\n    }\n\n    return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, deepCopy(value)])) as T;\n};\n"],"names":["deepCopy","obj","_typeof","Array","isArray","map","item","$$typeof","Symbol","Object","fromEntries","entries","_ref","_ref2","_slicedToArray","key","value"],"mappings":";;;;;;AAAA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAOC,GAAM,EAAQ;EACtC,IAAIA,GAAG,KAAK,IAAI,IAAIC,gCAAA,CAAOD,GAAG,CAAK,KAAA,QAAQ,EAAE;AACzC,IAAA,OAAOA,GAAG,CAAA;AACd,GAAA;AAEA,EAAA,IAAIE,KAAK,CAACC,OAAO,CAACH,GAAG,CAAC,EAAE;AACpB,IAAA,OAAQA,GAAG,CAACI,GAAG,CAAC,UAACC,IAAI,EAAA;MAAA,OAAKN,QAAQ,CAACM,IAAI,CAAC,CAAA;KAAC,CAAA,CAAA;AAC7C,GAAA;AAEA,EAAA,IACKL,GAAG,CAASM,QAAQ,KAAKC,MAAM,CAAA,KAAA,CAAI,CAAC,eAAe,CAAC,IACpDP,GAAG,CAASM,QAAQ,KAAKC,MAAM,CAAI,KAAA,CAAA,CAAC,gBAAgB,CAAC,IACtDN,gCAAA,CAAQD,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAUM,QAAQ,CAAA,KAAK,QAAQ,EAC5C;AACE,IAAA,OAAON,GAAG,CAAA;AACd,GAAA;AAEA,EAAA,OAAOQ,MAAM,CAACC,WAAW,CAACD,MAAM,CAACE,OAAO,CAACV,GAAG,CAAC,CAACI,GAAG,CAAC,UAAAO,IAAA,EAAA;AAAA,IAAA,IAAAC,KAAA,GAAAC,uCAAA,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAEG,MAAAA,GAAG,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,KAAK,GAAAH,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OAAM,CAACE,GAAG,EAAEf,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAA;AAAA,GAAA,CAAC,CAAC,CAAA;AAChG;;;;"}

package/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;AAiBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\nexport { deepCopy } from './deepCopy';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;AAkBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;;"}

package/emotion/cjs/components/Select/Select.js

@@ -178,7 +178,7 @@ var selectRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var _getItemByFocused;
         var // eslint-disable-block @typescript-eslint/ban-ts-comment
-        id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
+        id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
         _offset = props._offset, // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.
         // @ts-ignore
         required = props.required, // @ts-ignore
@@ -199,6 +199,8 @@ var selectRoot = function(Root) {
             "onChange",
             "target",
             "items",
+            "treeView",
+            "arrowPlacement",
             "placement",
             "label",
             "labelPlacement",
@@ -257,13 +259,14 @@ var selectRoot = function(Root) {
             items
         ]);
         // Создаем структуры для быстрой работы с деревом
-        var _usePathMaps1 = _sliced_to_array((0, _usePathMaps.usePathMaps)(transformedItems), 4), pathMap = _usePathMaps1[0], focusedToValueMap = _usePathMaps1[1], valueToCheckedMap = _usePathMaps1[2], valueToItemMap = _usePathMaps1[3];
+        var _usePathMaps1 = _sliced_to_array((0, _usePathMaps.usePathMaps)(transformedItems), 5), pathMap = _usePathMaps1[0], focusedToValueMap = _usePathMaps1[1], valueToCheckedMap = _usePathMaps1[2], valueToItemMap = _usePathMaps1[3], valueToPathMap = _usePathMaps1[4];
         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);
         // Состояния дерева элементов
         var _useReducer = _sliced_to_array((0, _react.useReducer)(_reducers.pathReducer, []), 2), path = _useReducer[0], dispatchPath = _useReducer[1];
-        var _useReducer1 = _sliced_to_array((0, _react.useReducer)(_reducers.focusedPathReducer, []), 2), focusedPath = _useReducer1[0], dispatchFocusedPath = _useReducer1[1];
+        var _useReducer1 = _sliced_to_array((0, _react.useReducer)(_reducers.treePathReducer, {}), 2), treePath = _useReducer1[0], dispatchTreePath = _useReducer1[1];
+        var _useReducer2 = _sliced_to_array((0, _react.useReducer)(_reducers.focusedPathReducer, []), 2), focusedPath = _useReducer2[0], dispatchFocusedPath = _useReducer2[1];
         var _useState1 = _sliced_to_array((0, _react.useState)(valueToCheckedMap), 2), checked = _useState1[0], setChecked = _useState1[1];
         var isCurrentListOpen = Boolean(path[0]);
         var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
@@ -332,6 +335,9 @@ var selectRoot = function(Root) {
                 dispatchPath({
                     type: 'reset'
                 });
+                dispatchTreePath({
+                    type: 'reset'
+                });
                 // Скроллим чипы к левому краю при закрытии компонента
                 var el = rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelector('.input-scrollable-wrapper');
                 if (multiselect && value.length > 0 && el) {
@@ -394,6 +400,9 @@ var selectRoot = function(Root) {
                 dispatchFocusedPath({
                     type: 'reset'
                 });
+                dispatchTreePath({
+                    type: 'reset'
+                });
             }
             if (onChange) {
                 onChange(newValues, item);
@@ -418,6 +427,9 @@ var selectRoot = function(Root) {
                 dispatchFocusedPath({
                     type: 'reset'
                 });
+                dispatchTreePath({
+                    type: 'reset'
+                });
             }
             // Закрываем список, если элемент уже выбран.
             if (mode === 'radio' && isCurrentChecked) {
@@ -455,7 +467,11 @@ var selectRoot = function(Root) {
             pathMap: pathMap,
             focusedToValueMap: focusedToValueMap,
             handleListToggle: handleListToggle,
-            handlePressDown: handlePressDown
+            handlePressDown: handlePressDown,
+            treePath: treePath,
+            dispatchTreePath: dispatchTreePath,
+            treeView: treeView,
+            valueToPathMap: valueToPathMap
         }).onKeyDown;
         // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
         // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
@@ -530,7 +546,11 @@ var selectRoot = function(Root) {
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
                 // eslint-disable-next-line no-underscore-dangle
-                _checkboxAppearance: rest._checkboxAppearance
+                _checkboxAppearance: rest._checkboxAppearance,
+                treePath: treePath,
+                dispatchTreePath: dispatchTreePath,
+                arrowPlacement: arrowPlacement,
+                valueToPathMap: valueToPathMap
             }
         }, /*#__PURE__*/ _react.default.createElement(_FloatingPopover.FloatingPopover, {
             ref: floatingPopoverRef,
@@ -579,7 +599,14 @@ var selectRoot = function(Root) {
             chipView: chipView,
             disabled: disabled,
             readOnly: readOnly
-        }, rest), /*#__PURE__*/ _react.default.createElement(_Selectstyles.ListWrapper, {
+        }, rest), treeView ? /*#__PURE__*/ _react.default.createElement(_ui.TreeList, {
+            items: items,
+            listMaxHeight: listMaxHeight,
+            onScroll: virtual ? undefined : handleScroll,
+            virtual: virtual,
+            beforeList: beforeList,
+            afterList: afterList
+        }) : /*#__PURE__*/ _react.default.createElement(_Selectstyles.ListWrapper, {
             ref: listWrapperRef,
             listWidth: listWidth
         }, /*#__PURE__*/ _react.default.createElement(_Selectstyles.Ul, {

package/emotion/cjs/components/Select/Select.tokens.js

@@ -54,6 +54,8 @@ var tokens = {
     itemDisabledOpacity: '--plasma-select-item-disabled-opacity',
     itemDisabledColor: '--plasma-select-item-disabled-color',
     itemIconColor: '--plasma-select-item-icon-color',
+    itemGap: '--plasma-select-item-gap',
+    itemTreeOffsetWidth: '--plasma-select-item-tree-offset-width',
     cellPadding: '--plasma-select-cell-padding',
     cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',
     cellPaddingContent: '--plasma-select-cell-padding-content',

package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js

@@ -19,6 +19,7 @@ _export(exports, {
         return useKeyNavigation;
     }
 });
+var _treePathReducer = require("../reducers/treePathReducer");
 var JUMP_SIZE = 10;
 var keys = {
     Enter: 'Enter',
@@ -42,6 +43,39 @@ 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;
+    if (treeView) {
+        return keyboardNavigationTree({
+            focusedPath: focusedPath,
+            dispatchFocusedPath: dispatchFocusedPath,
+            path: path,
+            dispatchPath: dispatchPath,
+            pathMap: pathMap,
+            focusedToValueMap: focusedToValueMap,
+            handleListToggle: handleListToggle,
+            handlePressDown: handlePressDown,
+            treePath: treePath,
+            dispatchTreePath: dispatchTreePath,
+            treeView: treeView,
+            valueToPathMap: valueToPathMap
+        });
+    }
+    return keyboardNavigationDefault({
+        focusedPath: focusedPath,
+        dispatchFocusedPath: dispatchFocusedPath,
+        path: path,
+        dispatchPath: dispatchPath,
+        pathMap: pathMap,
+        focusedToValueMap: focusedToValueMap,
+        handleListToggle: handleListToggle,
+        handlePressDown: handlePressDown,
+        treePath: treePath,
+        dispatchTreePath: dispatchTreePath,
+        treeView: treeView,
+        valueToPathMap: valueToPathMap
+    });
+};
+var keyboardNavigationDefault = 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;
     var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
     var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
@@ -306,3 +340,135 @@ var useKeyNavigation = function(param) {
         onKeyDown: onKeyDown
     };
 };
+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 _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 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 onKeyDown = function(event) {
+        switch(event.code){
+            case keys.ArrowUp:
+                {
+                    if (focusedPath.length) {
+                        if (currentIndex > 0) {
+                            dispatchFocusedPath({
+                                type: 'change_last_focus',
+                                value: currentIndex - 1
+                            });
+                        }
+                    } else {
+                        dispatchPath({
+                            type: 'opened_first_level'
+                        });
+                        dispatchFocusedPath({
+                            type: 'set_initial_focus'
+                        });
+                        handleListToggle(true);
+                    }
+                    break;
+                }
+            case keys.ArrowDown:
+                {
+                    if (focusedPath.length) {
+                        if (currentIndex + 1 < currentLength) {
+                            dispatchFocusedPath({
+                                type: 'change_last_focus',
+                                value: currentIndex + 1
+                            });
+                        }
+                    } else {
+                        dispatchPath({
+                            type: 'opened_first_level'
+                        });
+                        dispatchFocusedPath({
+                            type: 'set_initial_focus'
+                        });
+                        handleListToggle(true);
+                    }
+                    break;
+                }
+            case keys.ArrowLeft:
+                {
+                    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'
+                                });
+                            }
+                        }
+                    }
+                    break;
+                }
+            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)) {
+                            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()) || []
+                                });
+                            }
+                        }
+                    }
+                    break;
+                }
+            case keys.Space:
+            case keys.Enter:
+                {
+                    event.preventDefault();
+                    if (!path[0]) {
+                        dispatchPath({
+                            type: 'opened_first_level'
+                        });
+                        dispatchFocusedPath({
+                            type: 'set_initial_focus'
+                        });
+                        break;
+                    }
+                    if (!currentItem || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.disabled) || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.isDisabled)) {
+                        break;
+                    }
+                    handlePressDown(currentItem);
+                    break;
+                }
+            case keys.Tab:
+            case keys.Escape:
+                {
+                    if (path[0]) {
+                        handleListToggle(false);
+                    }
+                    break;
+                }
+            default:
+                {
+                    break;
+                }
+        }
+    };
+    return {
+        onKeyDown: onKeyDown
+    };
+};

package/emotion/cjs/components/Select/hooks/usePathMaps.js

@@ -9,24 +9,55 @@ Object.defineProperty(exports, "usePathMaps", {
     }
 });
 var _utils = require("../../../utils");
+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 usePathMaps = function(items) {
     var pathMap = new Map();
     var focusedToValueMap = new Map();
     var valueToCheckedMap = new Map();
     var valueToItemMap = new Map();
+    var valueToPathMap = 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] : '';
+        var prevIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '', path = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
         items === null || items === void 0 ? void 0 : items.forEach(function(item, index) {
             var value = item.value, innerItems = item.items;
             var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
             focusedToValueMap.set(currIndex, item);
             valueToCheckedMap.set(value, false);
+            valueToPathMap.set(value.toString(), _to_consumable_array(path).concat([
+                value.toString()
+            ]));
             if ((0, _utils.isEmpty)(innerItems) || !innerItems) {
                 valueToItemMap.set(value, item);
             } else {
                 pathMap.set(value, innerItems.length);
-                rec(innerItems, currIndex);
+                rec(innerItems, currIndex, _to_consumable_array(path).concat([
+                    value.toString()
+                ]));
             }
         });
     };
@@ -35,6 +66,7 @@ var usePathMaps = function(items) {
         pathMap,
         focusedToValueMap,
         valueToCheckedMap,
-        valueToItemMap
+        valueToItemMap,
+        valueToPathMap
     ];
 };

package/emotion/cjs/components/Select/reducers/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 _export_star(require("./pathReducer"), exports);
 _export_star(require("./focusedPathReducer"), exports);
+_export_star(require("./treePathReducer"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/emotion/cjs/components/Select/reducers/treePathReducer.js

@@ -0,0 +1,98 @@
+"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 keyExists () {
+        return keyExists;
+    },
+    get treePathReducer () {
+        return treePathReducer;
+    }
+});
+var _utils = require("../../../utils");
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var keyExists = function(obj, path) {
+    if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null || !Array.isArray(path)) {
+        return false;
+    }
+    var current = obj;
+    for(var i = 0; i < path.length; i++){
+        var key = path[i];
+        if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
+            return false;
+        }
+        current = current[key];
+    }
+    return true;
+};
+function createObjectAtPath(obj, path) {
+    if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null) {
+        return;
+    }
+    var current = obj;
+    for(var i = 0; i < path.length; i++){
+        var key = path[i];
+        if (i === path.length - 1) {
+            current[key] = {};
+            break;
+        }
+        if (current[key] === undefined || current[key] === null) {
+            current[key] = {};
+        }
+        current = current[key];
+    }
+    return obj;
+}
+function removeObjectAtPath(obj, path) {
+    if (path.length === 0) {
+        return obj;
+    }
+    var current = obj;
+    for(var i = 0; i < path.length; i++){
+        var key = path[i];
+        if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
+            return obj;
+        }
+        if (i === path.length - 1) {
+            delete current[key];
+            break;
+        }
+        current = current[key];
+    }
+    return obj;
+}
+function treePathReducer(state, action) {
+    switch(action.type){
+        case 'reset':
+            {
+                return {};
+            }
+        case 'toggled_level':
+            {
+                var stateCopy = (0, _utils.deepCopy)(state);
+                var isTargetLevelOpened = keyExists(stateCopy, action.value);
+                if (isTargetLevelOpened) {
+                    // нужно закрыть текущий уровень
+                    removeObjectAtPath(stateCopy, action.value);
+                } else {
+                    // нужно открыть требуемый уровень
+                    createObjectAtPath(stateCopy, action.value);
+                }
+                return stateCopy;
+            }
+        default:
+            {
+                return state;
+            }
+    }
+}