@salutejs/plasma-new-hope 0.336.0-canary.2205.17466635480.0 → 0.336.0-canary.2205.17476690989.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/Combobox/ComboboxNew/Combobox.css +6 -6
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +1 -1
- 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/ui/Inner/Inner.css +6 -6
- 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/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/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.styles.js +1 -1
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/{Select.styles_bjoo18.css → Select.styles_dta4dl.css} +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +2 -2
- 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 +10 -10
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +14 -14
- 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/Select/Select.styles.js +6 -6
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +14 -14
- 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/Select/Select.styles.js +6 -6
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/es/components/Combobox/ComboboxNew/Combobox.css +6 -6
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +1 -1
- 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/ui/Inner/Inner.css +6 -6
- 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/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/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.styles.js +1 -1
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/{Select.styles_bjoo18.css → Select.styles_dta4dl.css} +1 -1
- package/es/components/Select/ui/Inner/Inner.css +2 -2
- 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 +10 -10
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
- 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/Select/Select.styles.js +3 -3
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
- 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/Select/Select.styles.js +3 -3
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts +2 -2
- 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 +5 -5
- 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/Select/Select.styles.d.ts.map +1 -1
- package/types/examples/components/Dropdown/Dropdown.d.ts +1 -1
- package/types/examples/components/Dropdown/Dropdown.d.ts.map +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useRef } from "react";
|
|
2
2
|
import { safeUseId } from "../../../../utils";
|
|
3
3
|
import { DropdownItem } from "../DropdownItem/DropdownItem";
|
|
4
4
|
import { Ul, ListWrapper } from "../../Dropdown.styles";
|
|
5
5
|
import { FloatingPopover } from "../../FloatingPopover";
|
|
6
6
|
import { getPlacement } from "../../utils";
|
|
7
7
|
var DropdownInner = function(param) {
|
|
8
|
-
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, trigger = param.trigger,
|
|
8
|
+
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;
|
|
9
9
|
var handleToggle = function(opened) {
|
|
10
10
|
if (opened) {
|
|
11
11
|
dispatchPath({
|
|
@@ -20,6 +20,7 @@ var DropdownInner = function(param) {
|
|
|
20
20
|
});
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
|
+
var listWrapperRef = useRef(null);
|
|
23
24
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
|
24
25
|
var treeId = safeUseId();
|
|
25
26
|
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
|
@@ -40,14 +41,15 @@ var DropdownInner = function(param) {
|
|
|
40
41
|
ariaLevel: nextLevel,
|
|
41
42
|
ariaLabel: item.label
|
|
42
43
|
}),
|
|
43
|
-
isInner: true
|
|
44
|
+
isInner: true,
|
|
45
|
+
portal: portal
|
|
44
46
|
}, /*#__PURE__*/ React.createElement(ListWrapper, {
|
|
47
|
+
ref: listWrapperRef,
|
|
45
48
|
listWidth: listWidth
|
|
46
49
|
}, /*#__PURE__*/ React.createElement(Ul, {
|
|
47
50
|
id: listId,
|
|
48
51
|
role: "group",
|
|
49
|
-
listMaxHeight: listMaxHeight
|
|
50
|
-
listOverflow: listOverflow
|
|
52
|
+
listMaxHeight: item.listMaxHeight
|
|
51
53
|
}, item.items.map(function(innerItem, innerIndex) {
|
|
52
54
|
return /*#__PURE__*/ React.createElement(DropdownInner, {
|
|
53
55
|
key: "".concat(innerIndex, "/").concat(currentLevel),
|
|
@@ -57,9 +59,8 @@ var DropdownInner = function(param) {
|
|
|
57
59
|
dispatchPath: dispatchPath,
|
|
58
60
|
index: innerIndex,
|
|
59
61
|
trigger: trigger,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
listWidth: listWidth
|
|
62
|
+
listWidth: listWidth,
|
|
63
|
+
portal: listWrapperRef
|
|
63
64
|
});
|
|
64
65
|
}))));
|
|
65
66
|
}
|
|
@@ -3,21 +3,21 @@ import { css } from "@emotion/react";
|
|
|
3
3
|
import { getCorrectHeight } from "./utils";
|
|
4
4
|
import { tokens, constants } from "./Select.tokens";
|
|
5
5
|
export var ListWrapper = /*#__PURE__*/ styled("div", {
|
|
6
|
-
target: "
|
|
6
|
+
target: "e28p6sx0",
|
|
7
7
|
label: "ListWrapper"
|
|
8
8
|
})("width:", function(param) {
|
|
9
9
|
var listWidth = param.listWidth;
|
|
10
10
|
return listWidth || '100%';
|
|
11
|
-
}, ";padding:calc(var(", tokens.padding, ") + var(", tokens.dropdownBorderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.dropdownBorderWidth, ",0rem) var(", tokens.dropdownBorderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/
|
|
11
|
+
}, ";padding:calc(var(", tokens.padding, ") + var(", tokens.dropdownBorderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.dropdownBorderWidth, ",0rem) var(", tokens.dropdownBorderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiJ9 */");
|
|
12
12
|
export var Ul = /*#__PURE__*/ styled("ul", {
|
|
13
|
-
target: "
|
|
13
|
+
target: "e28p6sx1",
|
|
14
14
|
label: "Ul"
|
|
15
15
|
})("max-height:", function(param) {
|
|
16
16
|
var virtual = param.virtual, listMaxHeight = param.listMaxHeight;
|
|
17
17
|
return(// eslint-disable-next-line no-nested-ternary
|
|
18
18
|
virtual ? 'auto' : listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto');
|
|
19
|
-
}, ";overflow-y:", function(param) {
|
|
19
|
+
}, ";overflow-x:hidden;overflow-y:", function(param) {
|
|
20
20
|
var virtual = param.virtual;
|
|
21
21
|
return virtual ? 'visible' : 'auto';
|
|
22
|
-
}, ";border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/
|
|
23
|
-
export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/
|
|
22
|
+
}, ";border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0IifQ== */");
|
|
23
|
+
export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDb0IifQ== */");
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { component, mergeConfig } from "../../../engines";
|
|
2
|
-
import { comboboxNewConfig } from "../../..";
|
|
3
|
-
import { config } from "./Combobox.config";
|
|
4
|
-
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
-
var ComboboxComponent = component(mergedConfig);
|
|
6
|
-
var Combobox = ComboboxComponent;
|
|
7
|
-
export { Combobox };
|
|
@@ -161,12 +161,12 @@
|
|
|
161
161
|
|
|
162
162
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
163
163
|
|
|
164
|
-
.
|
|
165
|
-
.
|
|
166
|
-
.
|
|
167
|
-
.
|
|
164
|
+
.Combobox_styles_261unw_lxiiees__2c339479{width:var(--lxiiees-0);padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-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);}
|
|
165
|
+
.Combobox_styles_261unw_u1veo3wn__2c339479{max-height:var(--u1veo3wn-0);overflow-x:hidden;overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_261unw_u1veo3wn__2c339479 .Combobox_styles_261unw_comboboxEmptyStateWrapper__2c339479{box-shadow:none;}
|
|
166
|
+
.Combobox_styles_261unw_i1hxiinv__2c339479{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.Combobox_styles_261unw_i1hxiinv__2c339479 .Combobox_styles_261unw_arrowInverse__2c339479{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_261unw_i1hxiinv__2c339479:hover,.Combobox_styles_261unw_i1hxiinv__2c339479:active{color:var(--i1hxiinv-1);}
|
|
167
|
+
.Combobox_styles_261unw_sr87xox__2c339479{width:var(--sr87xox-0);height:var(--sr87xox-0);}
|
|
168
168
|
|
|
169
|
-
.
|
|
170
|
-
.
|
|
169
|
+
.Combobox_styles_261unw_spp7ogj__2c339479{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
|
|
170
|
+
.Combobox_styles_261unw_s3gft12__2c339479{margin:0;padding:0;}
|
|
171
171
|
|
|
172
172
|
.SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.styles.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { emptyStateConfig, emptyStateTokens } from '../../EmptyState';\nimport { IconDisclosureDownCentered } from '../../_Icon';\nimport { component, mergeConfig } from '../../../engines';\n\nimport { ComboboxProps } from './Combobox.types';\nimport { tokens, constants, classes } from './Combobox.tokens';\n\nconst mergedConfig = mergeConfig(emptyStateConfig);\nconst EmptyState = component(mergedConfig);\n\nexport const ListWrapper = styled.div<{\n listWidth?: ComboboxProps['listWidth'];\n}>`\n width: ${({ listWidth }) => listWidth || '100%'};\n padding: calc(var(${tokens.padding}) + var(${tokens.dropdownBorderWidth}, 0rem));\n border-radius: var(${tokens.borderRadius});\n box-sizing: border-box;\n background: var(${constants.background});\n box-shadow: ${constants.boxShadow},\n inset 0 0 0 var(${tokens.dropdownBorderWidth}, 0rem) var(${tokens.dropdownBorderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n virtual: ComboboxProps['virtual'];\n listMaxHeight?: ComboboxProps['listMaxHeight'];\n}>`\n max-height: ${({ virtual, listMaxHeight }) => (virtual ? 'auto' : listMaxHeight || 'auto')};\n overflow-y: ${({ virtual }) => (virtual ? 'visible' : 'auto')};\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n margin: 0;\n padding: 0;\n\n .${classes.emptyStateWrapper} {\n box-shadow: none;\n }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled: boolean }>`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n cursor: ${({ disabled }) => (disabled ? 'inherit' : 'pointer')};\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n\n &:hover,\n &:active {\n color: ${({ disabled }) =>\n disabled ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};\n }\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const base = css``;\n\nexport const StyledEmptyState = styled(EmptyState)`\n ${emptyStateTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n ${emptyStateTokens.padding}: var(${tokens.emptyStatePadding});\n ${emptyStateTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${emptyStateTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${emptyStateTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${emptyStateTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${emptyStateTokens.fontLetterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${emptyStateTokens.fontLineHeight}: var(${tokens.textFieldLineHeight});\n`;\n\nexport const StyledLeftHelper = styled.span`\n margin: 0;\n padding: 0;\n`;\n"],"names":["mergedConfig","mergeConfig","emptyStateConfig","EmptyState","component","_exp","_ref","listWidth","ListWrapper","styled","name","class","propsAsIs","vars","_exp9","_ref2","virtual","listMaxHeight","_exp10","_ref3","Ul","_exp15","_ref4","disabled","_exp17","_ref5","concat","tokens","disclosureIconColor","disclosureIconColorHover","IconArrowWrapper","_exp18","IconDisclosureDownCentered","_exp20","_ref6","_ref6$size","size","disclosureIconSize","xs","s","StyledArrow","base","_exp21","StyledEmptyState","StyledLeftHelper"],"mappings":";;;;;;AAUA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAClD,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVzBA,SAUyBA,IAAAA,GAAA;AAAA,EAAA,OAK9B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH5C,IAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGpBR,IAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAOlD,EAAA;AAAC,IAAAS,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAMgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;MAAEC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBD,OAAO,GAAG,MAAM,GAAGC,aAAa,IAAI,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA5B5EA,SA4B4EA,MAAAA,GAAA;AAAA,EAAA,
|
|
1
|
+
{"version":3,"file":"Combobox.styles.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { emptyStateConfig, emptyStateTokens } from '../../EmptyState';\nimport { IconDisclosureDownCentered } from '../../_Icon';\nimport { component, mergeConfig } from '../../../engines';\n\nimport { ComboboxProps } from './Combobox.types';\nimport { tokens, constants, classes } from './Combobox.tokens';\n\nconst mergedConfig = mergeConfig(emptyStateConfig);\nconst EmptyState = component(mergedConfig);\n\nexport const ListWrapper = styled.div<{\n listWidth?: ComboboxProps['listWidth'];\n}>`\n width: ${({ listWidth }) => listWidth || '100%'};\n padding: calc(var(${tokens.padding}) + var(${tokens.dropdownBorderWidth}, 0rem));\n border-radius: var(${tokens.borderRadius});\n box-sizing: border-box;\n background: var(${constants.background});\n box-shadow: ${constants.boxShadow},\n inset 0 0 0 var(${tokens.dropdownBorderWidth}, 0rem) var(${tokens.dropdownBorderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n virtual: ComboboxProps['virtual'];\n listMaxHeight?: ComboboxProps['listMaxHeight'];\n}>`\n max-height: ${({ virtual, listMaxHeight }) => (virtual ? 'auto' : listMaxHeight || 'auto')};\n overflow-x: hidden;\n overflow-y: ${({ virtual }) => (virtual ? 'visible' : 'auto')};\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n margin: 0;\n padding: 0;\n\n .${classes.emptyStateWrapper} {\n box-shadow: none;\n }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled: boolean }>`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n cursor: ${({ disabled }) => (disabled ? 'inherit' : 'pointer')};\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n\n &:hover,\n &:active {\n color: ${({ disabled }) =>\n disabled ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};\n }\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const base = css``;\n\nexport const StyledEmptyState = styled(EmptyState)`\n ${emptyStateTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n ${emptyStateTokens.padding}: var(${tokens.emptyStatePadding});\n ${emptyStateTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${emptyStateTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${emptyStateTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${emptyStateTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${emptyStateTokens.fontLetterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${emptyStateTokens.fontLineHeight}: var(${tokens.textFieldLineHeight});\n`;\n\nexport const StyledLeftHelper = styled.span`\n margin: 0;\n padding: 0;\n`;\n"],"names":["mergedConfig","mergeConfig","emptyStateConfig","EmptyState","component","_exp","_ref","listWidth","ListWrapper","styled","name","class","propsAsIs","vars","_exp9","_ref2","virtual","listMaxHeight","_exp10","_ref3","Ul","_exp15","_ref4","disabled","_exp17","_ref5","concat","tokens","disclosureIconColor","disclosureIconColorHover","IconArrowWrapper","_exp18","IconDisclosureDownCentered","_exp20","_ref6","_ref6$size","size","disclosureIconSize","xs","s","StyledArrow","base","_exp21","StyledEmptyState","StyledLeftHelper"],"mappings":"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"}
|
package/es/components/Combobox/ComboboxNew/{Combobox.styles_isfa46.css → Combobox.styles_261unw.css}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.lxiiees{width:var(--lxiiees-0);padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-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);}
|
|
2
|
-
.u1veo3wn{max-height:var(--u1veo3wn-0);overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.u1veo3wn .combobox-empty-state-wrapper{box-shadow:none;}
|
|
2
|
+
.u1veo3wn{max-height:var(--u1veo3wn-0);overflow-x:hidden;overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.u1veo3wn .combobox-empty-state-wrapper{box-shadow:none;}
|
|
3
3
|
.i1hxiinv{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.i1hxiinv .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i1hxiinv:hover,.i1hxiinv:active{color:var(--i1hxiinv-1);}
|
|
4
4
|
.sr87xox{width:var(--sr87xox-0);height:var(--sr87xox-0);}
|
|
5
5
|
|
|
@@ -32,13 +32,13 @@
|
|
|
32
32
|
|
|
33
33
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
34
34
|
|
|
35
|
-
.
|
|
36
|
-
.
|
|
37
|
-
.
|
|
38
|
-
.
|
|
35
|
+
.Combobox_styles_261unw_lxiiees__2c339479{width:var(--lxiiees-0);padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-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);}
|
|
36
|
+
.Combobox_styles_261unw_u1veo3wn__2c339479{max-height:var(--u1veo3wn-0);overflow-x:hidden;overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_261unw_u1veo3wn__2c339479 .Combobox_styles_261unw_comboboxEmptyStateWrapper__2c339479{box-shadow:none;}
|
|
37
|
+
.Combobox_styles_261unw_i1hxiinv__2c339479{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.Combobox_styles_261unw_i1hxiinv__2c339479 .Combobox_styles_261unw_arrowInverse__2c339479{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_261unw_i1hxiinv__2c339479:hover,.Combobox_styles_261unw_i1hxiinv__2c339479:active{color:var(--i1hxiinv-1);}
|
|
38
|
+
.Combobox_styles_261unw_sr87xox__2c339479{width:var(--sr87xox-0);height:var(--sr87xox-0);}
|
|
39
39
|
|
|
40
|
-
.
|
|
41
|
-
.
|
|
40
|
+
.Combobox_styles_261unw_spp7ogj__2c339479{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
|
|
41
|
+
.Combobox_styles_261unw_s3gft12__2c339479{margin:0;padding:0;}
|
|
42
42
|
|
|
43
43
|
.base_tj850e_b17hdes8__1acafc30 input[type='checkbox']:indeterminate + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_tj850e_b17hdes8__1acafc30 input:checked + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}
|
|
44
44
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
.Dropdown_styles_kkvnr1_ln7uamp__173ef985{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);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-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
|
|
2
|
+
.Dropdown_styles_kkvnr1_ujr7fmv__173ef985{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
.Dropdown_styles_kkvnr1_ln7uamp__173ef985{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);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-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
|
|
2
|
+
.Dropdown_styles_kkvnr1_ujr7fmv__173ef985{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
.Dropdown_styles_kkvnr1_ln7uamp__173ef985{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);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-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
|
|
2
|
+
.Dropdown_styles_kkvnr1_ujr7fmv__173ef985{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
.Dropdown_styles_kkvnr1_ln7uamp__173ef985{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);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-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
|
|
2
|
+
.Dropdown_styles_kkvnr1_ujr7fmv__173ef985{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
.Dropdown_styles_kkvnr1_ln7uamp__173ef985{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);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-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
|
|
2
|
+
.Dropdown_styles_kkvnr1_ujr7fmv__173ef985{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
|
|
@@ -46,6 +46,6 @@
|
|
|
46
46
|
.Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
|
|
47
47
|
.Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
|
48
48
|
|
|
49
|
-
.
|
|
50
|
-
.
|
|
49
|
+
.Dropdown_styles_kkvnr1_ln7uamp__173ef985{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);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-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
|
|
50
|
+
.Dropdown_styles_kkvnr1_ujr7fmv__173ef985{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
|
|
51
51
|
|
|
@@ -19,7 +19,7 @@ import { getPlacement } from './utils/getPlacement.js';
|
|
|
19
19
|
import { getItemId } from './utils/getItemId.js';
|
|
20
20
|
import { DropdownInner } from './ui/DropdownInner/DropdownInner.js';
|
|
21
21
|
|
|
22
|
-
var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listMaxHeight", "listWidth", "listHeight", "
|
|
22
|
+
var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listMaxHeight", "listWidth", "listHeight", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "openByRightClick", "variant", "hasArrow", "alwaysOpened", "portal", "renderItem", "zIndex", "beforeList", "afterList"];
|
|
23
23
|
|
|
24
24
|
/**
|
|
25
25
|
* Выпадающий список.
|
|
@@ -42,7 +42,6 @@ var dropdownRoot = function dropdownRoot(Root) {
|
|
|
42
42
|
listMaxHeight = _ref.listMaxHeight,
|
|
43
43
|
listWidth = _ref.listWidth,
|
|
44
44
|
listHeight = _ref.listHeight,
|
|
45
|
-
listOverflow = _ref.listOverflow,
|
|
46
45
|
_ref$closeOnSelect = _ref.closeOnSelect,
|
|
47
46
|
closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
|
|
48
47
|
onHover = _ref.onHover,
|
|
@@ -80,6 +79,7 @@ var dropdownRoot = function dropdownRoot(Root) {
|
|
|
80
79
|
focusedToValueMap = _useHashMaps2[1];
|
|
81
80
|
var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
|
|
82
81
|
var floatingPopoverRef = useRef(null);
|
|
82
|
+
var listWrapperRef = useRef(null);
|
|
83
83
|
var treeId = safeUseId();
|
|
84
84
|
|
|
85
85
|
// Логика работы при клике за пределами выпадающего списка
|
|
@@ -171,17 +171,14 @@ var dropdownRoot = function dropdownRoot(Root) {
|
|
|
171
171
|
className: cx(className, classes.dropdownRoot),
|
|
172
172
|
ref: ref,
|
|
173
173
|
view: view,
|
|
174
|
-
size: size
|
|
175
|
-
style: {
|
|
176
|
-
display: 'inline-block'
|
|
177
|
-
}
|
|
174
|
+
size: size
|
|
178
175
|
}, rest), /*#__PURE__*/React.createElement(ListWrapper, {
|
|
176
|
+
ref: listWrapperRef,
|
|
179
177
|
listWidth: listWidth
|
|
180
178
|
}, /*#__PURE__*/React.createElement(Ul, {
|
|
181
179
|
ref: targetRef,
|
|
182
180
|
id: "".concat(treeId, "_tree_level_1"),
|
|
183
181
|
role: "tree",
|
|
184
|
-
listOverflow: listOverflow,
|
|
185
182
|
listMaxHeight: listMaxHeight || listHeight
|
|
186
183
|
}, beforeList, items.map(function (item, index) {
|
|
187
184
|
return /*#__PURE__*/React.createElement(DropdownInner, {
|
|
@@ -192,9 +189,8 @@ var dropdownRoot = function dropdownRoot(Root) {
|
|
|
192
189
|
path: path,
|
|
193
190
|
dispatchPath: dispatchPath,
|
|
194
191
|
index: index,
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
listWidth: listWidth
|
|
192
|
+
listWidth: listWidth,
|
|
193
|
+
portal: listWrapperRef
|
|
198
194
|
});
|
|
199
195
|
}), afterList)))));
|
|
200
196
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useReducer, useRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, base, ListWrapper } from './Dropdown.styles';\nimport { childrenWithProps, getItemByFocused, getItemId, getPlacement } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\nimport { FloatingPopover } from './FloatingPopover';\nimport { Context } from './Dropdown.context';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, Omit<DropdownProps, 'items'>>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n items,\n children,\n placement,\n offset,\n closeOnOverlayClick = true,\n onToggle,\n size,\n view,\n itemRole = 'treeitem',\n className,\n listMaxHeight,\n listWidth,\n listHeight,\n listOverflow,\n closeOnSelect = true,\n onHover,\n onItemSelect,\n onItemClick,\n trigger = 'click',\n openByRightClick = false,\n variant = 'normal',\n hasArrow = true,\n alwaysOpened = false,\n portal,\n renderItem,\n zIndex,\n beforeList,\n afterList,\n ...rest\n },\n ref,\n ) => {\n const initialPath = alwaysOpened ? ['root'] : [];\n\n const [path, dispatchPath] = useReducer(pathReducer, initialPath);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n const isCurrentListOpen = Boolean(path[0]);\n\n const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n const treeId = safeUseId();\n\n // Логика работы при клике за пределами выпадающего списка\n const targetRef = useOutsideClick<HTMLUListElement>((event) => {\n if (!isCurrentListOpen || !closeOnOverlayClick || alwaysOpened) {\n return;\n }\n\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n\n if (onToggle) {\n onToggle(false, event);\n }\n }, floatingPopoverRef);\n\n const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n if (alwaysOpened || opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n\n if (onToggle) {\n onToggle(opened, event);\n }\n };\n\n const onContextMenu = useCallback(\n (e: React.MouseEvent) => {\n e.preventDefault();\n\n if (alwaysOpened) {\n return;\n }\n\n handleGlobalToggle(!isCurrentListOpen, e);\n },\n [handleGlobalToggle, isCurrentListOpen, alwaysOpened],\n );\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleGlobalToggle,\n closeOnSelect,\n onItemSelect,\n onItemClick,\n });\n\n return (\n <Context.Provider\n value={{\n focusedPath,\n size,\n variant,\n itemRole,\n handleGlobalToggle,\n closeOnSelect,\n onHover,\n onItemClick,\n onItemSelect,\n hasArrow,\n treeId,\n renderItem,\n }}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isCurrentListOpen}\n onToggle={handleGlobalToggle}\n placement={getPlacement(placement)}\n offset={offset}\n portal={portal}\n trigger={trigger}\n target={childrenWithProps(children, {\n role: 'combobox',\n 'aria-controls': `${treeId}_tree_level_1`,\n 'aria-expanded': isCurrentListOpen,\n 'aria-activedescendant': activeDescendantItemValue\n ? getItemId(treeId, activeDescendantItemValue.toString())\n : '',\n onKeyDown,\n onContextMenu: openByRightClick ? onContextMenu : undefined,\n })}\n zIndex={zIndex}\n isInner={false}\n >\n <Root\n className={cx(className, classes.dropdownRoot)}\n ref={ref}\n view={view}\n size={size}\n style={{ display: 'inline-block' }}\n {...rest}\n >\n <ListWrapper listWidth={listWidth}>\n <Ul\n ref={targetRef}\n id={`${treeId}_tree_level_1`}\n role=\"tree\"\n listOverflow={listOverflow}\n listMaxHeight={listMaxHeight || listHeight}\n >\n {beforeList}\n\n {items.map((item, index) => (\n <DropdownInner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n trigger={trigger}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n listOverflow={listOverflow}\n listMaxHeight={listMaxHeight || listHeight}\n listWidth={listWidth}\n />\n ))}\n\n {afterList}\n </Ul>\n </ListWrapper>\n </Root>\n </FloatingPopover>\n </Context.Provider>\n );\n },\n );\n\nexport const dropdownConfig = {\n name: 'Dropdown',\n tag: 'div',\n layout: dropdownRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","ref","_getItemByFocused","items","children","placement","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listMaxHeight","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$openByRightClick","openByRightClick","_ref$variant","variant","_ref$hasArrow","hasArrow","_ref$alwaysOpened","alwaysOpened","portal","renderItem","zIndex","beforeList","afterList","rest","_objectWithoutProperties","_excluded","initialPath","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","isCurrentListOpen","Boolean","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","activeDescendantItemValue","getItemByFocused","value","floatingPopoverRef","useRef","treeId","safeUseId","targetRef","useOutsideClick","event","type","handleGlobalToggle","opened","onContextMenu","useCallback","e","preventDefault","_useKeyNavigation","useKeyNavigation","onKeyDown","React","createElement","Context","Provider","FloatingPopover","getPlacement","target","childrenWithProps","role","concat","getItemId","toString","undefined","isInner","_extends","cx","classes","style","display","ListWrapper","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useReducer, useRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, base, ListWrapper } from './Dropdown.styles';\nimport { childrenWithProps, getItemByFocused, getItemId, getPlacement } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\nimport { FloatingPopover } from './FloatingPopover';\nimport { Context } from './Dropdown.context';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, Omit<DropdownProps, 'items'>>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n items,\n children,\n placement,\n offset,\n closeOnOverlayClick = true,\n onToggle,\n size,\n view,\n itemRole = 'treeitem',\n className,\n listMaxHeight,\n listWidth,\n listHeight,\n closeOnSelect = true,\n onHover,\n onItemSelect,\n onItemClick,\n trigger = 'click',\n openByRightClick = false,\n variant = 'normal',\n hasArrow = true,\n alwaysOpened = false,\n portal,\n renderItem,\n zIndex,\n beforeList,\n afterList,\n ...rest\n },\n ref,\n ) => {\n const initialPath = alwaysOpened ? ['root'] : [];\n\n const [path, dispatchPath] = useReducer(pathReducer, initialPath);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n const isCurrentListOpen = Boolean(path[0]);\n\n const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n const listWrapperRef = useRef<HTMLDivElement>(null);\n\n const treeId = safeUseId();\n\n // Логика работы при клике за пределами выпадающего списка\n const targetRef = useOutsideClick<HTMLUListElement>((event) => {\n if (!isCurrentListOpen || !closeOnOverlayClick || alwaysOpened) {\n return;\n }\n\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n\n if (onToggle) {\n onToggle(false, event);\n }\n }, floatingPopoverRef);\n\n const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n if (alwaysOpened || opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n\n if (onToggle) {\n onToggle(opened, event);\n }\n };\n\n const onContextMenu = useCallback(\n (e: React.MouseEvent) => {\n e.preventDefault();\n\n if (alwaysOpened) {\n return;\n }\n\n handleGlobalToggle(!isCurrentListOpen, e);\n },\n [handleGlobalToggle, isCurrentListOpen, alwaysOpened],\n );\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleGlobalToggle,\n closeOnSelect,\n onItemSelect,\n onItemClick,\n });\n\n return (\n <Context.Provider\n value={{\n focusedPath,\n size,\n variant,\n itemRole,\n handleGlobalToggle,\n closeOnSelect,\n onHover,\n onItemClick,\n onItemSelect,\n hasArrow,\n treeId,\n renderItem,\n }}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isCurrentListOpen}\n onToggle={handleGlobalToggle}\n placement={getPlacement(placement)}\n offset={offset}\n portal={portal}\n trigger={trigger}\n target={childrenWithProps(children, {\n role: 'combobox',\n 'aria-controls': `${treeId}_tree_level_1`,\n 'aria-expanded': isCurrentListOpen,\n 'aria-activedescendant': activeDescendantItemValue\n ? getItemId(treeId, activeDescendantItemValue.toString())\n : '',\n onKeyDown,\n onContextMenu: openByRightClick ? onContextMenu : undefined,\n })}\n zIndex={zIndex}\n isInner={false}\n >\n <Root\n className={cx(className, classes.dropdownRoot)}\n ref={ref}\n view={view}\n size={size}\n {...rest}\n >\n <ListWrapper ref={listWrapperRef} listWidth={listWidth}>\n <Ul\n ref={targetRef}\n id={`${treeId}_tree_level_1`}\n role=\"tree\"\n listMaxHeight={listMaxHeight || listHeight}\n >\n {beforeList}\n\n {items.map((item, index) => (\n <DropdownInner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n trigger={trigger}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n listWidth={listWidth}\n portal={listWrapperRef}\n />\n ))}\n\n {afterList}\n </Ul>\n </ListWrapper>\n </Root>\n </FloatingPopover>\n </Context.Provider>\n );\n },\n );\n\nexport const dropdownConfig = {\n name: 'Dropdown',\n tag: 'div',\n layout: dropdownRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","ref","_getItemByFocused","items","children","placement","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listMaxHeight","listWidth","listHeight","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$openByRightClick","openByRightClick","_ref$variant","variant","_ref$hasArrow","hasArrow","_ref$alwaysOpened","alwaysOpened","portal","renderItem","zIndex","beforeList","afterList","rest","_objectWithoutProperties","_excluded","initialPath","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","isCurrentListOpen","Boolean","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","activeDescendantItemValue","getItemByFocused","value","floatingPopoverRef","useRef","listWrapperRef","treeId","safeUseId","targetRef","useOutsideClick","event","type","handleGlobalToggle","opened","onContextMenu","useCallback","e","preventDefault","_useKeyNavigation","useKeyNavigation","onKeyDown","React","createElement","Context","Provider","FloatingPopover","getPlacement","target","childrenWithProps","role","concat","getItemId","toString","undefined","isInner","_extends","cx","classes","ListWrapper","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Dropdown.
|
|
1
|
+
import './Dropdown.styles_kkvnr1.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { getCorrectHeight } from './utils/index.js';
|
|
4
4
|
import { tokens } from './Dropdown.tokens.js';
|
|
@@ -23,19 +23,12 @@ var _exp9 = function _exp9() {
|
|
|
23
23
|
return listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto';
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
|
-
var _exp10 = function _exp10() {
|
|
27
|
-
return function (_ref3) {
|
|
28
|
-
var listOverflow = _ref3.listOverflow;
|
|
29
|
-
return listOverflow || 'visible';
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
26
|
var Ul = /*#__PURE__*/styled('ul')({
|
|
33
27
|
name: "Ul",
|
|
34
28
|
"class": "ujr7fmv",
|
|
35
29
|
propsAsIs: false,
|
|
36
30
|
vars: {
|
|
37
|
-
"ujr7fmv-0": [/*#__PURE__*/_exp9()]
|
|
38
|
-
"ujr7fmv-1": [/*#__PURE__*/_exp10()]
|
|
31
|
+
"ujr7fmv-0": [/*#__PURE__*/_exp9()]
|
|
39
32
|
}
|
|
40
33
|
});
|
|
41
34
|
var base = "byfocd2";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.styles.js","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { getCorrectHeight } from './utils';\nimport { DropdownProps } from './Dropdown.types';\nimport { tokens, constants } from './Dropdown.tokens';\n\nexport const ListWrapper = styled.div<{\n listWidth?: DropdownProps['listWidth'];\n}>`\n width: ${({ listWidth }) => listWidth || `var(${tokens.width})`};\n padding: calc(var(${tokens.padding}) + var(${tokens.borderWidth}, 0rem));\n border-radius: var(${tokens.borderRadius});\n box-sizing: border-box;\n background: var(${constants.background});\n box-shadow: ${constants.boxShadow},\n inset 0 0 0 var(${tokens.borderWidth}, 0) var(${tokens.borderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n listMaxHeight: DropdownProps['listHeight'];\n
|
|
1
|
+
{"version":3,"file":"Dropdown.styles.js","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { getCorrectHeight } from './utils';\nimport { DropdownProps } from './Dropdown.types';\nimport { tokens, constants } from './Dropdown.tokens';\n\nexport const ListWrapper = styled.div<{\n listWidth?: DropdownProps['listWidth'];\n}>`\n width: ${({ listWidth }) => listWidth || `var(${tokens.width})`};\n padding: calc(var(${tokens.padding}) + var(${tokens.borderWidth}, 0rem));\n border-radius: var(${tokens.borderRadius});\n box-sizing: border-box;\n background: var(${constants.background});\n box-shadow: ${constants.boxShadow},\n inset 0 0 0 var(${tokens.borderWidth}, 0) var(${tokens.borderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n listMaxHeight: DropdownProps['listHeight'];\n}>`\n max-height: ${({ listMaxHeight }) => (listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto')};\n overflow-x: hidden;\n overflow-y: auto;\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem));\n margin: 0;\n padding: 0;\n`;\n\nexport const base = css``;\n"],"names":["_exp","_ref","listWidth","concat","tokens","width","ListWrapper","styled","name","class","propsAsIs","vars","_exp9","_ref2","listMaxHeight","getCorrectHeight","Ul","base"],"mappings":";;;;AAKsD,IAAAA,IAAA,GAJpCA,SAIoCA,IAAAA,GAAA;AAAA,EAAA,OAKzC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACC,KAAK,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH5D,IAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGpBX,IAAsD,EAAA,CAAA;AAAA,GAAA;AAAA,CAOlE,EAAA;AAAC,IAAAY,KAAA,GAhBgBA,SAgBhBA,KAAAA,GAAA;AAAA,EAAA,OAKgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,aAAa,GAAGC,gBAAgB,CAACD,aAAa,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH5F,IAAME,EAAE,gBAAGT,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGNC,KAAiF,EAAA,CAAA;AAAA,GAAA;AAAA,CAMlG,EAAA;AAEM,IAAMK,IAAI,GAAQ;;;;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.ln7uamp{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);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-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
|
|
2
|
-
.ujr7fmv{max-height:var(--ujr7fmv-0);overflow-y:
|
|
2
|
+
.ujr7fmv{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
|
|
3
3
|
|
|
@@ -171,13 +171,9 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
|
171
171
|
case keys.Tab:
|
|
172
172
|
case keys.Escape:
|
|
173
173
|
{
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
}
|
|
177
|
-
dispatchPath({
|
|
178
|
-
type: 'reset'
|
|
179
|
-
});
|
|
180
|
-
handleGlobalToggle(false, event);
|
|
174
|
+
if (path[0]) {
|
|
175
|
+
handleGlobalToggle(false, event);
|
|
176
|
+
}
|
|
181
177
|
break;
|
|
182
178
|
}
|
|
183
179
|
case keys.Home:
|