@salutejs/plasma-new-hope 0.336.0-canary.2205.17459950815.0 → 0.336.0-canary.2205.17469493929.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 +5 -6
- 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 +5 -6
- 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 +5 -6
- 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 +7 -0
- 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 +5 -6
- 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 +4 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
- package/styled-components/cjs/components/Dropdown/Dropdown.js +5 -6
- 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/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
- package/styled-components/es/components/Dropdown/Dropdown.js +5 -6
- 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/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
@@ -8,7 +8,7 @@ var mergedConfig = mergeConfig(emptyStateConfig);
|
|
8
8
|
var EmptyState = component(mergedConfig);
|
9
9
|
export var ListWrapper = styled.div.withConfig({
|
10
10
|
displayName: "Combobox.styles__ListWrapper",
|
11
|
-
componentId: "sc-
|
11
|
+
componentId: "sc-21c5f0bf-0"
|
12
12
|
})([
|
13
13
|
"width:",
|
14
14
|
";padding:calc(var(",
|
@@ -25,10 +25,10 @@ export var ListWrapper = styled.div.withConfig({
|
|
25
25
|
}, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
|
26
26
|
export var Ul = styled.ul.withConfig({
|
27
27
|
displayName: "Combobox.styles__Ul",
|
28
|
-
componentId: "sc-
|
28
|
+
componentId: "sc-21c5f0bf-1"
|
29
29
|
})([
|
30
30
|
"max-height:",
|
31
|
-
";overflow-y:",
|
31
|
+
";overflow-x:hidden;overflow-y:",
|
32
32
|
";border-radius:calc(var(",
|
33
33
|
") - 0.125rem - var(",
|
34
34
|
",0rem));margin:0;padding:0;.",
|
@@ -42,7 +42,7 @@ export var Ul = styled.ul.withConfig({
|
|
42
42
|
}, tokens.borderRadius, tokens.dropdownBorderWidth, classes.emptyStateWrapper);
|
43
43
|
export var IconArrowWrapper = styled.div.withConfig({
|
44
44
|
displayName: "Combobox.styles__IconArrowWrapper",
|
45
|
-
componentId: "sc-
|
45
|
+
componentId: "sc-21c5f0bf-2"
|
46
46
|
})([
|
47
47
|
"line-height:0;color:var(",
|
48
48
|
");cursor:",
|
@@ -63,7 +63,7 @@ export var sizeMap = {
|
|
63
63
|
};
|
64
64
|
export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
|
65
65
|
displayName: "Combobox.styles__StyledArrow",
|
66
|
-
componentId: "sc-
|
66
|
+
componentId: "sc-21c5f0bf-3"
|
67
67
|
})([
|
68
68
|
"width:",
|
69
69
|
";height:",
|
@@ -80,7 +80,7 @@ export var base = css([
|
|
80
80
|
]);
|
81
81
|
export var StyledEmptyState = styled(EmptyState).withConfig({
|
82
82
|
displayName: "Combobox.styles__StyledEmptyState",
|
83
|
-
componentId: "sc-
|
83
|
+
componentId: "sc-21c5f0bf-4"
|
84
84
|
})([
|
85
85
|
"",
|
86
86
|
":var(",
|
@@ -102,7 +102,7 @@ export var StyledEmptyState = styled(EmptyState).withConfig({
|
|
102
102
|
], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);
|
103
103
|
export var StyledLeftHelper = styled.span.withConfig({
|
104
104
|
displayName: "Combobox.styles__StyledLeftHelper",
|
105
|
-
componentId: "sc-
|
105
|
+
componentId: "sc-21c5f0bf-5"
|
106
106
|
})([
|
107
107
|
"margin:0;padding:0;"
|
108
108
|
]);
|
@@ -119,7 +119,7 @@ import { Context } from "./Dropdown.context";
|
|
119
119
|
* Выпадающий список.
|
120
120
|
*/ export var dropdownRoot = function(Root) {
|
121
121
|
return /*#__PURE__*/ forwardRef(function(_param, ref) {
|
122
|
-
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,
|
122
|
+
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, [
|
123
123
|
"items",
|
124
124
|
"children",
|
125
125
|
"placement",
|
@@ -133,7 +133,6 @@ import { Context } from "./Dropdown.context";
|
|
133
133
|
"listMaxHeight",
|
134
134
|
"listWidth",
|
135
135
|
"listHeight",
|
136
|
-
"listOverflow",
|
137
136
|
"closeOnSelect",
|
138
137
|
"onHover",
|
139
138
|
"onItemSelect",
|
@@ -159,6 +158,7 @@ import { Context } from "./Dropdown.context";
|
|
159
158
|
var _useHashMaps = _sliced_to_array(useHashMaps(items), 2), pathMap = _useHashMaps[0], focusedToValueMap = _useHashMaps[1];
|
160
159
|
var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
|
161
160
|
var floatingPopoverRef = useRef(null);
|
161
|
+
var listWrapperRef = useRef(null);
|
162
162
|
var treeId = safeUseId();
|
163
163
|
// Логика работы при клике за пределами выпадающего списка
|
164
164
|
var targetRef = useOutsideClick(function(event) {
|
@@ -257,12 +257,12 @@ import { Context } from "./Dropdown.context";
|
|
257
257
|
display: 'inline-block'
|
258
258
|
}
|
259
259
|
}, rest), /*#__PURE__*/ React.createElement(ListWrapper, {
|
260
|
+
ref: listWrapperRef,
|
260
261
|
listWidth: listWidth
|
261
262
|
}, /*#__PURE__*/ React.createElement(Ul, {
|
262
263
|
ref: targetRef,
|
263
264
|
id: "".concat(treeId, "_tree_level_1"),
|
264
265
|
role: "tree",
|
265
|
-
listOverflow: listOverflow,
|
266
266
|
listMaxHeight: listMaxHeight || listHeight
|
267
267
|
}, beforeList, items.map(function(item, index) {
|
268
268
|
return /*#__PURE__*/ React.createElement(DropdownInner, {
|
@@ -273,9 +273,8 @@ import { Context } from "./Dropdown.context";
|
|
273
273
|
path: path,
|
274
274
|
dispatchPath: dispatchPath,
|
275
275
|
index: index,
|
276
|
-
|
277
|
-
|
278
|
-
listWidth: listWidth
|
276
|
+
listWidth: listWidth,
|
277
|
+
portal: listWrapperRef
|
279
278
|
});
|
280
279
|
}), afterList)))));
|
281
280
|
});
|
@@ -4,7 +4,7 @@ import { getCorrectHeight } from "./utils";
|
|
4
4
|
import { tokens, constants } from "./Dropdown.tokens";
|
5
5
|
export var ListWrapper = styled.div.withConfig({
|
6
6
|
displayName: "Dropdown.styles__ListWrapper",
|
7
|
-
componentId: "sc-
|
7
|
+
componentId: "sc-768e302d-0"
|
8
8
|
})([
|
9
9
|
"width:",
|
10
10
|
";padding:calc(var(",
|
@@ -21,19 +21,15 @@ export var ListWrapper = styled.div.withConfig({
|
|
21
21
|
}, tokens.padding, tokens.borderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.borderWidth, tokens.borderColor);
|
22
22
|
export var Ul = styled.ul.withConfig({
|
23
23
|
displayName: "Dropdown.styles__Ul",
|
24
|
-
componentId: "sc-
|
24
|
+
componentId: "sc-768e302d-1"
|
25
25
|
})([
|
26
26
|
"max-height:",
|
27
|
-
";overflow-y:",
|
28
|
-
";border-radius:calc(var(",
|
27
|
+
";overflow-x:hidden;overflow-y:auto;border-radius:calc(var(",
|
29
28
|
") - 0.125rem - var(",
|
30
29
|
",0rem));margin:0;padding:0;"
|
31
30
|
], function(param) {
|
32
31
|
var listMaxHeight = param.listMaxHeight;
|
33
32
|
return listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto';
|
34
|
-
}, function(param) {
|
35
|
-
var listOverflow = param.listOverflow;
|
36
|
-
return listOverflow || 'visible';
|
37
33
|
}, tokens.borderRadius, tokens.borderWidth);
|
38
34
|
export var base = css([
|
39
35
|
""
|
@@ -162,13 +162,9 @@ export var useKeyNavigation = function(param) {
|
|
162
162
|
case keys.Tab:
|
163
163
|
case keys.Escape:
|
164
164
|
{
|
165
|
-
|
166
|
-
|
167
|
-
}
|
168
|
-
dispatchPath({
|
169
|
-
type: 'reset'
|
170
|
-
});
|
171
|
-
handleGlobalToggle(false, event);
|
165
|
+
if (path[0]) {
|
166
|
+
handleGlobalToggle(false, event);
|
167
|
+
}
|
172
168
|
break;
|
173
169
|
}
|
174
170
|
case keys.Home:
|
@@ -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
|
}
|
@@ -4,7 +4,7 @@ import { getCorrectHeight } from "./utils";
|
|
4
4
|
import { tokens, constants } from "./Select.tokens";
|
5
5
|
export var ListWrapper = styled.div.withConfig({
|
6
6
|
displayName: "Select.styles__ListWrapper",
|
7
|
-
componentId: "sc-
|
7
|
+
componentId: "sc-3f8cf8d4-0"
|
8
8
|
})([
|
9
9
|
"width:",
|
10
10
|
";padding:calc(var(",
|
@@ -21,10 +21,10 @@ export var ListWrapper = styled.div.withConfig({
|
|
21
21
|
}, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
|
22
22
|
export var Ul = styled.ul.withConfig({
|
23
23
|
displayName: "Select.styles__Ul",
|
24
|
-
componentId: "sc-
|
24
|
+
componentId: "sc-3f8cf8d4-1"
|
25
25
|
})([
|
26
26
|
"max-height:",
|
27
|
-
";overflow-y:",
|
27
|
+
";overflow-x:hidden;overflow-y:",
|
28
28
|
";border-radius:calc(var(",
|
29
29
|
") - 0.125rem - var(",
|
30
30
|
",0rem));margin:0;padding:0;"
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,eAAO,MAAM,WAAW;gBACR,aAAa,CAAC,WAAW,CAAC;EASzC,CAAC;AAEF,eAAO,MAAM,EAAE;aACF,aAAa,CAAC,SAAS,CAAC;oBACjB,aAAa,CAAC,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,eAAO,MAAM,WAAW;gBACR,aAAa,CAAC,WAAW,CAAC;EASzC,CAAC;AAEF,eAAO,MAAM,EAAE;aACF,aAAa,CAAC,SAAS,CAAC;oBACjB,aAAa,CAAC,eAAe,CAAC;EAYjD,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAA0B,OAAO;EAc7D,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAG1C,CAAC;AAEF,eAAO,MAAM,WAAW,qJAGvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B,eAAO,MAAM,gBAAgB,oQAS5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAG5B,CAAC"}
|
@@ -15,7 +15,6 @@ export declare const dropdownRoot: (Root: RootProps<HTMLDivElement, Omit<Dropdow
|
|
15
15
|
openByRightClick?: boolean;
|
16
16
|
placement?: import("./Dropdown.types").DropdownPlacement;
|
17
17
|
offset?: [number, number];
|
18
|
-
listOverflow?: React.CSSProperties["overflow"];
|
19
18
|
listMaxHeight?: React.CSSProperties["height"];
|
20
19
|
listWidth?: React.CSSProperties["width"];
|
21
20
|
hasArrow?: boolean;
|
@@ -33,6 +32,7 @@ export declare const dropdownRoot: (Root: RootProps<HTMLDivElement, Omit<Dropdow
|
|
33
32
|
onItemClick?: ((item: import(".").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
|
34
33
|
listHeight?: React.CSSProperties["height"];
|
35
34
|
hoverIndex?: number;
|
35
|
+
listOverflow?: React.CSSProperties["overflow"];
|
36
36
|
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
37
37
|
export declare const dropdownConfig: {
|
38
38
|
name: string;
|
@@ -48,7 +48,6 @@ export declare const dropdownConfig: {
|
|
48
48
|
openByRightClick?: boolean;
|
49
49
|
placement?: import("./Dropdown.types").DropdownPlacement;
|
50
50
|
offset?: [number, number];
|
51
|
-
listOverflow?: React.CSSProperties["overflow"];
|
52
51
|
listMaxHeight?: React.CSSProperties["height"];
|
53
52
|
listWidth?: React.CSSProperties["width"];
|
54
53
|
hasArrow?: boolean;
|
@@ -66,6 +65,7 @@ export declare const dropdownConfig: {
|
|
66
65
|
onItemClick?: ((item: import(".").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
|
67
66
|
listHeight?: React.CSSProperties["height"];
|
68
67
|
hoverIndex?: number;
|
68
|
+
listOverflow?: React.CSSProperties["overflow"];
|
69
69
|
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
70
70
|
base: import("@linaria/core").LinariaClassName;
|
71
71
|
variations: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAG3E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,kBAAkB,CAAC;AAO9E;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAG3E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,kBAAkB,CAAC;AAO9E;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;sBA4C7B,MAAO,SAAS;4DAGnD,MAAO,SAAS;;;;;;;;+EAsIrC,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAvLQ,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;0BA4C7B,MAAO,SAAS;gEAGnD,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;CAyJzC,CAAC"}
|
@@ -4,7 +4,6 @@ export declare const ListWrapper: import("@linaria/react").StyledComponent<impor
|
|
4
4
|
}>;
|
5
5
|
export declare const Ul: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & {
|
6
6
|
listMaxHeight: DropdownProps["listHeight"];
|
7
|
-
listOverflow: DropdownProps["listOverflow"];
|
8
7
|
}>;
|
9
8
|
export declare const base: import("@linaria/core").LinariaClassName;
|
10
9
|
//# sourceMappingURL=Dropdown.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,WAAW;gBACR,aAAa,CAAC,WAAW,CAAC;EASzC,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,YAAY,CAAC;
|
1
|
+
{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,WAAW;gBACR,aAAa,CAAC,WAAW,CAAC;EASzC,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,YAAY,CAAC;EAQ7C,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
@@ -50,10 +50,6 @@ export type DropdownProps<T extends DropdownItemOption = DropdownItemOption> = {
|
|
50
50
|
* @default [0, 8]
|
51
51
|
*/
|
52
52
|
offset?: [number, number];
|
53
|
-
/**
|
54
|
-
* Значение css overflow для выпадающего меню.
|
55
|
-
*/
|
56
|
-
listOverflow?: CSSProperties['overflow'];
|
57
53
|
/**
|
58
54
|
* Максимальная высота выпадающего списка.
|
59
55
|
*/
|
@@ -118,7 +114,7 @@ export type DropdownProps<T extends DropdownItemOption = DropdownItemOption> = {
|
|
118
114
|
/**
|
119
115
|
* Значение css height для выпадающего меню.
|
120
116
|
* @default initial
|
121
|
-
* @deprecated
|
117
|
+
* @deprecated Использовать listMaxHeight.
|
122
118
|
* @example listHeight="11", listHeight="auto", listHeight={11}
|
123
119
|
*/
|
124
120
|
listHeight?: CSSProperties['height'];
|
@@ -127,6 +123,10 @@ export type DropdownProps<T extends DropdownItemOption = DropdownItemOption> = {
|
|
127
123
|
* @deprecated использовать onHover
|
128
124
|
*/
|
129
125
|
hoverIndex?: number;
|
126
|
+
/**
|
127
|
+
* @deprecated Скролл применится автоматически при использовании listMaxHeight.
|
128
|
+
*/
|
129
|
+
listOverflow?: CSSProperties['overflow'];
|
130
130
|
} & HTMLAttributes<HTMLDivElement>;
|
131
131
|
export type HandleGlobalToggleType = (opened: boolean, event: SyntheticEvent | Event) => void;
|
132
132
|
export type PlacementType = 'auto' | 'top-start' | 'right-start' | 'bottom-start' | 'left-start';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7E,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,IAAI;IAC3E;;OAEG;IACH,KAAK,EAAE,CAAC,EAAE,CAAC;IACX;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACxD;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,
|
1
|
+
{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownInner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,
|
1
|
+
{"version":3,"file":"DropdownInner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsEzC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { Dispatch } from 'react';
|
1
|
+
import type { Dispatch, RefObject } from 'react';
|
2
2
|
import type { DropdownItemOption } from '../DropdownItem/DropdownItem.type';
|
3
3
|
import type { DropdownProps } from '../../Dropdown.types';
|
4
4
|
import type { PathState, PathAction } from '../../reducers/pathReducer';
|
@@ -9,8 +9,7 @@ export interface DropdownInnerProps {
|
|
9
9
|
dispatchPath: Dispatch<PathAction>;
|
10
10
|
index: number;
|
11
11
|
trigger: DropdownProps['trigger'];
|
12
|
-
listMaxHeight: DropdownProps['listHeight'];
|
13
|
-
listOverflow: DropdownProps['listOverflow'];
|
14
12
|
listWidth: DropdownProps['listWidth'];
|
13
|
+
portal: RefObject<HTMLElement>;
|
15
14
|
}
|
16
15
|
//# sourceMappingURL=DropdownInner.type.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownInner.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"DropdownInner.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExE,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,kBAAkB,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CAClC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { HTMLAttributes, ReactNode } from 'react';
|
1
|
+
import type { HTMLAttributes, ReactNode, CSSProperties } from 'react';
|
2
2
|
import type { PathState } from '../../reducers/pathReducer';
|
3
3
|
import type { DropdownPlacement, DropdownTrigger } from '../../Dropdown.types';
|
4
4
|
export type DropdownItemOption = {
|
@@ -11,7 +11,7 @@ export type DropdownItemOption = {
|
|
11
11
|
*/
|
12
12
|
label: string;
|
13
13
|
/**
|
14
|
-
* Сторона открытия вложенного
|
14
|
+
* Сторона открытия вложенного выпадающего списка относительно текущего элемента
|
15
15
|
*/
|
16
16
|
placement?: DropdownPlacement;
|
17
17
|
/**
|
@@ -47,6 +47,10 @@ export type DropdownItemOption = {
|
|
47
47
|
* Имеет больший приоритет над одноименным свойством из DropdownProps.
|
48
48
|
*/
|
49
49
|
trigger?: DropdownTrigger;
|
50
|
+
/**
|
51
|
+
* Максимальная высота дочернего выпадающего списка.
|
52
|
+
*/
|
53
|
+
listMaxHeight?: CSSProperties['height'];
|
50
54
|
/**
|
51
55
|
* Выбранный item.
|
52
56
|
* @deprecated использовать ContentLeft || ContentRight
|
@@ -58,7 +62,7 @@ export type DropdownItemOption = {
|
|
58
62
|
*/
|
59
63
|
color?: string;
|
60
64
|
/**
|
61
|
-
*
|
65
|
+
* Item не активен
|
62
66
|
* @deprecated использовать disabled
|
63
67
|
*/
|
64
68
|
isDisabled?: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownItem.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"DropdownItem.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE/E,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,aAAa,CAAC;IACpE,IAAI,EAAE,kBAAkB,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;CAClD"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,WAAW;gBACR,WAAW,CAAC,WAAW,CAAC;EASvC,CAAC;AAEF,eAAO,MAAM,EAAE;aACF,WAAW,CAAC,SAAS,CAAC;oBACf,WAAW,CAAC,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,WAAW;gBACR,WAAW,CAAC,WAAW,CAAC;EASvC,CAAC;AAEF,eAAO,MAAM,EAAE;aACF,WAAW,CAAC,SAAS,CAAC;oBACf,WAAW,CAAC,eAAe,CAAC;EAU/C,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
@@ -20,7 +20,6 @@ export declare const Dropdown: import("react").FunctionComponent<import("../../.
|
|
20
20
|
openByRightClick?: boolean;
|
21
21
|
placement?: import("../../../components/Dropdown/Dropdown.types").DropdownPlacement;
|
22
22
|
offset?: [number, number];
|
23
|
-
listOverflow?: import("react").CSSProperties["overflow"];
|
24
23
|
listMaxHeight?: import("react").CSSProperties["height"];
|
25
24
|
listWidth?: import("react").CSSProperties["width"];
|
26
25
|
hasArrow?: boolean;
|
@@ -38,5 +37,6 @@ export declare const Dropdown: import("react").FunctionComponent<import("../../.
|
|
38
37
|
onItemClick?: ((item: import("../../../components/Dropdown").DropdownItemOption, event: import("react").SyntheticEvent) => void) | undefined;
|
39
38
|
listHeight?: import("react").CSSProperties["height"];
|
40
39
|
hoverIndex?: number;
|
40
|
+
listOverflow?: import("react").CSSProperties["overflow"];
|
41
41
|
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
42
42
|
//# sourceMappingURL=Dropdown.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Dropdown/Dropdown.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Dropdown/Dropdown.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAC2pE,MAAO,SAAS;uFAAgI,MAAO,SAAS;;;;;;;;mGADjyE,CAAC"}
|