@salutejs/plasma-new-hope 0.336.0-canary.2210.17550717632.0 → 0.336.0-canary.2210.17574972381.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/CodeField/CodeField.css +7 -7
- package/cjs/components/CodeField/CodeField.styles.js +1 -1
- package/cjs/components/CodeField/CodeField.styles.js.map +1 -1
- package/cjs/components/CodeField/{CodeField.styles_7tebk.css → CodeField.styles_14p25hi.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +6 -6
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -23
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +3 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_isfa46.css → Combobox.styles_261unw.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -5
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
- package/cjs/components/Drawer/hooks/useDrawer.js +12 -0
- package/cjs/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.css +2 -2
- package/cjs/components/Dropdown/Dropdown.js +6 -10
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +2 -9
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/{es/components/Dropdown/Dropdown.styles_zheit5.css → cjs/components/Dropdown/Dropdown.styles_kkvnr1.css} +1 -1
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -9
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +2 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/cjs/components/Select/Select.css +2 -2
- package/cjs/components/Select/Select.js +4 -3
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +3 -4
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/{es/components/Select/Select.styles_bjoo18.css → cjs/components/Select/Select.styles_dta4dl.css} +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +2 -2
- package/cjs/components/Select/ui/Inner/Inner.js +11 -5
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Table/Table.css +2 -2
- package/cjs/components/Table/ui/Cell/Cell.css +2 -2
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +2 -2
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +2 -2
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
- package/cjs/index.css +17 -17
- package/emotion/cjs/components/CodeField/CodeField.styles.js +13 -13
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +20 -22
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +16 -16
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +50 -9
- package/emotion/cjs/components/Drawer/hooks/useDrawer.js +11 -0
- package/emotion/cjs/components/Dropdown/Dropdown.js +6 -10
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +5 -8
- package/emotion/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +48 -11
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/emotion/cjs/components/Select/Select.js +4 -2
- package/emotion/cjs/components/Select/Select.styles.js +8 -8
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +50 -9
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/es/components/CodeField/CodeField.styles.js +13 -13
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +20 -22
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +16 -16
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -6
- package/emotion/es/components/Drawer/hooks/useDrawer.js +11 -0
- package/emotion/es/components/Dropdown/Dropdown.js +6 -10
- package/emotion/es/components/Dropdown/Dropdown.styles.js +5 -8
- package/emotion/es/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -8
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/emotion/es/components/Select/Select.js +4 -2
- package/emotion/es/components/Select/Select.styles.js +8 -8
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/es/components/Select/ui/Inner/Inner.js +11 -6
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/es/components/CodeField/CodeField.css +7 -7
- package/es/components/CodeField/CodeField.styles.js +1 -1
- package/es/components/CodeField/CodeField.styles.js.map +1 -1
- package/es/components/CodeField/{CodeField.styles_7tebk.css → CodeField.styles_14p25hi.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +6 -6
- package/es/components/Combobox/ComboboxNew/Combobox.js +22 -23
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +3 -4
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/{Combobox.styles_isfa46.css → Combobox.styles_261unw.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +12 -6
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
- package/es/components/Drawer/hooks/useDrawer.js +12 -0
- package/es/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.css +2 -2
- package/es/components/Dropdown/Dropdown.js +6 -10
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +2 -9
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/{cjs/components/Dropdown/Dropdown.styles_zheit5.css → es/components/Dropdown/Dropdown.styles_kkvnr1.css} +1 -1
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +10 -10
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Pagination/Pagination.css +2 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/es/components/Select/Select.css +2 -2
- package/es/components/Select/Select.js +4 -3
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +3 -4
- package/es/components/Select/Select.styles.js.map +1 -1
- package/{cjs/components/Select/Select.styles_bjoo18.css → es/components/Select/Select.styles_dta4dl.css} +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +2 -2
- package/es/components/Select/ui/Inner/Inner.js +12 -6
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Table/Table.css +2 -2
- package/es/components/Table/ui/Cell/Cell.css +2 -2
- package/es/components/Table/ui/EditableCell/EditableCell.css +2 -2
- package/es/components/Table/ui/HeadCell/HeadCell.css +2 -2
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
- package/es/index.css +17 -17
- package/package.json +2 -2
- package/styled-components/cjs/components/CodeField/CodeField.styles.js +7 -7
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +20 -22
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +9 -9
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +50 -9
- package/styled-components/cjs/components/Drawer/hooks/useDrawer.js +11 -0
- package/styled-components/cjs/components/Dropdown/Dropdown.js +6 -10
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +3 -7
- package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +48 -11
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/styled-components/cjs/components/Select/Select.js +4 -2
- package/styled-components/cjs/components/Select/Select.styles.js +5 -5
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +50 -9
- package/styled-components/es/components/CodeField/CodeField.styles.js +7 -7
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +20 -22
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +9 -9
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -6
- package/styled-components/es/components/Drawer/hooks/useDrawer.js +11 -0
- package/styled-components/es/components/Dropdown/Dropdown.js +6 -10
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +3 -7
- package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -8
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/styled-components/es/components/Select/Select.js +4 -2
- package/styled-components/es/components/Select/Select.styles.js +5 -5
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/es/components/Select/ui/Inner/Inner.js +11 -6
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/Autocomplete/Autocomplete.types.d.ts +6 -6
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/CodeField/CodeField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +0 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +6 -6
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts +2 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts +6 -2
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Drawer/hooks/useDrawer.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts +4 -4
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +0 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +6 -6
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +2 -3
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +7 -3
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +6 -6
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +0 -1
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +10 -10
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.type.d.ts +2 -1
- package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +11 -3
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +6 -6
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts +40 -40
- package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/Dropdown/Dropdown.d.ts +2 -2
- package/types/examples/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +6 -6
- package/types/examples/components/Select/Select.d.ts.map +1 -1
@@ -8,19 +8,55 @@ Object.defineProperty(exports, "Inner", {
|
|
8
8
|
return Inner;
|
9
9
|
}
|
10
10
|
});
|
11
|
-
var _react = /*#__PURE__*/
|
11
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
12
12
|
var _utils = require("../../../../../utils");
|
13
13
|
var _FloatingPopover = require("../../FloatingPopover");
|
14
14
|
var _utils1 = require("../../../../../utils");
|
15
15
|
var _Comboboxstyles = require("../../Combobox.styles");
|
16
16
|
var _ui = require("./ui");
|
17
|
-
function
|
18
|
-
|
19
|
-
|
17
|
+
function _getRequireWildcardCache(nodeInterop) {
|
18
|
+
if (typeof WeakMap !== "function") return null;
|
19
|
+
var cacheBabelInterop = new WeakMap();
|
20
|
+
var cacheNodeInterop = new WeakMap();
|
21
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
22
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
23
|
+
})(nodeInterop);
|
24
|
+
}
|
25
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
26
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
27
|
+
return obj;
|
28
|
+
}
|
29
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
30
|
+
return {
|
31
|
+
default: obj
|
32
|
+
};
|
33
|
+
}
|
34
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
35
|
+
if (cache && cache.has(obj)) {
|
36
|
+
return cache.get(obj);
|
37
|
+
}
|
38
|
+
var newObj = {
|
39
|
+
__proto__: null
|
20
40
|
};
|
41
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
42
|
+
for(var key in obj){
|
43
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
44
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
45
|
+
if (desc && (desc.get || desc.set)) {
|
46
|
+
Object.defineProperty(newObj, key, desc);
|
47
|
+
} else {
|
48
|
+
newObj[key] = obj[key];
|
49
|
+
}
|
50
|
+
}
|
51
|
+
}
|
52
|
+
newObj.default = obj;
|
53
|
+
if (cache) {
|
54
|
+
cache.set(obj, newObj);
|
55
|
+
}
|
56
|
+
return newObj;
|
21
57
|
}
|
22
58
|
var Inner = function(param) {
|
23
|
-
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth;
|
59
|
+
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth, portal = param.portal;
|
24
60
|
var handleToggle = function(opened) {
|
25
61
|
if (opened) {
|
26
62
|
dispatchPath({
|
@@ -35,6 +71,7 @@ var Inner = function(param) {
|
|
35
71
|
});
|
36
72
|
}
|
37
73
|
};
|
74
|
+
var listWrapperRef = (0, _react.useRef)(null);
|
38
75
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
39
76
|
var treeId = (0, _utils.safeUseId)();
|
40
77
|
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
@@ -55,13 +92,16 @@ var Inner = function(param) {
|
|
55
92
|
ariaLevel: nextLevel,
|
56
93
|
ariaLabel: item.label
|
57
94
|
}),
|
58
|
-
isInner: true
|
95
|
+
isInner: true,
|
96
|
+
portal: portal
|
59
97
|
}, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.ListWrapper, {
|
60
|
-
listWidth: listWidth
|
98
|
+
listWidth: listWidth,
|
99
|
+
ref: listWrapperRef
|
61
100
|
}, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.Ul, {
|
62
101
|
role: "group",
|
63
102
|
id: listId,
|
64
|
-
virtual: false
|
103
|
+
virtual: false,
|
104
|
+
listMaxHeight: item === null || item === void 0 ? void 0 : item.listMaxHeight
|
65
105
|
}, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(innerItem, innerIndex) {
|
66
106
|
return /*#__PURE__*/ _react.default.createElement(Inner, {
|
67
107
|
key: "".concat(innerIndex, "/").concat(currentLevel),
|
@@ -70,7 +110,8 @@ var Inner = function(param) {
|
|
70
110
|
path: path,
|
71
111
|
dispatchPath: dispatchPath,
|
72
112
|
index: innerIndex,
|
73
|
-
listWidth: listWidth
|
113
|
+
listWidth: listWidth,
|
114
|
+
portal: listWrapperRef
|
74
115
|
});
|
75
116
|
}))));
|
76
117
|
}
|
@@ -97,6 +97,17 @@ var useDrawer = function(param) {
|
|
97
97
|
isOpen,
|
98
98
|
popupController.items
|
99
99
|
]);
|
100
|
+
// При анмаунте компонента нужно обновлять overflow у body.
|
101
|
+
(0, _react.useEffect)(function() {
|
102
|
+
return function() {
|
103
|
+
if (!_utils.canUseDOM) {
|
104
|
+
return;
|
105
|
+
}
|
106
|
+
if (!(0, _DrawerContext.hasDrawers)(Array.from(popupController.items.values()))) {
|
107
|
+
document.body.style.overflow = overflow.current;
|
108
|
+
}
|
109
|
+
};
|
110
|
+
}, []);
|
100
111
|
var drawerInfo = _object_spread({
|
101
112
|
id: id,
|
102
113
|
info: {
|
@@ -176,7 +176,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
176
176
|
}
|
177
177
|
var dropdownRoot = function(Root) {
|
178
178
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
|
179
|
-
var items = _param.items, children = _param.children, placement = _param.placement, offset = _param.offset, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, onToggle = _param.onToggle, size = _param.size, view = _param.view, _param_itemRole = _param.itemRole, itemRole = _param_itemRole === void 0 ? 'treeitem' : _param_itemRole, className = _param.className, listMaxHeight = _param.listMaxHeight, listWidth = _param.listWidth, listHeight = _param.listHeight,
|
179
|
+
var items = _param.items, children = _param.children, placement = _param.placement, offset = _param.offset, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, onToggle = _param.onToggle, size = _param.size, view = _param.view, _param_itemRole = _param.itemRole, itemRole = _param_itemRole === void 0 ? 'treeitem' : _param_itemRole, className = _param.className, listMaxHeight = _param.listMaxHeight, listWidth = _param.listWidth, listHeight = _param.listHeight, _param_closeOnSelect = _param.closeOnSelect, closeOnSelect = _param_closeOnSelect === void 0 ? true : _param_closeOnSelect, onHover = _param.onHover, onItemSelect = _param.onItemSelect, onItemClick = _param.onItemClick, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_openByRightClick = _param.openByRightClick, openByRightClick = _param_openByRightClick === void 0 ? false : _param_openByRightClick, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'normal' : _param_variant, _param_hasArrow = _param.hasArrow, hasArrow = _param_hasArrow === void 0 ? true : _param_hasArrow, _param_alwaysOpened = _param.alwaysOpened, alwaysOpened = _param_alwaysOpened === void 0 ? false : _param_alwaysOpened, portal = _param.portal, renderItem = _param.renderItem, zIndex = _param.zIndex, beforeList = _param.beforeList, afterList = _param.afterList, rest = _object_without_properties(_param, [
|
180
180
|
"items",
|
181
181
|
"children",
|
182
182
|
"placement",
|
@@ -190,7 +190,6 @@ var dropdownRoot = function(Root) {
|
|
190
190
|
"listMaxHeight",
|
191
191
|
"listWidth",
|
192
192
|
"listHeight",
|
193
|
-
"listOverflow",
|
194
193
|
"closeOnSelect",
|
195
194
|
"onHover",
|
196
195
|
"onItemSelect",
|
@@ -216,6 +215,7 @@ var dropdownRoot = function(Root) {
|
|
216
215
|
var _useHashMaps1 = _sliced_to_array((0, _useHashMaps.useHashMaps)(items), 2), pathMap = _useHashMaps1[0], focusedToValueMap = _useHashMaps1[1];
|
217
216
|
var activeDescendantItemValue = ((_getItemByFocused = (0, _utils2.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
|
218
217
|
var floatingPopoverRef = (0, _react.useRef)(null);
|
218
|
+
var listWrapperRef = (0, _react.useRef)(null);
|
219
219
|
var treeId = (0, _utils.safeUseId)();
|
220
220
|
// Логика работы при клике за пределами выпадающего списка
|
221
221
|
var targetRef = (0, _hooks.useOutsideClick)(function(event) {
|
@@ -309,17 +309,14 @@ var dropdownRoot = function(Root) {
|
|
309
309
|
className: (0, _utils1.cx)(className, _Dropdowntokens.classes.dropdownRoot),
|
310
310
|
ref: ref,
|
311
311
|
view: view,
|
312
|
-
size: size
|
313
|
-
style: {
|
314
|
-
display: 'inline-block'
|
315
|
-
}
|
312
|
+
size: size
|
316
313
|
}, rest), /*#__PURE__*/ _react.default.createElement(_Dropdownstyles.ListWrapper, {
|
314
|
+
ref: listWrapperRef,
|
317
315
|
listWidth: listWidth
|
318
316
|
}, /*#__PURE__*/ _react.default.createElement(_Dropdownstyles.Ul, {
|
319
317
|
ref: targetRef,
|
320
318
|
id: "".concat(treeId, "_tree_level_1"),
|
321
319
|
role: "tree",
|
322
|
-
listOverflow: listOverflow,
|
323
320
|
listMaxHeight: listMaxHeight || listHeight
|
324
321
|
}, beforeList, items.map(function(item, index) {
|
325
322
|
return /*#__PURE__*/ _react.default.createElement(_ui.DropdownInner, {
|
@@ -330,9 +327,8 @@ var dropdownRoot = function(Root) {
|
|
330
327
|
path: path,
|
331
328
|
dispatchPath: dispatchPath,
|
332
329
|
index: index,
|
333
|
-
|
334
|
-
|
335
|
-
listWidth: listWidth
|
330
|
+
listWidth: listWidth,
|
331
|
+
portal: listWrapperRef
|
336
332
|
});
|
337
333
|
}), afterList)))));
|
338
334
|
});
|
@@ -29,20 +29,17 @@ function _interop_require_default(obj) {
|
|
29
29
|
};
|
30
30
|
}
|
31
31
|
var ListWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
|
32
|
-
target: "
|
32
|
+
target: "et72kcn0",
|
33
33
|
label: "ListWrapper"
|
34
34
|
})("width:", function(param) {
|
35
35
|
var listWidth = param.listWidth;
|
36
36
|
return listWidth || "var(".concat(_Dropdowntokens.tokens.width, ")");
|
37
|
-
}, ";padding:calc(var(", _Dropdowntokens.tokens.padding, ") + var(", _Dropdowntokens.tokens.borderWidth, ",0rem));border-radius:var(", _Dropdowntokens.tokens.borderRadius, ");box-sizing:border-box;background:var(", _Dropdowntokens.constants.background, ");box-shadow:", _Dropdowntokens.constants.boxShadow, ",inset 0 0 0 var(", _Dropdowntokens.tokens.borderWidth, ",0) var(", _Dropdowntokens.tokens.borderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+
|
37
|
+
}, ";padding:calc(var(", _Dropdowntokens.tokens.padding, ") + var(", _Dropdowntokens.tokens.borderWidth, ",0rem));border-radius:var(", _Dropdowntokens.tokens.borderRadius, ");box-sizing:border-box;background:var(", _Dropdowntokens.constants.background, ");box-shadow:", _Dropdowntokens.constants.boxShadow, ",inset 0 0 0 var(", _Dropdowntokens.tokens.borderWidth, ",0) var(", _Dropdowntokens.tokens.borderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwKSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9LCB0cmFuc3BhcmVudCk7XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RNYXhIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiAobGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkIifQ== */");
|
38
38
|
var Ul = (0, /*#__PURE__*/ _styled.default)("ul", {
|
39
|
-
target: "
|
39
|
+
target: "et72kcn1",
|
40
40
|
label: "Ul"
|
41
41
|
})("max-height:", function(param) {
|
42
42
|
var listMaxHeight = param.listMaxHeight;
|
43
43
|
return listMaxHeight ? (0, _utils.getCorrectHeight)(listMaxHeight) : 'auto';
|
44
|
-
}, ";overflow-y:",
|
45
|
-
|
46
|
-
return listOverflow || 'visible';
|
47
|
-
}, ";border-radius:calc(var(", _Dropdowntokens.tokens.borderRadius, ") - 0.125rem - var(", _Dropdowntokens.tokens.borderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwKSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9LCB0cmFuc3BhcmVudCk7XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RNYXhIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbiAgICBsaXN0T3ZlcmZsb3c6IERyb3Bkb3duUHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyBsaXN0TWF4SGVpZ2h0IH0pID0+IChsaXN0TWF4SGVpZ2h0ID8gZ2V0Q29ycmVjdEhlaWdodChsaXN0TWF4SGVpZ2h0KSA6ICdhdXRvJyl9O1xuICAgIG92ZXJmbG93LXk6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAndmlzaWJsZSd9O1xuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pIC0gMC4xMjVyZW0gLSB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0IifQ== */");
|
48
|
-
var base = (0, /*#__PURE__*/ _react.css)("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwKSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9LCB0cmFuc3BhcmVudCk7XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RNYXhIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbiAgICBsaXN0T3ZlcmZsb3c6IERyb3Bkb3duUHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyBsaXN0TWF4SGVpZ2h0IH0pID0+IChsaXN0TWF4SGVpZ2h0ID8gZ2V0Q29ycmVjdEhlaWdodChsaXN0TWF4SGVpZ2h0KSA6ICdhdXRvJyl9O1xuICAgIG92ZXJmbG93LXk6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAndmlzaWJsZSd9O1xuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pIC0gMC4xMjVyZW0gLSB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCb0IifQ== */");
|
44
|
+
}, ";overflow-x:hidden;overflow-y:auto;border-radius:calc(var(", _Dropdowntokens.tokens.borderRadius, ") - 0.125rem - var(", _Dropdowntokens.tokens.borderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwKSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9LCB0cmFuc3BhcmVudCk7XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RNYXhIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiAobGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmtCIn0= */");
|
45
|
+
var base = (0, /*#__PURE__*/ _react.css)("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwKSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9LCB0cmFuc3BhcmVudCk7XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RNYXhIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiAobGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9CIn0= */");
|
@@ -180,13 +180,9 @@ var useKeyNavigation = function(param) {
|
|
180
180
|
case keys.Tab:
|
181
181
|
case keys.Escape:
|
182
182
|
{
|
183
|
-
|
184
|
-
|
185
|
-
}
|
186
|
-
dispatchPath({
|
187
|
-
type: 'reset'
|
188
|
-
});
|
189
|
-
handleGlobalToggle(false, event);
|
183
|
+
if (path[0]) {
|
184
|
+
handleGlobalToggle(false, event);
|
185
|
+
}
|
190
186
|
break;
|
191
187
|
}
|
192
188
|
case keys.Home:
|
@@ -8,19 +8,55 @@ Object.defineProperty(exports, "DropdownInner", {
|
|
8
8
|
return DropdownInner;
|
9
9
|
}
|
10
10
|
});
|
11
|
-
var _react = /*#__PURE__*/
|
11
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
12
12
|
var _utils = require("../../../../utils");
|
13
13
|
var _DropdownItem = require("../DropdownItem/DropdownItem");
|
14
14
|
var _Dropdownstyles = require("../../Dropdown.styles");
|
15
15
|
var _FloatingPopover = require("../../FloatingPopover");
|
16
16
|
var _utils1 = require("../../utils");
|
17
|
-
function
|
18
|
-
|
19
|
-
|
17
|
+
function _getRequireWildcardCache(nodeInterop) {
|
18
|
+
if (typeof WeakMap !== "function") return null;
|
19
|
+
var cacheBabelInterop = new WeakMap();
|
20
|
+
var cacheNodeInterop = new WeakMap();
|
21
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
22
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
23
|
+
})(nodeInterop);
|
24
|
+
}
|
25
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
26
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
27
|
+
return obj;
|
28
|
+
}
|
29
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
30
|
+
return {
|
31
|
+
default: obj
|
32
|
+
};
|
33
|
+
}
|
34
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
35
|
+
if (cache && cache.has(obj)) {
|
36
|
+
return cache.get(obj);
|
37
|
+
}
|
38
|
+
var newObj = {
|
39
|
+
__proto__: null
|
20
40
|
};
|
41
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
42
|
+
for(var key in obj){
|
43
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
44
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
45
|
+
if (desc && (desc.get || desc.set)) {
|
46
|
+
Object.defineProperty(newObj, key, desc);
|
47
|
+
} else {
|
48
|
+
newObj[key] = obj[key];
|
49
|
+
}
|
50
|
+
}
|
51
|
+
}
|
52
|
+
newObj.default = obj;
|
53
|
+
if (cache) {
|
54
|
+
cache.set(obj, newObj);
|
55
|
+
}
|
56
|
+
return newObj;
|
21
57
|
}
|
22
58
|
var DropdownInner = function(param) {
|
23
|
-
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, trigger = param.trigger,
|
59
|
+
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, trigger = param.trigger, listWidth = param.listWidth, portal = param.portal;
|
24
60
|
var handleToggle = function(opened) {
|
25
61
|
if (opened) {
|
26
62
|
dispatchPath({
|
@@ -35,6 +71,7 @@ var DropdownInner = function(param) {
|
|
35
71
|
});
|
36
72
|
}
|
37
73
|
};
|
74
|
+
var listWrapperRef = (0, _react.useRef)(null);
|
38
75
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
39
76
|
var treeId = (0, _utils.safeUseId)();
|
40
77
|
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
@@ -55,14 +92,15 @@ var DropdownInner = function(param) {
|
|
55
92
|
ariaLevel: nextLevel,
|
56
93
|
ariaLabel: item.label
|
57
94
|
}),
|
58
|
-
isInner: true
|
95
|
+
isInner: true,
|
96
|
+
portal: portal
|
59
97
|
}, /*#__PURE__*/ _react.default.createElement(_Dropdownstyles.ListWrapper, {
|
98
|
+
ref: listWrapperRef,
|
60
99
|
listWidth: listWidth
|
61
100
|
}, /*#__PURE__*/ _react.default.createElement(_Dropdownstyles.Ul, {
|
62
101
|
id: listId,
|
63
102
|
role: "group",
|
64
|
-
listMaxHeight: listMaxHeight
|
65
|
-
listOverflow: listOverflow
|
103
|
+
listMaxHeight: item.listMaxHeight
|
66
104
|
}, item.items.map(function(innerItem, innerIndex) {
|
67
105
|
return /*#__PURE__*/ _react.default.createElement(DropdownInner, {
|
68
106
|
key: "".concat(innerIndex, "/").concat(currentLevel),
|
@@ -72,9 +110,8 @@ var DropdownInner = function(param) {
|
|
72
110
|
dispatchPath: dispatchPath,
|
73
111
|
index: innerIndex,
|
74
112
|
trigger: trigger,
|
75
|
-
|
76
|
-
|
77
|
-
listWidth: listWidth
|
113
|
+
listWidth: listWidth,
|
114
|
+
portal: listWrapperRef
|
78
115
|
});
|
79
116
|
}))));
|
80
117
|
}
|
@@ -184,7 +184,7 @@ var DropdownItem = function(param) {
|
|
184
184
|
};
|
185
185
|
var handleHover = function() {
|
186
186
|
if (onHover) {
|
187
|
-
onHover(index);
|
187
|
+
onHover(index, item);
|
188
188
|
}
|
189
189
|
};
|
190
190
|
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, dividerBefore && /*#__PURE__*/ _react.default.createElement(_DropdownItemstyles.Divider, {
|
@@ -267,6 +267,7 @@ var selectRoot = function(Root) {
|
|
267
267
|
var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
|
268
268
|
var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
|
269
269
|
var treeId = (0, _utils.safeUseId)();
|
270
|
+
var listWrapperRef = (0, _react.useRef)(null);
|
270
271
|
var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : (0, _utils1.getView)(status, outerView);
|
271
272
|
// Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
|
272
273
|
var requiredProps = props.target === 'button-like' ? undefined : {
|
@@ -553,12 +554,12 @@ var selectRoot = function(Root) {
|
|
553
554
|
disabled: disabled,
|
554
555
|
readOnly: readOnly
|
555
556
|
}, rest), /*#__PURE__*/ _react.default.createElement(_Selectstyles.ListWrapper, {
|
557
|
+
ref: listWrapperRef,
|
556
558
|
listWidth: listWidth
|
557
559
|
}, /*#__PURE__*/ _react.default.createElement(_Selectstyles.Ul, {
|
558
560
|
role: "tree",
|
559
561
|
id: "".concat(treeId, "_tree_level_1"),
|
560
562
|
"aria-multiselectable": Boolean(props.multiselect),
|
561
|
-
listOverflow: listOverflow,
|
562
563
|
listMaxHeight: listMaxHeight || listHeight,
|
563
564
|
onScroll: virtual ? undefined : handleScroll,
|
564
565
|
ref: targetRef,
|
@@ -579,7 +580,8 @@ var selectRoot = function(Root) {
|
|
579
580
|
path: path,
|
580
581
|
dispatchPath: dispatchPath,
|
581
582
|
index: index,
|
582
|
-
listWidth: listWidth
|
583
|
+
listWidth: listWidth,
|
584
|
+
portal: listWrapperRef
|
583
585
|
});
|
584
586
|
}), afterList))))));
|
585
587
|
});
|
@@ -29,21 +29,21 @@ function _interop_require_default(obj) {
|
|
29
29
|
};
|
30
30
|
}
|
31
31
|
var ListWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
|
32
|
-
target: "
|
32
|
+
target: "e28p6sx0",
|
33
33
|
label: "ListWrapper"
|
34
34
|
})("width:", function(param) {
|
35
35
|
var listWidth = param.listWidth;
|
36
36
|
return listWidth || '100%';
|
37
|
-
}, ";padding:calc(var(", _Selecttokens.tokens.padding, ") + var(", _Selecttokens.tokens.dropdownBorderWidth, ",0rem));border-radius:var(", _Selecttokens.tokens.borderRadius, ");box-sizing:border-box;background:var(", _Selecttokens.constants.background, ");box-shadow:", _Selecttokens.constants.boxShadow, ",inset 0 0 0 var(", _Selecttokens.tokens.dropdownBorderWidth, ",0rem) var(", _Selecttokens.tokens.dropdownBorderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/
|
37
|
+
}, ";padding:calc(var(", _Selecttokens.tokens.padding, ") + var(", _Selecttokens.tokens.dropdownBorderWidth, ",0rem));border-radius:var(", _Selecttokens.tokens.borderRadius, ");box-sizing:border-box;background:var(", _Selecttokens.constants.background, ");box-shadow:", _Selecttokens.constants.boxShadow, ",inset 0 0 0 var(", _Selecttokens.tokens.dropdownBorderWidth, ",0rem) var(", _Selecttokens.tokens.dropdownBorderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiJ9 */");
|
38
38
|
var Ul = (0, /*#__PURE__*/ _styled.default)("ul", {
|
39
|
-
target: "
|
39
|
+
target: "e28p6sx1",
|
40
40
|
label: "Ul"
|
41
41
|
})("max-height:", function(param) {
|
42
42
|
var virtual = param.virtual, listMaxHeight = param.listMaxHeight;
|
43
43
|
return(// eslint-disable-next-line no-nested-ternary
|
44
44
|
virtual ? 'auto' : listMaxHeight ? (0, _utils.getCorrectHeight)(listMaxHeight) : 'auto');
|
45
|
-
}, ";overflow-y:", function(param) {
|
46
|
-
var virtual = param.virtual
|
47
|
-
return virtual ? 'visible' :
|
48
|
-
}, ";border-radius:calc(var(", _Selecttokens.tokens.borderRadius, ") - 0.125rem - var(", _Selecttokens.tokens.dropdownBorderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/
|
49
|
-
var base = (0, /*#__PURE__*/ _react.css)("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/
|
45
|
+
}, ";overflow-x:hidden;overflow-y:", function(param) {
|
46
|
+
var virtual = param.virtual;
|
47
|
+
return virtual ? 'visible' : 'auto';
|
48
|
+
}, ";border-radius:calc(var(", _Selecttokens.tokens.borderRadius, ") - 0.125rem - var(", _Selecttokens.tokens.dropdownBorderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0IifQ== */");
|
49
|
+
var base = (0, /*#__PURE__*/ _react.css)("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDb0IifQ== */");
|
@@ -198,13 +198,9 @@ var useKeyNavigation = function(param) {
|
|
198
198
|
case keys.Tab:
|
199
199
|
case keys.Escape:
|
200
200
|
{
|
201
|
-
|
202
|
-
|
203
|
-
}
|
204
|
-
dispatchPath({
|
205
|
-
type: 'reset'
|
206
|
-
});
|
207
|
-
handleListToggle(false);
|
201
|
+
if (path[0]) {
|
202
|
+
handleListToggle(false);
|
203
|
+
}
|
208
204
|
break;
|
209
205
|
}
|
210
206
|
case keys.Home:
|
@@ -8,18 +8,54 @@ Object.defineProperty(exports, "Inner", {
|
|
8
8
|
return Inner;
|
9
9
|
}
|
10
10
|
});
|
11
|
-
var _react = /*#__PURE__*/
|
11
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
12
12
|
var _utils = require("../../../../utils");
|
13
13
|
var _Selectstyles = require("../../Select.styles");
|
14
14
|
var _FloatingPopover = require("../../FloatingPopover");
|
15
15
|
var _Item = require("./ui/Item/Item");
|
16
|
-
function
|
17
|
-
|
18
|
-
|
16
|
+
function _getRequireWildcardCache(nodeInterop) {
|
17
|
+
if (typeof WeakMap !== "function") return null;
|
18
|
+
var cacheBabelInterop = new WeakMap();
|
19
|
+
var cacheNodeInterop = new WeakMap();
|
20
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
21
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
22
|
+
})(nodeInterop);
|
23
|
+
}
|
24
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
25
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
26
|
+
return obj;
|
27
|
+
}
|
28
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
29
|
+
return {
|
30
|
+
default: obj
|
31
|
+
};
|
32
|
+
}
|
33
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
34
|
+
if (cache && cache.has(obj)) {
|
35
|
+
return cache.get(obj);
|
36
|
+
}
|
37
|
+
var newObj = {
|
38
|
+
__proto__: null
|
19
39
|
};
|
40
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
41
|
+
for(var key in obj){
|
42
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
43
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
44
|
+
if (desc && (desc.get || desc.set)) {
|
45
|
+
Object.defineProperty(newObj, key, desc);
|
46
|
+
} else {
|
47
|
+
newObj[key] = obj[key];
|
48
|
+
}
|
49
|
+
}
|
50
|
+
}
|
51
|
+
newObj.default = obj;
|
52
|
+
if (cache) {
|
53
|
+
cache.set(obj, newObj);
|
54
|
+
}
|
55
|
+
return newObj;
|
20
56
|
}
|
21
57
|
var Inner = function(param) {
|
22
|
-
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth;
|
58
|
+
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth, portal = param.portal;
|
23
59
|
var handleToggle = function(opened) {
|
24
60
|
if (opened) {
|
25
61
|
dispatchPath({
|
@@ -34,6 +70,7 @@ var Inner = function(param) {
|
|
34
70
|
});
|
35
71
|
}
|
36
72
|
};
|
73
|
+
var listWrapperRef = (0, _react.useRef)(null);
|
37
74
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
38
75
|
var treeId = (0, _utils.safeUseId)();
|
39
76
|
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
@@ -54,13 +91,16 @@ var Inner = function(param) {
|
|
54
91
|
ariaLevel: nextLevel,
|
55
92
|
ariaLabel: item.label
|
56
93
|
}),
|
57
|
-
isInner: true
|
94
|
+
isInner: true,
|
95
|
+
portal: portal
|
58
96
|
}, /*#__PURE__*/ _react.default.createElement(_Selectstyles.ListWrapper, {
|
59
|
-
listWidth: listWidth
|
97
|
+
listWidth: listWidth,
|
98
|
+
ref: listWrapperRef
|
60
99
|
}, /*#__PURE__*/ _react.default.createElement(_Selectstyles.Ul, {
|
61
100
|
role: "group",
|
62
101
|
id: listId,
|
63
|
-
virtual: false
|
102
|
+
virtual: false,
|
103
|
+
listMaxHeight: item === null || item === void 0 ? void 0 : item.listMaxHeight
|
64
104
|
}, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(innerItem, innerIndex) {
|
65
105
|
return /*#__PURE__*/ _react.default.createElement(Inner, {
|
66
106
|
key: "".concat(innerIndex, "/").concat(currentLevel),
|
@@ -69,7 +109,8 @@ var Inner = function(param) {
|
|
69
109
|
path: path,
|
70
110
|
dispatchPath: dispatchPath,
|
71
111
|
index: innerIndex,
|
72
|
-
listWidth: listWidth
|
112
|
+
listWidth: listWidth,
|
113
|
+
portal: listWrapperRef
|
73
114
|
});
|
74
115
|
}))));
|
75
116
|
}
|
@@ -1,16 +1 @@
|
|
1
1
|
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
3
|
-
value: true
|
4
|
-
});
|
5
|
-
Object.defineProperty(exports, "Combobox", {
|
6
|
-
enumerable: true,
|
7
|
-
get: function() {
|
8
|
-
return Combobox;
|
9
|
-
}
|
10
|
-
});
|
11
|
-
var _engines = require("../../../engines");
|
12
|
-
var _ = require("../../..");
|
13
|
-
var _Comboboxconfig = require("./Combobox.config");
|
14
|
-
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
15
|
-
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
16
|
-
var Combobox = ComboboxComponent;
|